/* Shared workspace hierarchy. Actions and evidence stay intact; supporting detail is disclosed. */
.onboarding-welcome{max-width:620px;margin:8vh auto;padding:24px;line-height:1.7}
.onboarding-welcome>.brand-mark{display:inline-flex;color:#a9cdbf;margin-bottom:20px}
.onboarding-welcome h1{font-size:32px;line-height:1.25;letter-spacing:-.7px}
.onboarding-welcome p,.onboarding-welcome small{color:var(--muted)}
.onboarding-welcome .inline-actions{margin:26px 0}
.onboarding-checklist{margin-bottom:36px}
.onboarding-checklist ol{list-style:none;margin:0;padding:0 22px 18px}
.onboarding-checklist li{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.onboarding-step{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:12px}
.onboarding-step.complete{border-color:#60776e;color:#a9cdbf}
.onboarding-checklist li>div{flex:1;min-width:0;text-align:left}
.onboarding-checklist strong,.onboarding-checklist li>div>span{display:block;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.onboarding-checklist li>div>span{color:var(--muted);font-size:12px}
.onboarding-checklist>.notice{margin:0 22px 22px}
@media(max-width:520px){.onboarding-checklist li{flex-wrap:wrap}.onboarding-checklist li>div{flex-basis:70%}.onboarding-checklist li>button{margin-left:44px}.onboarding-welcome{margin:3vh auto;padding:16px}.onboarding-welcome h1{font-size:27px}}
#main{--control-height:38px}
#main .page-head{justify-content:space-between;gap:18px;margin-bottom:22px}
#main .page-head h1{font-size:28px;letter-spacing:-.7px}
#main .page-actions{gap:8px}
#main .page-actions button{min-height:var(--control-height)}
#main .section-tabs-wrap{margin-bottom:22px}
#main .section-tab{font-size:14px}
#main .card{min-width:0}
#main .card-head{gap:14px;flex-wrap:wrap;padding:20px 22px}
#main .card-head h2,#main .card-head h3{font-size:16px;font-weight:550;line-height:1.5}
#main .card-head form{margin:0}
#main .card-body{padding:8px 22px 22px}
#main .grid{gap:18px}
#main .card.metric{position:relative;padding:18px 20px}
#main .metric-label{padding-right:22px;font-size:13px;line-height:1.5}
#main .metric-value{font-size:32px;line-height:1.2;margin:12px 0 0}
#main .metric-note{font-size:13px;line-height:1.7;margin-top:12px}
#main .metric-note .metric-change{margin-top:0}
.metric-explanation>summary{position:absolute;right:12px;top:12px;display:grid;place-items:center;list-style:none;width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:50%}
.metric-explanation>summary::-webkit-details-marker{display:none}
.metric-explanation>summary:hover,.metric-explanation[open]>summary{background:#ffffff09;color:var(--ink)}
.metric-explanation>summary .ui-icon{width:15px;height:15px}
.metric-explanation>summary:focus-visible{outline:2px solid #a9cdbf;outline-offset:2px}
#main .metric-value .metric-delta{display:block;font-size:12px;font-weight:400;line-height:1.5;margin-top:8px}
#main .analysis-sort,#main .competitor-detail th button{font-size:12px;line-height:1.5}
#main .analysis-prompt-row .link-button{font-size:13px;line-height:1.7}
#main .analysis-table td,#main .competitor-detail td{font-size:13px}
#pa-table .table-wrap{position:relative}
#main td{vertical-align:top}
#main th{font-size:12px;font-weight:500;line-height:1.5;padding-top:14px;padding-bottom:14px}
#main td{padding-top:17px;padding-bottom:17px}
#main .table-wrap{max-width:100%;overscroll-behavior-x:contain;scroll-padding:12px}
#main .inline-actions{gap:8px}
#main .analysis-tools{gap:12px;justify-content:space-between}
#main .analysis-search{flex:1;max-width:420px}
#main .analysis-search input{max-width:none;min-height:var(--control-height)}
#main .analysis-coverage{margin-bottom:16px;gap:10px 20px}
#main .analysis-coverage>details{margin-left:auto}
#main .stats-line,#main .pagination{line-height:1.7}
#main .pagination{gap:12px;flex-wrap:wrap;padding:14px 20px}
#main .analysis-method{padding:16px 20px}
#main .form-grid{gap:18px}
#main label{gap:7px}
#main .list-card{padding:20px}
#main .list-card h3{font-size:15px;line-height:1.6}
#main .list-card p{font-size:13px;line-height:1.75}
#main .list-bottom{gap:14px;flex-wrap:wrap;align-items:center}
#main .list-bottom .inline-actions{flex-wrap:wrap}
#main .section-toolbar{gap:14px;line-height:1.7}
#main .section-title{font-size:14px;font-weight:550;margin:22px 0 14px;letter-spacing:0}
#main .notice{padding:14px 16px;line-height:1.7;font-size:13px}
#main .content-library-tools{padding-bottom:4px}
#main .content-library-tools label{margin:0}
#main .connection-card{padding:20px;gap:14px}
#main .connection-card h3{font-size:15px;margin:0}
#main .connection-card p{font-size:13px;line-height:1.7;margin:8px 0 12px;max-width:60ch}
#main .connection-symbol{width:36px;height:36px}
#main .record-search-form{gap:10px}
#main .workflow-steps{gap:12px}
#main .workflow-steps>span{font-size:13px;line-height:1.6}
.supporting-panel{margin:16px 0}
.supporting-panel>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:17px 20px;cursor:pointer;line-height:1.6;font-size:14px;min-width:0}
.supporting-panel>summary::-webkit-details-marker{display:none}
.supporting-panel>summary:before{content:'›';font-size:19px;line-height:1;color:var(--muted)}
.supporting-panel[open]>summary:before{transform:rotate(90deg)}
.supporting-panel>summary>span{font-weight:500;min-width:0}
.supporting-panel>summary>small{margin-left:auto;color:var(--muted);font-size:12px;text-align:right;overflow-wrap:anywhere}
.supporting-panel>summary:focus-visible,.ui-disclosure>summary:focus-visible{outline:2px solid #a9cdbf;outline-offset:3px;border-radius:5px}
.supporting-panel-body{min-width:0;border-top:1px solid var(--line)}
#main .supporting-panel-body>.card{margin:0;border:0;background:transparent;border-radius:0}
#main .supporting-panel-body>.grid{padding:18px}
#main .supporting-panel-body>.notice{margin:0;border:0;border-radius:0}
.ui-disclosure{position:relative;min-width:0;font-size:13px}
.ui-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;min-height:38px;border:1px solid var(--line);border-radius:7px;cursor:pointer;color:var(--ink);white-space:nowrap}
.ui-disclosure>summary::-webkit-details-marker{display:none}
.ui-disclosure>summary:after{content:'⌄';color:var(--muted);font-size:12px}
.ui-disclosure>summary:hover,.ui-disclosure[open]>summary{background:#ffffff08}
.ui-popover{position:absolute;z-index:16;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 36px);padding:12px;background:#2e302d;border:1px solid #525650;border-radius:9px;box-shadow:0 12px 30px #0005}
.ui-popover>button,.ui-popover .section-tab{display:flex;width:100%;min-height:40px;text-align:left;border:0;background:transparent;padding:9px 10px;margin:0;border-radius:5px;white-space:normal;font-size:13px}
.ui-popover>button:hover,.ui-popover .section-tab:hover{background:#ffffff08}
.ui-popover>label{display:flex;flex-direction:column;margin:0 0 14px;font-size:13px;gap:7px}
.ui-popover fieldset{border:0;padding:0;margin:14px 0 0}
.ui-popover legend{padding:0;margin-bottom:8px;font-size:12px;color:var(--muted)}
.ui-popover .check{display:flex;flex-direction:row;align-items:center;margin:8px 0;gap:9px}
.ui-popover .check input{width:16px;height:16px;flex:none}
.ui-popover-heading{display:none}
.section-more{align-self:center;flex:none}
.section-more>summary{border-color:transparent}
.ui-actions>summary{font-size:20px;line-height:1;letter-spacing:2px}
.ui-actions>summary:after{display:none}
.keyword-library-filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(135px,.8fr) minmax(200px,1.5fr) auto;gap:14px;align-items:end;position:relative}
.keyword-library-filters>label{display:flex;flex-direction:column;gap:7px;margin:0}
.keyword-library-filters input,.keyword-library-filters select{min-height:40px}
.keyword-library-options{position:static}
.keyword-library-options .ui-popover{width:300px}
.keyword-library-options-summary{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.7}
.keyword-library-selection{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.activity-events .table-wrap{max-height:560px;overflow:auto}
.activity-events thead{position:sticky;top:0;z-index:1}
.report-quick-grid .report-tile{padding:20px}
.row-actions>summary{list-style:none;padding:7px 9px;min-height:34px;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:12px;white-space:nowrap}
.row-actions>summary::-webkit-details-marker{display:none}
.row-actions>summary:after{content:' ⌄';color:var(--muted)}
.row-action-items{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;max-width:240px;padding-top:8px}
.row-actions>summary:focus-visible{outline:2px solid #a9cdbf;outline-offset:3px}
#main .table-actions{align-items:flex-start;gap:7px;flex-wrap:wrap}
#main .prompt-table .table-actions{min-width:180px}
#main .keyword-library-options-summary{margin:0}
@media(max-width:1100px){.keyword-library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-library-options{justify-self:start}}
@media(max-width:800px){
 #main .page-head{align-items:flex-start;flex-wrap:wrap;gap:16px}
 #main .page-actions{margin:0;gap:7px;width:auto}
 #main .page-head h1{font-size:26px}
 #main .analysis-tools{align-items:center}
 #main .analysis-search{max-width:none;min-width:180px}
 #main .analysis-coverage>details{margin-left:0}
 #main .ui-popover,#main .analytics-popover{position:fixed;top:auto;bottom:18px;right:18px;left:18px!important;width:auto!important;max-width:none;max-height:60dvh;overflow:auto;margin-top:0}
 .ui-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:13px}
 .ui-popover-heading button{min-height:32px;flex:none}
 #main .metric-value{font-size:29px}
 #main .card-head,#main .list-card{padding:18px}
 #main .card-body{padding:8px 18px 18px}
 .supporting-panel>summary{padding:16px;font-size:13px}
 .supporting-panel>summary>small{max-width:50%}
}
@media(max-width:520px){
 .keyword-library-filters{grid-template-columns:minmax(0,1fr)}
 #main .analysis-search{flex-basis:100%;order:3}
 #main .analysis-tools .ui-view-options{margin-left:auto}
 #main .card.metric{padding:17px}
 #main .pagination{padding:14px 16px}
 #main .workflow-steps{flex-direction:column;align-items:stretch}
 #main .workflow-steps i{transform:rotate(90deg);text-align:center}
 #main .analysis-coverage{font-size:12px}
 .supporting-panel>summary{flex-wrap:wrap;gap:8px}
}