*{box-sizing:border-box}body{margin:0;background:#f2f5f8;color:#172d42;font:15px/1.5 system-ui}header{background:#112f48;color:white;padding:17px max(5vw,18px);display:flex;gap:18px;align-items:center}header b{letter-spacing:2px}header small{margin-left:auto;color:#bcd1dd}main{max-width:1280px;margin:auto;padding:20px 4vw}nav,.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}nav{border-bottom:1px solid #cbd6dc;padding-bottom:14px}.on,.primary{background:#194867;color:white}button,select,input,textarea{font:inherit;border:1px solid #b7c7d1;border-radius:7px;background:white;color:inherit;padding:8px 12px}button{cursor:pointer}button:hover{border-color:#227aab}h1{font-size:clamp(27px,4vw,42px);margin:21px 0 2px;letter-spacing:-.04em}h2{font-size:18px}p,small{color:#506577}header span{color:#d8e1ea}.cards,.layout,.form{display:grid;gap:12px}.cards{grid-template-columns:repeat(3,1fr);margin:20px 0}.card,article{background:white;border:1px solid #d5dfe5;border-radius:12px;padding:16px}.card{display:grid;text-align:left;border-left:5px solid var(--ink)}.card b{font-size:30px;color:var(--ink)}.layout{grid-template-columns:1.4fr 1fr}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar button{min-height:54px;padding:4px;display:grid;align-content:start;text-align:left}.calendar small{font-size:10px;color:#9b431e}.listbtn{display:block;text-align:left;width:100%;margin:7px 0;overflow-wrap:anywhere}.listbtn small{display:block}.form{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:4px;font-size:13px}dialog{width:min(720px,96vw);max-height:90vh;border:0;border-radius:12px;padding:23px;color:inherit}dialog::backdrop{background:#12293899}.form input,.form textarea{width:100%}.danger{color:#a13225}dt{color:#506577;font-size:12px}dd{margin:0 0 7px;overflow-wrap:anywhere}h3{overflow-wrap:anywhere}.tag{color:#91621c}.today{outline:2px solid #176583}@media(max-width:720px){.layout,.form{grid-template-columns:1fr}.cards{gap:5px}.card{padding:8px;font-size:12px}header small{display:none}.calendar button{min-height:45px}.calendar small{font-size:9px}main{padding:12px}.calendar{gap:2px}}@media print{header,main,button{display:none!important}dialog[open]{position:static;display:block;max-height:none;width:100%;overflow:visible}body:has(dialog[open]){overflow:visible}}
#raw{margin-top:16px;max-height:70vh}#raw table{border-collapse:collapse;font-size:13px}#raw td,#raw th{min-width:130px;padding:8px;text-align:left;border-bottom:1px solid #dde3e8}#raw th{position:sticky;top:0;background:#e7f0f6}
/* Monitora Diadema · organização visual dos registros */
:root{--navy:#17354d;--muted:#566b7c;--line:#dce4eb}
body{background:#f3f6f9;font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20384c}
main{max-width:1680px;padding:24px 32px 48px}header{padding:19px 32px}header b{letter-spacing:-.03em;font-size:21px}nav{gap:8px}nav button{border-color:transparent;background:transparent;font-weight:600}nav button.on{background:var(--navy);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4089c9;outline-offset:3px}button.primary{background:var(--navy);color:white}h1{font-size:32px;letter-spacing:-.035em}#results{padding:0;background:transparent;border:0}.record{margin:14px 0;padding:22px 24px;border:1px solid var(--line);border-left:5px solid #c3d0db;border-radius:12px;background:#fff;box-shadow:0 2px 6px #18354d05;overflow-wrap:anywhere;min-width:0}.record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.record-heading>div{min-width:0;flex:1}.record-title{padding:0;border:0;background:none;border-radius:2px;font-weight:750;font-size:19px;line-height:1.35;text-align:left;color:#153c5b}.record-title:hover{text-decoration:underline}.record-identity{font-size:13px;color:var(--muted);margin-top:6px}.status-badge{display:inline-block;padding:5px 10px;border-radius:6px;background:#edf2f6;color:#425a6c;font-size:12px;font-weight:650;max-width:270px;flex-shrink:0}.record.red{border-left-color:#c33c3c}.record.orange{border-left-color:#de7922}.record.yellow{border-left-color:#d0a329}.record.blue{border-left-color:#4383b4}.status-badge.red{background:#fce9e9;color:#982c2c}.status-badge.orange{background:#fff0e1;color:#9b4b0c}.status-badge.yellow{background:#fff7d6;color:#775a08}.status-badge.blue{background:#eaf2fa;color:#2b5e86}.record-scope{margin:18px 0}.field-label{display:block;font-size:11px;font-weight:750;letter-spacing:.065em;text-transform:uppercase;color:#607487;margin-bottom:5px}.record-scope p{margin:0;color:#334e61;font-size:15px;line-height:1.6}.record-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;padding:17px 0;border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2}.record-field{min-width:0}.record-field strong{display:block;font-weight:600;font-size:14px}.field-note{display:block;color:var(--muted);font-size:12px;margin-top:5px}.record-people{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:17px 0}.task-strip{background:#f5f8fb;border-radius:8px;padding:14px 16px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:15px}.task-strip>div:last-child{display:grid;gap:12px}.record-note{font-size:13px;color:#4a6275;line-height:1.65;margin-top:15px;padding-top:12px;border-top:1px solid #e7edf2}.needs-review{background:#fff7e9;padding:12px;border:0;border-radius:6px;color:#7d531b}.record-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:18px}.record-actions button{font-size:13px;font-weight:600;padding:8px 13px}.record-compact{padding:16px;margin:12px 0;box-shadow:none}.record-compact .record-heading{display:block}.record-compact .record-title{font-size:16px}.record-compact .status-badge{margin-top:10px;max-width:100%}.record-compact .record-scope{margin:12px 0 0}.record-compact .record-scope p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}.layout>article{min-width:0;padding:22px}.row input{min-width:0;max-width:100%}#query{flex:1;min-width:220px}.row select{max-width:100%}.form>div,.form>label{min-width:0}dialog{width:min(1000px,96vw);padding:28px}.calendar button{min-height:65px}.cards .card{font-size:14px;padding:18px 22px}.cards .card b{font-size:36px}#count{font-size:13px;color:#617689}.record-full .record-scope p{max-width:1100px}
@media(min-width:1100px){#hits .record-compact .record-heading{display:flex}#hits .record-compact .status-badge{margin-top:0}}
@media(max-width:900px){.layout{grid-template-columns:1fr}.record-heading{display:block}.record-heading .status-badge{margin-top:12px}.record-grid{grid-template-columns:1fr 1fr}.record-grid>.record-field:last-child{grid-column:1/-1}main{padding:20px}.record{padding:18px}}
@media(max-width:560px){header{padding:16px;flex-wrap:wrap;gap:3px 12px}header b{font-size:18px}header span{font-size:12px}main{padding:14px}h1{font-size:27px}.record-grid,.record-people,.task-strip{grid-template-columns:1fr;gap:16px}.record-grid>.record-field:last-child{grid-column:auto}.record-title{font-size:17px}.record-actions button{flex:1 1 42%;font-size:12px}.cards .card{padding:10px;font-size:11px}.cards .card b{font-size:28px}.layout>article{padding:14px}.calendar button{min-height:45px}dialog{padding:18px}.record-identity{font-size:12px}}
@media print{.record{box-shadow:none;break-inside:avoid}.record-actions{display:none!important}}

/* Cartões compactos: mesma informação, menor altura */
.record-full{padding:16px 20px;margin:10px 0}
.record-full .record-title{font-size:17px}
.record-full .record-identity{margin-top:3px}
.record-full .record-scope{margin:10px 0}
.record-full .record-scope p{font-size:14px;line-height:1.45}
.record-full .field-label{margin-bottom:3px;font-size:10px}
.record-full .record-grid{padding:10px 0;gap:14px}
.record-full .record-people{padding:10px 0;gap:14px}
.record-full .task-strip{padding:10px 12px;margin-top:5px;gap:16px}
.record-full .task-strip>div:last-child{grid-template-columns:1fr 1fr;gap:14px}
.record-full .record-actions{padding-top:11px;gap:8px}
.record-full .record-actions button{padding:6px 11px}
.record-full .record-note{margin-top:9px;padding-top:8px}
@media(max-width:560px){.record-full{padding:14px}.record-full .task-strip>div:last-child{grid-template-columns:1fr;gap:10px}}