.app-shell{--ui-danger:#ffb4ab;--ui-warning:#e8c382;color:var(--ink)}html[data-admin-theme=light] .app-shell{--ui-danger:#a3312b;--ui-warning:#825515}.app-shell :where(.main-content,.main-wrap,.editor-main,.page-heading>div,.admin-surface,.admin-card,.settings-card,.reports-dashboard,.dashboard-overview,.dashboard-index,.customer-leads,.consultation-calendar,.pipeline-board){min-width:0}.app-shell :where(button,a,summary,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell #main-content:focus{outline:none}.app-shell .skip-link{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px}.app-shell :where(.button,.icon-button,.nav-item,.sidebar-signout,.admin-row button,.staff-row button,.text-link,.active-filter-chips button,.report-tabs button,.attention-actions button,.consultation-event button,.client-access button,.draft-preview-link button,.draft-preview-link a,.agent-toolbar button,.agent-back,.agent-history-toggle,.checkpoint button,.visual-edit-bar button,.visual-edit-bar summary,.visual-context-editor button,.visual-structure-list button){min-height:44px}.app-shell .icon-button,.app-shell .sidebar-signout{place-items:center;width:44px;min-width:44px;height:44px;display:inline-grid}.app-shell :where(.admin-surface,.admin-settings,.report-filters,.website-filters,.website-index-details,.pipeline-actions,.customer-leads,.consultation-hours,.agent-lab,.delete-site-dialog) :where(input:not([type=checkbox]):not([type=color]),select){max-width:100%;min-height:44px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:14px}.app-shell :where(.admin-surface,.admin-settings,.customer-leads,.pipeline-actions,.website-filter-controls,.report-filters) label{min-width:0;font-size:13px;line-height:1.5}.app-shell :where(.admin-empty,.admin-row small,.staff-row small,.site-meta small,.report-cost-note,.timezone-label,.fixed-scope,.setup-footnote,.attention-help){color:var(--muted);font-size:12px;line-height:1.6}.app-shell :where(.page-heading,.section-heading){flex-wrap:wrap;align-items:center;gap:16px}.app-shell .page-heading p{max-width:68ch;font-size:14px;line-height:1.6}.app-shell .page-heading>.button{white-space:nowrap;height:auto;padding:10px 16px;font-size:14px}.app-shell .page-heading h1{font-size:clamp(26px,2.5vw,36px);line-height:1.2}.app-shell .button:disabled,.app-shell button:disabled{cursor:not-allowed}.app-shell .sidebar{padding-top:24px;overflow-y:auto}.app-shell .sidebar-note{background:0 0;border:0;margin-top:24px;padding:0;display:block}.app-shell .sidebar-note button{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--surface-raised);border-radius:10px;justify-content:center;align-items:center;gap:8px;display:flex}.app-shell .topbar{z-index:40;gap:12px}.app-shell .breadcrumb{min-width:0}.app-shell .breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-shell .topbar-actions,.app-shell .nav-item{flex-shrink:0}.app-shell .sidebar-bottom{margin-top:auto;padding-top:20px}.app-shell .sidebar-bottom>div{overflow-wrap:anywhere}.app-shell .report-card{min-width:0;color:var(--ink);line-height:1.5;text-decoration:none}.app-shell .report-card small{letter-spacing:0;text-transform:none;font-size:12px;line-height:1.4}.app-shell .report-card span{text-transform:none;font-size:14px}.app-shell .report-card strong{overflow-wrap:anywhere;font-size:clamp(21px,2vw,28px)}.app-shell article.report-card:hover{box-shadow:none;border-color:var(--line)}.app-shell .report-filters label{flex:145px;min-width:0;max-width:260px}.app-shell .report-filters :where(input,select){width:100%}.app-shell .report-filter-hint{color:var(--muted);flex-basis:100%;margin:0;font-size:13px}.app-shell .report-card-grid{margin-bottom:20px}.app-shell .report-tabs{flex-wrap:wrap}.app-shell .report-tabs button{font-size:14px}.app-shell .report-detail-context{color:var(--muted);margin:16px 0;font-size:14px;line-height:1.6}.app-shell .report-drawer{width:min(760px,100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;color:var(--ink);margin:0 16px 0 auto;inset:16px}.app-shell :where(.report-drawer,.delete-site-dialog,.domain-purchase-dialog)::backdrop{background:#07080ba6}.app-shell .report-drawer>header{flex-wrap:wrap;gap:16px}.app-shell .report-table-wrap table{min-width:650px}.app-shell .report-table-wrap :where(th,td){overflow-wrap:anywhere;font-size:13px}.app-shell .report-table-wrap a{color:var(--violet-soft)}.app-shell .website-filter-controls{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(135px,1fr));align-items:end;gap:12px}.app-shell .website-filter-controls>label{gap:6px;font-size:13px;display:grid}.app-shell .website-filter-controls .search-box{box-sizing:border-box;width:auto;min-width:0;min-height:44px;margin:0}.app-shell .search-box input{background:0 0;border:0;width:100%;min-width:0}.app-shell .website-filter-controls>label:last-child:nth-child(5){grid-column:1/-1;max-width:360px}.app-shell .site-info>div{min-width:0}.app-shell .site-info h3{overflow-wrap:anywhere}.app-shell .site-info h3 button{text-align:left;min-height:44px;font:inherit;line-height:1.4}.app-shell .site-info .status{flex-shrink:0}.app-shell .site-cover-open:focus-visible{opacity:1}.app-shell .website-index-details select{width:100%;min-height:44px;font-size:13px}.app-shell .site-meta{flex-wrap:wrap;gap:8px 12px}.app-shell .site-meta small{white-space:normal;overflow-wrap:anywhere;max-width:100%}.app-shell .site-delete-trigger{min-height:44px;color:var(--ui-danger)}.app-shell .settings-card{background:var(--panel);line-height:1.6}.app-shell .settings-card>:where(div,h2,h3,p,.domain-actions,.notice){grid-column:1/-1;margin:0}.app-shell .settings-card h2{font-size:22px;line-height:1.3}.app-shell .settings-card h3{margin-top:8px;font-size:17px}.app-shell .settings-card p{color:var(--muted);max-width:76ch;font-size:14px}.app-shell .settings-card small{font-size:12px}.app-shell .settings-card output{background:var(--soft);border-radius:8px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:400;display:block}.app-shell .settings-card .domain-actions{flex-wrap:wrap;gap:10px;display:flex}.app-shell .setup-page{margin-top:32px}.app-shell .setup-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.app-shell .integration-card>div{flex-wrap:wrap;gap:12px}.app-shell .integration-card p{font-size:14px;line-height:1.6}.app-shell .admin-row,.app-shell .staff-row{gap:16px}.app-shell :where(.admin-row strong,.staff-row strong,.audit-row span,.audit-row small,.customer-lead-card,.attention-list article){overflow-wrap:anywhere}.app-shell .admin-row>div:last-child{flex-shrink:0}.app-shell .admin-row button,.app-shell .staff-row button{background:var(--panel);color:var(--ink);font-size:13px}.app-shell .danger-action{color:var(--ui-danger)!important}.app-shell .admin-card p{color:var(--muted);line-height:1.6}.app-shell .staff-email-check summary{cursor:pointer;min-height:44px;font-size:18px;font-weight:650}.app-shell .staff-email-check[open] summary{margin-bottom:12px}.app-shell .delete-site-dialog{background:var(--panel);width:min(540px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:1px solid var(--line);margin:auto;position:fixed;inset:0;overflow:auto}.app-shell .delete-site-dialog p{color:var(--muted);font-size:14px;line-height:1.6}.app-shell .delete-site-dialog input{background:var(--panel);color:var(--ink);border-color:var(--line)}.app-shell .pipeline-actions{flex-wrap:wrap;align-items:end;gap:12px}.app-shell .pipeline-actions label{gap:6px;max-width:100%;display:grid}.app-shell .pipeline-columns,.app-shell .consultation-week{scrollbar-gutter:stable;max-width:100%}.app-shell .pipeline-card{overflow-wrap:anywhere;line-height:1.5}.app-shell .consultation-event>div{flex-wrap:wrap}.app-shell .consultation-hours-row input[type=time]{min-width:0}.app-shell .consultation-hours-row label{min-height:44px}.app-shell .domain-connection-guide{min-width:0;line-height:1.6}.app-shell .domain-dns{max-width:100%;overflow:auto;container-type:inline-size}.app-shell .domain-dns table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px}.app-shell .domain-dns :where(th,td):first-child{white-space:nowrap;word-break:normal;width:96px}.app-shell .domain-dns :where(th,td){vertical-align:top;text-align:left;padding:12px}.app-shell .domain-record-value{align-items:flex-start;gap:8px;min-width:0;display:flex}.app-shell .domain-record-value code{overflow-wrap:anywhere;white-space:normal;word-break:break-word;flex:1;min-width:0;padding:8px 0;font-size:13px;line-height:1.6}.app-shell .domain-record-value button{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;min-height:44px;color:var(--ink);border-radius:8px;flex:0 0 44px;place-items:center;display:grid}.app-shell .domain-connection-guide :where(p,li){font-size:14px}@container (max-width:600px){.app-shell .domain-dns :where(table,tbody),.app-shell .domain-dns caption{display:block}.app-shell .domain-dns thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell .domain-dns tr{border-bottom:1px solid var(--line);grid-template-columns:1fr;padding:12px;display:grid}.app-shell .domain-dns td{border:0;padding:6px 0;display:block;width:auto!important}.app-shell .domain-dns td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;display:block}.app-shell .domain-dns td:first-child{font-weight:700}}.app-shell .notification-panel,.app-shell .notification-panel>header,.app-shell .draft-preview-popover,.app-shell .client-access-panel{background:var(--panel);color:var(--ink);border-color:var(--line)}.app-shell :where(.notification-panel,.draft-preview-popover,.client-access-panel){overscroll-behavior:contain;max-height:calc(100dvh - 100px);overflow:auto}.app-shell .notification-panel p,.app-shell .draft-preview-popover p,.app-shell .client-access-panel p{color:var(--muted);font-size:14px;line-height:1.6}.app-shell .draft-preview-popover input,.app-shell .client-access-panel input{background:var(--soft);color:var(--ink);border-color:var(--line)}.app-shell .draft-preview-popover a{color:var(--violet-soft);font-size:13px}.app-shell .draft-preview-popover strong{font-size:16px}.app-shell .client-access>summary{background:var(--panel);color:var(--ink);box-sizing:border-box;min-height:44px}.app-shell .client-access-panel form{gap:12px;margin-top:16px;display:grid}.app-shell .client-access-panel form label{gap:6px;font-size:14px;display:grid}.app-shell :where(.agent-toolbar,.agent-composer,.visual-edit-bar,.visual-context-editor,.visual-structure-list,.visual-inspector,.agent-cost){background:var(--panel);color:var(--ink);border-color:var(--line)}.app-shell :where(.agent-grid,.agent-conversation,.agent-history){background:var(--panel)}.app-shell .agent-stage{background:var(--soft)}.app-shell .agent-lab select,.app-shell .agent-lab textarea{background:var(--panel);color:var(--ink);border-color:var(--line)}.app-shell .agent-toolbar button{color:var(--muted);min-width:44px;min-height:44px;font-size:12px}.app-shell .agent-toolbar button.active,.app-shell .agent-toolbar button[aria-pressed=true]{background:var(--soft);color:var(--ink)}.app-shell .agent-toolbar .visual-edit-start{color:var(--violet-soft);background:var(--soft)}.app-shell .agent-toolbar [role=tablist]{min-width:0}.app-shell .agent-panel-title :where(p,small),.app-shell .agent-composer small,.app-shell .checkpoint small{font-size:12px}.app-shell .agent-panel-title h2{font-size:14px}.app-shell .agent-history-toggle{flex-basis:44px;width:44px}.app-shell .agent-welcome h3,.app-shell .agent-empty-preview h2{color:var(--ink)}.app-shell .agent-welcome p,.app-shell .agent-empty-preview p{color:var(--muted);font-size:14px}.app-shell .visual-edit-help{color:var(--muted);font-size:13px}.app-shell :where(.visual-edit-navigation>button,.visual-structure>summary,.visual-structure-list button,.visual-edit-fields label,.visual-add-section select,.visual-context-editor-head,.visual-context-editor p){background:var(--panel);color:var(--ink)}.app-shell .visual-edit-fields label{height:auto;min-height:44px;font-size:13px}.app-shell .visual-context-editor small{color:var(--muted);font-size:12px}.app-shell :where(.visual-context-editor input,.visual-context-editor textarea,.visual-inspector textarea){background:var(--panel);color:var(--ink);border-color:var(--line)}.app-shell .visual-unsaved,.app-shell .unknown-cost{color:var(--ui-warning)!important}.app-shell .visual-edit-bar .button{min-height:44px;font-size:13px}.app-shell .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.app-shell .website-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .website-search{grid-column:1/-1}.app-shell .website-filter-controls>label:last-child:nth-child(5){grid-column:auto;max-width:none}}@media (max-width:760px){.app-shell .topbar{background:var(--panel);height:64px;padding:8px 12px;position:sticky;top:0}.app-shell .breadcrumb>span,.app-shell .breadcrumb>svg{display:none}.app-shell .breadcrumb strong{max-width:calc(100vw - 164px);font-size:13px}.app-shell .sidebar{width:min(290px,100vw - 40px);padding:20px 16px;top:64px;bottom:0}.app-shell .sidebar-note{margin-top:16px;display:block}.app-shell .nav-scrim{background:#07080ba6;top:64px}.app-shell .main-content{padding:24px 16px}.app-shell .page-heading{align-items:flex-start}.app-shell .page-heading>.button{border-radius:10px;min-width:0;padding:10px 14px;font-size:14px}.app-shell .report-filters{padding:12px}.app-shell .report-filters label{max-width:none}.app-shell .report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .report-card{padding:14px}.app-shell .report-card strong{font-size:23px}.app-shell .report-drawer{width:calc(100vw - 16px);height:calc(100dvh - 16px);margin:0;padding:16px;inset:8px}.app-shell .website-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .website-filter-controls>label:last-child:nth-child(5){grid-column:1/-1}.app-shell .pipeline-actions{width:100%}.app-shell .pipeline-actions label{flex:1;min-width:0}.app-shell .consultation-hours-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.app-shell .consultation-hours-row label{grid-column:1/-1}.app-shell .consultation-hours{padding:16px}.app-shell .agent-lab{padding:20px 12px}.app-shell .agent-grid :where(.agent-conversation,.agent-stage){max-width:100%}.app-shell :where(.admin-surface,.admin-settings,.report-filters,.website-filters,.website-index-details,.pipeline-actions,.customer-leads,.consultation-hours,.agent-lab,.delete-site-dialog) :where(input:not([type=checkbox]):not([type=color]),select){font-size:16px}.app-shell .client-access-panel,.app-shell .draft-preview-popover{width:auto;position:fixed;inset:76px 12px auto}}@media (max-width:390px){.app-shell .report-card-grid,.app-shell .website-index-details{grid-template-columns:1fr}}@media (max-height:600px) and (min-width:761px){.app-shell .sidebar{padding-top:16px}.app-shell .sidebar .brand{padding-bottom:14px}.app-shell .sidebar-note{margin-top:12px}.app-shell .workspace-switch{display:none}.app-shell .sidebar-bottom{padding-top:12px}}.app-shell .audit-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end}.app-shell .audit-filters :where(input,select){background:var(--panel);width:100%;min-width:0;min-height:44px;color:var(--ink);border-color:var(--line)}.app-shell .audit-list,.app-shell .audit-row>div{min-width:0}.app-shell .audit-filters .button{justify-content:center}.app-shell :where(.visual-context-panel,.visual-inspector) :where(button,summary){min-height:44px}.app-shell .visual-context-panel .visual-inspector-heading>button{width:44px;height:44px}.app-shell .visual-ask-sibya{background:var(--soft);color:var(--ink);font-size:13px}.app-shell .visual-context-panel .visual-mixed-text textarea{background:var(--panel);color:var(--ink);border-color:var(--line)}.app-shell .visual-context-panel .visual-inspector-heading p{font-size:12px}.app-shell .customer-lead-card summary{align-items:center;gap:8px;min-height:44px;list-style:disclosure-closed;display:flex}.app-shell .customer-lead-top>div,.app-shell .customer-lead-contact>*{overflow-wrap:anywhere;min-width:0}@media (max-width:1050px){.app-shell .customer-lead-actions{flex-wrap:wrap}.app-shell .customer-lead-actions label{flex:260px;min-width:0}.app-shell .admin-inline{grid-template-columns:1fr}.app-shell .staff-row{flex-wrap:wrap}}.app-shell .agent-composer>button{width:44px;height:44px;min-height:44px}.app-shell .agent-user,.app-shell .agent-turns .agent-response.agent-reply{font-size:14px;line-height:1.65}.app-shell .agent-turns .agent-message-heading,.app-shell .agent-turns .agent-response :where(small,.agent-writing p){font-size:12px}.app-shell .agent-composer textarea{font-size:14px;line-height:1.6}.app-shell .agent-composer small{font-size:12px}.app-shell .audit-details summary{cursor:pointer;min-height:44px;color:var(--violet-soft);align-items:center;font-size:13px;display:flex}.app-shell .audit-details pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:var(--soft);max-height:360px;color:var(--ink);border-radius:8px;padding:12px;font-size:12px;line-height:1.6;overflow:auto}.app-shell .audit-row strong{text-transform:capitalize}.app-shell .agent-lab{container:editor-workspace/inline-size}@container agent-stage (max-width:680px){.app-shell .agent-toolbar>[role=tablist]{flex-wrap:wrap;max-width:100%}.app-shell .agent-toolbar .agent-preview-controls{flex-wrap:wrap;flex:100%;max-width:100%}.app-shell .agent-toolbar>[role=tablist]>button:not([aria-selected=true]){width:44px;min-width:44px}}@container editor-workspace (max-width:850px){.app-shell .agent-grid,.app-shell .agent-grid.history-collapsed{flex-direction:column;align-items:stretch;display:flex}.app-shell .agent-conversation{border-right:0;border-bottom:1px solid var(--line);align-self:stretch;height:460px;min-height:360px;max-height:460px;position:static}.app-shell .agent-stage{width:100%;min-width:0}.app-shell .agent-history{height:auto;min-height:0;position:static}}.app-shell .report-team-performance{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:24px 0;padding:16px}.app-shell .report-team-performance>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:650;display:flex}.app-shell .sales-table-wrap{max-width:100%;overflow:auto}.app-shell .sales-table-wrap table{min-width:650px}.app-shell .sales-table-wrap :where(th,td){font-size:13px}.app-shell .calendar-hours-actions{flex-wrap:wrap;gap:12px;display:flex}.app-shell :where(.report-team-performance,.audit-details,.customer-lead-card)>summary:before{content:"›";margin-right:8px;font-size:18px;transition:transform .15s;display:inline-block}.app-shell :where(.report-team-performance,.audit-details,.customer-lead-card)[open]>summary:before{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.app-shell :where(.report-team-performance,.audit-details,.customer-lead-card)>summary:before{transition:none}}.app-shell .client-access .client-access-panel input[type=email],.app-shell .client-access .client-access-panel input[type=number]{background:var(--soft);width:100%;min-height:44px;color:var(--ink);border-color:var(--line);font-size:16px}.app-shell .client-access .client-access-panel-head button,.app-shell .draft-preview-popover .draft-preview-close{background:var(--soft);width:44px;height:44px;min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:8px}.app-shell .draft-preview-popover{padding-right:64px}