/* Composed screen layouts follow their native Stitch reference. */
.metric-card{padding:16px}.metric-card>div{line-height:16px}.metric-card>strong{line-height:36px;margin:8px 0 4px}.metric-card>small{line-height:15px;display:block}.metric-card>div svg{width:18px;height:18px}.content input:not([type=checkbox]):not([type=range]):not([type=file]),.content select{font-size:12px;line-height:18px;padding:8px 12px;min-height:36px}.content label{line-height:18px}.content .page-intro p{line-height:20px}.content[data-screen=AD05]{padding:24px}.company-native-banner{min-height:134px}.company-native-columns .settings-line{padding:16px}.company-native-columns .settings-line small{line-height:18px}.company-native-columns .usage-line{margin-top:18px}.company-native-columns .plan-price{padding:12px;margin:18px 0}.company-native-columns .plan-price p{line-height:16px}.company-native-columns .native-plan>p{line-height:18px}
.native-contact-directory .toolbar{display:grid;grid-template-columns:minmax(190px,2fr) repeat(3,minmax(120px,1fr));gap:12px}.native-contact-directory .toolbar select{font-size:11px}.native-contact-filter-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#f9f9ff;font-size:10px;border-block:1px solid #edf0f5}.native-contact-filter-summary button{border:0;min-height:24px;padding:3px;background:transparent;color:#28664f;font-size:10px}.native-contact-directory input[type=checkbox]{width:14px;height:14px;min-height:0;padding:0;accent-color:#28664f}.native-contact-directory th,.native-contact-directory td{padding:13px 9px;font-size:10px}.native-contact-directory td .identity-cell strong{font-size:11px}.native-contact-directory td .avatar{width:28px;height:28px;font-size:9px}.native-contact-directory td .badge{font-size:9px;padding:3px 5px}.native-contact-directory td small{font-size:9px}#native-contact-batch:not([hidden]){display:flex;align-items:center;gap:14px;background:#1b4135;padding:12px 18px;color:white;font-size:11px}#native-contact-batch button{font-size:10px;min-height:28px;padding:4px 10px;background:#366c56;color:white;border:0}#native-contact-batch button:last-child{margin-inline-start:auto;background:transparent}
@media(max-width:760px){.native-contact-directory .toolbar{grid-template-columns:1fr 1fr}.native-contact-directory .search-field{grid-column:1/-1}.native-contact-directory .toolbar select{font-size:10px}#native-contact-batch:not([hidden]){flex-wrap:wrap}.native-contact-filter-summary{padding:10px 14px}}
.native-calendar-filter{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 20px;border-bottom:1px solid #e5e9f1;background:white}.native-calendar-filter nav{display:flex;gap:4px;background:#f0f3ff;border-radius:6px;padding:4px}.native-calendar-filter nav button{font-size:11px;border:0;min-height:28px;padding:4px 12px;background:transparent}.native-calendar-filter nav button.selected{background:white;color:#28664f;box-shadow:0 1px 3px #111b2e10}.native-calendar-filter label{display:flex;align-items:center;gap:8px;font-size:11px}.native-calendar-filter select{width:120px;min-height:32px;padding:5px}.native-calendar-filter small{font-size:10px}.native-calendar-filter>button{font-size:10px;min-height:30px;margin-inline-start:auto}.feature-calendar.native-calendar-day{grid-template-columns:1fr;min-height:400px}
@media(min-width:761px){.content[data-screen=AD01],.content[data-screen=AD04],.content[data-screen=AI02],.content[data-screen=AU01],.content[data-screen=AU03],.content[data-screen=CA05],.content[data-screen=RE05],.content[data-screen=RE06],.content[data-screen=CH01],.content[data-screen=DV02]{padding:24px}.content:is([data-screen=AD01],[data-screen=AD04],[data-screen=AI02],[data-screen=AU01],[data-screen=AU03],[data-screen=CA05],[data-screen=RE05],[data-screen=RE06],[data-screen=CH01],[data-screen=DV02])>.page-intro{margin:-24px -24px 24px;padding:24px;min-height:0;background:white;border-bottom:1px solid #edf0f5}.content:is([data-screen=AD04],[data-screen=DV02])>.page-intro{background:#f0f3ff}.content:is([data-screen=AD01],[data-screen=AD04],[data-screen=AI02],[data-screen=AU01],[data-screen=AU03],[data-screen=CA05],[data-screen=RE05],[data-screen=RE06],[data-screen=CH01],[data-screen=DV02])>.page-intro:has(.page-actions){padding-inline-end:280px}.content:is([data-screen=AD01],[data-screen=AD04],[data-screen=AI02],[data-screen=AU01],[data-screen=AU03],[data-screen=CA05],[data-screen=RE05],[data-screen=RE06],[data-screen=CH01],[data-screen=DV02]) .page-actions{inset-inline-end:24px;top:40px}.content[data-screen=AU01]>.page-intro{min-height:129.5px;padding-bottom:16px}.content[data-screen=CA05]>.page-intro{padding-block:16px;min-height:86px}.content:is([data-screen=RE05],[data-screen=RE06],[data-screen=DV02])>.page-intro{padding:16px 24px;min-height:88px}}
@media(max-width:760px){.native-calendar-filter{padding:12px;gap:10px}.native-calendar-filter nav{width:100%}.native-calendar-filter nav button{flex:1}.native-calendar-filter small{width:100%}}
.native-workflow-directory{padding:0;overflow:hidden}.native-directory-filters,.native-execution-filters{display:flex;align-items:center;gap:16px;padding:16px}.native-directory-filters input,.native-execution-filters input{flex:1;min-width:150px}.native-directory-filters select{width:180px}.native-directory-filters small{white-space:nowrap}.native-workflow-directory .table-wrap,.native-execution-table .table-wrap{border:0;border-radius:0;box-shadow:none}.native-workflow-library{margin-top:32px}.native-workflow-library>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.native-workflow-library .card h2{font-size:16px}.native-workflow-library .card p{font-size:12px}.native-execution-filters{margin-bottom:24px}.native-execution-table{padding:0}.native-execution-table>.panel-heading{padding:20px;margin:0;border-bottom:1px solid #edf0f5}.native-trace{margin-top:24px}.native-trace-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}.trace-step-list article{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f5}.trace-step-list article>span:first-child{width:28px;height:28px;background:#e9f4ee;color:#28664f;border-radius:50%;display:grid;place-items:center}.trace-step-list article>div{flex:1}.trace-step-list strong{font-size:13px}.trace-step-list small{display:block;font-size:11px;margin-top:6px}.native-workflow-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.content[data-screen=AU02] .native-workflow-heading h2{font-size:16px;margin:0 0 8px}.native-workflow-heading small{font-size:11px}.workflow-node{cursor:pointer;text-align:start}.workflow-node.selected{border-color:#28664f;box-shadow:0 0 0 2px #28664f1a}.content[data-screen=AU02] .workflow-inspector h2{font-size:16px}.workflow-inspector form{margin-top:24px}.workflow-inspector label{font-size:11px}.workflow-inspector .block{font-size:11px;margin-top:20px}.content[data-screen=AU01] .native-workflow-library h2,.content[data-screen=AU03] .panel-heading h2{font-size:18px}
@media(max-width:760px){.native-directory-filters,.native-execution-filters{flex-wrap:wrap;gap:10px}.native-directory-filters input,.native-execution-filters input{min-width:100%}.native-directory-filters select{width:auto;flex:1}.native-workflow-library>.grid,.native-trace-grid{grid-template-columns:1fr}.native-workflow-heading{padding:16px}.native-execution-table>.panel-heading{padding:16px}.trace-step-list article{flex-wrap:wrap}.native-workflow-library{margin-top:24px}}
.sidebar nav{padding:12px 8px}.sidebar summary,.sidebar .nav-home{height:32px;min-height:32px;padding:6px 12px;border-radius:6px;font-size:12px;line-height:20px}.sidebar details{margin:8px 0}.sidebar .nav-sub{margin:5px 10px 3px;margin-inline-start:26px;padding-inline-start:8px}.sidebar details .nav-sub a{padding:2px 0;margin:0;min-height:20.5px;line-height:16.5px;border-radius:3px}.sidebar details .nav-sub a.active{padding-inline:5px}.content[data-screen=DV01] .developer-body h2,.content[data-screen=DV02] .panel-heading h2{font-size:18px}.content[data-screen=HOME01] .dashboard-native-columns h2{font-size:14px}.content[data-screen=AD02] .role-selector h2{font-size:16px}
.dashboard-native-columns{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,4fr);gap:16px;margin-bottom:16px;align-items:stretch}.dashboard-native-columns .card{padding:18px}.dashboard-native-columns h2{font-size:14px}.dashboard-native-columns .panel-heading{margin-bottom:18px}.dashboard-time-chart{height:210px;position:relative;border-bottom:1px solid #dbe3ee;background:repeating-linear-gradient(to top,transparent 0,transparent 40px,#eef1f8 41px);display:flex;align-items:end}.dashboard-time-chart>div{display:flex;width:100%;justify-content:space-between;font-size:9px;color:#7b8494;direction:ltr;padding:12px 0;background:white}.dashboard-time-chart>p{position:absolute;inset-inline:20px;top:35%;font-size:12px;color:#7b8494;text-align:center}.dashboard-chart-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#7b8494;margin-top:14px}.dashboard-health-row{padding:18px 12px;background:#f7faf8;border:1px solid #e1e9e4;border-radius:9px;margin-bottom:14px}.dashboard-health-row>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;margin-bottom:10px}.dashboard-health-row bdi{width:100%;font-size:11px;margin-top:5px}.dashboard-health-row>small{display:block;font-size:10px;margin-top:9px}.dashboard-native-tasks .table-wrap{border:0;box-shadow:none;border-radius:0}.dashboard-native-tasks td{font-size:11px;white-space:normal;line-height:1.7}.dashboard-approvals .summary-line strong{font-size:12px}.dashboard-approvals .summary-line a{font-size:10px;min-height:28px;padding:5px 10px}.content[data-screen=IN01]{padding:0;max-width:none}.content[data-screen=IN01] .inbox{height:calc(100dvh - 64px);min-height:0;border:0;border-radius:0;grid-template-columns:280px minmax(0,1fr)}.content[data-screen=IN01] .filters{gap:10px;padding:14px 12px}.content[data-screen=IN01] .filters label{font-size:10px}.content[data-screen=IN01] .filters label>input{font-size:12px}.content[data-screen=IN01] .threads{border-color:#d8e3fb}.chat-native-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;min-height:64px;border-bottom:1px solid #d8e3fb;background:white;flex-wrap:wrap}.chat-native-identity{display:block;color:inherit;text-decoration:none;min-width:160px;flex:1}.chat-native-identity>.identity-cell{display:flex;gap:10px}.chat-native-identity .avatar{width:40px;height:40px}.chat-native-identity .identity-cell strong{font-size:14px}.chat-native-identity>small{font-size:10px;display:block;margin-top:4px;padding-inline-start:50px;white-space:normal}.chat-native-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chat-native-actions button{min-height:30px;font-size:11px;padding:5px 9px;border-color:#e2e7ed}.messages{background:#f9f9ff}.message-date{align-self:center;background:#eef0ff;color:#7b8494;font-size:10px;line-height:1.5;padding:5px 12px;border-radius:20px;margin-bottom:7px}.messages .bubble{font-size:12px;line-height:1.9;background:white;border-color:#e0e6ed;border-radius:13px;max-width:80%;padding:13px 18px;box-shadow:0 1px 2px #111b2e05}.messages .bubble.outgoing{background:#28664f;border-color:#28664f;color:white}.messages .bubble.note{background:#fff6ce;border-color:#f4d77b;max-width:95%;width:95%;align-self:center;color:#755c15}.note-title{display:block;font-size:12px;margin-bottom:7px}.messages .bubble small{font-size:9px;line-height:1.6}.native-composer{padding:12px 16px 8px;gap:8px;border-top:1px solid #d8e3fb}.native-composer-tabs{display:flex;align-items:center;gap:6px}.native-composer-tabs button{border:0;background:#f0f3ff;color:#7b8494;font-size:11px;padding:5px 10px;min-height:28px}.native-composer-tabs button.selected{background:#28664f;color:white}.native-composer-tabs small{margin-inline-start:auto;font-size:10px}.native-composer textarea{border:1px solid #e1e6ed;background:#f9f9ff;border-radius:4px;min-height:65px;max-height:150px;padding:12px;font-size:12px}.native-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.native-composer-footer>div{display:flex;align-items:center;gap:12px}.native-composer-footer small{font-size:9px}.native-composer-footer button{min-height:29px;font-size:10px;padding:5px 12px}.attachment-icon{font-size:20px;color:#8a94a5}.read-only-composer{padding:20px;text-align:center;color:#7b8494;background:#f0f3ff;font-size:12px}
@media(max-width:1100px){.dashboard-native-columns{grid-template-columns:minmax(0,2fr) minmax(230px,1fr)}.chat-native-actions{gap:5px}.chat-native-actions button{font-size:10px;padding:5px 7px}}
@media(max-width:760px){.dashboard-native-columns{grid-template-columns:1fr}.dashboard-time-chart{height:190px}.dashboard-time-chart>div{font-size:8px}.dashboard-chart-footer{font-size:9px}.content[data-screen=IN01] .inbox{grid-template-columns:1fr;height:calc(100dvh - 56px)}.chat-native-head{padding:12px;gap:10px}.chat-native-actions{width:100%;overflow:auto;flex-wrap:nowrap;padding:3px 0}.chat-native-actions button{white-space:nowrap;flex-shrink:0}.chat-native-identity{min-width:180px}.chat-native-identity .avatar{width:34px;height:34px}.chat-native-identity>small{padding-inline-start:44px;font-size:9px}.chat-native-identity .identity-cell strong{font-size:13px}.native-composer{padding:10px 12px 8px}.native-composer-tabs small{display:none}.native-composer-footer>div{gap:7px}.native-composer-footer small{font-size:8px;max-width:220px}.messages .bubble{max-width:90%;font-size:12px}.native-composer textarea{min-height:62px}}
.campaign-list-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.campaign-list-metrics>.card{padding:20px;min-height:165px}.campaign-list-metrics strong{display:block;font-size:28px;margin:16px 0 18px;line-height:36px}.campaign-list-metrics .card>div{display:flex;gap:12px;font-size:11px;color:#555e74}.campaign-list-metrics p{font-size:11px;color:#555e74;line-height:1.8;margin:0}.campaign-list-filter{padding:16px;margin-bottom:20px}.campaign-list-filter>div{display:flex;gap:12px}.campaign-list-filter label{flex:1}.campaign-list-filter select{width:auto;min-width:200px}.campaign-list-filter input,.campaign-list-filter select{border:0;font-size:12px}.campaign-list-filter>nav{display:flex;gap:8px;overflow:auto;padding-top:16px;border-top:1px solid #edf0f5;margin-top:16px}.campaign-list-filter nav button{border:0;background:#f9f9ff;white-space:nowrap;border-radius:20px;font-size:11px;min-height:30px;padding:6px 12px}.campaign-list-filter nav button.selected{background:#28664f;color:white}.content[data-screen=CA01] .table-wrap td{white-space:normal;min-width:120px;max-width:300px;line-height:1.8}.content[data-screen=CA01] .table-wrap td:first-child{min-width:230px}.content[data-screen=CA01] .table-wrap td strong{font-size:13px}
@media(max-width:760px){.campaign-list-metrics{grid-template-columns:1fr;gap:12px}.campaign-list-metrics>.card{min-height:140px;padding:18px}.campaign-list-filter>div{flex-wrap:wrap}.campaign-list-filter label{min-width:100%}.campaign-list-filter select{width:100%}.campaign-list-filter{padding:14px}.content[data-screen=CA01] .table-wrap table{min-width:900px}}
.campaign-native-header{padding:24px 32px;background:#f9f9ff}.campaign-native-header>.badge{margin:18px 0 14px;background:white;color:#555e74;font-size:11px;box-shadow:0 1px 3px #111b2e06}.campaign-native-title{display:flex;align-items:center;justify-content:space-between;gap:22px}.campaign-native-title h1{font-size:18px;line-height:26px;margin:0 0 8px}.campaign-native-title p{font-size:11px;line-height:1.8;color:#555e74;margin:0}.campaign-native-title>.row{flex-shrink:0;max-width:450px}.campaign-native-title button{font-size:11px}.campaign-native-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:24px}.campaign-native-metrics>article{padding:16px;background:white;border-radius:12px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 1px 2px #111b2e04}.campaign-native-metrics>.targeted{grid-column:span 2}.campaign-native-metrics small{font-size:11px}.campaign-native-metrics strong{font-size:28px;line-height:36px}.campaign-native-metrics article>div{font-size:10px;color:#555e74;padding:10px 0 0;border-top:1px solid #edf0f5}.campaign-native-metrics .targeted>div{display:flex;gap:10px;justify-content:space-between;background:#f0f3ff;padding:10px;border-radius:7px;border:0}.native-campaign-tabs{gap:28px;padding:0 32px}.native-campaign-tabs a{font-size:14px;padding:17px 0}.attempt-native-filters{padding:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.attempt-native-filters>label{flex:1;min-width:260px}.attempt-native-filters nav{display:flex;gap:6px;flex-wrap:wrap;background:#f0f3ff;padding:5px;border-radius:8px}.attempt-native-filters nav button{border:0;background:transparent;font-size:11px;padding:6px 10px;min-height:30px}.attempt-native-filters nav button.selected{background:white;font-weight:600}.attempt-governance{display:flex;align-items:center;gap:14px;background:#e9edf7;border-radius:12px;padding:18px;margin-bottom:20px}.attempt-governance strong{font-size:14px}.attempt-governance p{font-size:12px;margin:7px 0 0;color:#555e74;line-height:1.9}.campaign-summary-native{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.attempt-drawer{width:460px!important;max-width:100vw!important;padding:0!important}.attempt-drawer>.heading{margin:0;padding:22px;background:#f0f3ff}.attempt-detail-body{padding:26px}.attempt-detail-body h3{font-size:15px;margin:24px 0 18px}.attempt-detail-state{padding:20px;background:#e5f8ee;display:grid;gap:10px;border-radius:10px;color:#28664f}.attempt-lifecycle{margin:20px 0;padding-inline-start:18px}.attempt-lifecycle>div{border-inline-start:2px solid #dbe4df;padding:0 18px 24px;position:relative}.attempt-lifecycle>div:before{position:absolute;content:'';width:10px;height:10px;inset-inline-start:-6px;top:2px;border-radius:50%;background:#dbe4df}.attempt-lifecycle>.recorded:before{background:#28664f}.attempt-lifecycle strong{display:block;font-size:13px}.attempt-lifecycle small{display:block;margin-top:10px;font-size:10px}.attempt-metadata{padding:18px;background:#f0f3ff;border-radius:10px}.attempt-metadata h3{margin:0 0 20px}.attempt-metadata .campaign-facts{font-size:11px;grid-template-columns:100px 1fr}
@media(max-width:1250px){.campaign-native-title{align-items:start;flex-direction:column}.campaign-native-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-native-metrics>.targeted{grid-column:span 2}.campaign-native-metrics>article:last-child{grid-column:span 2}}
@media(max-width:760px){.campaign-native-header{padding:20px 16px}.campaign-native-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.campaign-native-metrics>article{min-height:135px;padding:14px}.campaign-native-metrics>article:last-child{grid-column:auto}.campaign-native-metrics>.targeted{grid-column:1/-1}.native-campaign-tabs{padding:0 16px;gap:22px}.native-campaign-tabs a{font-size:12px}.attempt-native-filters>label{min-width:100%}.attempt-governance{padding:16px;align-items:start}.attempt-governance .channel-symbol{flex-shrink:0}.campaign-summary-native{grid-template-columns:1fr}.campaign-native-title>.row{max-width:100%}.attempt-detail-body{padding:20px}.attempt-drawer{width:100vw!important}}
.webhook-endpoints{padding:22px;margin-bottom:26px}.webhook-event-log{padding:22px}.webhook-endpoints code{font-size:11px}.webhook-event-log .panel-heading,.webhook-endpoints .panel-heading{margin-bottom:20px}.content[data-screen=DV02] h2{font-size:18px;line-height:26px}
@media(max-width:760px){.webhook-endpoints,.webhook-event-log{padding:18px}.webhook-endpoints .panel-heading,.webhook-event-log .panel-heading{flex-wrap:wrap}.webhook-endpoints .table-wrap table{min-width:720px}}
.users-native-panel{padding:0;overflow:hidden}.users-native-toolbar{display:flex;align-items:center;gap:12px;padding:18px 20px}.users-native-toolbar>nav{display:flex;gap:5px;flex-shrink:0}.users-native-toolbar>nav button{border:0;background:transparent;padding:7px 10px;min-height:32px;font-size:11px;white-space:nowrap}.users-native-toolbar>nav button.selected{background:#28664f;color:white}.users-native-toolbar>label{flex:1;min-width:160px}.users-native-toolbar input{height:36px;min-height:36px;font-size:11px;border:0}.users-native-toolbar>select{width:auto;max-width:160px;font-size:11px;min-height:36px;border:0}.users-native-panel td{height:80px;font-size:12px;white-space:normal}.users-native-panel td small{font-size:10px}.users-native-panel td:first-child{min-width:200px}.users-native-panel td:first-child .identity-cell small{direction:ltr;text-align:start}.users-native-panel .table-wrap{border-radius:0}.company-channel-preview{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.company-channel-preview small{display:block;margin-top:5px}
@media(max-width:1100px){.users-native-toolbar{flex-wrap:wrap}.users-native-toolbar>nav{width:100%}.users-native-toolbar>select{max-width:none;min-width:160px}}
@media(max-width:760px){.users-native-toolbar{padding:14px;gap:10px}.users-native-toolbar>nav{overflow:auto}.users-native-toolbar>nav button{font-size:10px;padding:7px 9px}.users-native-toolbar>label{min-width:100%}.users-native-toolbar>select{width:100%}.users-native-panel table{min-width:880px}}
.native-report-metrics>article{min-height:214px}.page-intro p{line-height:1.9}.import-wizard>.feature-stepper{background:#f0f3ff;padding:12px;border:0}.import-wizard>.feature-stepper>span{display:flex;align-items:center;gap:10px;flex:1;min-width:120px;background:white;border-radius:7px;padding:12px;white-space:normal;font-size:11px;line-height:1.7}.import-wizard>.feature-stepper>span.active{background:#e1ece7;color:#28664f;font-weight:600}
.native-report-filters{display:flex;gap:12px;flex-wrap:wrap;padding:14px;background:white;border:1px solid #edf0f5;border-radius:12px;margin-bottom:24px}.native-report-filters select{flex:1;min-width:150px;font-size:12px;border:0;background:#f0f3ff;height:38px}.native-report-filters select:last-child{min-width:100%}.native-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.native-report-metrics>article{padding:18px 16px}.native-report-metrics>article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:14px}.native-report-metrics svg{width:32px;height:32px;flex-shrink:0;color:#28664f;background:#e8f4ed;padding:7px;border-radius:7px}.native-report-metrics>article>strong{display:block;font-size:27px;text-align:center;line-height:1.4;margin:18px 0 25px;min-height:38px}.report-metric-bottom{padding-top:16px;border-top:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center;gap:15px}.report-metric-bottom small{font-size:10px}.report-metric-bottom a{font-size:10px;text-decoration:none}.native-report-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:20px;margin-bottom:24px}.native-report-columns>.card{padding:22px}.native-report-columns .panel-heading{align-items:start}.native-report-columns .panel-heading p{font-size:12px;margin:8px 0 0;color:#555e74}.native-report-columns .report-chart{padding-top:35px;min-height:240px;background:#f0f3ff;border-radius:8px}.native-report-columns .report-chart span{background:#28664f}.report-chart-footer{font-size:10px;color:#677184;margin-top:15px}.staff-report-row{padding:16px 12px;background:#f0f3ff;border-radius:8px;margin-bottom:12px}.staff-report-row>strong{font-size:11px;display:block;margin:12px 0 0;text-align:end;color:#28664f}.staff-report-row .identity-cell strong{font-size:13px}.native-staff-report .panel-heading h2{font-size:16px}.report-export-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.report-export-options article{padding:28px;background:#f0f3ff;border-radius:10px}.report-export-options svg{width:30px;height:30px;color:#28664f}.report-export-options h3{font-size:20px}.report-export-options p{font-size:12px;color:#555e74}
@media(max-width:1100px){.native-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.native-report-columns{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}}
@media(max-width:760px){.native-report-filters{padding:12px}.native-report-filters select{font-size:11px;min-width:130px}.native-report-columns{grid-template-columns:1fr}.native-report-metrics{gap:10px}.native-report-metrics>article{padding:14px}.native-report-metrics>article>div:first-child{font-size:12px}.native-report-metrics>article>strong{font-size:22px;margin:15px 0}.report-metric-bottom{flex-wrap:wrap;gap:10px}.report-export-options{grid-template-columns:1fr}.native-report-columns>.card{padding:18px}}
.segment-native-workspace{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:24px;align-items:start}.segment-native-search{padding:14px;margin-bottom:16px}.segment-native-search>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;text-align:center}.segment-native-search>div>span{padding:12px 5px;background:#f0f3ff;border-radius:7px}.segment-native-search small{display:block;font-size:10px}.segment-native-search strong{display:block;font-size:18px;color:#28664f;margin-top:7px}.segment-native-choice{padding:20px;background:white;border:2px solid transparent;border-radius:12px;margin-bottom:14px}.segment-native-choice.selected{border-color:#28664f;background:#f6fbf8}.segment-native-choice>button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;border:0;background:transparent;text-align:start}.segment-native-choice strong{font-size:16px}.segment-native-choice>p{font-size:12px;color:#555e74;line-height:1.9}.segment-native-summary{padding:14px;background:#f0f3ff;border-radius:8px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.segment-native-summary strong{color:#28664f}.segment-native-editor{padding:22px}.segment-native-editor h3{font-size:16px;line-height:1.8;margin:0 0 20px}.criteria-group{display:grid;gap:18px;padding:18px;background:#f0f3ff;border-radius:10px}.criteria-group>div:first-child{display:flex;align-items:center;gap:10px;font-size:12px}.criteria-group input,.criteria-group select{background:white}.criteria-group label{font-size:11px}.criteria-result{text-align:center;display:grid;justify-items:center;gap:12px}.criteria-result>span{background:#111b2e;color:white;padding:5px 15px;border-radius:20px;font-size:12px}.scheduling-native-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.scheduling-native-stats>.card{padding:22px;min-height:170px}.scheduling-native-stats>.card>strong{display:block;font-size:32px;margin:18px 0}.scheduling-native-stats p{font-size:11px;color:#555e74}.scheduling-native-stats h2{margin:24px 0 15px}.scheduling-native-stats .summary-line{padding:10px 0;font-size:11px}.scheduling-native-stats .summary-line small{font-size:10px}.scheduling-native-timeline{padding:24px;margin-bottom:28px}.schedule-timeline{display:flex;align-items:center;gap:18px;min-height:150px;overflow:auto;position:relative}.schedule-timeline a{display:grid;justify-items:center;gap:15px;min-width:150px;flex:1;text-decoration:none;color:inherit;text-align:center;font-size:11px}.schedule-timeline strong{font-size:12px}.timeline-event{display:block;width:13px;height:13px;border:3px solid #a7b1c3;background:white;border-radius:50%;box-shadow:0 0 0 5px #f0f3ff}.timeline-event.approved{border-color:#28664f}.scheduling-list-heading{margin-bottom:20px}
@media(max-width:1100px){.segment-native-workspace{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.scheduling-native-stats{grid-template-columns:1fr 1fr}.scheduling-native-stats>.card:last-child{grid-column:1/-1}}
@media(max-width:760px){.segment-native-workspace,.scheduling-native-stats{grid-template-columns:1fr}.segment-native-summary{flex-wrap:wrap}.segment-native-choice{padding:16px}.segment-native-choice strong{font-size:14px}.segment-native-editor{padding:18px}.segment-native-search>div{gap:6px}.segment-native-search small{font-size:9px}.segment-native-search strong{font-size:17px}.scheduling-native-stats>.card:last-child{grid-column:auto}.scheduling-native-timeline{padding:18px}.scheduling-native-timeline>.panel-heading{flex-wrap:wrap}.schedule-timeline .design-empty{min-width:100%}}
.template-native-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:#f0f3ff;margin-bottom:26px;border-radius:10px}.template-native-filters>label{flex:1;min-width:250px}.template-native-filters input,.template-native-filters select{background:white;border:0;min-height:36px}.template-native-filters>select{width:auto;min-width:140px}.template-native-filters>span{font-size:12px;background:white;border-radius:7px;padding:10px 14px}.template-native-workspace{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:24px;align-items:start}.template-native-workspace h2{font-size:16px}.template-native-choice{width:100%;text-align:start;border:2px solid transparent;border-radius:12px;background:white;padding:20px;margin:0 0 14px;display:grid;gap:12px;min-height:130px}.template-native-choice.selected{border-color:#28664f}.template-native-choice>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.template-native-choice strong{font-size:14px;overflow-wrap:anywhere}.template-native-choice p{font-size:12px;line-height:1.8;color:#555e74;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-native-choice small{font-size:10px}.template-native-inspector{padding:22px}.template-native-inspector .panel-heading{align-items:start;flex-wrap:wrap}.template-native-inspector .panel-heading h2{font-size:18px;overflow-wrap:anywhere}.template-native-inspector h3{font-size:14px;margin:24px 0 16px}.template-approvals{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;background:#f0f3ff;border-radius:8px;margin-top:20px}.template-approvals small{display:block;font-size:10px}.template-approvals strong{display:block;margin-top:8px;font-size:13px;color:#28664f}.template-variables{display:grid;gap:8px}.template-variables>div{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;background:#f0f3ff;border-radius:6px}.template-variables strong{font-family:monospace;color:#28664f;font-size:12px}.template-variables small{font-size:10px}.template-native-inspector .phone-preview-title{font-size:11px}.template-native-inspector .phone-frame{min-height:300px;border-width:8px}.knowledge-native-filters{display:flex;gap:12px;align-items:center;margin-bottom:24px;padding:14px}.knowledge-native-filters>label{flex:1}.knowledge-native-filters input{border:0}.knowledge-native-filters select{width:auto;max-width:180px;border:0}.knowledge-native-filters small{white-space:nowrap}.content[data-screen=AI02]>.page-intro{background:white;padding:26px;border:1px solid #edf0f5;border-radius:12px;min-height:135px}.content[data-screen=AI02] .page-actions{inset-inline-end:26px;top:45px}
@media(max-width:1100px){.template-native-workspace{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.knowledge-native-filters{flex-wrap:wrap}.knowledge-native-filters>label{min-width:100%}.knowledge-native-filters select{flex:1;max-width:none}}
@media(max-width:760px){.template-native-workspace{grid-template-columns:1fr}.template-native-filters{padding:14px}.template-native-filters>label{min-width:100%}.template-native-filters>select{min-width:120px;flex:1}.template-native-choice{padding:16px}.template-native-inspector{padding:18px}.knowledge-native-filters small{width:100%}.content[data-screen=AI02]>.page-intro{padding:20px;min-height:0}.content[data-screen=AI02]>.page-intro:has(.page-actions){padding-inline-end:20px}.content[data-screen=AI02] .page-actions{position:static}}
.organization-native{display:grid;grid-template-columns:minmax(250px,4fr) minmax(0,8fr);gap:32px;align-items:start}.organization-native.team-native{grid-template-columns:minmax(280px,5fr) minmax(0,7fr);gap:24px}.organization-native-list>.panel-heading{margin-bottom:14px}.organization-native-list>label{margin-bottom:16px}.organization-native-choice{width:100%;display:flex;align-items:center;gap:14px;text-align:start;padding:18px;border-radius:12px;background:white;border:2px solid transparent;box-shadow:0 1px 3px #111b2e05;margin-bottom:12px;min-height:100px}.organization-native-choice.selected{border-color:#28664f;background:#f5faf7}.organization-native-choice>span:nth-child(2){flex:1;min-width:0}.organization-native-choice strong{font-size:18px;display:block}.organization-native-choice small{font-size:11px;display:block;margin-top:9px}.organization-native-choice>.badge{font-size:9px}.organization-native-choice[hidden]{display:none}.organization-native-editor{padding:24px;min-height:430px}.organization-native-editor .panel-heading h2{font-size:22px;margin-bottom:8px}.organization-native-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #e5e9f1;margin:0 -24px;padding:0 24px}.organization-native-tabs a{font-size:11px;white-space:nowrap;text-decoration:none;color:#555e74;padding:14px 5px;border-bottom:2px solid transparent}.organization-native-tabs a.selected{color:#28664f;border-color:#28664f;font-weight:600}.organization-native-body{padding-top:24px}.organization-native-body h3{font-size:14px;margin:0 0 15px}.organization-native-body>.stack>button{justify-self:start}.organization-native-body .permission-matrix{padding:0;border:0}.organization-routing{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:10px 0 26px}.organization-routing input,.organization-routing select{background:#f9f9ff}.organization-capacity{padding:22px;background:#f0f3ff;border-radius:9px}.organization-capacity>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.organization-capacity span{font-size:11px;line-height:1.8}.organization-capacity strong{display:block;font-size:16px;margin-top:14px;color:#28664f}.organization-tab-empty{min-height:350px}
@media(max-width:1100px){.organization-native,.organization-native.team-native{grid-template-columns:minmax(220px,1fr) minmax(0,1.5fr);gap:20px}.organization-routing{grid-template-columns:1fr}.organization-native-choice{padding:14px}.organization-native-choice strong{font-size:15px}}
@media(max-width:760px){.organization-native,.organization-native.team-native{grid-template-columns:1fr}.organization-native-choice{min-height:90px}.organization-native-editor{padding:18px;min-height:300px}.organization-native-tabs{margin:0 -18px;padding:0 18px}.organization-capacity{padding:16px}.organization-capacity>div{grid-template-columns:1fr}.organization-native-editor .panel-heading h2{font-size:19px}.organization-native-body .permission-matrix table{min-width:420px}}
.customization-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.customization-tabs{display:flex;overflow:auto;gap:20px;background:white;border-radius:12px 12px 0 0;border-bottom:1px solid #e5e9f1;padding:0 22px;margin-bottom:24px}.customization-tabs a{font-size:14px;padding:18px 3px;color:#555e74;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}.customization-tabs a.selected{color:#28664f;border-color:#28664f;font-weight:600}.native-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.native-unit h2{font-size:18px;margin:24px 0 12px}.native-unit p{font-size:13px;line-height:1.9;min-height:50px;color:#555e74}.native-unit a{font-size:12px;font-weight:600}.customization-body .permission-matrix{border:0;padding:0}.customization-body .permission-matrix input{accent-color:#28664f}.native-view-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:32px}.native-view-card>svg{width:42px;height:42px;color:#28664f}.native-view-card h2{margin:0}.native-state-flow{display:flex;align-items:center;justify-content:center;gap:18px;padding:40px 20px;background:#f0f3ff;border-radius:10px}.native-state-flow article{padding:20px;background:white;border-radius:9px;border:1px solid #dce6e1}.entity-relationship-canvas{display:flex;align-items:center;justify-content:center;gap:28px;min-height:400px;background-color:#f0f3ff;background-image:radial-gradient(#c4d1d2 1px,transparent 1px);background-size:18px 18px;border:1px solid #e1e8ec;border-radius:12px;padding:32px}.entity-relationship-canvas article{display:grid;gap:15px;padding:24px 32px;background:white;border:1px solid #bccac1;border-radius:10px;min-width:180px}.entity-relationship-canvas article svg{color:#28664f;width:32px;height:32px}.entity-relationship-canvas article a{font-size:12px}.entity-relationship-canvas>div{display:grid;gap:20px}
@media(max-width:1000px){.native-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customization-tabs{gap:15px}}
@media(max-width:760px){.native-unit-grid{grid-template-columns:1fr}.customization-tabs{padding:0 15px;gap:18px}.customization-tabs a{font-size:12px;padding:15px 0}.entity-relationship-canvas{flex-direction:column;padding:24px}.entity-relationship-canvas article{min-width:240px}.native-state-flow{flex-direction:column;padding:25px}.customization-actions{gap:12px;align-items:start;flex-wrap:wrap}}
.native-task-tabs{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f0f3ff;padding:5px;border-radius:8px;margin-bottom:20px}.native-task-tabs .soft-tabs{margin:0;padding:0}.native-task-tabs .task-view-controls{margin:0;white-space:nowrap}.native-task-tabs .task-view-controls button{display:flex;align-items:center;gap:6px}.task-native-filters{display:flex;gap:12px;align-items:center;padding:14px 0;margin-bottom:12px}.task-native-filters .task-search{flex:1;min-width:150px}.task-native-filters input,.task-native-filters select{background:white;border-color:transparent;font-size:11px}.task-native-filters select{min-width:150px}.content[data-screen=TA01] .metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.content[data-screen=TA01] .metric-card{padding:16px}.content[data-screen=TA01] .metric-card>div{font-size:11px}.content[data-screen=TA01] .metric-card>strong{font-size:24px}.content[data-screen=TA01] .metric-card>div svg{width:26px;height:26px;background:#f0f3ff;padding:5px;border-radius:6px}.content[data-screen=TA01] .table-wrap td{padding:18px 16px;max-width:300px;white-space:normal}.content[data-screen=TA01] .table-wrap td>strong{font-size:13px}.content[data-screen=TA01] .table-wrap td>.badge{margin-top:8px}
@media(max-width:1000px){.content[data-screen=TA01] .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.native-task-tabs{flex-wrap:wrap}.task-native-filters{flex-wrap:wrap}}
@media(max-width:760px){.content[data-screen=TA01] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-task-tabs{gap:10px}.native-task-tabs .soft-tabs{width:100%}.native-task-tabs .task-view-controls{width:100%}.task-native-filters .task-search{min-width:100%}.task-native-filters label:not(.task-search){flex:1;min-width:140px}.task-native-filters select{width:100%;min-width:0}.content[data-screen=TA01] .table-wrap table{min-width:760px}.content[data-screen=TA01] .table-wrap td{white-space:normal}}
dialog.drawer:has(#feature-task-form){inset-inline-start:0;inset-inline-end:auto;margin-inline-start:0;margin-inline-end:auto}.content[data-screen=CO01]>.page-intro{display:none}.content[data-screen=CO01]{padding:16px}.content[data-screen=HOME01]{padding:16px}.content[data-screen=HOME01]>.page-intro{background:white;border:1px solid #e5e9f1;border-radius:12px;padding:16px;min-height:64px;display:flex;align-items:center;margin-bottom:16px}.content[data-screen=HOME01]>.page-intro h1{margin:0}.content[data-screen=HOME01]>.page-intro .breadcrumb,.content[data-screen=HOME01]>.page-intro>p{display:none}.content[data-screen=TA01],.content[data-screen=TA02]{padding:16px 24px}.content[data-screen=TA01]>.page-intro h1,.content[data-screen=TA01]>.page-intro>p,.content[data-screen=TA02]>.page-intro h1,.content[data-screen=TA02]>.page-intro>p{display:none}.content[data-screen=TA01]>.page-intro,.content[data-screen=TA02]>.page-intro{min-height:36px;margin-bottom:16px;padding-top:7px}.content[data-screen=TA01] .page-actions,.content[data-screen=TA02] .page-actions{top:0}.content[data-screen=CH02]>.page-intro h1,.content[data-screen=CH02]>.page-intro>p{display:none}.content[data-screen=CH02]>.page-intro{min-height:24px;margin-bottom:16px}
@media(max-width:760px){.content[data-screen=TA01],.content[data-screen=TA02]{padding:16px 14px}.content[data-screen=TA01]>.page-intro,.content[data-screen=TA02]>.page-intro{min-height:0}.content[data-screen=TA01] .page-actions,.content[data-screen=TA02] .page-actions{margin-top:12px}.content[data-screen=HOME01]>.page-intro h1{font-size:18px}}
.assistant-list-heading{margin:26px 0 18px}.assistant-list-heading h2{display:flex;gap:8px;align-items:center}.assistant-native-card{border:1px solid #e5e9f1;padding:24px;min-height:230px}.assistant-native-card.selected{border:2px solid #9cb5aa;padding:23px}.assistant-native-card h3{margin:0 0 5px;font-size:16px}.assistant-card-facts{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #edf0f5;padding:18px 0;gap:25px}.assistant-card-facts strong{display:block;color:#28664f;font-size:14px;margin-top:8px}.assistant-settings{margin-top:30px;padding:28px 32px}.assistant-settings>.panel-heading{padding-bottom:22px;border-bottom:1px solid #edf0f5}.numbered-section{display:grid;grid-template-columns:28px minmax(0,1fr);gap:15px;padding:25px 0;border-bottom:1px solid #edf0f5}.numbered-section>span{width:26px;height:26px;border-radius:50%;background:#f0f3ff;color:#28664f;font-weight:600;font-size:12px;display:grid;place-items:center}.numbered-section h3{font-size:16px;margin:0 0 18px}.assistant-settings-form textarea{min-height:160px;background:#f0f3ff}.knowledge-choice{display:flex;align-items:center;gap:14px;padding:16px;background:#f9f9ff;border:1px solid #edf0f5;border-radius:8px;margin:10px 0}.knowledge-choice input{width:16px;height:16px;min-height:0;accent-color:#28664f}.knowledge-choice strong{display:block;font-size:13px}.knowledge-choice small{display:block;margin-top:6px}.knowledge-choice>.badge{margin-inline-start:auto}.settings-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;background:#f0f3ff;border-radius:8px;padding:18px}.settings-line strong{font-size:12px;display:block}.settings-line small{display:block;margin-top:7px}.settings-line input[type=checkbox]{width:34px;height:20px;min-height:0;appearance:none;border:0;border-radius:20px;background:#c8d3cf;padding:0;position:relative;opacity:1;flex-shrink:0}.settings-line input[type=checkbox]:after{content:'';position:absolute;top:3px;inset-inline-end:3px;width:14px;height:14px;border-radius:50%;background:white}.settings-line input[type=checkbox]:checked{background:#28664f}.settings-line input[type=checkbox]:checked:after{inset-inline-end:auto;inset-inline-start:3px}.settings-line select{width:auto;min-width:120px}.handoff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.handoff-item{padding:18px;border-radius:8px;border:1px solid #e5e9f1;position:relative}.handoff-item strong{display:block;font-size:12px;padding-inline-end:25px}.handoff-item small{display:block;margin-top:10px;line-height:1.8}.handoff-item input{position:absolute;inset-inline-end:15px;top:18px;width:15px;height:15px;min-height:0;accent-color:#28664f}.assistant-test-output{min-height:160px;padding:20px;background:#f0f3ff;border-radius:8px;font-size:12px;color:#555e74;line-height:1.8;margin-bottom:18px}.assistant-test form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.assistant-test form>.error{grid-column:1/-1}.assistant-test input{background:white;height:44px}.assistant-save{margin-top:24px}.assistant-settings h2{font-size:18px}.assistant-test{border-bottom:0}.developer-header{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#f9f9ff;padding:14px 16px;border-bottom:1px solid #edf0f5;min-height:76px}.developer-header>div{max-width:300px}.developer-header h1{font-size:18px;line-height:26px;margin:0}.developer-header p{font-size:11px;line-height:1.7;color:#555e74;margin:3px 0 0}.developer-header nav{display:flex;gap:10px;align-items:stretch}.developer-header nav a{padding:14px 10px;text-align:center;font-size:12px;text-decoration:none;color:#555e74;border-bottom:2px solid transparent}.developer-header nav a.selected{color:#28664f;background:#eef4f0;border-bottom-color:#28664f}.developer-header>button{max-width:180px;font-size:11px}.developer-body{padding:16px}.developer-overview{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:stretch}.developer-overview>.card{padding:18px}.developer-overview h2{font-size:18px}.environment-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:18px 12px;background:#f0f3ff;border-radius:8px;margin-bottom:14px;min-height:70px}.environment-row strong{font-size:12px}.environment-row .badge{font-size:9px}.native-chart-empty{background:#f0f3ff;min-height:250px;border-radius:8px;padding:22px;display:flex;gap:12px;align-items:end;justify-content:center;position:relative}.native-chart-empty>span{height:2px;flex:1;background:#bccac1}.native-chart-empty>p{position:absolute;top:40%;inset-inline:20px;text-align:center;font-size:12px;color:#6d7a73}.developer-clients{margin-top:28px}.developer-clients h2{font-size:18px}.developer-docs{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.developer-docs a{font-size:12px;line-height:2.5}.developer-body pre{padding:20px;background:#111b2e;color:#a7e7cf;border-radius:8px;overflow:auto;font-size:12px}.content[data-screen=DV01]{padding:0;max-width:none}.content[data-screen=DV01]>.page-intro{display:none}.content[data-screen=AD05]>.page-intro{display:none}.company-native-banner{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(100deg,#e9edf7,#f0f3ff);border-radius:12px;margin-bottom:24px}.company-native-banner>.company-avatar{width:64px;height:64px;background:#28664f;color:white;font-size:30px;flex-shrink:0}.company-native-banner>div{flex:1;min-width:0}.company-native-banner h1{font-size:28px;line-height:36px;margin:0 0 8px}.company-native-banner p{font-size:12px;line-height:1.9;margin:0}.tenant-id{padding:10px 14px;border-radius:8px;background:white;display:grid;gap:5px;font-size:11px;text-align:center;white-space:nowrap}.tenant-id strong{font-family:monospace;font-size:12px;color:#28664f}.company-native-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:start}.company-native-columns h2{display:flex;gap:8px;align-items:center;font-size:18px}.company-native-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.company-native-form label{font-size:12px}.company-native-form input,.company-native-form select{height:36px;font-size:12px}.company-native-form .error{grid-column:1/-1}.company-native-form .form-fallback-submit{display:none}.workspace-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f5}.workspace-row:last-child{border-bottom:0}.native-plan{position:relative;overflow:hidden;padding-top:32px}.native-plan:before{content:'';height:6px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#28664f,#9cf5d4)}.native-plan>p,.plan-simulator>p{font-size:12px;color:#555e74;line-height:1.9}.plan-price{padding:15px;background:#f0f3ff;border:1px solid #e1e5ed;border-radius:8px;margin:20px 0}.plan-price strong{display:block;font-size:14px;margin-top:8px;color:#28664f}.plan-price p{font-size:10px;color:#677184;margin:7px 0 0}.usage-line{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:11px;margin-top:24px}.usage-line strong{font-size:12px;color:#28664f}.usage-line>div{grid-column:1/-1;background:#edf0fa;border-radius:8px;height:7px}.usage-line i{display:block;width:0;height:7px;background:#28664f}.plan-simulator label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;font-size:12px}.plan-simulator input[type=range]{width:100%;background:transparent;border:0;padding:0;accent-color:#28664f;min-height:15px}.plan-simulator output{font-weight:600;color:#28664f}
@media(max-width:1200px){.developer-header{flex-wrap:wrap}.developer-header>div{max-width:none;flex:1}.developer-header nav{order:3;width:100%;overflow:auto}.company-native-banner{flex-wrap:wrap}.company-native-banner>.tenant-id{margin-inline-start:auto}}
@media(max-width:1000px){.company-native-columns{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.company-native-banner h1{font-size:24px}.developer-overview{grid-template-columns:1.6fr 1fr}.company-native-form{grid-template-columns:1fr}}
@media(max-width:760px){.assistant-native-card{padding:18px}.assistant-native-card.selected{padding:17px}.assistant-native-card .panel-heading{align-items:start;flex-wrap:wrap}.assistant-settings{padding:18px;margin-top:22px}.assistant-settings>.panel-heading{align-items:start;flex-wrap:wrap}.numbered-section{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:20px 0}.numbered-section>span{width:22px;height:22px;font-size:10px}.numbered-section h3{font-size:14px}.knowledge-choice{padding:12px;gap:9px;flex-wrap:wrap}.knowledge-choice strong{font-size:12px}.handoff-grid{grid-template-columns:1fr}.assistant-test form{grid-template-columns:1fr}.assistant-settings h2{font-size:16px}.settings-line{padding:14px}.developer-header{padding:18px 14px;gap:15px}.developer-header>div{min-width:100%}.developer-header h1{font-size:19px}.developer-header nav{gap:4px}.developer-header nav a{font-size:11px;padding:12px 10px;white-space:nowrap}.developer-body{padding:14px}.developer-overview,.developer-docs,.company-native-columns{grid-template-columns:1fr}.company-native-banner{padding:20px 16px;gap:14px}.company-native-banner>.company-avatar{width:46px;height:46px;font-size:22px}.company-native-banner h1{font-size:22px;line-height:1.6}.company-native-banner p{font-size:11px}.company-native-banner>div{min-width:220px}.company-native-columns h2{font-size:16px}.company-native-form{grid-template-columns:1fr}.company-native-columns .card{padding:18px}.workspace-row{flex-wrap:wrap}.workspace-row .identity-cell{max-width:100%}.workspace-row .identity-cell strong{white-space:normal}.tenant-id{font-size:10px}.company-native-banner>button{margin-inline-start:auto}}
/* Intrinsic table/tab widths must stay inside their responsive grid tracks. */
.dashboard-native-columns>* , .organization-native>*{min-width:0}
.content select.sr-only{width:1px;max-width:1px;min-width:0;min-height:0;height:1px;padding:0;border:0}
.campaign-list-filter>nav{min-width:0;max-width:100%}
@media(max-width:760px){.dashboard-native-columns,.organization-native,.organization-native.team-native{grid-template-columns:minmax(0,1fr)}.content[data-screen=AD05]{padding:18px}.company-native-banner{min-height:0}}
.content[data-screen=IN01] .native-inbox-filters{padding:12px;gap:10px}.content[data-screen=IN01] .native-inbox-filters input{height:34px;min-height:34px;padding:7px 12px;font-size:12px;line-height:18px}.content[data-screen=IN01] .native-inbox-filters select{height:30px;min-height:30px;padding:5px 10px;font-size:11px;line-height:18px}.thread.native-thread{display:flex;gap:10px;align-items:start;padding:14px 12px;position:relative;min-height:110px;background:white;border-inline-start:4px solid transparent}.thread.native-thread.active{background:#f5fbf7;border-inline-start-color:#28664f}.native-thread>.avatar{width:34px;height:34px;flex-shrink:0;margin-top:4px;font-size:11px}.native-thread.active>.avatar{background:#28664f;color:white}.native-thread-content{flex:1;min-width:0}.native-thread-content strong{font-size:12px;line-height:18px;display:block}.native-thread-content small{font-size:10px;line-height:17px;margin-top:5px}.native-thread-content .badge{display:inline-block;margin-top:7px;padding:2px 6px;font-size:9px;line-height:16px}.native-thread-time{position:absolute;inset-inline-end:10px;top:12px;font-size:8px;max-width:70px;line-height:15px}.native-composer-footer .attachment-icon{display:inline-flex;align-items:center;color:#8a94a5}.native-composer-footer .attachment-icon svg{width:18px;height:18px}
.contact-overview{grid-template-columns:minmax(0,2fr) minmax(230px,1fr)}.contact-overview>aside{order:2}.contact-overview>section{order:1}.native-webhook-workspace{display:grid;grid-template-columns:minmax(240px,4fr) minmax(0,8fr);gap:24px;align-items:start;margin-bottom:24px}.native-webhook-workspace>section{min-width:0}.native-webhook-workspace h2{font-size:18px}.native-webhook-workspace .panel-heading{gap:10px;flex-wrap:wrap}.native-endpoint{padding:16px 0;border-bottom:1px solid #edf0f5}.native-endpoint>div{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px}.native-endpoint code{display:block;overflow-wrap:anywhere;font-size:10px;color:#28664f;margin:12px 0}.native-endpoint small{display:block;font-size:10px}.native-endpoint button{margin-top:12px;font-size:10px;min-height:26px}.native-webhook-console{padding:24px}.native-webhook-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.native-webhook-controls button{grid-column:1/-1;justify-self:start}.native-webhook-console label{font-size:11px}.native-webhook-console textarea{background:#111b2e;color:#9cf5d4;min-height:180px;padding:20px;font:12px/22px Consolas,monospace;margin-top:10px}.native-webhook-console form>small{font-size:10px;display:block;margin-top:12px}.native-webhook-console output{display:block;font-size:11px;line-height:20px;color:#28664f}.native-execution-workspace{display:grid;grid-template-columns:minmax(0,8fr) minmax(250px,4fr);gap:24px;align-items:start}.native-execution-workspace>*{min-width:0}.native-execution-workspace .native-trace{margin:0;padding:18px}.native-execution-workspace .native-trace-grid{grid-template-columns:1fr;gap:14px}.native-execution-workspace .native-trace .panel-heading{flex-wrap:wrap}.native-execution-workspace .native-trace .panel-heading h2{font-size:16px}.native-execution-workspace .native-trace .panel-heading button{font-size:10px;min-height:26px;padding:4px 8px}.native-execution-workspace .trace-step-list article{flex-wrap:wrap;padding:12px 0}.native-execution-workspace .trace-step-list article>div{min-width:100px}.native-execution-workspace .trace-step-list .badge{font-size:9px}.native-execution-workspace .native-execution-table td{font-size:11px;padding:14px 10px}.native-execution-workspace .native-execution-table th{font-size:10px;padding:12px 10px}.native-execution-workspace .native-execution-table table{white-space:normal;min-width:560px}
.content[data-screen=AU02]{padding:0}.content[data-screen=AU02]>.page-intro{padding:16px 24px 12px;margin:0;background:white;border-bottom:1px solid #edf0f5;min-height:78px}.content[data-screen=AU02]>.page-intro:has(.page-actions){padding-inline-end:450px}.content[data-screen=AU02] .page-actions{inset-inline-end:24px;top:24px;gap:6px}.content[data-screen=AU02] .page-actions button{font-size:11px;padding:6px 10px;min-height:32px}.content[data-screen=AU02]>.page-intro .breadcrumb{font-size:10px;line-height:16px;margin-bottom:5px}.content[data-screen=AU02] .native-workflow-heading{border:0;border-radius:0;background:#f5f8f6}.content[data-screen=AU02] .workflow-workspace{margin:0;border:0;border-radius:0}
@media(max-width:1000px) and (min-width:761px){.native-webhook-workspace,.native-execution-workspace{grid-template-columns:minmax(0,1fr)}.content[data-screen=AU02]>.page-intro:has(.page-actions){padding-inline-end:24px}.content[data-screen=AU02] .page-actions{position:static;flex-wrap:wrap;margin-top:14px}}
@media(max-width:760px){.contact-overview,.native-webhook-workspace,.native-execution-workspace{grid-template-columns:minmax(0,1fr)}.native-webhook-controls{grid-template-columns:1fr}.native-webhook-console{padding:18px}.content[data-screen=AU02]>.page-intro:has(.page-actions){padding:18px}.content[data-screen=AU02] .page-actions{position:static;flex-wrap:wrap;margin-top:14px}.native-execution-workspace .native-trace{margin-top:0}}
.native-report-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.native-report-filters select,.native-report-filters select:last-child{min-width:0;width:100%;padding:6px 8px!important;font-size:11px!important}.content[data-screen=AU01] .metric-card:last-child{background:linear-gradient(135deg,#28664f,#328b70);border-color:#28664f;color:white}.content[data-screen=AU01] .metric-card:last-child>div,.content[data-screen=AU01] .metric-card:last-child>small,.content[data-screen=AU01] .metric-card:last-child svg{color:#e8fff6}.content[data-screen=TA02] .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.native-approval-filters{margin-bottom:20px}.native-approval-filters .record-types{margin-bottom:14px}.native-approval-filters .toolbar{display:flex;gap:12px}.native-approval-filters .toolbar input{flex:1}.native-approval-filters .toolbar select{width:180px}.native-approval-workspace{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:24px;align-items:start}.native-approval-workspace>*{min-width:0}.native-approval-queue{padding:0;overflow:hidden}.native-approval-queue>.panel-heading{padding:18px;margin:0;border-bottom:1px solid #edf0f5}.content[data-screen=TA02] .native-approval-queue h2,.content[data-screen=TA02] .native-approval-inspector h2{font-size:16px}.native-approval-inspector h3{font-size:16px;line-height:24px;margin:18px 0}.native-approval-inspector .campaign-facts{font-size:11px;grid-template-columns:100px 1fr;gap:15px}.native-approval-inspector>a{font-size:11px}.native-approval-inspector label{font-size:11px}.native-approval-queue td{font-size:11px;white-space:normal;padding:14px 10px}.native-approval-queue th{font-size:10px;padding:14px 10px}.native-approval-queue table{min-width:500px}
@media(max-width:1000px) and (min-width:761px){.native-report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.native-approval-workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.native-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.native-report-filters select:first-child{grid-column:1/-1}.content[data-screen=TA02] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-approval-workspace{grid-template-columns:minmax(0,1fr)}.native-approval-filters .toolbar{flex-wrap:wrap}.native-approval-filters .toolbar input{min-width:100%}.native-approval-filters .toolbar select{width:100%}}
.native-activity-filters{padding:18px;margin-bottom:24px}.native-activity-filters>input{margin-bottom:18px;border:0;background:#f0f3ff}.native-activity-filters>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.native-activity-filters label{font-size:11px;color:#555e74}.native-activity-filters select{border:0;background:#f0f3ff}.content[data-screen=RE06] .timeline-panel h2{font-size:18px}.activity-event>div{min-width:0;flex:1}.activity-event p{white-space:pre-wrap;overflow-wrap:anywhere}.activity-event>button{align-self:end;font-size:11px}.activity-event .row{flex-wrap:wrap}
@media(max-width:1000px){.native-activity-filters>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.native-activity-filters{padding:16px}.native-activity-filters>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.native-activity-filters label{font-size:10px}.activity-event{flex-wrap:wrap}.activity-event>button{margin-inline-start:auto}}
.native-record-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr));gap:12px}.native-record-filters .search-field{min-width:0}.native-record-filters select{background:#f0f3ff;border:0;font-size:11px!important}.native-record-filters input{border:0;background:#f0f3ff}
@media(max-width:760px){.native-record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.native-record-filters .search-field{grid-column:1/-1}.native-record-filters label{min-width:0}}
.topbar .header-profile{display:block;position:relative}.header-profile>summary{list-style:none;cursor:pointer;display:flex;flex-direction:row-reverse;align-items:center;gap:8px}.header-profile>summary::-webkit-details-marker{display:none}.account-menu{position:absolute;inset-inline-end:0;top:calc(100% + 15px);width:170px;padding:8px;background:white;border:1px solid #e5e9f1;border-radius:8px;box-shadow:0 8px 24px #111b2e10}.account-menu button{width:100%;text-align:start;min-height:32px;padding:6px 10px;font-size:12px}.account-menu button:hover{background:#f0f3ff}.header-task-link{display:flex;align-items:center;color:#555e74;text-decoration:none;padding:5px}.sidebar .brand-tile{background:#28664f}
@media(max-width:760px){.topbar .header-task-link{display:none}.account-menu{inset-inline-end:0;top:calc(100% + 16px)}}
@media(min-width:761px){.content[data-screen=RE01]>.page-intro:has(.page-actions){padding-inline-end:360px}}
.header-task-link[hidden]{display:none}
@media(min-width:761px){.content[data-screen=AI01]>.page-intro{margin:-28px -32px 32px;border-radius:0;border:0;border-bottom:1px solid #edf0f5;background:white;padding:32px;min-height:221.5px}.content[data-screen=AI01]>.page-intro:has(.page-actions){padding-inline-end:270px}.content[data-screen=AI01] .page-actions{top:64px;inset-inline-end:32px}}
/* TA01: the native drawer keeps its own heading, scroll area and fixed actions. */
dialog.drawer:has(#feature-task-form){padding:0;overflow:hidden;width:min(512px,100vw);max-width:100vw;display:flex;flex-direction:column;background:#fff}dialog.drawer:has(#feature-task-form):not([open]){display:none}.native-task-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#f0f3ff;border-bottom:1px solid #dfe5f1;flex-shrink:0}.native-task-drawer-heading h2{font-size:18px;line-height:26px;margin:0 0 3px}.native-task-drawer-heading small{font-size:10px;line-height:16px}.native-task-drawer-heading>button{border:0;background:transparent;min-height:30px;padding:2px 8px;font-size:23px;color:#677184}#feature-task-form{display:flex;flex-direction:column;min-height:0;flex:1}.native-task-drawer-body{overflow:auto;padding:24px;display:grid;gap:20px;min-height:0;flex:1}.native-task-drawer-body label{font-size:12px;line-height:18px;gap:8px}.native-task-drawer-body input,.native-task-drawer-body select,.native-task-drawer-body textarea{font-size:12px;line-height:18px;padding:9px 12px;border:1px solid #cdd7d1;background:white;border-radius:7px;min-height:38px}.native-task-drawer-body input[type=hidden]{display:none}.native-task-drawer-body :disabled{background:#f5f6fa;color:#7a8290;opacity:1}.native-task-contact-section>h3{font-size:12px;line-height:18px;margin:0 0 10px}.native-task-contact-section>label{margin-top:10px}#native-task-contact-card{padding:14px;border:1px solid #dfe5f1;border-radius:8px;background:#f0f3ff;font-size:12px}.native-task-contact-identity{display:flex;align-items:center;justify-content:space-between;gap:12px}.native-task-contact-identity a{text-decoration:none;font-size:20px}.native-task-contact-identity strong{font-size:12px}.native-task-contact-identity small{font-size:10px}#native-task-contact-card>bdi{display:block;margin-top:8px;font-size:11px;color:#677184}.native-task-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.native-task-followup{background:#f0f3ff;border:1px solid #e1e7f2;border-radius:9px;padding:16px;display:grid;gap:16px}.native-task-followup .panel-heading{margin:0;gap:10px}.native-task-followup h3{font-size:14px;line-height:20px;margin:0}.native-task-followup .badge{font-size:9px;white-space:nowrap}.native-task-followup textarea{min-height:100px;resize:vertical;line-height:20px}.native-task-drawer-body>.error{margin:0;font-size:12px}.native-task-drawer-footer{padding:16px 18px;border-top:1px solid #dfe5f1;display:flex;gap:8px;align-items:center;justify-content:flex-end;background:white;flex-shrink:0}.native-task-drawer-footer button{font-size:11px;padding:8px 10px;line-height:18px;min-height:36px;white-space:nowrap}.native-task-drawer-footer .native-task-complete{background:#9cf5d4;border-color:#9cf5d4;color:#07513c}.native-task-drawer-footer button:first-child{margin-inline-end:auto}
@media(max-width:760px){.native-task-drawer-heading{padding:16px 18px}.native-task-drawer-heading h2{font-size:17px}.native-task-drawer-body{padding:20px 18px;gap:18px}.native-task-field-grid{gap:16px 12px}.native-task-drawer-footer{padding:12px;gap:6px;flex-wrap:wrap}.native-task-drawer-footer button{font-size:10px;padding:7px 9px}.native-task-drawer-footer button.primary{flex:1}.native-task-followup{padding:14px}}
/* TA01 measured field typography: 16/24 labels, 40px inputs, 16px group gaps. */
.native-task-drawer-heading{padding:16px 24px}.native-task-drawer-heading h2{font-size:16px;line-height:24px}.native-task-reference{display:flex;gap:12px;align-items:center;min-height:24px}.native-task-reference small{font-size:12px;line-height:20px}.native-task-reference select{width:auto;min-width:85px;min-height:24px;height:24px;font-size:11px;line-height:18px;padding:2px 7px;background:white;border:0;color:#28664f}.native-task-drawer-body{gap:16px}.native-task-drawer-body label{font-size:16px;line-height:24px;font-weight:600;gap:6px}.native-task-drawer-body input,.native-task-drawer-body select,.native-task-drawer-body textarea{font-size:16px;font-weight:400;line-height:24px;padding:8px 12px;min-height:40px}.native-task-contact-section{position:relative}.native-task-contact-section>h3{font-size:16px;line-height:24px;margin:0 0 6px;font-weight:600}#native-task-contact-card{padding:12px;min-height:64px;display:flex;align-items:center}.native-task-contact-identity{width:100%}.native-task-contact-identity .identity-cell small{font-size:14px;line-height:20px}.native-task-contact-identity strong{font-size:12px;line-height:18px}.native-task-contact-chooser{position:absolute;top:0;inset-inline-end:0;z-index:1}.native-task-contact-chooser>summary{font-size:11px;line-height:24px;list-style:none;cursor:pointer;color:#28664f}.native-task-contact-chooser[open]{inset-inline:0;top:0;background:white;border:1px solid #dfe5f1;box-shadow:0 5px 18px #111b2e15;padding:12px;border-radius:8px}.native-task-contact-chooser[open]>summary{margin-bottom:10px}.native-task-contact-chooser>summary::-webkit-details-marker{display:none}.native-task-contact-chooser label{font-size:12px}.native-task-followup h3{font-size:16px;line-height:24px}.native-task-followup label{font-weight:400;color:#677184}.native-task-followup .badge{font-size:12px;background:transparent}.native-task-field-grid{gap:16px}.native-task-drawer-footer button{font-size:14px;line-height:20px;padding:9px 12px;min-height:40px}.native-task-drawer-footer{padding:16px}
@media(max-width:760px){.native-task-drawer-heading{padding:16px 18px}.native-task-drawer-body label,.native-task-contact-section>h3{font-size:14px;line-height:22px}.native-task-drawer-body input,.native-task-drawer-body select,.native-task-drawer-body textarea{font-size:14px;line-height:22px}.native-task-contact-identity .identity-cell small{font-size:12px}.native-task-drawer-footer{padding:12px;gap:6px}.native-task-drawer-footer button{font-size:11px;min-height:38px;padding:8px 10px}.native-task-contact-chooser label{font-size:12px}}
/* AD01: native invitation drawer header, form spacing and fixed footer. */
dialog.drawer:has(#admin-invite-form){padding:0;overflow:hidden;width:min(512px,100vw);max-width:100vw;display:flex;flex-direction:column;background:white}dialog.drawer:has(#admin-invite-form):not([open]){display:none}.native-invite-heading{padding:24px;display:flex;gap:18px;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9f1;flex-shrink:0}.native-invite-heading h2{font-size:18px;line-height:26px;margin:0 0 4px}.native-invite-heading p{font-size:12px;line-height:16px;color:#555e74;margin:0}.native-invite-heading>button{background:transparent;border:0;color:#677184;min-height:32px;padding:4px 8px;font-size:24px}#admin-invite-form{display:flex;flex-direction:column;flex:1;min-height:0}.native-invite-body{padding:24px;display:grid;gap:24px;overflow:auto;min-height:0;flex:1}.native-invite-body label{font-size:12px;line-height:16px;gap:8px;font-weight:600}.native-invite-body input,.native-invite-body select{font-size:14px;line-height:20px;padding:0 12px;height:40px;min-height:40px;background:#f0f3ff;border:0;border-radius:8px}.native-invite-body input[dir=ltr]{text-align:start}.native-invite-body label>small{font-size:10px;line-height:16px;font-weight:400}.native-invite-role{display:grid;gap:8px}.native-invite-role>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.native-invite-role a{font-size:10px;line-height:16px;text-decoration:none;white-space:nowrap}.native-invite-channels h3{font-size:12px;line-height:16px;margin:0 0 12px}.native-invite-channels .company-channel-preview{padding:12px;background:#f9f9ff;border:1px solid #e5e9f1;border-radius:8px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.native-invite-channels strong{display:block;font-size:12px;line-height:18px;font-weight:500}.native-invite-channels bdi{display:block;font-size:11px;line-height:18px;margin-top:4px}.native-invite-channels .badge{font-size:10px;line-height:16px;white-space:nowrap}.native-invite-channels>small{font-size:10px;line-height:18px;display:block;margin-top:12px}.native-invite-body .info-strip{margin:0;background:#f0f3ff;border-radius:8px;padding:16px;font-size:12px;line-height:20px}.native-invite-body>.error{font-size:12px;margin:0}.native-invite-footer{padding:20px 24px;border-top:1px solid #e5e9f1;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;background:white}.native-invite-footer button{font-size:14px;line-height:20px;min-height:44px;padding:10px 20px;border-radius:12px}.native-invite-footer button:first-child{margin-inline-end:auto}
@media(max-width:760px){.native-invite-heading{padding:20px 18px}.native-invite-heading h2{font-size:17px}.native-invite-heading p{font-size:11px;line-height:18px}.native-invite-body{padding:20px 18px;gap:22px}.native-invite-role>div{flex-wrap:wrap;gap:8px}.native-invite-footer{padding:16px 18px}.native-invite-footer button{font-size:12px;padding:10px 16px}.native-invite-channels .company-channel-preview{padding:12px 10px}}
.native-drawer-identity{display:flex;align-items:center;gap:12px;min-width:0}.native-drawer-identity>div{min-width:0}.native-drawer-icon{width:40px;height:40px;background:#28664f;color:white;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.native-drawer-icon svg{width:24px;height:24px}.native-invite-heading,.native-invite-footer{background:#f0f3ff}.native-invite-footer button:first-child{margin-inline-end:0}.native-invite-channel-list{padding:8px 12px;border-radius:12px;background:#f0f3ff}.native-invite-channels .company-channel-preview{padding:8px 0;margin:0;background:transparent;border:0;border-radius:0;gap:10px;min-height:36px}.native-invite-channels .company-channel-preview>span:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.native-invite-channels strong{font-size:12px;line-height:16px}.native-invite-channels bdi{font-size:12px;line-height:16px;margin:0}.native-invite-channels .badge{font-size:9px;line-height:14px;padding:4px 6px}
@media(max-width:760px){.native-drawer-icon{width:34px;height:34px;border-radius:10px}.native-drawer-icon svg{width:21px;height:21px}.native-drawer-identity{gap:10px}.native-invite-channels .company-channel-preview>span:first-child{gap:4px}.native-invite-channels bdi{font-size:10px}}
/* AD02 native max-w-md role drawer. */
dialog.drawer:has(#admin-role-form){width:min(448px,100vw);max-width:100vw;padding:24px;display:flex;flex-direction:column;overflow:hidden;background:white}dialog.drawer:has(#admin-role-form):not([open]){display:none}.native-role-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e9f1;flex-shrink:0}.native-role-heading h2{font-size:18px;line-height:26px;margin:0}.native-role-heading button{border:0;background:transparent;font-size:24px;min-height:32px;padding:4px;color:#555e74}#admin-role-form{display:flex;flex-direction:column;flex:1;min-height:0}.native-role-body{padding-top:24px;overflow:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:16px}.native-role-body label{font-size:12px;line-height:16px;font-weight:600;gap:4px}.native-role-body input:not([type=checkbox]),.native-role-body select{font-size:12px;line-height:18px;font-weight:400;padding:8px 12px;background:#f0f3ff;border:0;border-radius:8px;min-height:36px}.native-role-body>small{padding:12px;border-radius:8px;background:#28664f0d;color:#28664f;font-size:12px;line-height:18px}.native-role-matrix>summary{cursor:pointer;font-size:12px;font-weight:600;padding:8px 0;color:#28664f}.native-role-matrix .table-wrap{overflow:auto}.native-role-matrix table{min-width:360px}.native-role-body>.error:empty{display:none}.native-role-footer{padding-top:16px;margin-top:16px;border-top:1px solid #e5e9f1;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.native-role-footer button{font-size:12px;line-height:16px;font-weight:600;min-height:32px;padding:8px 16px;border-radius:8px}.native-role-footer button:first-child{background:#ebeeff;border-color:transparent}@media(max-width:760px){dialog.drawer:has(#admin-role-form){padding:20px 18px}.native-role-heading h2{font-size:17px}.native-role-body{padding-top:20px}.native-role-matrix table{min-width:330px}}
.native-role-body textarea{font-size:12px;line-height:18px;font-weight:400;padding:12px;background:#f0f3ff;border:0;border-radius:8px;min-height:68px;resize:vertical}.native-role-body input[name=name]{height:36px}.native-role-body .permission-matrix{min-width:0}.native-role-body .permission-matrix>small{font-size:10px;line-height:16px}
dialog.drawer:has(#admin-member-form){padding:0;overflow:hidden;width:min(512px,100vw);max-width:100vw;display:flex;flex-direction:column;background:white}dialog.drawer:has(#admin-member-form):not([open]){display:none}#admin-member-form{display:flex;flex-direction:column;flex:1;min-height:0}.native-member-heading h2{margin:0}.native-member-body{display:flex;flex-direction:column;gap:24px}.native-member-body .native-member-identity{padding:16px;border-radius:12px;background:#f0f3ff;display:grid;gap:8px}.native-member-identity strong{font-size:14px;line-height:20px}.native-member-identity small{font-size:12px;line-height:18px;overflow-wrap:anywhere}.native-member-body .admin-warning{font-size:12px;line-height:20px;margin:0}.native-member-body .admin-warning label{margin-top:12px}.native-member-body>.error:empty{display:none}
/* Let the company picker yield space to the account and follow-up alert on phones. */
@media(max-width:760px){.topbar .company-picker{flex:1 1 140px;min-width:0}.topbar .company-picker .search-select{width:100%!important;min-width:0}.topbar .company-picker select{width:100%}.topbar .company-picker .search-select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .header-profile{flex-shrink:0}}

/* AD01: original inset heading and compact statistic icon tiles; retain current Cairo sizing. */
.content[data-screen="AD01"] .page-intro{margin:0 0 24px;border:1px solid var(--border,#e8ebf4);border-radius:12px}
.content[data-screen="AD01"] .metric-card{position:relative}
.content[data-screen="AD01"] .metric-card>div{padding-inline-end:56px}
.content[data-screen="AD01"] .metric-card>div svg{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);width:48px;height:48px;padding:12px;box-sizing:border-box;border-radius:12px;background:#e7f1eb;color:#28664f}
.content[data-screen="AD01"] .metric-card:nth-child(2)>div svg{background:#fff5e7;color:#c68a35}
.content[data-screen="AD01"] .metric-card:nth-child(3)>div svg{background:#f0f3ff;color:#28664f}
.content[data-screen="AD01"] .metric-card:nth-child(4)>div svg{background:#fff0f0;color:#b93650}
html[data-theme="dark"] .content[data-screen="AD01"] .metric-card>div svg{background:#25443b;color:#a2e4c9}
html[data-theme="dark"] .content[data-screen="AD01"] .metric-card:nth-child(2)>div svg{background:#483b25;color:#f4c278}
html[data-theme="dark"] .content[data-screen="AD01"] .metric-card:nth-child(3)>div svg{background:#303b4c;color:#a2e4c9}
html[data-theme="dark"] .content[data-screen="AD01"] .metric-card:nth-child(4)>div svg{background:#4c2d38;color:#ffa9b9}

@media(max-width:760px){html[lang] main.content[data-screen="AD01"]>.page-intro:has(.page-actions){padding:18px!important}}

.team-member-overview{display:grid;gap:10px}.team-member-overview-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border-radius:9px;background:#f0f3ff}.team-member-overview-row>div{flex:1;min-width:160px}.team-member-overview-row>small{color:#65758a}.team-member-overview-row .identity{gap:10px}html[data-theme="dark"] .team-member-overview-row{background:#253342}html[data-theme="dark"] .team-member-overview-row>small{color:#a6b5c3}

/* AD03/AD04 original inset organization heading; preserve Cairo/readability sizes. */
.content:is([data-screen="AD03"],[data-screen="AD04"]) .page-intro{margin:0 0 24px;border-radius:12px}
@media(max-width:700px){html[lang] main.content:is([data-screen="AD03"],[data-screen="AD04"])>.page-intro:has(.page-actions){padding:18px!important}}

.organization-routing-form fieldset{border:0;padding:0;margin:0;min-width:0}.organization-routing-form .organization-routing>fieldset{background:var(--surface-alt,#f0f1ff);padding:18px;border-radius:12px}.routing-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.routing-days{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.routing-days label,.routing-hours-toggle{display:flex;align-items:center;gap:5px}.routing-days input,.routing-hours-toggle input{width:auto}.organization-routing-form small{display:block;margin-top:8px;color:var(--muted)}.organization-routing-form .routing-inheritance-info{color:var(--muted)}

.organization-routing-form fieldset.organization-capacity{padding:22px}html[data-theme="dark"] .organization-routing-form .organization-routing>fieldset{background:#1b2831}
#response-alert[hidden]{display:none!important}
dialog:has(.routing-history-table){width:min(880px,calc(100vw - 32px));max-width:calc(100vw - 32px)}

.organization-routing-form .organization-routing>div:first-child{background:#f0f1ff;padding:18px;border-radius:12px;min-width:0}html[data-theme="dark"] .organization-routing-form .organization-routing>div:first-child{background:#1b2831}


/* Channel entry uses the existing organization dialog with compact rows. */
#wa-organization-channels-form{gap:10px;padding:20px 26px}#wa-organization-channels-form .settings-line{margin:0;padding:10px 12px;min-height:56px}#wa-organization-channels-form .settings-line small{display:block;margin-top:3px}#wa-organization-channels-form>p{margin:0 0 8px}

label.invitation-mail-choice{display:flex!important;align-items:center;gap:10px;text-align:start;margin:16px 0 8px}label.invitation-mail-choice>input[type=checkbox]{appearance:auto;width:18px;height:18px;min-height:18px;flex:0 0 18px;padding:0;margin:0;accent-color:#087f62}label.invitation-mail-choice>span{flex:1;min-width:0}

.auth-password{display:grid;gap:8px}.auth-password-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-password-heading a{font-size:12px;color:var(--primary,#008675)}

.knowledge-source-option{display:flex!important;align-items:center;gap:10px}.knowledge-source-option input[type=checkbox]{accent-color:var(--green,#087a5b);width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0}

.view-config-status,.view-config-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.view-config-status{margin-top:14px}.native-view-card>[data-action=workspace-view-edit]{margin-top:12px}.workspace-column-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.workspace-column-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--border,#dce4e9);border-radius:8px}.workspace-column-list label{display:flex;align-items:center;gap:10px;min-width:0}.workspace-column-list input[type=checkbox]{accent-color:var(--green,#087a5b);width:18px;height:18px;min-height:18px;margin:0;flex:0 0 18px}.workspace-column-list .row{flex-shrink:0;gap:4px}.workspace-column-list button{min-width:30px;padding:3px 8px}.view-column-preview{border:1px solid var(--border,#dce4e9);border-radius:8px;padding:12px;line-height:1.9}.view-column-preview p{margin:8px 0}table [data-workspace-column][hidden]{display:none!important}

#task-state-form input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--green,#087a5b);flex:0 0 18px}#task-state-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}#task-state-form .row{flex-wrap:wrap;gap:12px}#task-state-form .native-task-field-grid{min-width:0}#task-state-form section{padding:16px}

#custom-field-config-form input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--green,#087a5b);margin:0}#custom-field-config-form [data-field-options-label][hidden],#custom-field-config-form [data-field-target-label][hidden]{display:none}#custom-field-config-form [data-custom-definition]{padding:16px;margin-bottom:12px}.custom-values-window{position:fixed;inset:0;margin:auto;width:min(600px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;overflow:hidden}.custom-values-window::backdrop{background:#14213066}.custom-values-window form{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.custom-values-window header,.custom-values-window footer{padding:16px;flex-shrink:0}.custom-values-body{padding:16px;overflow:auto;min-height:0}.custom-values-window header h2{margin:0}.custom-values-window [hidden]{display:none}

#custom-values-form label,#custom-field-config-form label{min-width:0;max-width:100%}#custom-values-form .search-select,#custom-field-config-form .search-select{width:100%!important;min-width:0;max-width:100%}#custom-values-form .search-select-trigger,#custom-field-config-form .search-select-trigger{min-width:0;max-width:100%}

.csat-status-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border,#dce4e9);border-radius:12px;background:var(--surface,#f2f6f4)}.csat-status-card h3{margin:0 0 6px}.csat-status-card input{width:18px;height:18px;min-height:18px;accent-color:var(--green,#087a5b);flex:0 0 18px}.csat-policy-fields{padding:16px;border-radius:12px;background:var(--surface,#f2f6f4)}.csat-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.csat-summary-grid article{padding:12px;border:1px solid var(--border,#dce4e9);border-radius:10px;display:grid;gap:8px}.csat-summary-grid strong{font-size:18px}#organization-csat-form label{min-width:0}#organization-csat-form .search-select{width:100%!important;min-width:0}#csat-monitoring{margin-top:24px}#csat-monitoring table{min-width:480px}@media(max-width:500px){.csat-summary-grid{grid-template-columns:1fr}.csat-summary-grid article{display:flex;justify-content:space-between;align-items:center}}

.csat-status-card input[type=checkbox]{appearance:none;position:relative;width:44px;height:24px;min-height:24px;flex:0 0 44px;border:1px solid transparent;border-radius:999px;padding:0;margin:0;background:#a6b3ae;cursor:pointer}.csat-status-card input[type=checkbox]::after{content:"";position:absolute;width:18px;height:18px;top:2px;inset-inline-start:2px;background:white;border-radius:50%;transition:inset-inline-start .15s}.csat-status-card input[type=checkbox]:checked{background:#087a5b}.csat-status-card input[type=checkbox]:checked::after{inset-inline-start:22px}.csat-status-card input[type=checkbox]:disabled{opacity:.65;cursor:default}html[data-theme=dark] .csat-status-card{background:#15352e;border-color:#315b4a}html[data-theme=dark] .csat-policy-fields,html[data-theme=dark] .csat-summary-grid article{background:#19262f}

/* Searchable controls keep their assigned grid width after mobile resizing. */
.native-contact-directory .toolbar>.search-select{min-width:0!important;width:100%!important;max-width:100%}.native-contact-directory .toolbar>.search-select .search-select-trigger{min-width:0;max-width:100%}
@media(max-width:760px){.native-contact-directory .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared typed fields retain the existing field rhythm and wrap selected values. */
.custom-multi-field{display:grid;gap:8px;min-width:0}.custom-multi-label{font-weight:600}.custom-value-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.custom-value-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border,#dbe3ec);background:transparent;border-radius:6px;padding:4px 8px;max-width:100%;overflow-wrap:anywhere}.custom-value-chip>span{min-width:0;overflow-wrap:anywhere}.custom-value-chip button{padding:0 4px;min-height:24px;min-width:24px;border:0;background:transparent;color:inherit;flex-shrink:0}.custom-multi-field details{border:1px solid var(--border,#dbe3ec);border-radius:6px;padding:10px;min-width:0}.custom-multi-field summary{cursor:pointer}.custom-multi-field input[type=search]{width:100%;min-width:0;margin:8px 0}.custom-multi-options{max-height:190px;overflow:auto;display:grid;gap:4px}.custom-multi-options label{display:flex;align-items:center;gap:8px;padding:6px;min-width:0}.custom-multi-options input[type=checkbox]{width:18px;height:18px;min-height:18px;flex-shrink:0;accent-color:var(--green,#087a5b)}.custom-multi-options label span{overflow-wrap:anywhere;min-width:0}.custom-multi-options label[hidden],[data-custom-multi-empty][hidden]{display:none!important}

.custom-value-link{overflow-wrap:anywhere;word-break:break-word}

#entity-type-form [hidden]{display:none!important}
#entity-type-form details>summary{cursor:pointer;font-weight:700;padding-block:10px}
#entity-type-form details .stack{margin-block:12px}
#entity-type-form code{overflow-wrap:anywhere}


/* CA06: keep the reference's three compact status cards at desktop widths. */
.scheduling-channel-list{max-height:170px;overflow:auto;margin-top:10px;padding-inline-end:4px}
.scheduling-channel-list .summary-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 0;align-items:center}
.scheduling-channel-list .summary-line>span:first-child{min-width:0;overflow-wrap:anywhere}
.scheduling-native-stats>.card{align-self:start;min-width:0;min-height:220px;height:250px}
.scheduling-native-stats>section:nth-child(3) h2{margin:18px 0 12px;overflow-wrap:anywhere}
@media(min-width:901px) and (max-width:1100px){.scheduling-native-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.scheduling-native-stats>.card:last-child{grid-column:auto}}
@media(max-width:760px){.scheduling-native-stats>.card{min-height:0;height:auto}.scheduling-channel-list{max-height:230px}}

.scheduling-native-timeline .schedule-timeline{display:block;min-height:155px}
.scheduling-track{display:flex;align-items:flex-start;gap:18px;position:relative;width:max-content;min-width:100%}
.scheduling-track:before{content:"";position:absolute;inset-inline:75px;top:54px;border-top:2px dotted #cbd5e1}
.scheduling-track>a{grid-template-rows:36px 13px minmax(22px,auto) auto;gap:12px}
.scheduling-track .timeline-event{position:relative;z-index:1}

.scheduling-track:has(>a:only-child):before{display:none}
.scheduling-track:has(>a:nth-child(2)):not(:has(>a:nth-child(3))):before{inset-inline:calc(25.0% - 4.5px)}
.scheduling-track:has(>a:nth-child(3)):not(:has(>a:nth-child(4))):before{inset-inline:calc(16.666666666666668% - 6.0px)}
.scheduling-track:has(>a:nth-child(4)):not(:has(>a:nth-child(5))):before{inset-inline:calc(12.5% - 6.75px)}
.scheduling-track:has(>a:nth-child(5)):not(:has(>a:nth-child(6))):before{inset-inline:calc(10.0% - 7.2px)}
.scheduling-track:has(>a:nth-child(6)):not(:has(>a:nth-child(7))):before{inset-inline:calc(8.333333333333334% - 7.5px)}
.scheduling-track:has(>a:nth-child(7)):not(:has(>a:nth-child(8))):before{inset-inline:calc(7.142857142857143% - 7.714285714285714px)}
.scheduling-track:has(>a:nth-child(8)):not(:has(>a:nth-child(9))):before{inset-inline:calc(6.25% - 7.875px)}
.scheduling-track:has(>a:nth-child(9)):not(:has(>a:nth-child(10))):before{inset-inline:calc(5.555555555555555% - 8.0px)}
.scheduling-track:has(>a:nth-child(10)):not(:has(>a:nth-child(11))):before{inset-inline:calc(5.0% - 8.1px)}
html[data-theme="dark"] .scheduling-track:before{border-color:#435467}

.scheduling-list-controls{flex-wrap:nowrap;align-items:end;gap:10px;max-width:100%}
.scheduling-list-controls>input{width:170px;max-width:100%}
.scheduling-list-controls>label{width:150px;min-width:150px;max-width:100%}
@media(max-width:760px){.scheduling-list-heading{flex-wrap:wrap;gap:12px}.scheduling-list-controls{width:100%;flex-wrap:wrap}.scheduling-list-controls>input{width:100%}.scheduling-list-controls>label{flex:1;min-width:0}}

:is(#custom-values-form,#cycle-record-form,#cycle-action-form) [data-custom-file] [hidden]{display:none}

:is(#custom-values-form,#cycle-record-form,#cycle-action-form) .custom-file-picker{position:relative;display:flex;justify-content:center;cursor:pointer}:is(#custom-values-form,#cycle-record-form,#cycle-action-form) .custom-file-picker input[type=file]{position:absolute;inset:0;opacity:0;min-height:0;padding:0;margin:0;cursor:pointer}:is(#custom-values-form,#cycle-record-form,#cycle-action-form) .custom-file-picker:focus-within{outline:2px solid var(--green,#087a5b);outline-offset:2px}