/* Scoped to the twelve workflow pages. Existing tools and desktop home are untouched. */
.workflow-page{--wf-accent:#89571d;--wf-soft:#fff3d8;--wf-ink:#24302d;--wf-line:#dce1dd;--wf-paper:#fff;--wf-bg:#f7f7f1;background:var(--wf-bg);color:var(--wf-ink)}
.workflow-page *{box-sizing:border-box}.workflow-page [hidden]{display:none!important}.workflow-page button,.workflow-page input,.workflow-page select,.workflow-page textarea{font:inherit}.workflow-page button,.workflow-page input:not([type=checkbox]):not([type=range]),.workflow-page select{min-height:46px}.workflow-page button{border:1px solid var(--wf-line);border-radius:8px;background:var(--wf-paper);color:var(--wf-ink);padding:10px 15px;font-weight:650;cursor:pointer;line-height:1.3}.workflow-page button:hover:not(:disabled){border-color:var(--wf-accent);background:var(--wf-soft)}.workflow-page button:disabled{cursor:default;opacity:.48}.workflow-page :focus-visible{outline:3px solid var(--wf-accent);outline-offset:3px}.workflow-page a{color:inherit}.wf-shell{max-width:1220px}.wf-intro{padding:46px 0 26px;max-width:780px}.wf-intro .eyebrow{color:var(--wf-accent);margin:0 0 10px}.wf-intro h1{font-size:clamp(2.1rem,4.2vw,3.7rem);line-height:1.06;letter-spacing:-.045em;margin:0 0 18px;max-width:780px}.wf-intro>p:not(.eyebrow){max-width:660px;font-size:1.12rem;line-height:1.6;margin:0}.wf-intro-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:.83rem}.wf-intro-links span{color:#5b6560}.wf-intro-links a{font-weight:650;text-underline-offset:4px}.wf-workspace{margin:8px 0 52px;min-width:0}.wf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;border-block:1px solid var(--wf-line)}.wf-actions{display:flex;flex-wrap:wrap;gap:8px}.wf-quiet{background:transparent!important}.wf-badge{font-size:.76rem;line-height:1.4;border:1px solid var(--wf-line);border-radius:30px;padding:6px 11px;max-width:100%}.wf-private,.wf-help{font-size:.8rem;line-height:1.6;color:#5c6962}.wf-private{margin:12px 0 20px}.wf-task-layout{display:grid;gap:22px;align-items:start}.wf-editor,.wf-result{min-width:0}.wf-editor{background:var(--wf-paper);border:1px solid var(--wf-line);border-radius:14px;padding:24px}.wf-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.wf-field{display:flex;flex-direction:column;gap:7px;min-width:0}.wf-field label,.wf-field legend{font-size:.84rem;font-weight:650;line-height:1.45}.wf-field input,.wf-field select,.wf-field textarea{width:100%;min-width:0;border:1px solid #aab6af;border-radius:6px;padding:11px 12px;background:var(--wf-paper);color:var(--wf-ink)}.wf-field textarea{min-height:90px;resize:vertical}.wf-field .wf-help{margin:0}.wf-field:has(input[type=checkbox]){justify-content:center}.wf-field input[type=checkbox]{width:22px;height:22px;align-self:start;accent-color:var(--wf-accent)}.wf-field [aria-invalid=true]{border:2px solid #ab3423}.wf-field-error{color:#a32f23;font-size:.82rem;margin:0}.wf-errors{background:#fff0eb;border-left:4px solid #b84428;padding:14px 18px;margin-bottom:18px;color:#7f2a1d;overflow-wrap:anywhere}.wf-errors ul{padding-left:20px;margin:6px 0}.wf-errors a{text-decoration:underline}.wf-collection{border-top:1px solid var(--wf-line);padding-top:20px;margin-top:20px;min-width:0}.wf-collection:first-child{margin-top:0}.wf-collection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wf-collection-head h2{margin:0;font-size:1.12rem;letter-spacing:-.02em}.wf-count{font-size:.75rem;color:#5c6962;font-weight:400;margin-left:8px}.wf-empty{border:1px dashed var(--wf-line);background:var(--wf-bg);padding:25px 20px;border-radius:8px;color:#607068;font-size:.9rem;line-height:1.6;margin:14px 0}.wf-records{display:grid;gap:8px;margin:12px 0}.wf-record{display:flex;gap:14px;align-items:center;border:1px solid var(--wf-line);border-radius:8px;padding:12px 14px;min-width:0}.wf-record-info{flex:1;min-width:0}.wf-record-info strong{display:block;font-size:.94rem;overflow-wrap:anywhere}.wf-record-info p{font-size:.8rem;color:#627168;margin:4px 0 0;overflow-wrap:anywhere}.wf-record .wf-actions{flex-shrink:0}.wf-record button{font-size:.8rem;padding:7px 10px}.wf-drawer{padding:20px;margin:14px 0;border:1px solid var(--wf-accent);background:var(--wf-soft);border-radius:10px}.wf-drawer h3{margin:0 0 16px;font-size:1.08rem}.wf-drawer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wf-drawer>.wf-actions{margin-top:20px}.wf-import{margin-top:12px;background:var(--wf-bg);border-radius:8px;padding:0 14px}.workflow-page summary{cursor:pointer;min-height:46px;padding:13px 0;font-weight:600;font-size:.88rem;line-height:1.5}.wf-import-body{padding:3px 0 18px}.wf-import-body>.wf-actions{margin:14px 0}.wf-mapping{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.wf-scroll{overflow:auto;max-width:100%;max-height:480px;border:1px solid var(--wf-line);border-radius:8px;background:var(--wf-paper)}.workflow-page table{border-collapse:collapse;width:100%;font-size:.82rem}.workflow-page caption{text-align:left;font-weight:600;padding:12px}.workflow-page th,.workflow-page td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--wf-line);min-width:100px;max-width:320px;overflow-wrap:anywhere;vertical-align:top}.workflow-page th{background:var(--wf-soft);position:sticky;top:0;z-index:1;font-size:.76rem}.workflow-page td{font-variant-numeric:tabular-nums}.wf-run{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.workflow-page .wf-primary{background:var(--wf-accent);border-color:var(--wf-accent);color:#fff;padding:13px 20px}.workflow-page .wf-primary:hover:not(:disabled){background:var(--wf-ink);color:#fff}.wf-result{border-top:4px solid var(--wf-accent);background:var(--wf-paper);border-radius:12px;padding:26px}.wf-result-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px}.wf-result-heading h2{font-size:1.65rem;letter-spacing:-.03em;margin:6px 0 0}.wf-result-heading .eyebrow{margin:0;font-size:.72rem;color:var(--wf-accent)}.wf-result-heading .wf-badge{flex-shrink:0}.wf-warnings:empty{display:none}.wf-warnings{padding:12px 16px;background:#fff4d6;color:#644616;border-radius:8px;font-size:.84rem;margin-bottom:20px}.wf-warnings p{margin:4px 0;line-height:1.5}.wf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:24px}.wf-stat{background:var(--wf-soft);border-radius:9px;padding:18px 16px;border:1px solid var(--wf-line);min-width:0}.wf-stat span{display:block;font-size:.77rem;margin-bottom:9px;line-height:1.4}.wf-stat strong{font-size:clamp(1.35rem,2.6vw,2.05rem);line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wf-section-title{margin:24px 0 14px;font-size:1.07rem}.wf-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}.wf-chips button{font-size:.82rem}.workflow-page [aria-pressed=true]{background:var(--wf-accent);border-color:var(--wf-accent);color:#fff}.wf-board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wf-column{background:var(--wf-bg);padding:16px;border-radius:10px;min-width:0}.wf-column h3{font-size:.9rem;margin:0 0 14px}.wf-card{padding:16px;background:var(--wf-paper);border:1px solid var(--wf-line);border-radius:9px;margin:10px 0;min-width:0;overflow-wrap:anywhere}.wf-card h3,.wf-card h4{font-size:1rem;margin:0 0 9px;line-height:1.4}.wf-card p{font-size:.85rem;line-height:1.55;margin:6px 0}.wf-card .wf-actions{margin-top:12px}.wf-card .wf-actions button{font-size:.79rem}.wf-tag{font-size:.71rem;font-weight:650;padding:4px 8px;display:inline-block;border-radius:5px;background:var(--wf-soft);color:var(--wf-accent);line-height:1.4}.wf-tag[data-status=attention]{background:#fff0dc;color:#8b460e}.wf-tag[data-status=unknown]{background:#eceff0;color:#53616b}.wf-tag[data-status=pass]{background:#e5f3e6;color:#245e2d}.wf-report{border-block:1px solid var(--wf-line);margin:26px 0 16px;padding-bottom:6px}.wf-export{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wf-export button{font-size:.8rem}.wf-guide{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;margin:48px 0 70px;line-height:1.7}.wf-guide h2{font-size:1.8rem;letter-spacing:-.035em;margin:8px 0 16px}.wf-guide p{font-size:.9rem;color:#54625c}.wf-guide details{border-bottom:1px solid var(--wf-line)}.wf-related{margin-top:24px}.wf-related h3{font-size:.85rem}.wf-related a{display:block;padding:12px 0;min-height:44px;font-size:.88rem;text-underline-offset:4px}.wf-save{margin-top:20px;border-top:1px solid var(--wf-line);padding-top:18px}.wf-save>p{font-size:.8rem}.wf-save .wf-actions{margin:10px 0}.wf-save button{font-size:.79rem}#tool-status{font-size:.85rem;margin:0 0 16px;line-height:1.5}#export-status{font-size:.84rem}.wf-bars{display:grid;gap:12px;margin:16px 0}.wf-bar-row{display:grid;grid-template-columns:minmax(100px,1fr) 3fr auto;align-items:center;gap:12px;font-size:.84rem}.wf-bar-track{height:12px;background:var(--wf-bg);border-radius:20px;overflow:hidden}.wf-bar{height:100%;background:var(--wf-accent);border-radius:20px;min-width:2px}.wf-chart{width:100%;height:240px;display:block;background:var(--wf-bg);border-radius:10px}.wf-chart text{font-family:inherit;font-size:12px;fill:currentColor}.wf-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.wf-day{background:var(--wf-bg);border:1px solid var(--wf-line);border-radius:9px;padding:14px;min-width:0}.wf-day h3{font-size:.9rem;margin:0 0 12px}.wf-slot{display:flex;gap:8px;align-items:center;padding:12px 8px;margin:8px 0;background:var(--wf-soft);border-left:3px solid var(--wf-accent);font-size:.82rem;min-height:46px;cursor:pointer}.wf-slot input{width:18px;height:18px;accent-color:var(--wf-accent)}.wf-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wf-period{padding:22px;background:var(--wf-soft);border-top:4px solid var(--wf-accent);border-radius:10px}.wf-period h3{margin:0 0 16px}.wf-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wf-evidence .wf-card{margin:0;border-top:3px solid var(--wf-accent)}.wf-evidence a{font-size:.78rem;display:block;overflow-wrap:anywhere;line-height:1.5;margin-top:12px}.wf-evidence blockquote{font-family:monospace;font-size:.77rem;padding:12px;background:var(--wf-bg);margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.wf-inspection-checklist{padding:16px 20px;border:1px dashed var(--wf-accent);margin-top:20px}.wf-inspection-checklist li{font-size:.85rem;margin:9px 0}.wf-hop{border-left:2px solid var(--wf-accent);padding:4px 0 16px 16px;margin-left:8px;overflow-wrap:anywhere;font-size:.82rem}.wf-query{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--wf-line)}.wf-query h3{font-size:1.05rem;margin:0 0 7px}.wf-query p{font-size:.82rem;margin:6px 0;line-height:1.5}.wf-query-control{min-width:210px}.wf-query-control .wf-chips{margin:0 0 10px}.wf-cycle{display:grid;grid-template-columns:110px 1fr;gap:22px;border-left:2px solid var(--wf-accent);margin:0 0 0 7px;padding:10px 0 22px 22px;position:relative}.wf-cycle:before{content:'';position:absolute;width:12px;height:12px;background:var(--wf-accent);border-radius:50%;left:-7px;top:17px}.wf-cycle>strong{font-size:.85rem}.wf-cycle .wf-card{margin:0}.wf-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wf-cost-grid>div{padding:16px;background:var(--wf-soft);font-size:.85rem}.wf-cost-grid strong{display:block;font-size:1.4rem;margin-top:8px}.wf-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wf-media-panel{background:#15211e;padding:18px;border-radius:12px;color:#e7efe9;margin:18px 0}.wf-media-panel canvas{display:block;max-width:100%;max-height:560px;width:auto;height:auto;margin:auto;background:#101613}.wf-media-panel video{max-width:100%;max-height:260px;display:block;margin:12px auto}.wf-studio-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wf-media-upload{display:block;border:1px dashed var(--wf-accent);padding:22px;border-radius:10px;margin:15px 0;background:var(--wf-soft)}.wf-media-upload input{max-width:100%;display:block;margin-top:12px}.wf-studio-note{font-size:.8rem;line-height:1.6}.wf-coverage-band{background:var(--wf-soft);border-left:4px solid var(--wf-accent);padding:14px 18px;font-size:.87rem;line-height:1.6;margin-bottom:20px}.wf-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0;font-size:.8rem}
.wf-teal{--wf-accent:#176e67;--wf-soft:#e7f3f0;--wf-bg:#f3f7f5}.wf-navy{--wf-accent:#223f67;--wf-soft:#e9f0f8;--wf-bg:#f3f5f8}.wf-paper{--wf-accent:#87513a;--wf-soft:#f6eee2;--wf-bg:#f8f5ed}.wf-sky{--wf-accent:#24677f;--wf-soft:#e8f5fa;--wf-bg:#f4f8f9}.wf-blue{--wf-accent:#255ca0;--wf-soft:#eaf1fc;--wf-bg:#f4f7fb}.wf-olive{--wf-accent:#586328;--wf-soft:#f1f2de;--wf-bg:#f8f8ef}.wf-sage{--wf-accent:#43715a;--wf-soft:#e9f1e5;--wf-bg:#f4f7ef}.wf-violet{--wf-accent:#72529a;--wf-soft:#f0eafb;--wf-bg:#f7f5fb}.wf-cobalt{--wf-accent:#3155a1;--wf-soft:#e9efff;--wf-bg:#f3f5fa}.wf-plum{--wf-accent:#82496e;--wf-soft:#f7eaf3;--wf-bg:#faf5f8}.wf-dark{--wf-accent:#4e7656;--wf-soft:#e8efdd;--wf-bg:#f1f2eb}.wf-dark .wf-intro{max-width:900px}.wf-dark .wf-result{background:#19251f;color:#e9eee9;--wf-paper:#26352d;--wf-line:#4f6455;--wf-soft:#304436;--wf-ink:#edf5e9;--wf-bg:#1b2a21;--wf-accent:#b3d38d}.wf-dark .wf-result .wf-help{color:#bdcbbd}.wf-paper .wf-editor,.wf-paper .wf-result{border-radius:2px;box-shadow:3px 4px 0 #e5dfd0}.wf-paper .wf-drawer-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-paper .wf-drawer-fields .wf-field:nth-child(3n + 4){border-left:3px solid #ddc7a9;padding-left:10px}.wf-teal .wf-collections{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wf-teal .wf-drawer-fields{grid-template-columns:1fr 1fr}.wf-teal .wf-collection{margin-top:0}.wf-navy .wf-stats .wf-stat:first-child{background:#223f67;color:white}.wf-plum .wf-collections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wf-plum .wf-collection{margin-top:0}.wf-plum .wf-drawer-fields{grid-template-columns:1fr 1fr}.wf-sage .wf-result{border-top:0;border-left:5px solid var(--wf-accent)}.wf-blue .wf-settings{grid-template-columns:1fr}.wf-blue .wf-run{margin-top:8px}.wf-blue #workflow-form{max-width:760px}.wf-cobalt .wf-collection{border-top:0;padding-top:0}.wf-olive .wf-result{border-radius:0}.wf-amber .wf-settings{max-width:500px;grid-template-columns:1fr 1fr}.wf-amber .wf-result{background:#fffcf4}.wf-amber .wf-column:first-child{background:#ffedbc}
@media(min-width:1050px){.wf-dark .wf-task-layout{grid-template-columns:390px 1fr}.wf-dark .wf-settings{grid-template-columns:1fr}.wf-dark .wf-result{position:sticky;top:18px}.wf-sage .wf-settings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wf-intro{padding-top:30px}.wf-settings,.wf-drawer-fields,.wf-mapping{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-board-columns{grid-template-columns:1fr}.wf-guide{gap:25px;grid-template-columns:1fr;margin:34px 0}.wf-period-grid,.wf-evidence,.wf-match-grid{grid-template-columns:1fr}.wf-teal .wf-collections,.wf-plum .wf-collections{grid-template-columns:1fr}.wf-query{grid-template-columns:1fr;gap:12px}.wf-record{align-items:flex-start;flex-wrap:wrap}.wf-record-info{flex-basis:65%}.wf-cycle{grid-template-columns:1fr;gap:8px}.wf-result-heading{flex-wrap:wrap}.wf-result-heading .wf-badge{flex-shrink:1}}
@media(max-width:440px){.wf-shell{padding-inline:16px}.wf-intro h1{font-size:2.1rem}.wf-intro>p:not(.eyebrow){font-size:1rem}.wf-toolbar{align-items:flex-start;flex-direction:column}.wf-editor,.wf-result{padding:18px 14px;border-radius:9px}.wf-settings,.wf-drawer-fields,.wf-mapping,.wf-paper .wf-drawer-fields,.wf-teal .wf-drawer-fields,.wf-plum .wf-drawer-fields{grid-template-columns:1fr}.wf-drawer{padding:15px 12px}.wf-amber .wf-settings{grid-template-columns:1fr}.wf-stats{grid-template-columns:1fr 1fr;gap:8px}.wf-stat{padding:14px 10px}.wf-stat strong{font-size:1.4rem}.wf-studio-controls{grid-template-columns:1fr 1fr}.wf-run>button{width:100%}.wf-export>button{flex:1 1 100%}.wf-bar-row{grid-template-columns:90px 1fr;gap:8px}.wf-bar-row>strong{grid-column:2}.wf-cost-grid>div{padding:12px}.wf-record .wf-actions{flex-wrap:wrap}.workflow-page .tool-nav{gap:12px}.workflow-page .nav-back{font-size:.78rem}.wf-calendar{grid-template-columns:1fr}.wf-result-heading h2{font-size:1.45rem}.wf-import{padding-inline:10px}.wf-stats:has(.wf-stat:only-child){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.workflow-page *{scroll-behavior:auto!important;transition:none!important}}
/* Put the task result first after a successful review; keep editable source records nearby. */
.wf-has-result:not(.wf-dark) .wf-result{order:-1}.wf-has-result .wf-editor{border-color:#c7d2ca}.wf-period-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.wf-plum .wf-settings:has(input[type=checkbox]){grid-template-columns:160px 1fr 1.3fr}.wf-sky .wf-collections{display:grid;grid-template-columns:1fr 1fr;gap:24px}.wf-sky .wf-collection{margin-top:0}.wf-sky .wf-drawer-fields{grid-template-columns:1fr 1fr}.wf-blue .wf-has-result{margin-top:0}.wf-original-text{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}
@media(max-width:760px){.wf-sky .wf-collections{grid-template-columns:1fr}.wf-plum .wf-settings:has(input[type=checkbox]){grid-template-columns:1fr}}
@media(max-width:440px){.wf-period-dates,.wf-sky .wf-drawer-fields{grid-template-columns:1fr}}
/* Creative preview guidance stays compact, with full wording available on request. */
.wf-dark .wf-studio-findings{margin:12px 0 16px;padding-left:20px;font-size:.85rem;line-height:1.55}.wf-dark .wf-studio-findings li{margin:7px 0}.wf-dark .wf-studio-guide{border-block:1px solid var(--wf-line);padding-bottom:6px}.wf-dark .wf-studio-guide .wf-help{margin:10px 0}
/* Uploaded video is a direct child of the creative input area, outside the preview panel. */
.wf-dark #special-input > video{display:block;width:100%;max-width:100%;min-width:0;height:auto;object-fit:contain;margin:12px 0}