/* Dark card workspace derived from the supplied Engage reference. */
:root{--ink:#f7f9ff;--muted:#99a6bf;--line:rgba(127,143,255,.2);--surface:#111a2d;--wash:#050914;--purple:#7467ff;--purple-soft:rgba(116,103,255,.16);--blue:#5895ff;--blue-soft:rgba(88,149,255,.15);--green:#3cc7a0;--green-soft:rgba(60,199,160,.14);--orange:#f3bd55;--orange-soft:rgba(243,189,85,.14);--yellow:#f3bd55;--yellow-soft:rgba(243,189,85,.14);--red:#ff7182;--shadow:0 20px 55px rgba(0,0,0,.34);--radius:18px}
html,body{background:#050914;color:var(--ink)}body{background:radial-gradient(circle at 82% 8%,rgba(63,70,220,.2),transparent 30%),radial-gradient(circle at 12% 95%,rgba(85,62,255,.15),transparent 34%),#050914}
.app-shell,.workspace{background:transparent}.sidebar{background:linear-gradient(180deg,#08101f,#050a14);border-color:rgba(135,149,255,.16);box-shadow:18px 0 55px rgba(0,0,0,.2)}
.brand,.sidebar nav button,.sidebar-bottom>button{color:#aeb9ce}.brand b,.sidebar nav button.active,.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#fff}.brand-orbit,.new-button,.primary-btn,.mobile-dock .dock-add{background:linear-gradient(145deg,#5647e9,#7467ff);box-shadow:0 8px 24px rgba(93,76,255,.28)}
.sidebar nav button.active,.sidebar nav button:hover,.sidebar-bottom>button:hover{background:linear-gradient(145deg,rgba(78,67,198,.42),rgba(42,64,124,.28));box-shadow:inset 0 0 0 1px rgba(128,137,255,.18)}.sidebar nav small,.user-chip>span,.avatar-button{background:#17213a;color:#9ea8ff}.user-chip{border-color:var(--line)}
.topbar{background:rgba(5,10,21,.88);border-color:var(--line)}.search-trigger,.icon-btn{background:#10192b;border-color:var(--line);color:#9aa8c4}.search-trigger kbd{background:#17213a;border-color:#303b60;color:#b9c2d7}
.page-head{background:linear-gradient(125deg,#0b1326 5%,#121d38 58%,#1c1f58);border:1px solid rgba(112,106,255,.32);box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)}.page-head p{color:#aebad1}.page-head .eyebrow{color:#8e85ff}.page-head .soft-btn,.page-head .outline-btn{background:#7467ff;border-color:#8277ff;color:#fff}
.summary-grid,.widget-grid,.collection,.provider-grid,.connection-list,.plan-grid,.settings-grid,.device-grid,.team-grid,.action-picker,.voice-command-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px;align-items:stretch}
.summary-card,.widget,.collection-row,.provider-card,.connection-card,.plan-card,.settings-card,.device-grid article,.team-member-card,.action-tile,.voice-command-grid button{aspect-ratio:1/1;min-width:0;min-height:0;overflow:auto;background:linear-gradient(145deg,#131d32,#0d1628);border:1px solid rgba(124,137,255,.22);border-radius:18px;color:var(--ink);box-shadow:0 14px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)}
.summary-card:hover,.widget:hover,.collection-row:hover,.provider-card:hover,.connection-card:hover,.plan-card:hover,.settings-card:hover,.device-grid article:hover,.team-member-card:hover,.action-tile:hover{border-color:#6f70ff;background:linear-gradient(145deg,#172444,#111b35);transform:translateY(-3px);box-shadow:0 18px 42px rgba(27,25,96,.34),0 0 0 1px rgba(92,111,255,.15)}
.summary-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:18px;text-align:left}.summary-card>b{margin-left:auto}.summary-icon,.mini-icon,.sender-avatar,.type-icon,.doc-icon,.integration-logo,.provider-card b,.settings-title>span,.privacy-promise>span{background:linear-gradient(145deg,#5244d7,#665dff)!important;color:#fff!important;box-shadow:0 8px 18px rgba(74,59,218,.26)}.summary-card strong{font-size:30px}.summary-card small,.widget-head span,.collection-row small,.connection-card small,.plan-card p,.plan-card li,.settings-title p{color:var(--muted)}
.widget-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.widget.wide{grid-column:auto}.widget{display:flex;flex-direction:column}.widget-head{flex:none}.widget-body{overflow:auto;min-height:0}.agenda-list{grid-template-columns:1fr 1fr}.agenda-item,.note-card,.task-check,.email-row,.attention-item,.doc-row{background:#0c1526;border-color:var(--line)}.task-row,.email-row,.attention-item,.doc-row{border-color:rgba(127,143,255,.12)}.email-row p,.document-summary p{color:#c7cee0}.progress-ring:after{background:#101a2d}
.brief-strip,.briefing-hero,.current-plan{background:linear-gradient(135deg,#111a31,#20205a);border:1px solid rgba(119,108,255,.3);box-shadow:var(--shadow)}
.collection-toolbar label,.collection-toolbar select,.form-grid input,.form-grid textarea,.form-grid select,.login-card input,.team-member-card input:not([type=checkbox]){background:#0b1425;border-color:#293555;color:#f7f9ff}.collection-toolbar input{color:#f7f9ff}
.collection{background:transparent;border:0;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:stretch}.collection-row,.collection-row:first-child{aspect-ratio:1/1;min-height:0;padding:15px}.collection-row>.row-action,.row-buttons button,.connection-buttons button,.integration-actions button,.outline-btn,.soft-btn{background:#172443;border-color:#34436b;color:#8fb0ff}.record-unread,.settings-link-card{background:linear-gradient(145deg,#172345,#10182e)}
.connection-section,.brief-section{background:transparent;border:0;padding:0}.connection-section>header,.brief-section>h3{padding:12px 2px}.connection-card{display:flex;flex-direction:column;align-items:flex-start}.connection-card .connection-buttons,.connection-card .integration-actions{grid-column:auto;margin-top:auto;width:100%}.connection-buttons button{flex:1}.provider-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.provider-card b{grid-row:auto}.plan-card,.settings-card,.team-member-card{padding:18px}.plan-card button{margin-top:auto}.plan-card{display:flex;flex-direction:column}.settings-card{overflow:auto}.device-grid article{display:flex;flex-direction:column;align-items:flex-start}.device-grid article button{margin-top:auto}
.channel-picker label,.provider-note,.linked-reminder,.demo-note,.voice-listening,.email-preview-full,.document-summary,.detail-list,.install-steps p{background:#0b1425;border-color:#293555;color:#c5cee3}.provider-note{color:#d5b96e}.toggle{background:#29344f}.toggle.on{background:#665dff}.modal,.search-dialog,.notification-panel{background:#10192b;color:#f7f9ff;border:1px solid var(--line)}.overlay,.search-overlay{background:rgba(2,5,13,.76)}
.mobile-dock{background:rgba(8,14,27,.96)!important;border-color:var(--line)!important}.mobile-dock button{color:#9ba8c2!important}.mobile-dock button.active{color:#fff!important;background:rgba(103,92,255,.15)!important}
.auth-screen{background:#050914}.auth-story{background:radial-gradient(circle at 80% 80%,rgba(92,66,255,.28),transparent 32%),linear-gradient(145deg,#040817,#080f23)}.auth-panel{background:#0a1120}.login-card{padding:30px;border:1px solid rgba(125,139,255,.22);border-radius:22px;background:linear-gradient(145deg,#121c31,#0b1426);box-shadow:var(--shadow)}.login-card h2,.login-card label{color:#f7f9ff}.modal-close,.notification-panel button{color:#eef2ff;background:#19243c}.status-dot.connected{color:var(--green)}
@media(max-width:1000px){.summary-grid,.widget-grid,.collection,.provider-grid,.connection-list,.plan-grid,.settings-grid,.device-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.view-root{padding:16px 12px 94px}.summary-grid,.widget-grid,.collection,.provider-grid,.connection-list,.plan-grid,.settings-grid,.device-grid,.team-grid,.action-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card,.widget,.collection-row,.provider-card,.connection-card,.plan-card,.settings-card,.device-grid article,.team-member-card,.action-tile{aspect-ratio:1/1;border-radius:15px;padding:12px}.widget-head{padding:13px 13px 8px}.widget-body{padding:0 13px 13px}.agenda-list,.note-grid{grid-template-columns:1fr}.page-head{padding:15px}.login-card{padding:22px}.auth-panel{background:#050914}}
@media(max-width:390px){.collection-row,.collection-row:first-child{aspect-ratio:1/1;min-height:0}}

/* Readability and guidance */
html{font-size:16px}html,body,button,input,textarea,select{font-family:"Segoe UI",Arial,sans-serif}.brand,.page-head h1,.login-card h2,.summary-card strong,.widget-head h3,.collection-main strong,.plan-card h3{font-family:"Segoe UI",Arial,sans-serif}
.sidebar nav button,.sidebar-bottom>button{font-size:15px}.new-button,.soft-btn,.outline-btn,.primary-btn{font-size:14px;min-height:42px}.page-head p{font-size:14px;line-height:1.5}.eyebrow{font-size:12px}.widget-head h3,.settings-title h3,.connection-card strong,.provider-card span,.collection-main strong{font-size:16px}.widget-head span,.collection-main small,.connection-card small,.provider-card small,.settings-title p,.plan-card p,.plan-card li,.device-grid small,.team-member-card small{font-size:13px;line-height:1.45}.task-row strong,.email-row strong,.attention-item strong,.doc-row strong,.note-card strong{font-size:14px}.task-row small,.email-row p,.email-row small,.attention-item small,.doc-row small,.note-card p,.pill,.status-chip{font-size:12px}.connection-section h3,.brief-section h3{font-size:18px}.connection-section p{font-size:13px}.form-grid label,.login-card label,.channel-picker label{font-size:14px}.form-grid input,.form-grid textarea,.form-grid select,.login-card input{font-size:16px}
.form-message:empty{display:none}.form-message.visible,.form-message:not(:empty){display:block;min-height:0;margin-top:16px;padding:13px 14px;border:1px solid rgba(255,113,130,.45);border-radius:11px;background:rgba(114,26,43,.35);color:#ffd7dc;font-size:14px;font-weight:700;line-height:1.45}.form-message:not(:empty)::before{content:"Login failed: ";color:#ff91a0}
#toast{background:#111a2d!important;color:#fff!important;border:1px solid rgba(127,143,255,.3);font-size:14px;box-shadow:0 14px 40px rgba(0,0,0,.4)}#toast[data-type="error"]{background:#431726!important;border-color:#a74458;color:#ffe1e5!important}
.help-button{font-size:18px;font-weight:800;color:#d9dcff}.card-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.card-help-grid article{min-height:170px;padding:18px;border:1px solid rgba(124,137,255,.25);border-radius:16px;background:linear-gradient(145deg,#16223b,#0c1527)}.card-help-grid article>b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#5548dc,#7467ff);font-size:16px}.card-help-grid h3{font-size:17px;margin:14px 0 7px}.card-help-grid p,.help-note p{font-size:14px;line-height:1.55;color:#b8c2d8;margin:0}.help-note{padding:16px;margin-bottom:16px;border-radius:13px;background:#0b1425;border:1px solid #293555}.help-note strong{font-size:15px}.help-note p{margin-top:5px}
@media(max-width:720px){.sidebar nav button,.sidebar-bottom>button{font-size:16px}.widget-head h3,.settings-title h3,.connection-card strong,.provider-card span,.collection-main strong{font-size:14px}.widget-head span,.collection-main small,.connection-card small,.provider-card small,.settings-title p,.plan-card p,.plan-card li{font-size:12px}.card-help-grid{grid-template-columns:1fr}.card-help-grid article{min-height:auto}.login-card{width:100%}}

/* Simple progressive forms and the measured design studio */
.optional-fields,.design-builder{border:1px solid #34436b;border-radius:14px;background:#0b1425;overflow:hidden}.optional-fields>summary,.design-builder>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 15px;cursor:pointer;color:#eef2ff;font-size:15px;list-style:none}.optional-fields>summary::-webkit-details-marker,.design-builder>summary::-webkit-details-marker{display:none}.optional-fields>summary:after,.design-builder>summary:after{content:'＋';margin-left:auto;color:#8f86ff;font-weight:800}.optional-fields[open]>summary:after,.design-builder[open]>summary:after{content:'−'}.optional-fields summary small,.design-builder summary small{color:#9ba8c2;font-weight:500}.optional-fields>.form-grid{padding:0 14px 14px}.linked-reminder{margin:0;padding:0 14px 14px;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-dynamic:not(:empty){display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #34436b;border-radius:13px;background:#0b1425}.dynamic-question-head{grid-column:1/-1;display:flex;flex-direction:column}.dynamic-question-head small{color:#9ba8c2}
.design-studio{padding:0 14px 15px}.design-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:12px;border-radius:12px;background:#060d1e;color:#fff}.design-toolbar label{display:grid;gap:4px;color:#dce6ff;font-size:12px}.design-toolbar select,.design-toolbar input{height:38px;min-width:110px;border-radius:8px;border:1px solid #586b9b;background:#fff;color:#172033;padding:0 9px;font-size:14px}.design-toolbar input[data-design-label]{flex:1;min-width:170px}.design-toolbar input[type=color]{min-width:48px;width:48px;padding:3px}.design-toolbar button{height:38px;border:1px solid #6374aa;border-radius:8px;background:#172651;color:#fff;padding:0 11px;font-weight:700}.design-toolbar button:hover,.design-toolbar button.active{background:#5546df;border-color:#8b7fff}.design-help{margin:10px 2px;color:#aab5cd;font-size:13px;line-height:1.45}.design-canvas{display:block;width:100%;aspect-ratio:9/5.2;max-height:520px;border:1px solid #47577b;border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}.design-object{cursor:move}.design-object.selected rect,.design-object.selected line{filter:drop-shadow(0 0 4px #7c6cff);stroke:#7659ff!important;stroke-width:5}.rich-editor{display:grid;gap:0}.field-label{font-weight:700;color:#eef2ff;margin-bottom:7px}.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:8px;border:1px solid #34436b;border-bottom:0;border-radius:11px 11px 0 0;background:#111d34}.rich-toolbar button,.rich-toolbar select,.rich-toolbar input{height:34px;min-width:36px;border:1px solid #526184;border-radius:7px;background:#fff;color:#172033;padding:0 9px}.rich-toolbar input[type=color]{width:42px;padding:3px}.rich-content{min-height:150px;padding:14px;border:1px solid #34436b;border-radius:0 0 11px 11px;background:#fff;color:#172033;font-size:16px;line-height:1.55;outline:none}.rich-content:focus{border-color:#6f70ff;box-shadow:0 0 0 3px rgba(111,112,255,.2)}
@media(max-width:700px){.linked-reminder,.booking-dynamic{grid-template-columns:1fr}.design-studio{padding:0 8px 10px}.design-toolbar{align-items:stretch}.design-toolbar label,.design-toolbar button,.design-toolbar input[data-design-label]{flex:1 1 42%}.design-toolbar select,.design-toolbar input,.design-toolbar button{width:100%;min-width:0}.design-canvas{min-height:300px}.optional-fields summary small,.design-builder summary small{display:none}}

.login-install{width:100%;border:0;background:transparent;color:#9fb5ff;text-decoration:underline;font-size:14px;cursor:pointer}.security-setup-steps{display:grid;gap:10px;margin:16px 0}.security-setup-steps article{display:flex;gap:12px;padding:14px;border:1px solid #34436b;border-radius:13px;background:#0b1425}.security-setup-steps article>b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#5546df;color:#fff}.security-setup-steps p{margin:5px 0;color:#aebad1}.security-setup-steps code{display:block;margin:10px 0;padding:11px;border-radius:8px;background:#050914;color:#b8c8ff;font-size:15px;letter-spacing:1px;overflow-wrap:anywhere}.design-properties{margin:10px 0 12px;padding:14px;border:2px solid #5f63ec;border-radius:14px;background:linear-gradient(145deg,#141f3c,#0c1529)}.design-properties[hidden]{display:none}.design-properties header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.design-properties header div{display:grid}.design-properties header small{color:#948cff;font-weight:800}.design-properties header strong{font-size:18px}.design-properties header button{border:1px solid #8e4657;border-radius:8px;background:#3e1724;color:#ffdce2;padding:8px 11px}.property-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.property-grid label{display:grid;gap:5px;color:#cbd5e8;font-size:12px}.property-grid input,.property-grid select{width:100%;height:40px;border:1px solid #536287;border-radius:8px;background:#fff;color:#111827;padding:0 9px;font-size:16px}.design-properties>.primary-btn{margin-top:12px;width:100%}
@media(max-width:700px){.auth-story{display:none!important}.auth-panel{width:100%!important}.property-grid{grid-template-columns:1fr 1fr}.design-properties{position:relative;margin-top:10px}.design-toolbar label,.design-toolbar button{flex:1 1 100%}.security-setup-steps article{padding:11px}.security-setup-steps code{font-size:13px}.login-card{max-width:430px;margin:auto}}