@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
:where([hidden]){display:none !important}.avatar{border:0;cursor:pointer;font:inherit}body[data-context-loading="true"] .main-content{opacity:.72;transition:opacity .15s ease}body[data-context-loading="true"] .context-switcher{cursor:wait}
.login-screen{min-height:100vh;background:#f8fafb url('./assets/login-background.png') center/cover no-repeat;display:grid;place-items:center;padding:32px;position:relative;color:#26343d}.login-card{width:min(100%,430px);background:rgba(255,255,255,.96);border:1px solid rgba(220,228,231,.9);border-radius:18px;box-shadow:0 18px 50px rgba(37,63,69,.12);padding:36px 40px 30px}.login-logo{display:block;width:min(100%,300px);height:auto;max-height:92px;object-fit:contain;margin:0 auto 18px}.login-eyebrow{text-align:center;color:#63717a;font-size:10px;font-weight:700;letter-spacing:.12em;margin:0 0 12px}.login-card h1{text-align:center;font-size:25px;font-weight:500;margin:0 0 8px;color:#26343d}.login-subtitle{text-align:center;color:#71808a;line-height:1.5;margin:0 auto 26px;font-size:13px}.login-form{display:grid;gap:8px}.login-form>label{font-size:12px;font-weight:500;color:#47565f;margin-top:5px}.login-form input[type=email],.login-form input[type=password]{width:100%;border:1px solid #d5dfe1;border-radius:8px;padding:12px 13px;color:#26343d;background:#fff;font:inherit;transition:border-color .2s,box-shadow .2s}.login-form input[type=email]:focus,.login-form input[type=password]:focus{outline:0;border-color:#0a9f5a;box-shadow:0 0 0 3px rgba(10,159,90,.12)}.login-options{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px;font-size:12px}.remember-me{display:flex;align-items:center;gap:6px;color:#71808a}.remember-me input{accent-color:#0a9f5a}.login-options a{color:#087a45;text-decoration:none;font-weight:500}.login-options a:hover{text-decoration:underline}.login-submit{border:0;border-radius:8px;background:#079957;color:#fff;font-weight:700;letter-spacing:.08em;padding:13px 16px;cursor:pointer;box-shadow:0 4px 10px rgba(7,153,87,.2);transition:background .2s,transform .2s}.login-submit:hover{background:#087f4a;transform:translateY(-1px)}.login-submit:disabled{opacity:.7;cursor:wait;transform:none}.login-feedback{border-radius:7px;padding:9px 10px;font-size:12px;background:#edf8f1;color:#087a45}.login-feedback.is-error{background:#fff2f0;color:#a33b32}.login-demo-note{text-align:center;color:#8a969d;font-size:10px;line-height:1.45;margin:22px 0 0}.login-powered{position:fixed;right:28px;bottom:22px;color:#7b858c;font-size:11px;letter-spacing:.08em}.login-powered strong{color:#5c6970;font-weight:700}@media(max-width:520px){.login-screen{padding:20px}.login-card{padding:28px 24px 24px}.login-powered{right:20px;bottom:14px;font-size:10px}}
:focus-visible{outline:none;box-shadow:var(--io-focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--bg:#f8fafb;--surface:#fff;--ink:#202124;--muted:#69727d;--line:#e3e7eb;--brand:#0a9f5a;--blue:#1a73e8;--amber:#c77700;--red:#c0392b;--shadow:0 1px 2px #172b4d0d,0 4px 16px #172b4d08}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Roboto,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 16px 16px}.brand{height:42px;padding:0 10px 6px;border-bottom:1px solid var(--line);margin-bottom:25px}.brand img{width:146px;height:auto;object-fit:contain;object-position:left center}.context-label,.nav-section,.eyebrow{font-size:10px;letter-spacing:.09em;font-weight:700;color:#7b858e}.context-label{padding:0 10px 7px}.context-switcher{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;text-align:left;display:flex;justify-content:space-between;color:#34404a;margin-bottom:22px}.nav-item{text-decoration:none;color:#59636e;padding:10px;border-radius:7px;display:flex;gap:12px;align-items:center;margin:2px 0}.nav-item:hover,.nav-item.active{background:#e9f7f0;color:#087a45;font-weight:500}.nav-item b{margin-left:auto;background:#e7f0fe;color:#1a73e8;border-radius:10px;padding:2px 7px;font-size:11px}.nav-section{padding:22px 10px 7px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px 0;color:#89939d;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16a05d;margin-right:7px}.main-content{flex:1;max-width:1500px;margin:auto;padding:0 46px 48px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.crumb{color:#8a939d;margin-left:7px}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.more{border:0;background:transparent;color:#6d7780;font-size:22px;width:34px;height:34px;border-radius:50%}.icon-button:hover{background:#eef1f3}.avatar{width:32px;height:32px;border-radius:50%;background:#d9efe4;color:#087a45;font-weight:700;display:grid;place-items:center;font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 24px}.page-heading h1{font-size:28px;line-height:1.2;margin:8px 0}.muted{color:var(--muted);margin:0;line-height:1.5}.primary-button,.secondary-button{border:0;border-radius:7px;padding:10px 17px;font-weight:500;cursor:pointer}.primary-button{background:var(--brand);color:#fff;box-shadow:0 2px 4px #0a9f5a2b}.secondary-button{border:1px solid #ccd3d9;background:#fff;color:#35404a}.notice{display:flex;align-items:center;gap:11px;border:1px solid #b8d9fb;background:#f1f7ff;color:#445363;padding:12px 14px;border-radius:8px;margin-bottom:23px}.notice-icon{width:20px;height:20px;border:1px solid #4b93e5;color:#1a73e8;border-radius:50%;display:grid;place-items:center;font-weight:700}.notice div{flex:1}.notice strong{color:#1f4f82}.notice button{border:0;background:transparent;color:#718092;font-size:19px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.metric-card{padding:19px}.metric-label{font-size:13px;color:#68737c;display:block;margin-bottom:13px}.metric-card strong{font-size:28px;display:block;margin-bottom:8px}.metric-trend{font-size:12px}.metric-trend em{font-style:normal;color:#8a939d}.positive{color:#18864b}.warning{color:var(--amber)}.danger{color:var(--red)}.progress{height:5px;background:#e9edf0;border-radius:4px;margin-top:18px;overflow:hidden}.progress span{display:block;height:100%;background:var(--blue);border-radius:4px}.progress.green span{background:var(--brand)}.mini-bars{height:25px;display:flex;align-items:end;gap:4px;margin-top:13px}.mini-bars i{display:block;flex:1;background:#c8ddfb;border-radius:2px 2px 0 0}.severity{display:flex;gap:4px;margin-top:21px}.severity span{height:6px;flex:1;background:#e06c5e;border-radius:3px}.severity span:nth-child(3){background:#e9b35b}.severity .empty{background:#e9edf0}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.panel{padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.panel-heading h2{font-size:16px;margin:0 0 5px}.panel-heading a{color:var(--blue);text-decoration:none;font-size:13px}.action-list{border-top:1px solid var(--line)}.action-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.action-row>div{flex:1}.action-row strong,.action-row span{display:block}.action-row strong{font-size:13px;font-weight:500;margin-bottom:4px}.action-row div span{font-size:12px;color:#7c8791}.priority{width:7px;height:7px;border-radius:50%;align-self:flex-start;margin-top:5px}.priority.high{background:#e25849}.priority.medium{background:#e2a33f}.priority.low{background:#6db78b}.owner{width:28px;height:28px;border-radius:50%;background:#edf2f7;color:#53606b;display:grid!important;place-items:center;font-size:10px!important;font-weight:700}.readiness{display:flex;align-items:center;gap:22px}.readiness-ring{width:122px;height:122px;border-radius:50%;background:conic-gradient(var(--blue) 0 72%,#e9eff5 72% 100%);display:grid;place-items:center;position:relative}.readiness-ring:after{content:'';position:absolute;width:91px;height:91px;border-radius:50%;background:#fff}.readiness-ring span{position:relative;z-index:1;font-size:27px;font-weight:700}.readiness-ring small{font-size:14px}.readiness-legend{flex:1}.readiness-legend div{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:12px}.readiness-legend strong{margin-left:auto}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.green-dot{background:var(--brand)}.amber{background:#e2a33f}.purple{background:#8e70d0}.blocking{display:flex;gap:10px;align-items:center;background:#fff7eb;border:1px solid #f2d7aa;border-radius:7px;padding:10px;margin-top:17px}.blocking>span{width:19px;height:19px;border-radius:50%;background:#e2a33f;color:#fff;display:grid;place-items:center;font-weight:700}.blocking strong,.blocking small{display:block}.blocking strong{font-size:12px;color:#8a5300}.blocking small{font-size:11px;color:#9d7a44;margin-top:3px}.timeline-panel{margin-top:16px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.step{position:relative;padding-right:16px}.step:not(:last-child):after{content:'';position:absolute;height:2px;background:#e4e8eb;top:13px;left:36px;right:6px}.step.done:not(:last-child):after{background:#77c99d}.step span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eef1f3;color:#7b858e;font-size:12px;font-weight:700;position:relative;z-index:1;margin-bottom:10px}.step.done span{background:#d9f1e3;color:#087a45}.step.current span{background:#e3efff;color:var(--blue);border:2px solid var(--blue)}.step strong,.step small{display:block}.step strong{font-size:12px;margin-bottom:4px}.step small{color:#8a939d;font-size:11px}@media(max-width:1000px){.sidebar{width:210px}.main-content{padding:0 25px 40px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{display:none}.main-content{padding:0 16px 30px}.content-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:14px}.step:not(:last-child):after{display:none}.page-heading{align-items:flex-start;gap:12px;flex-direction:column}.metric-grid{grid-template-columns:1fr}.notice{align-items:flex-start}}
/* IntegraOne visual direction — aligned to the OneFlow operational reference. */
:root{--io-navy:#0d3040;--io-navy-2:#173f50;--io-orange:#f47a35;--io-canvas:#f4f6f8;--io-border:#d9e1e7}
body{background:var(--io-canvas);color:#102b3d}
html{scroll-behavior:smooth;scroll-padding-top:84px}
.sidebar{width:260px;background:var(--io-navy);border-right:0;padding:18px 15px 16px;color:#fff}
.brand{height:108px;margin:0 0 18px;padding:10px 10px 12px;background:#fff;border:0;border-radius:0 0 8px 8px;display:flex;align-items:center;flex-wrap:wrap;align-content:center;column-gap:8px}
.brand img{width:205px;height:58px;object-fit:contain;object-position:center}
.brand-caption{display:block;width:100%;padding-left:4px;color:#667982;font-size:9px;font-weight:700;letter-spacing:.16em;text-align:center}
.brand::after{display:none}
.sidebar-toggle{color:#496674!important;background:transparent!important}
.sidebar .context-label,.sidebar .nav-section{color:#b8cbd3}
.context-switcher{background:#12394a;border-color:#315766;color:#fff}
.nav-item{color:#ecf5f8;border-radius:8px;margin:3px 0;padding:11px 12px}
.nav-item:hover,.nav-item.active{background:#294f60;color:#fff;font-weight:600}
.nav-item b{background:#f9e3d8;color:#c75b22}
.sidebar-footer{border-top-color:#315766;color:#b8cbd3}
.status-dot{background:#4bd28b}
.main-content{max-width:none;margin:0;padding:0 46px 48px}
.topbar{height:80px;background:#fff;margin:0 -46px;padding:0 46px;border-bottom:1px solid var(--io-border)}
.topbar .eyebrow,.page-heading .eyebrow{color:var(--io-orange)}
.page-heading{padding:32px 0 24px}
.page-heading h1{color:#102b3d;font-weight:750}
.io-button--primary,.primary-button{background:var(--io-orange);box-shadow:0 2px 4px rgb(244 122 53 / 25%)}
.io-button--primary:hover,.primary-button:hover{background:#d96425}
.io-button--secondary,.secondary-button{border-color:#cbd7de;color:#17384b}
.io-card,.metric-card,.panel{border-color:var(--io-border);border-radius:12px;box-shadow:0 2px 6px rgb(20 50 65 / 5%)}
.io-card__title,.panel-heading h2{color:#102b3d}
.io-table-wrap{border-color:var(--io-border)}
.io-table th{background:#edf2f5;color:#456171}
.io-table td{color:#29485a}
.metric-label,.eyebrow{letter-spacing:.12em}
.notice{border-color:#b9d7e4;background:#eef7fb}
#overview>.page-heading{margin-top:32px;padding:28px 28px 30px;background:var(--io-navy);border-radius:15px;color:#fff;box-shadow:0 8px 20px rgb(13 48 64 / 12%)}
#overview>.page-heading h1{color:#fff;margin:8px 0 7px;font-size:25px}
#overview>.page-heading .muted{color:#d7e5ea}
#overview>.page-heading .primary-button{background:var(--io-orange);border-radius:8px}
#overview>.notice{margin-top:22px}
.top-actions .avatar{background:#e7f0f3;color:var(--io-navy)}
.protected-environment{display:inline-flex;align-items:center;gap:7px;border:1px solid #9ce7c7;border-radius:999px;padding:8px 13px;color:#16845b;background:#f0fff8;font-size:12px;font-weight:500}
.workspace-context-badge{display:inline-flex;align-items:center;max-width:430px;margin-right:auto;margin-left:18px;padding:8px 13px;border:1px solid #d4e0e6;border-radius:7px;background:#f8fafb;color:#294b5d;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agenda-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.agenda-toolbar h2{min-width:190px;margin:0;text-transform:capitalize;color:#102b3d;font-size:19px}.agenda-legend{display:flex;align-items:center;gap:7px;margin-left:auto;color:#607786;font-size:12px}.agenda-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.agenda-dot--task{background:#f47a35}.agenda-dot--audit{background:#1a73e8}.agenda-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));border-top:1px solid var(--io-border);border-left:1px solid var(--io-border)}.agenda-weekday{padding:10px 12px;background:#edf2f5;color:#496777;font-size:11px;font-weight:700;border-right:1px solid var(--io-border);border-bottom:1px solid var(--io-border)}.agenda-day{min-height:112px;padding:9px;border-right:1px solid var(--io-border);border-bottom:1px solid var(--io-border);background:#fff}.agenda-day>strong{color:#17384b;font-size:13px}.agenda-day--muted{background:#f8fafb}.agenda-day--muted>strong{color:#a5b2b9}.agenda-event{margin-top:7px;padding:5px 6px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.agenda-event--task{background:#fff0e8;color:#c75b22}.agenda-event--audit{background:#e8f1ff;color:#185ca8}
@media(max-width:1000px){.sidebar{width:228px}.main-content{padding-left:25px;padding-right:25px}.topbar{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}}
@media(max-width:720px){.workspace-context-badge{display:none}.protected-environment{padding:7px 9px;font-size:11px}.top-actions{gap:4px}}
.app-shell{display:block;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;height:100vh;overflow-y:auto}
.main-content{margin-left:260px;min-height:100vh;overflow:visible}
.topbar{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgb(16 43 61 / 4%),0 5px 14px rgb(16 43 61 / 3%)}
#overview>.page-heading{margin-top:22px;margin-bottom:24px}
#overview>.page-heading h1{color:#33444e;font-weight:700}
#overview>.page-heading #greeting-title{color:#eaf4f7;font-weight:700}
#overview>.page-heading #context-feedback{display:none!important}
#overview>.page-heading{padding-top:20px;padding-bottom:20px}
#overview>.metric-grid{margin-top:0;row-gap:18px}
.page-heading--compact{padding-top:20px}
@media(max-width:1000px){.main-content{margin-left:228px}}
@media(max-width:720px){.sidebar{position:relative;inset:auto;height:auto;display:none}.main-content{margin-left:0}}
@media(max-width:720px){html{scroll-padding-top:68px}}
.agenda-event{display:block;width:100%;border:0;text-align:left;font:600 11px Roboto,Arial,sans-serif;cursor:pointer}.agenda-event:hover{filter:brightness(.96);box-shadow:0 0 0 2px rgb(13 48 64 / 10%)}
.agenda-event--done{background:#e4f6eb;color:#187448;text-decoration:line-through}
.io-drawer{inset:76px 0 0 auto!important;z-index:40}
.io-toast-region{position:fixed;right:24px;bottom:24px;z-index:100;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.io-toast{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;padding:13px 14px;border:1px solid var(--io-border);border-left:4px solid var(--io-blue,#1a73e8);border-radius:9px;background:#fff;color:#17384b;box-shadow:0 8px 24px rgb(20 50 65 / 14%);pointer-events:auto;font-size:13px;line-height:1.4}.io-toast--success{border-left-color:#15945b}.io-toast--warning{border-left-color:#c77700}.io-toast--danger{border-left-color:#c0392b}.io-toast button{border:0;background:transparent;color:#6b7e89;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.io-toast button:focus-visible{outline:0;box-shadow:var(--io-focus-ring);border-radius:4px}
.planning-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px}.planning-flow__step{min-height:92px;padding:16px;border:1px solid var(--io-border);border-radius:10px;background:#f8fafb;display:flex;flex-direction:column;gap:8px}.planning-flow__step strong{color:#17384b;font-size:13px}.planning-flow__step span{color:#6b7e89;font-size:12px;line-height:1.4}.planning-flow__step--done{background:#eefaf3;border-color:#bfe5ce}.planning-flow__step--current{background:#fff7ef;border-color:#f3c6a5;box-shadow:inset 0 3px 0 var(--io-orange)}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.settings-grid .io-card{min-height:170px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.settings-grid .io-card .settings-placeholder{margin-top:auto}@media(max-width:900px){.settings-grid{grid-template-columns:1fr 1fr}}
.settings-directory{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-directory .io-card{min-width:0}@media(max-width:900px){.settings-directory{grid-template-columns:1fr}}
@media(max-width:900px){.planning-flow{grid-template-columns:1fr 1fr}}
/* Navegação fixa, legível e sem recolhimento acidental. */
.brand{height:124px;padding:12px 12px 14px;margin-bottom:22px;justify-content:center;row-gap:7px;background:var(--io-navy);border-bottom:1px solid #52717e}
.brand img{width:220px;height:68px;object-fit:contain;object-position:center}
.brand-caption{font-size:9px;letter-spacing:.14em;color:#c5d5db}
.nav-section{padding-top:17px;padding-bottom:8px;line-height:1.25}
.nav-item{min-height:40px;padding:10px 12px;line-height:1.25}
.nav-item--sub{padding-left:12px}
.sidebar-toggle{display:none!important}
.main-content{padding-top:0}
.topbar{height:76px}
@media(max-width:720px){.brand{height:112px}.brand img{width:200px;height:60px}}
.agenda-dot--done{background:#2b9a62}
.agenda-event--diagnostic{background:#f2eaff;color:#6c43a1}.agenda-dot--diagnostic{background:#7b52b6}
.diagnostic-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.diagnostic-filters select{min-height:36px;border:1px solid var(--io-border);border-radius:7px;padding:0 9px;background:#fff;color:#29485a;font:13px Roboto,Arial,sans-serif}
.pmo-flow{display:flex;align-items:stretch;gap:10px;overflow:auto;padding:8px 0}.pmo-flow__step{min-width:145px;flex:1;border:1px solid var(--io-border,#dbe4ea);border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:7px}.pmo-flow__step strong{color:#0d3444}.pmo-flow__step span{font-size:13px;color:#607286}.pmo-flow__connector{display:flex;align-items:center;color:#8aa0ad;font-size:22px}.pmo-view .metric-card strong{color:#0d3444}
.io-card--nested{margin:18px 0;padding:16px;background:#f7fafb;border:1px solid #dbe4ea;border-radius:10px}.io-card--nested h4{margin:0 0 4px}.traceability-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.notification-list{display:grid;gap:0}.notification-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #e6edf1}.notification-row__icon{color:#0d8b63;font-size:18px}.notification-row strong{color:#0d3444}.notification-row p{margin:4px 0 0;font-size:13px}
.ged-repository{border-top:1px solid #e6edf1;padding:14px 0}.ged-repository h3{margin:0 0 10px;color:#0d3444}.ged-repository details{border:1px solid #dbe4ea;border-radius:8px;margin:8px 0;padding:10px;background:#fbfcfd}.ged-repository summary{cursor:pointer;font-weight:600;color:#28495a}.ged-requirements{display:grid;gap:6px;margin-top:10px}.ged-requirement{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#fff;border-left:3px solid #0d8b63}
/* Final cascade: normalized layout tokens are loaded after all legacy rules. */
:root{--io-content-max:1480px;--io-page-gutter:clamp(20px,3vw,46px);--io-section-gap:24px;--io-card-gap:16px;--io-card-padding:20px;--io-control-radius:8px}
.skip-link{position:fixed;left:16px;top:8px;z-index:200;padding:10px 14px;border-radius:var(--io-control-radius);background:var(--io-navy);color:#fff;transform:translateY(-150%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0);outline:0;box-shadow:var(--io-focus-ring)}
.main-content{width:100%;max-width:none;padding:0 var(--io-page-gutter) 48px}
.main-content>section:not([hidden])>*,.main-content>div:not([hidden])>.page-heading{width:100%;max-width:var(--io-content-max);margin-left:auto;margin-right:auto}
#overview>.metric-grid,#overview>.content-grid,#overview>.timeline-panel{width:100%;max-width:var(--io-content-max);margin-left:auto;margin-right:auto}
.main-content>section:not([hidden])>*:not(:last-child){margin-bottom:var(--io-section-gap)}
.topbar{margin-left:calc(var(--io-page-gutter) * -1);margin-right:calc(var(--io-page-gutter) * -1);padding-left:var(--io-page-gutter);padding-right:var(--io-page-gutter)}
.page-heading,.page-heading--compact{max-width:var(--io-content-max);margin-left:auto;margin-right:auto;padding-top:32px;padding-bottom:24px;gap:24px}
.page-heading>div:first-child{min-width:0}.page-heading h1{margin:6px 0 8px}.page-heading .muted{max-width:760px}
#app-shell .page-heading__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#app-shell .page-heading__actions .io-button,#app-shell .page-heading__actions button{margin:0}
#overview>.page-heading>div:last-child{display:block}
#diagnostico>.page-heading>div:last-child,#diagnostico .page-heading__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#diagnostico>.page-heading .io-button{margin:0}
.io-drawer__form fieldset{margin:0;padding:12px;border:1px solid var(--io-color-divider);border-radius:8px}
.io-drawer__form fieldset label{display:flex;align-items:center;gap:8px;margin:8px 0;line-height:1.35}
.io-drawer__form fieldset input[type="checkbox"]{flex:0 0 auto;width:16px;height:16px;margin:0}
.io-card,.panel,.metric-card{padding:var(--io-card-padding);margin:0;min-width:0}
.metric-grid,.implementation-summary,.settings-grid,.settings-directory,.content-grid,.planning-flow,.pmo-flow{gap:var(--io-card-gap)}
.implementation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--io-section-gap)}
.implementation-summary .io-card{height:100%}
.metric-grid{margin-top:0;margin-bottom:var(--io-section-gap);align-items:stretch;align-content:stretch;grid-auto-flow:row;row-gap:var(--io-section-gap)}.metric-grid>*{margin:0!important;align-self:stretch;min-height:0}.implementation-summary{align-items:stretch;align-content:stretch;grid-auto-flow:row;row-gap:var(--io-section-gap)}.implementation-summary>*{margin:0!important;align-self:stretch;min-height:0}.content-grid{margin-top:0}
.io-card__header,.panel-heading{gap:16px;min-width:0}.io-card__header>div:first-child,.panel-heading>div:first-child{min-width:0}
.io-card__title,.panel-heading h2{margin-top:0}.io-table-wrap{width:100%;overflow-x:auto;border-radius:var(--io-control-radius)}.io-table{min-width:680px;width:100%;border-collapse:collapse}.io-table th,.io-table td{vertical-align:middle;line-height:1.4}.io-button{border-radius:var(--io-control-radius);white-space:nowrap}
.task-toolbar,.diagnostic-filters,.traceability-actions{align-items:center;gap:var(--io-space-2);margin-top:var(--io-space-3);margin-bottom:var(--io-space-3)}.io-drawer__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--io-space-2);margin-top:var(--io-space-5);padding-top:var(--io-space-4);border-top:1px solid var(--io-color-divider)}
.critical-path-list{display:grid;gap:0;margin:var(--io-space-3) 0 var(--io-space-4)}.critical-path-item{display:grid;grid-template-columns:32px 1fr;gap:var(--io-space-3);align-items:center;padding:12px 0;border-top:1px solid var(--io-color-divider)}.critical-path-item strong,.critical-path-item small{display:block}.critical-path-item small{margin-top:4px;color:var(--io-color-slate-500)}.roadmap-critical-path{border-left:4px solid var(--io-color-warning)}
.variance-summary{display:flex;align-items:baseline;gap:8px;padding:12px;background:var(--io-color-slate-100);border-radius:var(--io-control-radius);color:var(--io-color-slate-500)}.variance-summary strong{font-size:28px;color:var(--io-color-slate-900)}
.milestone-checklist{display:grid;gap:10px;margin-top:var(--io-space-4);padding-top:var(--io-space-4);border-top:1px solid var(--io-color-divider)}.milestone-checklist h3{margin:0;color:var(--io-color-slate-700);font-size:14px}
label{color:var(--io-color-slate-700);font-size:13px;line-height:1.4}input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:var(--io-control-height);width:100%;border:1px solid var(--io-color-slate-300);border-radius:var(--io-control-radius);background:var(--io-color-surface);padding:9px 12px;line-height:1.4}textarea{min-height:104px;resize:vertical}.io-drawer__form{display:grid;gap:var(--io-space-3)}.io-drawer__form label{display:grid;gap:var(--io-space-1)}.checkbox-field{display:flex;align-items:center;gap:var(--io-space-2)}.checkbox-field input{accent-color:var(--io-color-primary)}input:disabled,select:disabled,textarea:disabled{background:var(--io-color-slate-100);cursor:not-allowed}.diagnostic-filters select{width:auto;min-width:150px}.task-toolbar select{width:auto;min-width:180px}
@media(max-width:1000px){.main-content{padding-left:25px;padding-right:25px}.topbar{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}.page-heading,.page-heading--compact{padding-top:28px}}
@media(max-width:1000px){.implementation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.main-content{padding:0 16px 30px}.topbar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.page-heading,.page-heading--compact{padding-top:24px;padding-bottom:20px}.io-card,.panel,.metric-card{padding:16px}.io-card__header,.panel-heading{align-items:flex-start;flex-direction:column}.implementation-summary{grid-template-columns:1fr}.io-drawer__actions{justify-content:stretch}.io-drawer__actions .io-button{flex:1}}
.agenda-metric-action{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.agenda-metric-action:hover,.agenda-metric-action:focus-visible{transform:translateY(-2px);box-shadow:0 6px 18px rgba(16,43,61,.12);outline:2px solid rgba(26,115,232,.35);outline-offset:2px}.agenda-metric-action:focus-visible{outline-offset:3px}
.agenda-toolbar select{width:auto;min-width:150px}
.agenda-toolbar{flex-wrap:wrap}.agenda-toolbar .agenda-legend{flex:1 1 100%;margin-left:0;justify-content:flex-end}
.agenda-event--overdue{box-shadow:inset 3px 0 #d95757}.agenda-event--review{box-shadow:inset 3px 0 #e0a128}.agenda-event--done{opacity:.72;text-decoration:line-through}
.agenda-event--progress{box-shadow:inset 3px 0 #2777d7}
.agenda-day--today{background:#f1f7ff;box-shadow:inset 0 0 0 2px #2777d7}.agenda-day--today>strong{color:#185ca8}
.pmo-cockpit{margin-top:16px}.pmo-cockpit-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px}.pmo-cockpit-columns h3{margin:0 0 10px;color:var(--io-color-slate-700);font-size:14px}.pmo-cockpit-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--io-color-divider);font-size:13px}.pmo-cockpit-row small{display:block;color:var(--io-color-slate-500);margin-top:3px}.pmo-cockpit-row strong{white-space:nowrap}@media(max-width:1000px){.pmo-cockpit-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.pmo-cockpit-columns{grid-template-columns:1fr}}
/* DS-01 final shell contract */
:root{--io-sidebar-width:260px;--io-shell-gutter:clamp(16px,3vw,46px)}
.app-shell{min-width:0}.sidebar{width:var(--io-sidebar-width)}.main-content{width:calc(100% - var(--io-sidebar-width));max-width:none;margin-left:var(--io-sidebar-width);margin-right:0;padding-left:var(--io-shell-gutter);padding-right:var(--io-shell-gutter);min-width:0}.main-content>section:not([hidden]){width:100%;max-width:var(--io-content-max);margin-left:auto;margin-right:auto}
.topbar{margin-left:calc(var(--io-shell-gutter) * -1);margin-right:calc(var(--io-shell-gutter) * -1);padding-left:var(--io-shell-gutter);padding-right:var(--io-shell-gutter)}
.page-heading,.page-heading--compact,.main-content>section:not([hidden])>*:not(.page-heading){min-width:0}.page-heading h1,.io-card__title,.panel-heading h2{overflow-wrap:anywhere}.context-switcher,.top-actions,.page-heading,.io-card__header,.panel-heading{min-width:0}
@media(max-width:1000px){.sidebar{width:228px}.main-content{width:calc(100% - 228px);margin-left:228px}}
/* Shell inspirado na referência AuditExpert: jornada em primeiro plano, mantendo o azul IntegraOne. */
#overview > .page-heading{background:linear-gradient(135deg,#0b3b50 0%,#0d5964 58%,#087a59 100%);border-radius:16px;padding:28px 34px;margin-top:26px;color:#fff;box-shadow:0 12px 28px rgb(13 59 80 / 16%)}
#overview > .page-heading .eyebrow,#overview > .page-heading .muted{color:#d7eef0}
#overview > .page-heading h1{font-size:30px;margin:7px 0 5px;color:#fff}
#overview > .page-heading{position:relative;overflow:hidden;display:flex;justify-content:space-between}
.overview-hero-action{display:grid;gap:3px;margin-top:18px;padding:12px 16px;background:rgb(255 255 255 / 12%);border:1px solid rgb(255 255 255 / 16%);border-radius:10px;max-width:470px}
.overview-hero-action strong{font-size:14px}.overview-hero-action span{font-size:12px;color:#d7eef0}.overview-hero-action .secondary-button{justify-self:start;margin-top:8px;background:#fff;color:#0b5261;border-color:#fff}
.overview-readiness-badge{display:grid;place-items:center;align-content:center;width:122px;height:122px;border:9px solid #4bcf6b;border-radius:50%;margin-right:22px;color:#fff;flex:0 0 auto}.overview-readiness-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:72px;text-align:center}.overview-readiness-badge strong{display:block;font-size:27px;line-height:1.05;white-space:nowrap}.overview-readiness-badge span{display:block;font-size:10px;line-height:1.1;letter-spacing:.1em;white-space:nowrap}
#overview > .metric-grid{margin-top:18px}
#overview > .metric-grid .metric-card{border-radius:12px;padding:17px 19px;box-shadow:0 4px 14px rgb(16 43 61 / 8%)}
#overview > .timeline-panel{border-radius:12px;padding:22px 24px}
#overview > .timeline-panel .step{padding-right:20px}
#overview > .timeline-panel .step strong{font-size:13px}
#overview > .timeline-panel .step small{font-size:12px}
#overview > .timeline-panel .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#overview > .timeline-panel .step{border:1px solid var(--io-border);border-radius:12px;padding:15px 14px 17px;background:#fff;min-height:145px}
#overview > .timeline-panel .step:not(:last-child):after{display:none}
#overview > .timeline-panel .step span{width:25px;height:25px;border-radius:7px;background:var(--io-navy);color:#fff;margin-bottom:16px}
#overview > .timeline-panel .step.done span{background:var(--io-navy);color:#fff}
#overview > .timeline-panel .step.current{border-color:#56a5c3;box-shadow:0 0 0 2px rgb(86 165 195 / 12%)}
#overview > .timeline-panel .step.current span{border:0;background:var(--io-blue);color:#fff}
#overview > .timeline-panel .step small{margin-top:8px}
.mobile-nav-toggle{display:none;border:1px solid var(--io-border);background:#fff;color:var(--io-navy);border-radius:8px;width:38px;height:38px;font-size:18px;cursor:pointer;flex:0 0 auto}
@media(max-width:1180px){.topbar{gap:10px}.workspace-context-badge{max-width:min(34vw,320px);margin-left:0}.topbar>div:first-of-type{min-width:0}.topbar .crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{min-width:0;flex-shrink:0}}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}.page-heading,.page-heading--compact{align-items:flex-start;flex-direction:column}.page-heading>div:last-child{width:100%;display:flex;flex-wrap:wrap;gap:8px}}
@media(min-width:1201px){.implementation-summary{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1200px){.implementation-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--io-card-gap)}}
@media(max-width:720px){.main-content{width:100%;margin-left:0}.topbar{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;justify-content:flex-start}.mobile-nav-toggle{display:block}.topbar>div:first-of-type{min-width:0;flex:1}.topbar .top-actions{margin-left:auto}.sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);height:100vh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 28px rgb(13 48 64 / 18%);z-index:60}.mobile-nav-open .sidebar{transform:translateX(0)}.mobile-nav-open::after{content:'';position:fixed;inset:0;background:rgb(13 48 64 / 42%);z-index:50}.mobile-nav-open .topbar{z-index:70}.mobile-nav-open .mobile-nav-toggle{z-index:71}body.sidebar-collapsed .main-content{width:100%;margin-left:0}}
@media(max-width:720px){body.mobile-nav-open{overflow:hidden}}
/* DS-02: grids and cards share one alignment contract across all screens. */
.content-grid{align-items:stretch}
.content-grid>.panel{height:100%;min-height:0}
#overview>.content-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;grid-auto-rows:auto;overflow:visible}
#overview>.content-grid>.panel{height:auto;min-height:322px;margin:0!important;align-self:stretch;position:relative;z-index:1}
#overview>.timeline-panel{position:relative;z-index:0;margin-top:var(--io-section-gap)!important;clear:both}
#overview>.metric-grid,#overview>.content-grid,#overview>.timeline-panel{width:100%;max-width:none;margin-left:0;margin-right:0}
#overview>.page-heading{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}
#overview>.content-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}
#overview>.timeline-panel{min-height:0;height:auto;}
#overview>.timeline-panel,#overview>.pmo-cockpit{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}
#overview>.pmo-cockpit{margin-top:var(--io-section-gap)!important}
#overview>.timeline-panel + .pmo-cockpit{margin-top:var(--io-section-gap)!important}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--io-card-gap);align-items:stretch;grid-auto-rows:1fr}
.report-grid>.report-card{height:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.report-grid>.report-card h3{margin:16px 0 8px;line-height:1.3}
.report-grid>.report-card p{margin:0 0 18px;min-height:42px}
.report-grid>.report-card .io-button{margin-top:auto}
.implementation-summary>.io-card,.metric-grid>.metric-card{height:100%;align-self:stretch}
@media(max-width:900px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.report-grid{grid-template-columns:1fr}.report-grid>.report-card p{min-height:0}}
.commercial-view .commercial-metrics{margin-bottom:var(--io-section-gap);grid-template-columns:repeat(4,minmax(0,1fr))}
.commercial-period-filter{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:0 auto var(--io-section-gap);max-width:var(--io-content-max);padding:14px 16px;background:var(--io-color-slate-100);border:1px solid var(--io-border);border-radius:10px}
.commercial-period-filter label{display:grid;gap:5px;min-width:170px;font-size:12px;font-weight:600}
.commercial-period-filter input{min-height:38px}
.commercial-overview-summary{margin-top:var(--io-section-gap)}
.commercial-funnel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--io-card-gap)}
.commercial-funnel-grid div{padding:14px 16px;background:var(--io-color-slate-100);border-radius:9px}
.commercial-funnel-grid span,.commercial-funnel-grid strong{display:block}.commercial-funnel-grid span{color:var(--io-color-slate-600);font-size:12px}.commercial-funnel-grid strong{margin-top:7px;color:var(--io-color-slate-900);font-size:24px}
.commercial-view>.io-card{margin-bottom:var(--io-section-gap)}
.commercial-view #crm-panel{padding-bottom:24px}
.commercial-view #crm-panel .io-section-divider{margin:24px 0 14px;padding-top:18px;border-top:1px solid var(--io-color-divider)}
.commercial-view #crm-panel .io-section-divider h3{margin:0 0 5px;color:var(--io-color-slate-800);font-size:16px}
.commercial-view #crm-panel .io-table-wrap{margin-bottom:4px}
.commercial-subnav{display:flex;flex-wrap:wrap;gap:4px;margin:0 auto var(--io-section-gap);max-width:var(--io-content-max);padding:4px 8px;border:1px solid var(--io-color-divider);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,42,67,.06);overflow-x:auto}
.commercial-subnav button{border:0;background:transparent;padding:9px 12px;border-radius:8px;color:var(--io-color-slate-600);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.commercial-subnav button:hover{background:var(--io-color-slate-100);color:var(--io-color-primary)}
.commercial-subnav button.is-active{background:var(--io-color-primary);color:#fff;font-weight:600;box-shadow:0 2px 5px rgba(25,103,210,.22)}
.commercial-subnav button.is-active::after{content:'';display:block;height:2px;margin:5px 2px -3px;background:#fff;border-radius:2px}
.commercial-view>.commercial-period-filter{position:relative;z-index:1}
.commercial-view [hidden]{display:none!important}
.commercial-calendar{margin-top:18px;padding:18px;border:1px solid var(--io-color-divider);border-radius:12px;background:#fff}.commercial-calendar__toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.commercial-calendar__toolbar strong{font-size:18px;text-transform:capitalize;margin:0 8px}.commercial-calendar__week,.commercial-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.commercial-calendar__week span{padding:10px 12px;background:var(--io-color-slate-100);font-size:12px;font-weight:700;color:var(--io-color-slate-600);border:1px solid var(--io-color-divider)}.commercial-calendar__day{min-height:92px;padding:8px;border:1px solid var(--io-color-divider);display:flex;flex-direction:column;gap:5px}.commercial-calendar__day--muted{background:#f7f9fb}.commercial-calendar__day strong{font-size:12px}.commercial-calendar__day span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;border-radius:5px;background:#e8f0fe;color:#174ea6;font-size:11px}@media(max-width:720px){.commercial-calendar{overflow-x:auto}.commercial-calendar__week,.commercial-calendar__grid{min-width:700px}}
.commercial-period-filter{display:flex;justify-content:flex-end;align-items:end;gap:8px;margin:0 0 var(--io-section-gap);padding:10px 12px;border:1px solid var(--io-color-divider);border-radius:10px;background:#fff}
.commercial-period-filter label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--io-color-slate-600)}
.commercial-period-filter input{width:150px;padding:8px 10px}
.commercial-period-filter .io-button{padding:8px 12px;white-space:nowrap}
@media (max-width:720px){.commercial-period-filter{justify-content:flex-start;flex-wrap:wrap}.commercial-period-filter label{flex:1 1 180px}.commercial-period-filter input{width:100%}}
.commercial-subnav button:focus-visible{outline:2px solid var(--io-color-primary);outline-offset:2px}
@media(max-width:1000px){.commercial-view .commercial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.commercial-view .commercial-metrics{grid-template-columns:1fr}}
@media(max-width:720px){.commercial-funnel-grid{grid-template-columns:1fr 1fr}.commercial-period-filter label{min-width:calc(50% - 6px)}.commercial-period-filter .io-button{flex:1}}
.commercial-view>.commercial-period-filter{width:fit-content;max-width:100%;margin-left:auto;margin-right:0;box-sizing:border-box}
@media(max-width:720px){.commercial-view>.commercial-period-filter{width:100%;margin-left:0}}
.ged-folder-children{display:grid;gap:.45rem;margin:.5rem 0 .75rem 1rem;padding-left:.85rem;border-left:1px solid var(--border-color,#d7e0e7)}
.ged-document-template{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border:1px solid var(--border-color,#d7e0e7);border-radius:.55rem;background:#fff}
.ged-folder summary{cursor:pointer;font-weight:600;color:var(--ink-strong,#12344a)}
.onboarding-readiness-card{margin-bottom:var(--io-section-gap)}
.onboarding-readiness-panel{display:grid;gap:16px}
.onboarding-readiness-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--io-border);border-radius:10px;background:var(--io-color-slate-100)}
.onboarding-readiness-summary strong,.onboarding-readiness-summary span{display:block}.onboarding-readiness-summary strong{color:var(--io-navy)}.onboarding-readiness-summary div>span{margin-top:4px;color:var(--io-color-slate-600);font-size:13px}
.onboarding-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.onboarding-readiness-grid--legacy{display:none!important}
.onboarding-readiness-item{min-height:84px;padding:13px 14px;border:1px solid var(--io-border);border-radius:10px;background:#fff}.onboarding-readiness-item strong,.onboarding-readiness-item span{display:block}.onboarding-readiness-item strong{font-size:13px;color:var(--io-navy)}.onboarding-readiness-item span{margin-top:7px;color:var(--io-color-slate-600);font-size:12px;line-height:1.35}
.onboarding-readiness-item--complete{border-left:4px solid #19a974}.onboarding-readiness-item--blocked{border-left:4px solid #d88b19}.onboarding-readiness-item--incomplete,.onboarding-readiness-item--not_started{border-left:4px solid #5d91c8}
@media(max-width:900px){.onboarding-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.onboarding-readiness-summary{align-items:flex-start;flex-direction:column}.onboarding-readiness-grid{grid-template-columns:1fr}}
.normative-question-bank{margin-top:var(--io-section-gap)}
.normative-question-filters{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:16px 0}
.normative-question-filters label{display:grid;gap:5px;min-width:126px;font-size:12px}.normative-question-filters input,.normative-question-filters select{min-height:38px;padding:7px 9px}.normative-question-filters .normative-question-search{min-width:min(260px,100%)}
.kickoff-questionnaire{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--io-color-divider);border-radius:10px;background:var(--io-color-slate-100)}.kickoff-questionnaire h4,.kickoff-questionnaire p{margin:0}.kickoff-question{display:grid;gap:7px;padding-top:12px;border-top:1px solid var(--io-color-divider)}.kickoff-question>span{display:grid;gap:4px;font-size:13px}.kickoff-question small{color:var(--io-color-slate-600);font-weight:400}.kickoff-question textarea{background:#fff}.required-marker{display:inline-block;width:max-content;padding:2px 6px;border-radius:999px;background:#fff0d6;color:#895411;font-size:10px;font-weight:700}
.implementation-guidance-questions{margin:14px 0;padding:13px 14px;border-left:4px solid var(--io-color-primary);border-radius:8px;background:var(--io-color-slate-100)}.implementation-guidance-questions p{margin:0 0 8px}.implementation-guidance-questions ul{display:grid;gap:9px;margin:0;padding-left:20px}.implementation-guidance-questions li{display:grid;gap:3px;font-size:13px}.implementation-guidance-questions small{color:var(--io-color-slate-600);font-size:12px}
.version-question-list{display:grid;gap:8px}.version-question-list article{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--io-color-divider);border-radius:8px;background:var(--io-color-slate-100)}.version-question-list .io-badge{width:max-content}.version-question-list small{color:var(--io-color-slate-600)}
.diagnostic-questionnaire__form{display:grid;gap:14px;margin-top:14px}.diagnostic-questionnaire__form label{display:grid;gap:7px;padding-top:12px;border-top:1px solid var(--io-color-divider)}.diagnostic-questionnaire__form label>span{display:grid;gap:4px}.diagnostic-questionnaire__form label small{color:var(--io-color-slate-600);font-weight:400}.diagnostic-questionnaire__form textarea{background:var(--io-color-slate-100)}
@media(max-width:720px){.normative-question-filters{justify-content:stretch}.normative-question-filters label,.normative-question-filters .normative-question-search{min-width:0;flex:1 1 150px}.normative-question-filters .io-button{flex:1}}