:root{font-family:system-ui,sans-serif;color:#1c3049;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}header{background:#18334f;color:white;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:22px;font-weight:700;color:white;text-decoration:none}.identity{display:flex;flex-direction:column;font-size:14px}main{max-width:1300px;margin:32px auto;padding:0 24px}section{background:white;border:1px solid #e0e6ee;border-radius:10px;padding:24px;margin-bottom:20px}h1{font-size:30px}h2{font-size:22px}p{line-height:1.6;color:#506176}a{color:#176d91}small{color:inherit}button{background:#176d91;color:white;border:0;border-radius:6px;padding:12px 20px;cursor:pointer;font:inherit}input,select{width:100%;max-width:450px;border:1px solid #b7c5d4;border-radius:5px;padding:10px;font:inherit;background:white;color:#1c3049}label{display:flex;flex-direction:column;gap:6px;font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0}.filters label{flex:1;min-width:150px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cards h2{margin-bottom:8px}nav{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}nav a{padding:12px;background:#e0e8f0;border-radius:6px;text-decoration:none}nav a.active{background:#18334f;color:white}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid #e0e6ee;vertical-align:top}th{background:#f5f8fb}td{max-width:400px;overflow-wrap:anywhere}dt{font-weight:600;margin-top:16px}dd{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.multiline{white-space:pre-wrap}.pagination{display:flex;gap:24px;justify-content:center;margin:24px}.notice{background:#fff2d4;padding:16px;border-radius:6px}@media(max-width:600px){header{flex-wrap:wrap}.identity{order:3;width:100%}main{padding:0 14px}section{padding:18px}.filters{flex-direction:column;align-items:stretch}.filters label{width:100%}}
:root .avatar{width:42px;height:42px;object-fit:cover;border-radius:50%}
/* Operational matrix inspired by the legacy portfolio. */
main{max-width:none;margin:18px auto;padding:0 18px}header{padding:12px 20px;background:#00529a}h1{font-size:22px;margin:8px 0}h2{font-size:18px}.project-heading{display:flex;align-items:center;gap:16px}.project-heading p{margin:0}nav{margin:10px 0;gap:6px}nav a{padding:7px 14px;font-size:13px}button,.btn{padding:6px 10px;font-size:12px;border-radius:4px}.btn{display:inline-block;text-decoration:none;background:#475569;color:white}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{padding:5px;font-size:12px;max-width:none;border:1px solid #cbd5e1;border-radius:4px;font-family:inherit;width:100%;box-sizing:border-box}label{font-size:11px;gap:3px}.lock-banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#e0edff;padding:8px 12px;border-radius:6px;font-size:12px;margin-bottom:10px}#lock-message{flex:1}#feedback:empty{display:none}#feedback{background:#fff2d4;padding:10px;font-size:13px;margin:8px 0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:10px}.kpi-grid section{padding:10px;margin:0;border-radius:6px}.kpi-grid small{display:block;font-size:10px}.kpi-grid strong{display:block;font-size:21px;color:#00529a;margin:3px 0}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chart-box{padding:10px;margin-bottom:10px;border-radius:6px}.chart-box h3{font-size:12px;margin:0 0 8px}.chart-box label{margin-bottom:6px}.chart-scroll{max-height:145px;overflow:auto}.chart-row{display:flex;align-items:center;gap:6px;padding:3px;text-decoration:none;font-size:11px;border-radius:4px}.chart-row:hover,.chart-row.selected{background:#dbeafe;outline:1px solid #93c5fd}.chart-row>span{width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-row meter{flex:1;width:100%;height:17px}.chart-row b{min-width:24px}.toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;background:white;padding:10px;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:8px}.toolbar label:first-child{min-width:250px;flex:1}.active-filters{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;align-items:center;padding:5px 0 10px}.filter-chip{padding:4px 7px;background:#dbeafe;border-radius:4px;text-decoration:none}.matrix-wrap{padding:0;border:1px solid #cbd5e1;border-radius:6px;max-height:55vh;background:white}.matrix{width:100%;font-size:11px}.matrix th{position:sticky;top:0;z-index:1;background:#f1f5f9;padding:5px;white-space:nowrap}.matrix th a{text-decoration:none;color:#334155}.matrix .column-filters th{top:25px;background:#e2e8f0}.matrix th input{min-width:85px;font-size:10px}.matrix td{padding:4px 5px;max-width:260px;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.matrix td:nth-child(4){min-width:200px;max-width:360px}.matrix tr:hover{background:#eff6ff}.matrix .open-record{font-size:10px;padding:3px 6px}.badge{border-radius:8px;padding:2px 6px;display:inline-block;font-size:10px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.tone{background:#e2e8f0;color:#334155}.tone[data-tone="Crítica"],.tone[data-tone="Não Iniciado"]{background:#b91c1c;color:white}.tone[data-tone="Alta"],.tone[data-tone="Nova Demanda"]{background:#eab308;color:#1c3049}.tone[data-tone="Média"],.tone[data-tone="P. TOTVS"],.tone[data-tone="Em Andamento"],.tone[data-tone="Correção Customização"]{background:#ea580c;color:white}.tone[data-tone="Baixa"],.tone[data-tone="P. CLIENTE"],.tone[data-tone="Em Analise"],.tone[data-tone="Orientação Processo / SXS"]{background:#0284c7;color:white}.tone[data-tone="Concluído"]{background:#166534;color:white}.tone[data-tone="Cancelado"]{background:#64748b;color:white}.tone[data-tone="Erro de Produto"]{background:#9333ea;color:white}meter::-webkit-meter-bar{background:#e2e8f0;border:0}meter::-webkit-meter-optimum-value{background:#00529a}meter[data-tone="Crítica"]::-webkit-meter-optimum-value,meter[data-tone="Não Iniciado"]::-webkit-meter-optimum-value{background:#b91c1c}meter[data-tone="Concluído"]::-webkit-meter-optimum-value{background:#166534}meter[data-tone="Alta"]::-webkit-meter-optimum-value{background:#eab308}meter[data-tone="Média"]::-webkit-meter-optimum-value,meter[data-tone="P. TOTVS"]::-webkit-meter-optimum-value{background:#ea580c}meter[data-tone="P. CLIENTE"]::-webkit-meter-optimum-value{background:#0284c7}.pagination{font-size:12px;margin:12px}.editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;padding:12px 16px;overflow:auto;max-height:70vh}.editor-section{grid-column:1/-1;font-size:12px;margin:4px 0;color:#00529a;border-bottom:1px solid #cbd5e1}.editor-field{display:flex;flex-direction:column;min-width:0}.long-field{grid-column:span 3}.rich-toolbar{display:flex;gap:3px}.rich-toolbar button{font-size:10px;padding:3px 6px;background:#e2e8f0;color:#334155}.rich-editor{min-height:65px;max-height:120px;overflow:auto;border:1px solid #cbd5e1;border-radius:4px;padding:6px;font-size:12px;white-space:pre-wrap}.rich-editor[contenteditable=false]{background:#f1f5f9}.rich-editor p{margin:2px 0;color:inherit;line-height:1.3}.editor-field textarea{min-height:60px;resize:vertical}dialog{width:94vw;max-width:1600px;max-height:90vh;border:0;border-radius:8px;padding:0;box-shadow:0 10px 50px #0005}dialog::backdrop{background:#0007}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f1f5f9}.dialog-heading h2{margin:0}.dialog-actions{display:flex;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid #cbd5e1}#save-feedback{font-size:12px;color:#991b1b}#versions-dialog{padding:16px}#version-preview{max-height:45vh;overflow:auto;white-space:pre-wrap}.version-row{display:flex;gap:10px;align-items:center;margin:6px 0}.report{background:white}.report main{padding:18px}.report table{font-size:10px}.report th,.report td{padding:5px;border:1px solid #cbd5e1;overflow-wrap:anywhere}.report .kpi-grid section{font-size:11px}
@media(max-width:800px){.charts-grid{grid-template-columns:1fr}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.long-field{grid-column:span 2}.project-heading{display:block}.toolbar{align-items:stretch}.toolbar label:first-child{min-width:150px}}
@media(max-width:500px){.editor-grid{grid-template-columns:1fr}.long-field{grid-column:span 1}.dialog-actions{flex-wrap:wrap}}
@media print{@page{size:A4 landscape;margin:12mm}.print-controls{display:none}.report main{padding:0}.report h1{font-size:16px}.report p{font-size:10px}.report table{font-size:8px}thead{display:table-header-group}tr{break-inside:avoid}.kpi-grid{break-inside:avoid}}
.small-dialog{max-width:700px;padding:18px}.small-dialog label{margin:8px 0}.small-dialog p{font-size:12px}.member-row{margin:4px 0}.member-row button{text-align:left;width:100%}#audit-dialog{padding:18px}#audit-content{max-height:65vh;overflow:auto;white-space:pre-wrap;font-size:12px}
/* Compact workspace layout. */
header{min-height:52px;padding:8px 18px;gap:14px;justify-content:flex-start}.brand{font-size:18px;white-space:nowrap}.current-project{font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-nav{margin:0;gap:4px}.project-nav a{background:#ffffff18;color:white;padding:7px 10px}.project-nav a.active{background:white;color:#00529a}.identity{margin-left:auto;font-size:12px;max-width:200px}.identity strong,.identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{margin:10px auto}.workspace-menu{position:relative}.workspace-menu>summary{list-style:none;cursor:pointer;font-size:23px;padding:2px 8px;border-radius:4px}.workspace-menu>summary::-webkit-details-marker{display:none}.workspace-menu>summary:hover{background:#ffffff25}.menu-panel{position:absolute;right:0;top:100%;z-index:10;width:240px;background:white;color:#1c3049;border:1px solid #cbd5e1;border-radius:6px;padding:8px;box-shadow:0 8px 24px #0003}.menu-panel button{display:block;text-align:left;width:100%;background:transparent;color:#1c3049;padding:9px}.menu-panel button:hover{background:#e0edff}.menu-panel details{border-block:1px solid #e2e8f0;margin:4px 0;padding:5px 0}.menu-panel details summary{cursor:pointer;padding:6px;font-size:12px;font-weight:600}.menu-panel details button{padding-left:18px}.lock-banner{padding:6px 10px;margin-bottom:8px}.kpi-grid section{padding:8px 10px}.kpi-grid strong{font-size:19px}.charts-grid{gap:8px}.chart-box{padding:8px}.chart-scroll{max-height:112px}.toolbar{padding:8px}.active-filters{padding-bottom:6px}.matrix-wrap{max-height:calc(100dvh - 330px);min-height:180px}.matrix{table-layout:fixed;min-width:1240px}.matrix-expanded{min-width:1700px}.matrix td{min-width:0;max-width:none}.matrix th input{min-width:0;width:100%}.matrix th{height:27px}.matrix .column-filters th{top:27px}.matrix td>span{display:block;overflow:hidden;text-overflow:ellipsis}.matrix td .badge{display:inline-block;max-width:100%}.col-priority{width:65px}.col-requester_name{width:110px}.col-area_process{width:105px}.col-consolidated_request{width:260px}.col-problem_type{width:145px}.col-who_can_act{width:65px}.col-effort_hours{width:55px}.col-specification{width:65px}.col-status{width:115px}.col-deadline,.col-date{width:90px}.col-consultant{width:100px}.col-fsw_scc_ticket{width:90px}.col-operation{width:60px}.pagination{margin:8px}.editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;max-height:calc(90dvh - 115px)}.long-field{grid-column:1/-1}.editor-section{margin:0;padding-bottom:5px}.rich-editor{min-height:90px;max-height:180px}.dialog-heading,.dialog-actions{background:#f8fafc}.dialog-actions{flex-wrap:wrap}.archive-button{background:#fff;color:#991b1b;border:1px solid #fca5a5;margin-left:auto}.save-hint{font-size:11px;color:#64748b}.category-field[data-tone="Crítica"],.category-field[data-tone="Não Iniciado"]{background:#fee2e2;color:#991b1b}.category-field[data-tone="Alta"],.category-field[data-tone="Nova Demanda"]{background:#fef9c3;color:#854d0e}.category-field[data-tone="Média"],.category-field[data-tone="P. TOTVS"],.category-field[data-tone="Em Andamento"],.category-field[data-tone="Correção Customização"]{background:#ffedd5;color:#9a3412}.category-field[data-tone="Baixa"],.category-field[data-tone="P. CLIENTE"],.category-field[data-tone="Em Analise"],.category-field[data-tone="Orientação Processo / SXS"]{background:#e0f2fe;color:#075985}.category-field[data-tone="Concluído"],.category-field[data-tone="Sim"]{background:#dcfce7;color:#166534}.category-field[data-tone="Cancelado"],.category-field[data-tone="Não"]{background:#f1f5f9;color:#475569}.category-field[data-tone="Erro de Produto"]{background:#f3e8ff;color:#6b21a8}.tone[data-tone="Melhoria de Produto"]{background:#0f766e;color:white}.category-field[data-tone="Melhoria de Produto"]{background:#ccfbf1;color:#115e59}
@media(max-width:1000px){header{flex-wrap:wrap;gap:8px}.project-nav{order:5;width:100%}.editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-wrap{max-height:55dvh}}
@media(max-width:800px){.charts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-row>span{width:75px}.chart-row meter{min-width:20px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar label:first-child{min-width:150px}}
@media(max-width:500px){header{padding:8px 12px}.current-project{max-width:110px}.identity{order:initial;width:auto;max-width:120px}.identity small{display:none}main{padding:0 10px}.charts-grid{grid-template-columns:1fr}.chart-scroll{max-height:90px}.editor-grid{grid-template-columns:1fr}.long-field{grid-column:1/-1}.menu-panel{width:220px}.save-hint{width:100%}.matrix-wrap{max-height:60dvh}}

#members-dialog{width:1000px;max-width:95vw}.members-table{min-width:700px;font-size:12px}.members-table caption{text-align:left;font-weight:600;padding:8px 0}.members-table th,.members-table td{padding:9px;vertical-align:middle}.members-table button{white-space:nowrap}#member-editor{margin:16px 0}#member-editor>summary{cursor:pointer;font-weight:600;font-size:13px}

/* Widths follow the content; long text wraps inside the browse. */
.matrix-actions{min-width:1100px;width:100%;table-layout:fixed}
.matrix-actions .col-import_id{width:55px}.matrix-actions .col-task{width:30%}
.matrix-actions .col-responsible{width:180px}.matrix-actions .col-deadline{width:90px}
.matrix-actions .col-status{width:120px}.matrix-actions .col-notes{width:auto}
.matrix-actions .col-operation{width:60px}.matrix-demands.matrix-expanded{min-width:3500px}
.col-notes,.col-treatment_suggestion{width:380px}.col-dependency{width:240px}
.col-responsible{width:180px}.col-denis_ticket{width:65px}
.col-validated_criticality,.col-demand_type,.col-validation_status{width:140px}
.matrix .cell-task>span,.matrix .cell-notes>span,.matrix .cell-consolidated_request>span,.matrix .cell-treatment_suggestion>span,.matrix .cell-dependency>span{white-space:pre-wrap;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.field-import_id{max-width:120px}.field-import_id input:disabled{background:#f1f5f9}
.rich-toolbar{display:flex;gap:3px;flex-wrap:wrap;padding:5px;border:1px solid #cbd5e1;border-bottom:0;border-radius:4px 4px 0 0;background:#f8fafc}
.rich-toolbar button{min-width:30px;height:28px;padding:3px 6px;background:white;color:#334155;border:1px solid transparent;font-size:16px;line-height:1}
.rich-toolbar button:hover,.rich-toolbar button:focus-visible{border-color:#94a3b8;background:#e0edff}
.format-bold{font-weight:800}.format-italic{font-style:italic}.format-underline{text-decoration:underline}
.rich-toolbar .format-justifyLeft{text-align:left}.rich-toolbar .format-justifyCenter{text-align:center}.rich-toolbar .format-justifyRight{text-align:right}
.rich-editor{border-radius:0 0 4px 4px;min-height:110px;max-height:300px}
.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}
.indent-1{margin-left:30px}.indent-2{margin-left:60px}.indent-3{margin-left:90px}.indent-4{margin-left:120px}.indent-5{margin-left:150px}.indent-6{margin-left:180px}.indent-7{margin-left:210px}.indent-8{margin-left:240px}
.remove-member{margin-left:5px;background:#fff;color:#991b1b;border:1px solid #fca5a5}
.project-create{background:white;border:1px solid #cbd5e1;padding:14px;border-radius:6px}
.project-create summary{cursor:pointer;font-weight:600}
.project-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;max-width:850px}
@media(max-width:600px){.project-create-form{grid-template-columns:1fr}}

.matrix td>span{white-space:pre-wrap;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.rich-toolbar svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
