:root{--wine:#702747;--rose:#a86191;--coral:#973e60;--muted:#75677d;--line:#dfd2e7;--bg:#f1ecf5;--ink:#302238;--soft:#eee3f2;--menu:#40172f;--menu-active:#69405c;--menu-text:#f5edf6;--font-body:"Segoe UI","Trebuchet MS",Arial,sans-serif;--font-heading:Georgia,"Times New Roman",serif;--radius:10px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.5 var(--font-body)}a{color:var(--wine);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 17px;border:1px solid transparent;border-radius:7px;background:var(--wine);color:#fff;text-decoration:none;cursor:pointer;font-weight:600}button:hover,.button:hover{background:#542039}button:disabled{opacity:.5;cursor:wait}.secondary{background:#fff;color:var(--wine);border-color:var(--line)}.secondary:hover{background:var(--soft)}.link-button{padding:5px 0;background:transparent;color:var(--wine);font-weight:500}.link-button:hover{background:transparent;text-decoration:underline}:focus-visible{outline:3px solid #9956a9;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading)}h1{font-size:30px;line-height:1.25;font-weight:400;letter-spacing:-.7px;margin-bottom:8px}h2{font-size:19px;font-weight:400}h3{font-size:16px;font-weight:400}.muted,small{color:var(--muted)}small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--wine);font-weight:700;margin-bottom:8px}#sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:var(--menu);color:var(--menu-text);border-right:1px solid #57263f;display:flex;flex-direction:column;padding:28px 18px 16px;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:20px;font-family:var(--font-heading)}.brand small{display:block;font:11px var(--font-body);margin-top:3px}.monogram{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--wine);border-radius:50%;font:22px Georgia,serif;color:var(--wine);flex-shrink:0}.sidebar-caption{font-size:10px;letter-spacing:1.8px;color:#d3bbd3;margin:28px 12px 12px}nav{overflow:auto;flex:1}nav a{display:block;padding:9px 12px;margin:2px 0;color:var(--menu-text);border-radius:6px;font-size:13px;text-decoration:none}nav a:hover{background:#58314b;color:#fff}nav a[aria-current=page]{background:var(--menu-active);color:#fff;font-weight:650;border-left:3px solid #d5add9}nav details{margin:10px 0}nav summary{padding:9px 12px;cursor:pointer;color:#dbc7de;font-size:12px}.sidebar-footer{padding:14px 10px 0;border-top:1px solid var(--line);margin-top:12px}.sidebar-footer span,.sidebar-footer small{display:block}.sidebar-footer button{margin-top:10px;padding:6px 12px;font-size:12px}.workspace{margin-left:258px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid var(--line);background:#fff;font-size:12px;color:var(--muted)}.topbar #menu{display:none}main{padding:30px 36px;min-height:calc(100vh - 112px);max-width:1800px;margin:auto}footer{padding:12px 36px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.page-heading{margin-bottom:24px}.page-heading p{margin-bottom:0;color:var(--muted)}.card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#5f4b68}input,select,textarea{width:100%;border:1px solid #cdbdd6;border-radius:6px;background:white;padding:10px 11px;color:var(--ink);min-height:43px;font-size:14px}input:disabled,select:disabled{background:#f0eaf3;color:var(--muted)}textarea{min-height:90px;resize:vertical}label:has(textarea){grid-column:span 2}input[type=checkbox]{width:20px;min-height:20px;align-self:flex-start}input[type=file]{max-width:500px}.form-actions{display:flex;gap:10px;margin-top:22px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#eee7f3;color:#604b69;padding:13px 16px;font-size:11px;font-weight:650;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #eee5f1;max-width:360px;vertical-align:top;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}tbody tr:hover{background:#faf6fc}td .secondary{font-size:11px;padding:5px 9px;margin:2px;white-space:nowrap}.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:end;flex-wrap:wrap}.toolbar label{min-width:150px;flex:1}.toolbar input{min-width:100px}.pagination{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:16px;font-size:12px}.notice,.error,.success{padding:11px 15px;border-radius:6px;font-size:13px;margin:0 0 16px}.notice{background:#e9e0ed;color:#63516c;border-left:3px solid var(--wine)}.error{background:#fff0ed;color:#91250e;border-left:3px solid #b6361a}.success{background:#edf6ef;color:#265834;border-left:3px solid #347345}.field-error{color:#a02121;font-size:12px}.context{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:16px;border-radius:8px;margin-bottom:20px}.context strong{width:100%;font-size:15px}.context a{font-size:13px}.badge{display:inline-block;padding:3px 8px;background:var(--soft);color:var(--wine);border-radius:5px;font-size:11px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);padding:20px;border-radius:9px}.metric strong{display:block;font-size:28px;color:var(--wine);font-weight:600}.metric span{font-size:12px;color:var(--muted)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-grid .card{margin:0;min-width:0}.empty{padding:24px;color:var(--muted);text-align:center}.report-list{list-style:none;padding:0;margin:0}.report-list li{padding:12px 0;border-bottom:1px solid #eee5f1}.report-list a{display:block;font-weight:550;font-size:14px}.report-list small{display:block;margin-top:4px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:18px}.detail-grid dt{font-size:11px;color:var(--muted)}.detail-grid dd{margin:3px 0 0;font-size:14px;white-space:pre-wrap}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}dialog{width:min(850px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 24px 80px #0003}dialog::backdrop{background:#30142988}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-heading button{padding:2px 12px;font-size:24px}.subform{padding:15px;background:#f6f0f8;border:1px solid var(--line);border-radius:6px;margin:12px 0}.subform .form-grid{grid-template-columns:1fr 1fr}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e5d8e9,var(--bg))}.login-card{width:min(440px,92vw);min-height:0;margin:30px;padding:40px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 70px #40172f14}.login-card .monogram{margin-bottom:25px}.login-card h1{font:38px Georgia,serif;color:var(--wine)}.login-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.login-card form{display:grid;gap:17px}.login-card .notice{margin:25px 0 0;font-size:11px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:270px;z-index:100;background:white;padding:12px}[hidden]{display:none!important}@media(max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}}@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:transform .2s}body.menu-open #sidebar{transform:translateX(0);box-shadow:10px 0 40px #0002}.workspace{margin-left:0}.topbar{padding:12px 16px;gap:10px}.topbar>span:first-of-type{display:none}.topbar #menu{display:block}main{padding:20px 16px}h1{font-size:26px}.card{padding:18px}.form-grid{grid-template-columns:1fr}label:has(textarea){grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch}.toolbar label{min-width:100%}.metrics{gap:10px}.metric{padding:14px}.metric strong{font-size:24px}.subform .form-grid{grid-template-columns:1fr}.skip:focus{left:12px}footer{padding:12px 16px}dialog{padding:18px}.login-card{padding:28px}}
@media(max-width:760px){.table-wrap table{min-width:760px}.table-wrap td{min-width:110px}.table-wrap td:first-child{min-width:180px}.table-wrap th{white-space:normal}}

/* Dark navigation theme; all layout and interaction rules remain shared. */
#sidebar .brand,#sidebar .monogram{color:var(--menu-text)}#sidebar .monogram{border-color:#d3bbd3}#sidebar .brand small,#sidebar .sidebar-footer small{color:#d3bbd3}#sidebar .sidebar-footer{border-top-color:#68465d}#sidebar .secondary{background:#59324b;border-color:#89667e;color:#fff}#sidebar .secondary:hover{background:var(--menu-active)}#sidebar :focus-visible{outline-color:#e2bfe8}#sidebar nav{scrollbar-color:#99788f var(--menu)}.metric strong{font-family:var(--font-heading);font-weight:400}dialog{color:var(--ink);background:#fff}

/* Shared day/month/year entry and native calendar in every date form. */
.date-field{width:200px;max-width:100%;align-self:start}.date-control{display:block;position:relative;width:100%}.date-control>input:first-child{padding-right:44px;font-variant-numeric:tabular-nums}.date-icon{position:absolute;right:12px;top:9px;font-size:21px;line-height:25px;color:var(--wine);pointer-events:none}.date-control .date-picker{position:absolute;right:0;top:0;width:40px;height:100%;min-height:0;padding:0;border:0;opacity:0;cursor:pointer}.date-picker::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}.date-control:has(.date-picker:focus-visible){outline:3px solid #9956a9;outline-offset:3px;border-radius:6px}.date-control:has(input:disabled){opacity:.65}

/* Client registration: four fields on desktop, readable stacking on small screens. */
.client-entry-grid{grid-template-columns:minmax(180px,2fr) 180px minmax(140px,1fr) minmax(180px,1.5fr);align-items:start}.client-entry-grid>label{min-width:0}.client-entry-grid .date-field{width:180px}.client-entry-grid input{min-width:0}@media(max-width:1200px){.client-entry-grid{grid-template-columns:minmax(160px,1fr) 180px}}@media(max-width:760px){.client-entry-grid{grid-template-columns:1fr}}

.client-search-toolbar label:has([name=sort]){flex:0 1 180px;min-width:140px}.client-search-toolbar label:has([name=direction]){flex:0 1 150px;min-width:130px}.client-row-actions{white-space:nowrap}.client-row-actions button.secondary{margin:2px 10px 2px 0}.client-row-actions button:last-child{margin-right:0}@media(max-width:760px){.client-search-toolbar label:has([name=sort]),.client-search-toolbar label:has([name=direction]){min-width:0;flex:1 1 130px}}

.contact-entry-grid{grid-template-columns:minmax(180px,1.6fr) minmax(130px,.8fr) minmax(180px,1.4fr) minmax(130px,.8fr);align-items:start}.contact-entry-grid>label{min-width:0}.contact-entry-grid label:has([name=detalhe]){grid-column:1 / 3}.contact-entry-grid label:has([name=activo]){grid-column:3}.contact-entry-grid .form-actions{grid-column:4;margin-top:24px}.step-type-grid{grid-template-columns:minmax(180px,1fr) 90px minmax(220px,2fr)}.step-type-grid label:has(textarea){grid-column:auto}.compact-filter-toolbar label:has([name=sort]){flex:0 1 170px;min-width:140px}.compact-filter-toolbar label:has([name=direction]){flex:0 1 140px;min-width:120px}.compact-filter-toolbar label:has([name=activo]){flex:0 1 125px;min-width:100px}@media(max-width:1100px){.contact-entry-grid{grid-template-columns:1fr 1fr}.contact-entry-grid label:has([name=activo]),.contact-entry-grid .form-actions{grid-column:auto}.step-type-grid{grid-template-columns:1fr 90px}.step-type-grid label:has(textarea){grid-column:1 / -1}}@media(max-width:760px){.contact-entry-grid,.step-type-grid{grid-template-columns:1fr}.contact-entry-grid label:has([name=detalhe]),.contact-entry-grid label:has([name=activo]),.contact-entry-grid .form-actions{grid-column:auto}.contact-entry-grid .form-actions{margin-top:0}.compact-filter-toolbar label:has([name=sort]),.compact-filter-toolbar label:has([name=direction]),.compact-filter-toolbar label:has([name=activo]){min-width:0;flex:1 1 110px}}

/* Home cards keep their reserved height; long lists scroll independently. */
.home-report-grid>.card{height:300px;display:flex;flex-direction:column;overflow:hidden}.home-report-grid>.card>h2{flex-shrink:0}.home-report-grid .report-list{flex:1;min-height:0;overflow-y:auto;overflow-wrap:anywhere;scrollbar-gutter:stable;padding-right:8px}.home-report-grid .pagination{flex-shrink:0;flex-wrap:wrap}.home-report-grid .pagination:empty{display:none}

/* Compact vertical rhythm, scoped to the home dashboard. */
main:has(.home-report-grid){padding-top:20px;padding-bottom:20px}
#content:has(.home-report-grid) .page-heading{margin-bottom:16px}
#content:has(.home-report-grid) .eyebrow{margin-bottom:4px}
#content:has(.home-report-grid) h1{margin-bottom:4px}
#content:has(.home-report-grid) .metrics{gap:12px;margin-bottom:16px}
#content:has(.home-report-grid) .metric{padding:12px 18px}
#content:has(.home-report-grid) .metric strong{font-size:26px;line-height:1.25}
.home-report-grid{gap:14px}
.home-report-grid>.card{padding:16px 20px}
.home-report-grid>.card>h2{margin-bottom:10px;line-height:1.3}
.home-report-grid .report-list li{padding:7px 0}
.home-report-grid .report-list small{margin-top:2px}
.home-report-grid .report-list p{margin:4px 0 0;line-height:1.4}
.home-report-grid .empty{padding:14px;margin-bottom:0}
.home-report-grid .pagination{margin-top:8px;gap:8px}
.home-report-grid .pagination button{padding:6px 12px}
@media(max-width:760px){.home-report-grid>.card{padding:14px 16px}}

/* Session controls remain accessible in the shared white header. */
.topbar{gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.topbar #today{margin-left:auto;white-space:nowrap}
.session-controls{display:flex;align-items:center;gap:14px;min-width:0}
.session-user{min-width:0;max-width:300px;overflow-wrap:anywhere}
.session-user span,.session-user small{display:block}
.session-user span{font-weight:600;color:var(--ink)}
.session-controls #logout{padding:7px 12px;white-space:nowrap;font-size:12px;flex-shrink:0}
@media(max-width:760px){.topbar .session-controls{flex:1 1 100%;justify-content:space-between}.session-user{max-width:none}}

/* Shared compact layout and floating navigation. */
main{padding-top:20px;padding-bottom:20px}.page-heading{margin-bottom:16px}.page-heading h1{margin-bottom:4px}.card{padding:18px;margin-bottom:16px}.card h2{margin-bottom:12px}.form-grid{gap:12px}.form-actions{margin-top:14px;gap:8px}.actions{margin:10px 0;gap:10px}.context{padding:12px;margin-bottom:14px}.detail-grid{gap:12px}.toolbar{gap:8px;margin-bottom:12px}label{gap:4px}input,select,textarea{padding:8px 10px;min-height:38px}textarea{min-height:70px}button,.button{padding:8px 14px}th{padding:10px 12px}td{padding:10px 12px}.date-icon{top:6px}.contact-entry-grid .form-actions{margin-top:22px}.compact-filter-toolbar label{flex:1 1 120px;min-width:100px}.compact-filter-toolbar label:has([name=q]){flex:2 1 220px}.compact-filter-toolbar label:has([name=sort]){flex:0 1 160px;min-width:130px}.compact-filter-toolbar label:has([name=direction]){flex:0 1 125px;min-width:110px}.compact-filter-toolbar label:has([name=activo]){flex:0 1 110px;min-width:90px}
.nav-trigger{display:block;width:100%;padding:9px 12px;margin:8px 0;text-align:left;font-size:12px;font-weight:500;background:transparent;color:var(--menu-text)}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{background:var(--menu-active)}.nav-flyout{position:fixed;inset:auto;margin:0;width:260px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:8px;border:1px solid #89667e;border-radius:8px;background:var(--menu);box-shadow:0 10px 30px #0004;color:var(--menu-text)}.nav-flyout a{font-size:13px}.nav-flyout::backdrop{background:transparent}#notice-dialog{width:min(420px,92vw);padding:22px}#notice-dialog .form-actions{justify-content:flex-end}#notice-text{overflow-wrap:anywhere;white-space:pre-wrap}
.documentos-entry-grid{grid-template-columns:minmax(160px,1fr) 170px minmax(130px,1fr) minmax(130px,1fr)}.documentos-entry-grid label:has([name=url]){grid-column:3 / 5}.documentos-entry-grid label:has([name=detalhes]){grid-column:1 / 3}.documentos-entry-grid .form-actions{margin-top:22px;align-self:start}
.acompanhamentos_cliente-entry-grid,.acompanhamentos_processo-entry-grid{grid-template-columns:minmax(180px,1fr) minmax(130px,1fr) minmax(130px,1fr)}.acompanhamentos_cliente-entry-grid .form-actions,.acompanhamentos_processo-entry-grid .form-actions{margin-top:22px;align-self:start}
.financeiros-entry-grid{grid-template-columns:minmax(150px,1.5fr) minmax(110px,1fr) minmax(130px,1fr) 90px 180px}.financeiros-entry-grid label:has([name=processo_id]){grid-column:1 / -1}.financeiros-entry-grid label:has([name=conta_id]){grid-column:1 / 3}.financeiros-entry-grid .date-field{width:180px}.financeiros-entry-grid .form-actions{margin-top:22px;align-self:start}
@media(max-width:1200px){.financeiros-entry-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.documentos-entry-grid{grid-template-columns:1fr 150px}.documentos-entry-grid label:has([name=url]),.documentos-entry-grid label:has([name=detalhes]){grid-column:1 / -1}}
@media(max-width:760px){.documentos-entry-grid,.financeiros-entry-grid,.acompanhamentos_cliente-entry-grid,.acompanhamentos_processo-entry-grid{grid-template-columns:1fr}.documentos-entry-grid>label,.financeiros-entry-grid>label{grid-column:auto!important}.documentos-entry-grid .form-actions,.financeiros-entry-grid .form-actions,.acompanhamentos_cliente-entry-grid .form-actions,.acompanhamentos_processo-entry-grid .form-actions{margin-top:0}.compact-filter-toolbar label:has([name=q]){flex-basis:100%}.compact-filter-toolbar label:has([name=sort]),.compact-filter-toolbar label:has([name=direction]),.compact-filter-toolbar label:has([name=activo]){flex:1 1 100px;min-width:90px}}

/* Narrower finance inputs while retaining the desktop rows and mobile stacking. */
.financeiros-entry-grid label:has([name=processo_id]){width:100%;max-width:640px}
.financeiros-entry-grid label:has([name=conta_id]){width:100%;max-width:360px}
.financeiros-entry-grid label:has([name=tipo_financeiro_id]){width:100%;max-width:200px}
.financeiros-entry-grid label:has([name=valor]){width:100%;max-width:150px}
@media(min-width:1201px){.financeiros-entry-grid{grid-template-columns:200px 160px 150px 100px 180px}}
.section-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.section-heading h2{margin:0}.section-heading button{font-size:12px}
#action-dialog.model-editor{width:min(920px,94vw);padding:18px}.model-editor .dialog-heading h2{margin-bottom:8px}.model-editor .notice{padding:8px 12px;margin-bottom:10px}.model-editor .subform{padding:12px;margin:8px 0}.model-editor .subform h3{margin-bottom:8px}.model-editor .subform .form-grid{grid-template-columns:minmax(130px,1fr) minmax(140px,1.4fr) 150px;gap:8px 12px;align-items:start}.model-editor label:has([name=tipo_etapa_id]){grid-column:1}.model-editor label:has([name=predecessora]){grid-column:2 / 4}.model-editor label:has([name=entidade]){grid-column:1}.model-editor label:has([name=detalhes]){grid-column:2}.model-editor textarea{min-height:54px}.model-editor .remove-model-item{grid-column:3;margin-top:22px;padding:8px;font-size:12px}.model-editor .form-actions{margin-top:12px}@media(max-width:600px){.model-editor .subform .form-grid{grid-template-columns:1fr}.model-editor .subform label,.model-editor .remove-model-item{grid-column:1!important}.model-editor .remove-model-item{margin-top:0;justify-self:start}}
/* Stacked workload chart and selected owner's steps within the existing home card. */
.home-report-grid>.responsible-steps{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,2fr);gap:0}
.responsible-chart-panel{min-height:0;display:flex;flex-direction:column}.responsible-chart-panel h2{margin-bottom:6px;flex-shrink:0}.responsible-bars{min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding:3px}
.responsible-bar{display:grid;grid-template-columns:minmax(95px,1fr) minmax(55px,1.5fr) auto;gap:9px;align-items:center;width:100%;padding:5px 7px;margin-bottom:3px;text-align:left;color:var(--ink);background:transparent;border:1px solid transparent;font-size:12px;font-weight:400}.responsible-bar:hover,.responsible-bar[aria-pressed=true]{background:var(--soft);border-color:var(--line)}.bar-name{overflow-wrap:anywhere}.bar-track{display:block;height:13px;background:#f1ecf5;border-radius:3px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--wine);border-radius:3px;min-width:2px}.bar-count{font-variant-numeric:tabular-nums;color:var(--wine)}
#responsible-detail{min-height:0;border-top:1px solid var(--line);padding-top:9px}.responsible-detail-list{height:100%;min-height:0;display:flex;flex-direction:column}.responsible-detail-list h2{font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1.3;margin-bottom:4px;flex-shrink:0}.responsible-detail-list .pagination{font-size:11px}.responsible-detail-list .pagination button{font-size:11px;padding:3px 8px}

.home-report-grid>.card:nth-child(-n+2){height:240px}

/* Workload chart at the left third and selected steps at the right two thirds. */
.home-report-grid>.responsible-steps{grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr);gap:14px}
.responsible-chart-panel{padding-right:14px;border-right:1px solid var(--line)}.responsible-chart-panel h2{margin-bottom:6px}.responsible-bars{display:block;flex:1;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding:2px 4px 2px 2px}
.responsible-bar{display:grid;grid-template-columns:minmax(70px,1fr) minmax(42px,1.35fr) auto;grid-template-rows:auto;gap:6px;width:100%;height:auto;padding:5px 6px;margin:0 0 3px;text-align:left;align-items:center;font-size:10px;line-height:12px}
.responsible-bar .bar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsible-bar .bar-count{font-size:10px;line-height:12px}.responsible-bar .bar-track{display:block;height:11px;width:100%;border-radius:2px}.responsible-bar .bar-fill{display:block;height:100%;min-width:2px;min-height:0;border-radius:2px}
#responsible-detail{border-top:0;padding-top:0;overflow:hidden}
.responsible-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-bottom:4px}.responsible-list-heading h2{margin:0;min-width:0}.responsible-list-heading button{flex-shrink:0;padding:3px 6px;font-size:10px}
@media(max-width:760px){.home-report-grid>.responsible-steps{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,2fr);gap:8px}.responsible-chart-panel{padding-right:0;padding-bottom:8px;border-right:0;border-bottom:1px solid var(--line)}#responsible-detail{padding-top:0}}

/* Home heading and half-width indicators share a row; lists gain vertical space. */
.home-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:16px}
#content .home-title-row .page-heading,#content .home-title-row .metrics{margin-bottom:0}
#content .home-title-row .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#content .home-title-row .metric{padding:10px 12px;min-width:0}
#content .home-title-row .metric span{display:block;font-size:11px;line-height:1.3}
.home-report-grid>.card,.home-report-grid>.card:nth-child(-n+2){height:342px}
@media(max-width:1000px){.home-title-row{grid-template-columns:1fr;gap:12px}}
@media(max-width:760px){#content .home-title-row .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
