.escrow-card{border-radius:var(--app-radius-lg,12px);border:1px solid var(--app-border-default,#2a362e);background:var(--app-surface-1,#111613);flex-direction:column;gap:16px;min-width:0;max-width:100%;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.escrow-card:hover{border-color:#a3e63559;box-shadow:0 10px 28px -16px #a3e63538}.highlight-pulse{border-color:var(--app-lime,#a3e635);box-shadow:0 0 0 1px #a3e63540}.action-required-banner{background-color:var(--app-yellow-subtle,#eab3081f);color:var(--app-yellow,#eab308);border-radius:var(--app-radius-sm,6px);border:1px solid #eab3084d;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:600;display:flex}.escrow-header{border-bottom:1px solid var(--app-border-subtle,#1e2621);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.escrow-header-left{flex-direction:column;gap:4px;min-width:0;display:flex}.escrow-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.escrow-header h3{color:var(--app-text-primary,#f2f5f3);font-variant-numeric:tabular-nums;margin:0;font-size:.95rem;font-weight:700}.escrow-meta-tag{color:var(--app-text-secondary,#9ca8a1);background:var(--app-surface-2,#171e1a);border:1px solid var(--app-border-subtle,#1e2621);border-radius:var(--app-radius-sm,6px);font-variant-numeric:tabular-nums;padding:2px 8px;font-size:.75rem;font-weight:500}.escrow-reference{color:var(--app-lime-hover,#bef264);word-break:break-word;font-size:.82rem;font-weight:500}.escrow-badge{border-radius:var(--app-radius-sm,6px);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.escrow-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.escrow-badge--awaiting,.escrow-badge--expired{background:var(--app-yellow-subtle,#eab3081f);color:var(--app-yellow,#eab308);border:1px solid #eab30852}.escrow-badge--progress,.escrow-badge--completed{background:var(--app-green-subtle,#22c55e1f);color:var(--app-green,#22c55e);border:1px solid #22c55e52}.escrow-badge--mediation{background:var(--app-red-subtle,#ef44441f);color:var(--app-red,#ef4444);border:1px solid #ef444459}.escrow-badge--cancelled{background:var(--app-surface-2,#171e1a);color:var(--app-text-secondary,#9ca8a1);border:1px solid var(--app-border-default,#2a362e)}.escrow-summary{flex-direction:column;gap:12px;display:flex}.escrow-amount-block{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.value.amount{color:var(--app-text-primary,#f2f5f3);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.value.amount .token-sym{color:var(--app-lime,#a3e635);margin-left:6px;font-size:.95rem;font-weight:600}.escrow-deadline{color:var(--app-text-secondary,#9ca8a1);font-variant-numeric:tabular-nums;font-size:.8rem}.escrow-deadline.is-expired{color:var(--app-yellow,#eab308);font-weight:600}.escrow-body{background:var(--app-surface-2,#171e1a);border:1px solid var(--app-border-subtle,#1e2621);border-radius:var(--app-radius-md,8px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px;display:grid}.escrow-party{flex-direction:column;gap:2px;min-width:0;display:flex}.escrow-party .label{color:var(--app-text-muted,#627067);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.escrow-party .value.address{font-variant-numeric:tabular-nums;color:var(--app-text-primary,#f2f5f3);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;font-weight:500;display:inline-flex}.you-tag{font-family:var(--font-main);color:var(--app-lime,#a3e635);background:var(--app-lime-subtle,#a3e6351f);border-radius:var(--app-radius-sm,6px);padding:1px 6px;font-size:.68rem;font-weight:600}.escrow-timeline{background:var(--app-surface-2,#171e1a);border-radius:var(--app-radius-md,8px);border:1px solid var(--app-border-subtle,#1e2621);padding:12px}.timeline-track{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.timeline-step{color:var(--app-text-muted,#627067);white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.timeline-step.is-done{color:var(--app-green,#22c55e)}.timeline-step.is-active{color:var(--app-text-primary,#f2f5f3);font-weight:600}.timeline-step.is-warn{color:var(--app-yellow,#eab308);font-weight:600}.timeline-step.is-danger{color:var(--app-red,#ef4444);font-weight:600}.timeline-node{border:1.5px solid var(--app-border-default,#2a362e);background:var(--app-surface-1,#111613);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.timeline-step.is-done .timeline-node{border-color:var(--app-green,#22c55e);background:var(--app-green-subtle,#22c55e1f);color:var(--app-green,#22c55e)}.timeline-step.is-active .timeline-node{border-color:var(--app-lime,#a3e635);background:var(--app-lime-subtle,#a3e6351f);color:var(--app-lime,#a3e635)}.timeline-step.is-warn .timeline-node{border-color:var(--app-yellow,#eab308);background:var(--app-yellow-subtle,#eab3081f);color:var(--app-yellow,#eab308)}.timeline-step.is-danger .timeline-node{border-color:var(--app-red,#ef4444);background:var(--app-red-subtle,#ef44441f);color:var(--app-red,#ef4444)}.timeline-line{background:var(--app-border-default,#2a362e);flex:1;min-width:12px;height:1px}.timeline-line.is-done{background:var(--app-green,#22c55e)}.timeline-line.is-danger{background:var(--app-red,#ef4444)}.escrow-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.escrow-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.btn-app-primary{background:var(--app-lime,#a3e635);color:var(--app-bg-canvas,#090c0a);border:1px solid var(--app-lime,#a3e635);border-radius:var(--app-radius-md,8px);min-height:36px;box-shadow:none;padding:0 16px;font-size:.85rem;font-weight:600}.btn-app-primary:hover{background:var(--app-lime-hover,#bef264);border-color:var(--app-lime-hover,#bef264);color:var(--app-bg-canvas,#090c0a);transform:translateY(-1px);box-shadow:0 4px 14px #a3e63540}.btn-app-secondary{background:var(--app-surface-2,#171e1a);color:var(--app-text-primary,#f2f5f3);border:1px solid var(--app-border-default,#2a362e);border-radius:var(--app-radius-md,8px);min-height:36px;padding:0 14px;font-size:.82rem;font-weight:500}.btn-app-secondary:hover{border-color:var(--app-text-secondary,#9ca8a1);background:var(--app-surface-3,#1f2923)}.btn-app-danger{color:var(--app-red,#ef4444);border-radius:var(--app-radius-md,8px);background:0 0;border:1px solid #ef444459;min-height:36px;padding:0 12px;font-size:.8rem;font-weight:500}.btn-app-danger:hover{background:var(--app-red-subtle,#ef44441f);border-color:var(--app-red,#ef4444)}.escrow-details-toggle{color:var(--app-text-secondary,#9ca8a1);font-family:var(--font-main);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:.8rem;font-weight:500;transition:color .15s;display:inline-flex}.escrow-details-toggle:hover{color:var(--app-text-primary,#f2f5f3)}.escrow-gas-note{width:100%;color:var(--app-text-primary,#f2f5f3);border-radius:var(--app-radius-sm,6px);background:#eab30814;border:1px solid #eab30866;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;font-size:.78rem;display:flex}.escrow-demo-cta{background:var(--app-lime-subtle,#a3e6351f);border-radius:var(--app-radius-md,8px);width:100%;color:var(--app-text-primary,#f2f5f3);border:1px solid #a3e63573;margin-top:12px;padding:14px 16px;font-size:.85rem;line-height:1.5}.escrow-demo-cta p{margin:0 0 8px}.escrow-demo-cta p:first-child{color:var(--app-lime,#a3e635);font-weight:600}.escrow-demo-cta-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.escrow-demo-cta-actions .btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (max-width:480px){.escrow-demo-cta-actions .btn{flex:100%}}.escrow-gas-btn{border-color:var(--app-yellow,#eab308);color:var(--app-yellow,#eab308);padding:6px 12px;font-size:.78rem}.escrow-stale-note{width:100%;color:var(--app-text-secondary,#9ca8a1);background:var(--app-surface-2,#171e1a);border:1px solid var(--app-border-subtle,#1e2621);border-radius:var(--app-radius-sm,6px);font-variant-numeric:tabular-nums;padding:8px 10px;font-size:.76rem}.escrow-drawer{border-top:1px solid var(--app-border-subtle,#1e2621);flex-direction:column;gap:12px;padding-top:14px;display:flex}.escrow-tabs{flex-wrap:wrap;gap:6px;display:flex}.escrow-tab-btn{background:var(--app-surface-2,#171e1a);color:var(--app-text-secondary,#9ca8a1);border:1px solid var(--app-border-subtle,#1e2621);border-radius:var(--app-radius-sm,6px);font-family:var(--font-main);cursor:pointer;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.escrow-tab-btn:hover{color:var(--app-text-primary,#f2f5f3);border-color:var(--app-border-default,#2a362e)}.escrow-tab-btn.is-active{background:var(--app-lime-subtle,#a3e6351f);color:var(--app-lime,#a3e635);border-color:#a3e63566;font-weight:600}.escrow-details-pane{color:var(--app-text-secondary,#9ca8a1);background:var(--app-surface-2,#171e1a);border-radius:var(--app-radius-md,8px);border:1px solid var(--app-border-subtle,#1e2621);flex-direction:column;gap:8px;padding:12px;font-size:.82rem;display:flex}.escrow-details-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.escrow-details-links{border-top:1px solid var(--app-border-subtle,#1e2621);flex-wrap:wrap;gap:14px;margin-top:6px;padding-top:8px;display:flex}.escrow-link-btn{color:var(--app-lime,#a3e635);font-family:var(--font-main);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500;text-decoration:underline}.escrow-link-btn:hover{color:var(--app-lime-hover,#bef264)}.escrow-modal-backdrop{z-index:250;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090c0ad1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.escrow-modal-box{background:var(--app-surface-3,#1f2923);border:1px solid var(--app-border-default,#2a362e);border-radius:var(--app-radius-xl,16px);width:100%;max-width:460px;color:var(--app-text-primary,#f2f5f3);flex-direction:column;max-height:min(92vh,92dvh);padding:0;display:flex;overflow:hidden}.escrow-modal-box>h3{flex-shrink:0;padding:20px 24px 0}.escrow-modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--app-border-default,#2a362e) transparent;flex:auto;min-height:0;padding:0 24px 16px;overflow-y:auto}.escrow-modal-body>:last-child{margin-bottom:0}.escrow-modal-actions{border-top:1px solid var(--app-border-subtle,#1e2621);flex-shrink:0;padding:14px 24px 18px}@media (max-width:480px){.escrow-modal-box>h3{padding:16px 16px 0}.escrow-modal-body{padding:0 16px 14px}.escrow-modal-actions{padding:12px 16px 14px}.escrow-card{padding:16px}.timeline-track{align-items:flex-start;gap:4px}.timeline-step{text-align:center;white-space:normal;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0}.escrow-timeline .timeline-label{word-break:normal;overflow-wrap:normal;font-size:.68rem;line-height:1.2}.timeline-line{align-self:flex-start;min-width:8px;margin-top:9px}.escrow-footer{flex-direction:column;align-items:stretch}.escrow-actions{justify-content:flex-end;width:100%;margin-left:0}}