:root{color-scheme:dark;--bg: #09101b;--bg-accent: #0f1727;--surface: rgba(13, 21, 35, .94);--surface-elevated: rgba(19, 28, 44, .98);--surface-soft: rgba(24, 35, 53, .94);--line: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .28);--text: #f8fafc;--text-soft: #cbd5e1;--text-muted: #94a3b8;--shadow: 0 30px 70px rgba(2, 6, 23, .45);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--pill: 999px;--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .18);--green: #22c55e;--green-soft: rgba(34, 197, 94, .16);--orange: #f59e0b;--orange-soft: rgba(245, 158, 11, .18);--red: #ef4444;--red-soft: rgba(239, 68, 68, .16);--violet: #8b5cf6;--violet-soft: rgba(139, 92, 246, .18);--teal: #14b8a6;--teal-soft: rgba(20, 184, 166, .18);--gray: #94a3b8;--gray-soft: rgba(148, 163, 184, .16);--yellow: #eab308;--yellow-soft: rgba(234, 179, 8, .18)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 24%),radial-gradient(circle at top right,rgba(139,92,246,.14),transparent 20%),linear-gradient(180deg,#07111d,#0b1322)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#0f1724f5;color:var(--text);padding:.85rem .95rem}textarea{min-height:132px;resize:vertical}label{display:grid;gap:.5rem}label span{color:var(--text-soft);font-size:.92rem}p{margin:0;color:var(--text-soft);line-height:1.55}h1,h2,h3,strong{color:var(--text)}.app-shell{max-width:1600px;margin:0 auto;padding:1.5rem}.top-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.1rem;background:#0b121ec7;border:1px solid rgba(148,163,184,.12);border-radius:var(--pill);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);position:sticky;top:1rem;z-index:10;box-shadow:var(--shadow)}.brand-block{display:flex;align-items:center;gap:.9rem}.brand-block p{font-size:.85rem;color:var(--text-muted)}.brand-mark{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:800}.main-nav,.top-nav-actions,.summary-strip,.action-row,.queue-pill-row,.thread-pill-row,.queue-filter-row,.composer-tags{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.main-nav{justify-content:center}.nav-button,.toolbar-button,.view-card,.queue-row,.stage-card,.contact-row,.settings-link{border:1px solid transparent;transition:.18s ease}.nav-button{border-radius:var(--pill);padding:.7rem 1rem;background:transparent;color:var(--text-soft);display:inline-flex;align-items:center;gap:.55rem}.nav-button.active,.nav-button:hover{color:var(--text);background:#ffffff0f;border-color:#94a3b81f}.nav-dot{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;opacity:.65}.summary-strip{margin:1rem 0 1.2rem}.page-shell{display:grid}.screen-surface,.surface,.section-card,.message-card,.composer-card,.login-card,.contact-hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.surface{border-radius:var(--radius-xl);padding:1.3rem}.surface-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.surface-header h2,.section-card h3,.queue-toolbar h3,.thread-header h3,.contact-hero h3{margin:0;font-size:1.5rem;letter-spacing:-.03em}.surface-header p{margin-top:.45rem}.screen-stack,.screen-grid{display:grid;gap:1rem}.inbox-grid{grid-template-columns:minmax(320px,.72fr) minmax(0,1.4fr)}.contacts-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)}.settings-grid{grid-template-columns:300px minmax(0,1fr)}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.queue-column,.conversation-workspace,.contact-detail,.settings-nav{display:grid;gap:1rem}.conversation-workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr)}.conversation-main,.context-rail{display:grid;gap:1rem}.queue-toolbar,.thread-header,.contact-row-head,.stage-card-top,.view-card-top,.message-head,.stack-row,.settings-link-top{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.view-grid,.stage-selector,.stack-list,.queue-list,.contact-list,.form-grid,.definition-list,.timeline{display:grid;gap:.9rem}.view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-selector{grid-template-columns:repeat(5,minmax(0,1fr))}.view-card,.stage-card,.queue-row,.contact-row,.settings-link,.section-card,.composer-card,.contact-hero,.login-card{border-radius:var(--radius-lg)}.view-card,.stage-card,.queue-row,.contact-row,.settings-link{text-align:left;background:var(--surface-soft);padding:1rem;color:inherit}.view-card:hover,.stage-card:hover,.queue-row:hover,.contact-row:hover,.settings-link:hover,.view-card.active,.stage-card.active,.queue-row.active,.contact-row.active,.settings-link.active{border-color:#3b82f659;background:var(--surface-elevated);transform:translateY(-1px)}.queue-row{display:grid;gap:.85rem}.queue-row-top{display:flex;justify-content:space-between;gap:.8rem}.queue-row-top strong,.contact-row strong,.view-card strong,.stage-card strong,.settings-link strong,.stack-row strong,.message-meta span,.definition-list dt{font-size:.98rem}.queue-row-top p,.queue-row-bottom,.contact-row p,.view-card p,.stage-card p,.settings-link p,.section-card-header p,.empty-note,.login-note{color:var(--text-muted);font-size:.92rem}.queue-time,.queue-booked,time{color:var(--text-muted);white-space:nowrap;font-size:.88rem}.queue-row-bottom{display:flex;justify-content:space-between;gap:.8rem}.thread-header,.contact-hero,.section-card,.composer-card,.login-card{padding:1.2rem}.section-card{display:grid;gap:.9rem}.section-card.compact{gap:.65rem}.section-card-header h3{margin-bottom:.25rem}.message-card{border-radius:var(--radius-md);padding:1rem;max-width:88%;display:grid;gap:.75rem}.message-card.outbound{margin-left:auto;background:#152848fa;border-color:#3b82f64d}.message-card.system{max-width:100%;background:#192334fa;border-style:dashed}.message-actions{display:flex;gap:1rem;flex-wrap:wrap}.link-button{border:none;background:transparent;color:#8ab4ff;padding:0}.composer-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}.context-rail{align-content:start}.definition-list{margin:0}.definition-list div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:.8rem}.definition-list dt{color:var(--text-muted)}.definition-list dd{margin:0;color:var(--text-soft)}.stack-row{padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--line);background:#09101b73}.stack-row.vertical{display:grid}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pill);padding:.45rem .72rem;font-size:.79rem;font-weight:700}.tone-blue{background:var(--blue-soft);color:#93c5fd}.tone-green{background:var(--green-soft);color:#86efac}.tone-orange{background:var(--orange-soft);color:#fbbf24}.tone-red{background:var(--red-soft);color:#fca5a5}.tone-violet{background:var(--violet-soft);color:#c4b5fd}.tone-gray{background:var(--gray-soft);color:#cbd5e1}.tone-teal{background:var(--teal-soft);color:#99f6e4}.tone-yellow{background:var(--yellow-soft);color:#fde047}.toolbar-button{border-radius:var(--pill);padding:.72rem 1rem;color:var(--text);background:#ffffff0d;border-color:#94a3b81f}.toolbar-button.primary{background:var(--blue-soft);color:#bfdbfe;border-color:#3b82f659}.toolbar-button.success{background:var(--green-soft);color:#bbf7d0;border-color:#22c55e59}.toolbar-button.warning{background:var(--orange-soft);color:#fde68a;border-color:#f59e0b59}.toolbar-button.danger{background:var(--red-soft);color:#fecaca;border-color:#ef444459}.toolbar-button.secondary{background:#ffffff0a}.search-block{display:grid;gap:.5rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.single{grid-template-columns:minmax(0,1fr)}.login-surface{max-width:520px;margin-inline:auto}.login-card{display:grid;gap:1rem}.full-width{width:100%;justify-content:center}.empty-note{padding:1rem;border-radius:var(--radius-md);border:1px dashed var(--line-strong)}@media(max-width:1240px){.inbox-grid,.contacts-grid,.settings-grid,.two-column-grid,.conversation-workspace,.stage-selector,.view-grid,.form-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:980px){.top-nav{grid-template-columns:minmax(0,1fr)}.main-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem}}@media(max-width:720px){.app-shell{padding:1rem}.surface-header,.thread-header,.composer-head,.queue-row-top,.queue-row-bottom,.contact-row-head,.stage-card-top,.view-card-top,.message-head,.stack-row,.settings-link-top{grid-template-columns:minmax(0,1fr);display:grid}.definition-list div{grid-template-columns:minmax(0,1fr)}.message-card{max-width:100%}}