/* A compact context strip. Native form controls keep their keyboard behaviour. */
body:is([data-page="overview"],[data-page="campaigns"],[data-page="analysis"]) .context-bar{display:none}
body:not([data-page="home"]) .header-inner{min-height:72px;padding-block:10px}
.merchant-controls{margin:20px 0 28px;padding:20px 24px 12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;font-size:14px;color:var(--ink)}
.merchant-control-toolbar{display:flex;align-items:center;gap:18px 24px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.merchant-store-identity{display:grid;gap:5px;flex:0 0 88px;align-self:center}
.merchant-store-photo{display:block;width:88px;height:64px;object-fit:cover;border-radius:8px;background:var(--page)}
.merchant-store-identity>span{font-size:10px;line-height:1.5;color:var(--secondary)}
.merchant-control-toolbar>label{display:grid;gap:7px;min-width:0;flex:0 1 176px}
.merchant-control-toolbar>label:nth-of-type(2){flex-basis:224px}
.merchant-control-toolbar>label>span{font-size:12px;font-weight:550;line-height:1.5;color:var(--secondary)}
.merchant-control-toolbar select{font:inherit;font-size:15px;line-height:1.4;min-height:46px;max-width:100%;width:100%;border:1px solid var(--control-rule);border-radius:var(--control-radius);padding:11px 40px 11px 13px;color:var(--ink);background-color:var(--surface);background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color var(--motion-control),background-color var(--motion-control)}
.merchant-control-cutoff{margin-inline-start:auto;display:grid;justify-items:end;align-content:center;gap:7px;max-width:100%;min-width:0}
.merchant-control-cutoff .simulation-source{margin:0;font-size:12px;line-height:1.5;color:var(--accent-dark);gap:7px;font-weight:500}
.merchant-control-cutoff .simulation-source i{width:6px;height:6px}
.merchant-control-cutoff strong{font-weight:550;font-size:14px;line-height:1.6;color:var(--ink);font-variant-numeric:tabular-nums}
.merchant-demo-controls{margin-top:9px}
.merchant-demo-controls>summary{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:44px;list-style:none;padding:9px 12px;border-radius:9px;color:var(--secondary);font-size:13px;font-weight:500;line-height:1.6;cursor:pointer;transition:background-color var(--motion-control),color var(--motion-control)}
.merchant-demo-controls>summary::-webkit-details-marker{display:none}
.merchant-demo-controls>summary::marker{content:""}
.merchant-demo-toggle{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.merchant-demo-toggle .merchant-demo-plus{transform-origin:center;transition:transform 180ms var(--ease)}
.merchant-demo-controls[open] .merchant-demo-toggle .merchant-demo-plus{transform:rotate(90deg)}
.merchant-demo-controls[open]>summary{color:var(--accent-dark);background:var(--wash)}
.merchant-demo-controls[open]{padding-bottom:8px}
.merchant-demo-controls .simulation-controls{margin:14px 0 0;background:var(--page);border:0;border-radius:12px;padding:20px}
.merchant-demo-controls .simulation-toolbar{justify-content:space-between}
.merchant-demo-controls .simulation-clock{margin:0}
.merchant-demo-controls .simulation-clock strong{font-size:26px}
.merchant-controls :focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}

/* Recording a change is a neutral saved fact, separate from its later result. */
#activity-dialog{max-width:620px;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:var(--surface);border:0;padding:32px}
#activity-dialog .dialog-top{margin-bottom:12px}
#activity-dialog .dialog-top h2{font-size:28px;font-weight:550;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}
#activity-dialog .activity-source{font-size:13px;line-height:1.7;color:var(--secondary);margin-bottom:24px}
.activity-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 20px}
.activity-fields label{display:grid;gap:8px;min-width:0;font-size:13px;color:var(--secondary)}
.activity-fields .activity-wide{grid-column:1/-1}
.activity-fields :is(input,select,textarea){width:100%;min-width:0;max-width:100%;font:inherit;font-size:16px;line-height:1.5;color:var(--ink);background-color:var(--surface);border:1px solid var(--control-rule);border-radius:var(--control-radius);padding:11px 12px;min-height:46px;transition:border-color var(--motion-control),background-color var(--motion-control)}
.activity-fields select{padding-inline-end:40px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.activity-fields textarea{resize:vertical;min-height:110px;line-height:1.6}
.activity-error{margin:15px 0;color:var(--negative);font-size:14px;line-height:1.7}
.activity-error:empty{display:none}
.activity-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:30px}
.activity-actions button{font:inherit;font-weight:550;line-height:1.5;min-height:46px;white-space:normal;overflow-wrap:anywhere;max-width:100%;padding:11px 18px;border-radius:var(--control-radius);border:1px solid var(--control-rule);background:var(--surface);color:var(--ink);transition:background-color var(--motion-control),border-color var(--motion-control)}
.activity-actions button[type=submit]{color:#fff;background:var(--accent);border-color:var(--accent)}
.activity-storage{font-size:12px;color:var(--attention);line-height:1.7;margin:14px 0 0}
.activity-fields :focus-visible,.activity-actions :focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}

/* Shared headings travel while every control remains directly usable. */
:root[data-selah-evidence] .insights-evidence-heading h2,:root[data-selah-evidence] .advice-card :is(h1,h2){pointer-events:none}
@media(hover:hover) and (pointer:fine){
 .merchant-control-toolbar select:hover,.activity-fields :is(input,select,textarea):hover{border-color:var(--accent)}
 .merchant-demo-controls>summary:hover{color:var(--accent-dark);background:var(--wash)}
 .activity-actions button:hover{background:var(--control-hover);border-color:var(--accent)}
 .activity-actions button[type=submit]:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
}
@media(max-width:760px){
 .merchant-store-identity{flex-basis:64px}
 .merchant-store-photo{width:64px;height:48px}
 .merchant-store-identity>span{font-size:10px}
 .merchant-control-cutoff{width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}
 .merchant-control-toolbar>label{flex:1 1 150px}
 .merchant-control-toolbar>label:nth-of-type(2){flex:1.35 1 200px}
}
@media(max-width:600px){
 .merchant-controls{margin:16px 0 24px;padding:18px 18px 10px;border-radius:14px}
 .merchant-control-toolbar{gap:16px 12px;padding-bottom:16px}
 .merchant-control-toolbar select{font-size:16px}
 .merchant-control-cutoff strong{font-size:13px}
 .merchant-demo-controls .simulation-controls{padding:16px}
 #activity-dialog{padding:24px 20px}
 .activity-fields{grid-template-columns:minmax(0,1fr);gap:20px}
 .activity-fields .activity-wide{grid-column:auto}
 .activity-actions{justify-content:stretch;margin-top:24px}
 .activity-actions button{flex:1}
}
@media(max-width:440px){
 .merchant-control-toolbar>label:first-of-type{flex:1 1 calc(100% - 76px)}
 .merchant-control-toolbar>label:nth-of-type(2){flex:1 1 100%}
 .merchant-control-cutoff{align-items:center;gap:8px 12px}
 .merchant-demo-controls>summary{padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.merchant-control-toolbar select,.merchant-demo-controls>summary,.merchant-demo-toggle .merchant-demo-plus,.activity-fields :is(input,select,textarea),.activity-actions button{transition:none}}