:root{font:14px Inter,Segoe UI,Arial,sans-serif;color:#17212b;background:#f3f6f9}*{box-sizing:border-box}body{margin:0;background:#f3f6f9}.topbar{height:56px;background:#fff;border-bottom:1px solid #e4e9ee;display:flex;align-items:center;padding:0 30px;gap:34px}.brand{font-size:16px;font-weight:700;color:#1e3a56}.menu{display:flex;gap:28px;color:#617080;font-size:13px}.top-user{margin-left:auto;color:#617080;font-size:12px}.top-user a{color:#315f87;text-decoration:none}.workspace{max-width:1180px;margin:0 auto;padding:34px 28px}.content-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#7890a5;font-weight:700}.content-header h1{margin:5px 0 4px;font-size:28px;color:#1e2b38}.content-header p{margin:0;color:#718092}.state-pill{background:#eef5fb;color:#2b628e;border:1px solid #d7e7f3;border-radius:18px;padding:8px 14px;font-size:11px;font-weight:700;letter-spacing:.06em}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4a9bce;margin-right:6px}.feedback{padding:10px 14px;margin-bottom:14px;border-radius:6px;background:#e7f5ed;color:#24633e}.panel{background:#fff;border:1px solid #e1e7ed;border-radius:10px;box-shadow:0 5px 18px #1e3a5610;display:grid;grid-template-columns:360px 1fr;min-height:480px}.list-panel{border-right:1px solid #e8edf1;padding:20px}.list-header{display:flex;justify-content:space-between}.list-header h2{margin:0 0 5px;font-size:15px}.muted{color:#81909e;font-size:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #d9e1e8;border-radius:6px;padding:8px 10px;margin:18px 0 12px}.search span{font-size:20px;color:#7b8b99}.search input{border:0;outline:0;width:100%;font:13px inherit}.results{max-height:360px;overflow:auto}.result{padding:12px;border-bottom:1px solid #edf0f3;cursor:pointer;border-radius:6px}.result:hover,.result.selected{background:#eef6fc}.result b{display:block;color:#214c71;margin-bottom:3px}.result small{color:#7a8792}.detail-panel{padding:20px 24px}.actions{display:flex;gap:8px;border-bottom:1px solid #e9edf1;padding-bottom:16px;margin-bottom:24px}.actions-spacer{flex:1}.button{border:1px solid #ccd6df;background:#fff;color:#405363;border-radius:5px;padding:8px 12px;font:13px inherit;cursor:pointer}.button:hover:not(:disabled){background:#f1f5f8}.button.primary{background:#2e6f9f;color:#fff;border-color:#2e6f9f}.button.success{background:#e9f6ee;color:#28734b;border-color:#b8dfc7}.button.danger{color:#a34a4a}.button:disabled{opacity:.45;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:150px 1fr;gap:20px 18px}.field-group{min-width:0}.field-group.wide{grid-column:2}.field-group.full{grid-column:1/-1}.field-group label{display:block;font-size:12px;color:#657686;font-weight:600;margin-bottom:7px}.field{width:100%;border:1px solid #d3dce4;border-radius:5px;padding:10px;font:14px inherit;color:#24333f;background:#fff}.field:read-only{background:#f7f9fb;color:#596a78}.record-nav{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding-top:6px}.record-nav .muted{margin-right:8px}@media(max-width:800px){.workspace{padding:22px 14px}.panel{grid-template-columns:1fr}.list-panel{border-right:0;border-bottom:1px solid #e8edf1}.field-group.wide{grid-column:1}.topbar{padding:0 14px;gap:14px}.menu{gap:10px}.top-user{display:none}}
:root{font:14px Inter,Segoe UI,Arial,sans-serif;color:#17212b;background:#f3f6f9}*{box-sizing:border-box}body{margin:0;background:#f3f6f9}.topbar{height:56px;background:#fff;border-bottom:1px solid #e4e9ee;display:flex;align-items:center;padding:0 30px;gap:34px}.brand{font-size:16px;font-weight:700;color:#1e3a56;text-decoration:none}.menu{display:flex;gap:28px;color:#617080;font-size:13px}.menu-link,.menu-dropdown summary{color:#617080;text-decoration:none;cursor:pointer;list-style:none}.menu-dropdown{position:relative}.menu-dropdown summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;top:24px;left:-12px;z-index:20;min-width:180px;background:#fff;border:1px solid #dce4eb;border-radius:6px;box-shadow:0 8px 20px #1e3a5626;padding:6px}.menu-panel a{display:block;padding:9px 10px;color:#405363;text-decoration:none;white-space:nowrap}.menu-panel a:hover{background:#eef6fc}.top-user{margin-left:auto;color:#617080;font-size:12px}.top-user a{color:#315f87;text-decoration:none}.workspace{max-width:1180px;margin:0 auto;padding:34px 28px}.content-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#7890a5;font-weight:700}.content-header h1{margin:5px 0 4px;font-size:28px;color:#1e2b38}.content-header p{margin:0;color:#718092}.state-pill{background:#eef5fb;color:#2b628e;border:1px solid #d7e7f3;border-radius:18px;padding:8px 14px;font-size:11px;font-weight:700;letter-spacing:.06em}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4a9bce;margin-right:6px}.feedback{padding:10px 14px;margin-bottom:14px;border-radius:6px;background:#e7f5ed;color:#24633e}.panel{background:#fff;border:1px solid #e1e7ed;border-radius:10px;box-shadow:0 5px 18px #1e3a5610;display:grid;grid-template-columns:360px 1fr;min-height:480px}.list-panel{border-right:1px solid #e8edf1;padding:20px}.list-header{display:flex;justify-content:space-between}.list-header h2{margin:0 0 5px;font-size:15px}.muted{color:#81909e;font-size:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #d9e1e8;border-radius:6px;padding:8px 10px;margin:18px 0 12px}.search span{font-size:20px;color:#7b8b99}.search input{border:0;outline:0;width:100%;font:13px inherit}.results{max-height:360px;overflow:auto}.result{padding:12px;border-bottom:1px solid #edf0f3;cursor:pointer;border-radius:6px}.result:hover,.result.selected{background:#eef6fc}.result b{display:block;color:#214c71;margin-bottom:3px}.result small{color:#7a8792}.detail-panel{padding:20px 24px}.actions{display:flex;gap:8px;border-bottom:1px solid #e9edf1;padding-bottom:16px;margin-bottom:24px}.actions-spacer{flex:1}.button{border:1px solid #ccd6df;background:#fff;color:#405363;border-radius:5px;padding:8px 12px;font:13px inherit;cursor:pointer}.button:hover:not(:disabled){background:#f1f5f8}.button.primary{background:#2e6f9f;color:#fff;border-color:#2e6f9f}.button.success{background:#e9f6ee;color:#28734b;border-color:#b8dfc7}.button.danger{color:#a34a4a}.button:disabled{opacity:.45;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:150px 1fr;gap:20px 18px}.field-group{min-width:0}.field-group.wide{grid-column:2}.field-group.full{grid-column:1/-1}.field-group label{display:block;font-size:12px;color:#657686;font-weight:600;margin-bottom:7px}.field{width:100%;border:1px solid #d3dce4;border-radius:5px;padding:10px;font:14px inherit;color:#24333f;background:#fff}.field:read-only{background:#f7f9fb;color:#596a78}.record-nav{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding-top:6px}.record-nav .muted{margin-right:8px}@media(max-width:800px){.workspace{padding:22px 14px}.panel{grid-template-columns:1fr}.list-panel{border-right:0;border-bottom:1px solid #e8edf1}.field-group.wide{grid-column:1}.topbar{padding:0 14px;gap:14px}.menu{gap:10px}.top-user{display:none}}


.response-composer{margin-top:12px;padding:12px;border:1px solid #d7e0e8;border-radius:8px;background:#f7f9fb}.response-composer label{display:block;margin-bottom:6px;font-weight:600}.response-composer textarea{width:100%;min-height:78px;resize:vertical;margin-bottom:8px}.response-composer .button{min-width:120px}

/* Registro de Falhas: consulta compacta */
body:has([data-registros]) .workspace{max-width:1440px}
.workspace-panel{grid-template-columns:minmax(280px,310px) minmax(0,1fr);min-height:600px;overflow:hidden}
.workspace-panel .list-panel{padding:16px}
.workspace-panel .results{max-height:520px}
.workspace-panel .result{padding:10px 12px}
.workspace-panel .list-panel{min-width:0;overflow-x:hidden}
.workspace-panel .results{overflow-x:hidden;overflow-y:auto}
.workspace-panel .result{min-width:0}
.workspace-panel .result b,.workspace-panel .result small{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.workspace-panel .detail-panel{min-width:0;padding:18px 26px}
.workspace-panel .actions{flex-wrap:wrap;margin-bottom:18px}
.workspace-panel .form-grid{margin-top:4px}
.consultation-view{min-width:0}
.detail-panel[data-mode="consult"] #record-form,
.detail-panel[data-mode="new"] #consultation-view,
.detail-panel[data-mode="new"] #creator-context,
.detail-panel[data-mode="edit"] #consultation-view,
.detail-panel[data-mode="edit"] #creator-context,
#record-form[hidden],#consultation-view[hidden],#creator-context[hidden],
#response-composer[hidden],#interaction-notice[hidden]{display:none!important}
.consultation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 0 18px;border-bottom:1px solid #e8edf1}
.consultation-kicker{color:#7890a5;font-size:11px;font-weight:700;letter-spacing:.12em}
.consultation-kicker span{color:#315f87;letter-spacing:0}
.consultation-header h2{margin:5px 0 4px;color:#1e2b38;font-size:24px}
.consultation-origin{margin:0;color:#718092;font-size:12px}
.status-badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border:1px solid #d7e7f3;border-radius:16px;background:#eef5fb;color:#2b628e;font-size:11px;font-weight:700;white-space:nowrap}
.status-badge[data-status="ENCERRADO"]{background:#fff3f0;border-color:#f0d0c9;color:#9b5146}
.status-badge[data-status="LEGADO"]{background:#f3f4f5;border-color:#d9dde0;color:#69747d}
.status-badge[data-status="RESPONDIDO"]{background:#eef8f1;border-color:#cfe6d5;color:#28734b}
.metadata-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:18px 0}
.metadata-item{min-width:0;padding:10px 12px;border:1px solid #e4eaf0;border-radius:7px;background:#fbfcfd}
.metadata-item span{display:block;margin-bottom:4px;color:#788897;font-size:11px;font-weight:600}
.metadata-item strong{display:block;overflow-wrap:anywhere;color:#263946;font-size:13px;font-weight:600}
.observation-section,.history-section{margin-top:18px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.section-heading h3{margin:0;color:#405363;font-size:13px}
.observation-display{min-height:84px;padding:14px 16px;border:1px solid #d8e4ec;border-left:4px solid #4a91bd;border-radius:7px;background:#f8fbfd;color:#263946;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow:visible;max-height:none;line-height:1.55}
.interaction-list{display:grid;gap:10px;max-height:none;overflow:visible}
.interaction-card{display:grid;gap:5px;padding:11px 13px;border:1px solid #e1e8ee;border-radius:7px;background:#fff}
.interaction-card strong{color:#315f87;font-size:12px}
.interaction-card small{color:#7a8792;font-size:11px}
.interaction-text{color:#263946;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
.interaction-empty{padding:12px 0}
.interaction-notice{margin-top:14px;padding:10px 12px;border:1px solid #e3e8ec;border-radius:6px;background:#f7f9fb;color:#687783;font-size:12px}
.response-composer{margin-top:14px;padding:14px;border:1px solid #b9d9c4;border-radius:8px;background:#f4fbf6}
.response-composer label{display:block;margin-bottom:7px;color:#28734b;font-size:12px;font-weight:700}
.response-composer textarea{min-height:112px;resize:vertical;line-height:1.45}
.response-composer .button{margin-top:8px;min-width:120px}
@media(max-width:1000px){.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body:has([data-registros]) .workspace{padding:22px 14px}.workspace-panel{grid-template-columns:1fr}.workspace-panel .list-panel{border-right:0;border-bottom:1px solid #e8edf1}.workspace-panel .results{max-height:300px}.workspace-panel .detail-panel{padding:18px}.consultation-header h2{font-size:21px}}
@media(max-width:560px){.metadata-grid{grid-template-columns:1fr}.consultation-header{display:block}.status-badge{margin-top:12px}.workspace-panel .actions{gap:6px}.workspace-panel .actions-spacer{display:none}.workspace-panel .actions .button{padding:7px 9px}}

/* Home principal */
.home-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 0 28px}
.home-hero h1{margin:5px 0 6px;font-size:30px;color:#1e2b38}
.home-hero p{margin:0;color:#718092;font-size:14px}
.home-hero p strong{color:#315f87}
.home-status{padding:7px 11px;border:1px solid #d7e7f3;border-radius:16px;background:#eef5fb;color:#2b628e;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.home-section{margin-top:22px}
.home-section-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
.home-section-heading h2{margin:0;color:#314757;font-size:17px}
.home-section-heading p{margin:0;color:#81909e;font-size:12px}
.home-operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-admin-section{margin-top:30px}
.home-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-card{display:flex;min-height:126px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:18px 20px;border:1px solid #e1e7ed;border-radius:10px;background:#fff;box-shadow:0 4px 14px #1e3a560c;color:#405363;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.home-card:hover{border-color:#b9d6e8;box-shadow:0 8px 20px #1e3a5617;transform:translateY(-1px)}
.home-card strong{color:#214c71;font-size:16px}
.home-card span:not(.home-card-kicker){color:#718092;font-size:12px;line-height:1.45}
.home-card b{margin-top:auto;color:#2e6f9f;font-size:12px}
.home-card-primary{min-height:148px;padding:22px}
.home-card-primary strong{font-size:19px}
.home-card-kicker{color:#7890a5;font-size:10px;font-weight:700;letter-spacing:.12em}
@media(max-width:800px){.home-hero{align-items:flex-start;flex-direction:column;padding-bottom:20px}.home-operation-grid,.home-admin-grid{grid-template-columns:1fr}.home-section-heading{align-items:flex-start;flex-direction:column;gap:4px}.home-card,.home-card-primary{min-height:0}}\n
/* Login independente da área autenticada */
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef5f9 0%,#f8fafc 48%,#eaf2f7 100%)}
.login-shell{width:min(100%,440px)}
.login-card{padding:38px 40px;border:1px solid #dce6ed;border-radius:14px;background:#fff;box-shadow:0 18px 50px #1e3a5618}
.login-brand{color:#2e6f9f;font-size:11px;font-weight:800;letter-spacing:.16em}
.login-card h1{margin:10px 0 8px;color:#1e2b38;font-size:28px;line-height:1.15}
.login-intro{margin:0 0 28px;color:#718092;font-size:13px}
.login-form{display:grid;gap:18px}
.login-field label{display:block;margin-bottom:7px;color:#405363;font-size:12px;font-weight:700}
.login-field input{display:block;width:100%;height:44px;padding:0 12px;border:1px solid #cfdbe4;border-radius:7px;background:#fff;color:#24333f;font:14px inherit;outline:none}
.login-field input:focus{border-color:#4a91bd;box-shadow:0 0 0 3px #4a91bd1f}
.login-submit{width:100%;height:44px;margin-top:3px;border:0;border-radius:7px;background:#2e6f9f;color:#fff;font:700 13px inherit;cursor:pointer}
.login-submit:hover{background:#285f89}
.login-error{margin:18px 0 0;padding:11px 12px;border:1px solid #efc9c5;border-radius:7px;background:#fff4f2;color:#9b4141;font-size:12px}
@media(max-width:480px){.login-page{padding:16px}.login-card{padding:30px 24px}.login-card h1{font-size:25px}}
\n