/* MetaAutomate task-first workspace — P2-062c. No external assets or CDNs. */
:root{color-scheme:light;--navy:#081c36;--blue:#0788d2;--gold:#e9b84f;--silver:#e2e9f1;--ink:#132c45;--muted:#62788e;--line:#dce6ee;--bg:#f6f8fb;--paper:#fff;font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}img{max-width:100%}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:fixed;top:-120px;left:20px;background:#fff;z-index:200;padding:12px 17px;border-radius:9px}.skip:focus{top:12px}
.app{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 225px;background:linear-gradient(180deg,#0c2440,#07172c);color:white;padding:30px 13px 18px;display:flex;flex-direction:column;border-right:1px solid #1f3856;z-index:40}
.identity{display:flex;gap:9px;align-items:center;padding:0 9px 29px;border-bottom:1px solid #31445d}.identity img{height:43px;width:43px;object-fit:contain;background:#102f53;border:1px solid #296695;border-radius:12px}.identity strong{display:block;font-size:19px;letter-spacing:-.055em}.identity strong span{color:#48bafb}.identity small{display:block;font-size:9px;letter-spacing:.12em;color:#90afcc;margin-top:5px}
.rail-label{margin:31px 13px 12px;color:#6e91b1;font-size:10px;letter-spacing:.15em;font-weight:850}.sidebar-nav{display:grid;gap:7px}.sidebar-nav a{display:flex;gap:15px;align-items:center;padding:11px 14px;border:1px solid transparent;border-radius:10px;color:#aec3d5;font-weight:620;font-size:13px;min-height:47px}.sidebar-nav a span{font-size:20px;width:20px;text-align:center}.sidebar-nav a:hover{background:#183b5f;color:white}.sidebar-nav a[aria-current=page]{background:#13619b;border-color:#2a8bc4;color:white;box-shadow:inset 3px 0 var(--gold)}
.sidebar-bottom{display:flex;gap:10px;align-items:center;margin-top:auto;background:#122e4a;border:1px solid #315473;border-radius:11px;padding:12px}.sidebar-bottom strong{display:block;font-size:11px}.sidebar-bottom small{display:block;color:#a1b7c7;font-size:9px;margin-top:2px}.status-light{display:block;background:#77d3b2;border-radius:50%;width:9px;height:9px;flex:0 0 9px;box-shadow:0 0 0 4px #77d3b218}
.main-area{min-width:0;flex:1}.topbar{height:70px;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(20px,4vw,55px);gap:14px}.topbar-left{display:flex;align-items:center;gap:14px}.breadcrumb{font-size:11px;color:#8194a7}.breadcrumb strong{color:#173d5b}.environment{font-size:10px;font-weight:800;color:#367b78;border-radius:50px;background:#e9f7f4;border:1px solid #d0ebe4;padding:8px 13px;letter-spacing:.08em}.mobile-menu{display:none;border:1px solid #cddfea;background:#eaf5fb;border-radius:9px;color:#194a67;width:40px;height:40px}
main{max-width:1400px;padding:23px clamp(20px,4vw,55px) 26px;margin:0 auto}.notice{padding:11px 15px;background:#edf6fc;border:1px solid #d0e6f4;border-left:3px solid #61a8d4;border-radius:8px;color:#516f85;font-size:11px;margin:0 0 22px}.notice strong{color:#23597e}
.eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;color:#2983b6;margin:0 0 10px}.hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0 28px}.hero h1{font-size:clamp(39px,4.7vw,61px);letter-spacing:-.065em;line-height:1.09;margin:0 0 19px;font-weight:770}.hero h1 em{color:#0786c9;font-style:normal}.hero>div:first-child>p:last-child{max-width:630px;color:#5e748a;font-size:15px;line-height:1.8;margin:0}.hero-note{align-self:center;display:flex;align-items:center;flex-direction:column;text-align:center;background:#fff;border:1px solid #e0eaf3;border-radius:14px;padding:27px 32px;box-shadow:0 8px 31px #163b5a0a;white-space:nowrap}.hero-note span{font-size:30px;color:#138cc9}.hero-note strong{font-size:15px}.hero-note small{font-size:11px;color:#7b90a3;margin-top:4px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.section-heading h2{font-size:19px;margin:0;letter-spacing:-.03em}.section-heading p{color:var(--muted);font-size:12px;margin:0}
.sector-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sector-card{background:white;text-align:left;border:1.5px solid #e0e8ef;border-radius:13px;min-height:153px;padding:18px 15px;display:flex;flex-direction:column;gap:6px;color:#1c3b57;box-shadow:0 3px 14px #163b5a09;transition:border-color .18s,transform .18s,box-shadow .18s}.sector-card:hover{transform:translateY(-2px);border-color:#79b5d6}.sector-card[aria-pressed=true]{border-color:#168acb;background:#f2faff;box-shadow:0 0 0 2px #158bd015}.sector-icon{font-size:28px;color:#1988c3;margin-bottom:8px;line-height:1}.sector-card strong{font-size:13px;font-weight:800}.sector-card small{color:#70889b;font-size:11px;line-height:1.45}
.start-panel{display:grid;grid-template-columns:1fr .93fr;gap:36px;margin-top:19px;padding:28px 31px;background:white;border:1px solid #dde7ef;border-radius:14px;box-shadow:0 5px 20px #1233540a}.start-copy h2{font-size:27px;letter-spacing:-.045em;margin:0 0 9px}.start-copy>p:not(.eyebrow){margin:0 0 18px;color:#617a90;font-size:13px}.example{background:#f0f7fc;border:1px solid #daeaf4;padding:13px 15px;border-radius:9px}.example span{color:#4083a9;font-size:10px;letter-spacing:.09em;font-weight:850;text-transform:uppercase}.example p{color:#325b75;font-size:12px;margin:6px 0 0}.start-form{align-self:center}.start-form label{display:block;color:#213c55;font-size:13px;font-weight:750;margin-bottom:9px}.start-form label span{font-weight:400;color:#879aa9}
textarea,input:not([type=checkbox]):not([type=file]),select{width:100%;padding:12px 13px;border:1px solid #c9d9e7;background:#fff;border-radius:9px;color:#1c3e59;outline-offset:3px}textarea{resize:vertical;min-height:85px}select{min-height:45px}input[type=file]{display:block;max-width:100%;font-size:12px;margin:7px 0 14px}
.field-note{font-size:11px;color:#71899b;line-height:1.65;margin:10px 0 13px}
.primary-button,.outline-button,.outline-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:11px 17px;min-height:43px;font-weight:780;font-size:12px}.primary-button{border:1px solid #0389cf;color:white;background:linear-gradient(100deg,#087ccb,#07a1e4);box-shadow:0 9px 20px #118ec924}.primary-button:hover:not(:disabled){filter:brightness(1.07)}.outline-button,.outline-link{border:1px solid #c5dbe8;color:#266989;background:white}.outline-button:hover,.outline-link:hover{background:#eef7fb}
.page-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:8px 0 27px}.page-head h1{font-size:clamp(31px,3.6vw,45px);letter-spacing:-.045em;line-height:1.15;margin:0 0 9px}.page-head p:not(.eyebrow){color:#6d8498;font-size:14px;max-width:700px;margin:0}
.work-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:16px}.panel{padding:24px;background:white;border-radius:13px;border:1px solid #dfe9f1;box-shadow:0 5px 19px #1838550a;min-width:0}.panel h2{font-size:19px;margin:0 0 12px;letter-spacing:-.027em}.panel p{color:#617b90;line-height:1.7;font-size:12px}.panel-title{display:flex;align-items:center;justify-content:space-between}.mini-count{background:#eaf4f9;color:#1875a5;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:850}.empty-message{background:#f4f9fc;border-radius:9px;padding:17px;color:#6f879b}
.plan-list{display:grid;gap:9px}.plan-button{display:block;text-align:left;padding:12px 13px;border-radius:10px;border:1px solid #dae7f0;background:#f9fcfe;color:#234359;width:100%}.plan-button[aria-pressed=true]{background:#eaf7ff;border-color:#268cbe}.plan-button strong{display:block;font-size:13px}.plan-button small{font-size:11px;color:#658299;display:block;margin-top:5px}.supporting{font-size:12px;color:#668096}.step-list{padding:0;list-style:none;display:grid;gap:9px}.step-list li{background:#f5f9fc;border:1px solid #e2ebf2;border-radius:9px;padding:12px}.step-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#224762}.step-check input,.check-row input{margin-top:3px;width:17px;height:17px;accent-color:#128aca;flex:0 0 17px}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#416078;margin:16px 0}.inline-status{font-size:12px;color:#547b90;margin-top:11px}
.inventory-expander{background:#fff;border:1px solid #dde7ef;border-radius:13px;margin-top:20px;box-shadow:0 5px 19px #18385509}.inventory-expander summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 23px;list-style:none}.inventory-expander summary::-webkit-details-marker{display:none}.inventory-expander summary strong{display:block;font-size:14px}.inventory-expander summary small{display:block;color:#7790a4;font-size:12px;margin-top:3px}.inventory-inner{border-top:1px solid #e0e8ef;padding:22px}.inventory-form label,#draft-form label,.draft-box label:not(.check-row){font-size:12px;color:#365c76;font-weight:750;display:block;margin:10px 0 6px}.form-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0 19px}.table-scroll{overflow-x:auto;border:1px solid #dce8f0;border-radius:9px}table{width:100%;min-width:500px;border-collapse:collapse;text-align:left}td,th{border-bottom:1px solid #e1eaf1;padding:10px 12px;font-size:12px;color:#31546e}th{background:#eef6fb;color:#376788;font-size:11px}tbody tr:last-child td{border:0}.draft-box{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.result-card{background:white;border:1px solid #e0e8f0;padding:21px;border-radius:12px;box-shadow:0 4px 19px #23425a0a}.result-card span{font-size:11px;color:#728a9e}.result-card strong{display:block;font-size:36px;color:#137cb1;line-height:1.1;margin-top:12px;letter-spacing:-.04em}.activity-list{display:grid;gap:9px;margin:15px 0}.activity-list p{margin:0;padding:11px;background:#f4f8fb;border-radius:8px;font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.static-state{display:inline-block;border-radius:6px;background:#f0f6fa;color:#326785;border:1px solid #dce9f2;padding:6px 9px;font-size:10px;font-weight:800}
.footer{border-top:1px solid #dee7ef;padding:23px 0 7px;margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;color:#7990a3;font-size:11px}.toast{position:fixed;right:17px;bottom:17px;z-index:80;background:#0c3c58;border:1px solid #2689b6;border-radius:10px;color:white;padding:12px 16px;box-shadow:0 10px 40px #051c3436;max-width:min(420px,calc(100vw - 34px));font-size:12px;transform:translateY(150%);opacity:0;transition:transform .2s,opacity .2s;pointer-events:none}.toast.visible{transform:none;opacity:1}
@media(max-width:1230px){.sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-note{padding:20px}}
@media(max-width:950px){.sidebar{position:fixed;width:240px;transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 0 100vmax transparent}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #06101b9a}.mobile-menu{display:inline-grid;place-items:center}.main-area{width:100%}.sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-note{display:none}}
@media(max-width:660px){main{padding:17px}.topbar{padding:12px 17px;height:65px}.hero{padding:13px 0 20px}.hero h1{font-size:clamp(38px,10vw,51px)}.hero>div:first-child>p:last-child{font-size:13px}.section-heading{display:block}.section-heading p{margin-top:3px}.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sector-card{padding:14px;min-height:142px}.sector-card strong{font-size:12px}.sector-card small{font-size:10px}.sector-icon{font-size:25px}.start-panel,.work-grid,.settings-grid{grid-template-columns:1fr;gap:15px}.start-panel{padding:19px}.page-head h1{font-size:33px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-card{padding:16px}.result-card strong{font-size:31px}.panel{padding:17px}.notice{margin-bottom:16px}.footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* P2-064: accessible interactive objectives, expanded sectors, four brand colors. */
.goal-section{margin:24px 0 28px}
.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.goal-card{display:grid;text-align:left;align-content:start;gap:8px;min-height:132px;padding:20px 19px;background:var(--paper);color:var(--ink);border:1px solid #dce7f1;border-radius:13px;box-shadow:0 7px 22px #102d4b09;transition:transform .18s,border-color .18s,box-shadow .18s}
.goal-card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 12px 26px #0b4d8421}
.goal-card[aria-pressed=true]{background:linear-gradient(140deg,#e7f5ff,#fff);border-color:var(--blue);box-shadow:inset 4px 0 var(--gold),0 10px 24px #0a6eaa19}
.goal-glyph{display:inline-grid;place-items:center;width:39px;height:39px;background:#ecf7ff;color:#087db9;border-radius:11px;font-size:23px}
.goal-card strong{font-size:13px;color:var(--navy)}
.goal-card small{font-size:11px;color:#70879b;line-height:1.5}
.sector-extend{display:grid;grid-template-columns:minmax(0,.8fr) minmax(210px,1.2fr);align-items:center;gap:10px 20px;margin:12px 0 20px;padding:17px 20px;background:linear-gradient(115deg,#f0f6fb,#fff);border:1px solid var(--silver);border-radius:13px}
.sector-extend label{display:grid;gap:4px;color:var(--navy);font-size:13px}
.sector-extend label span,.sector-extend p{color:#668098;font-size:11px;margin:0}
.sector-extend select{width:100%;background:white;color:var(--navy);border:1px solid #bfd5e5;padding:10px 12px;border-radius:9px;min-width:0}
.sector-extend p{grid-column:1/-1}
@media(max-width:900px){.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.goal-card{padding:14px 12px;min-height:146px}.goal-card strong{font-size:12px}.goal-card small{font-size:10px}.sector-extend{grid-template-columns:1fr;padding:14px}}
@media(prefers-reduced-motion:reduce){.goal-card{transition:none}.goal-card:hover{transform:none}}