:root{--bg:#111214;--panel:#1c1e22;--panel2:#25282d;--yellow:#f4c400;--text:#f5f5f5;--muted:#aab0b6;--border:#373b41;--danger:#e65353;--ok:#4cc984}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#090a0b;border-bottom:4px solid var(--yellow);gap:20px;flex-wrap:wrap}
.topbar strong{font-size:23px;color:var(--yellow)}.topbar span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.topbar a{color:white;text-decoration:none;padding:9px 11px;border-radius:8px;background:#24272b}
.container{max-width:1280px;margin:auto;padding:20px}h1{font-size:26px}h2{margin-top:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:18px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.stat{background:var(--panel2);border:1px solid var(--border);padding:16px;border-radius:13px}
.stat span{color:var(--muted);font-size:12px}.stat b{display:block;font-size:23px;color:var(--yellow);margin-top:6px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;align-items:end}.form-grid .wide{grid-column:span 2}
label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}input,select{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:#111316;color:white}
button{padding:10px 13px;border:0;border-radius:8px;background:var(--yellow);color:#111;font-weight:bold;cursor:pointer}button.danger{background:var(--danger);color:white}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--yellow);background:#25282c}.badge{background:#3a3d42;padding:5px 8px;border-radius:999px;font-size:12px}.red{color:#ff8c8c}.expired-row{background:#321d1d}
.alert{padding:12px;border-radius:9px;margin-bottom:14px;background:#173b28;color:#85efac}.alert.error{background:#452020;color:#ffb2b2}.inline{display:inline}
.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.link-card{display:block;text-decoration:none;color:white;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:18px}.link-card:hover{border-color:var(--yellow)}.link-card strong{display:block;color:var(--yellow);margin-bottom:7px}.link-card span{color:var(--muted)}
footer{text-align:center;color:var(--muted);padding:30px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#090a0b,#24272b)}
.login-card{width:min(420px,100%);background:var(--panel);padding:28px;border-radius:16px;border:1px solid var(--border);border-top:5px solid var(--yellow)}.login-card h1{color:var(--yellow);margin-bottom:0}.login-card p{color:var(--muted)}.login-card input{margin-bottom:14px}.login-card button{width:100%;margin:5px 0 14px}.login-card small{color:var(--muted)}
@media(max-width:700px){.topbar{padding:13px}.container{padding:12px}.form-grid .wide{grid-column:span 1}}

.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.page-head h1{margin-bottom:4px}.page-head p,.lead{color:#aeb3b8;margin-top:0}
.nav-accent{color:#f4c400!important}.highlight-card{border-color:#7a6500;background:linear-gradient(135deg,#1b1d20,#25230f)}
.upload-box{grid-column:1/-1;border:2px dashed #4a4f55;border-radius:14px;padding:20px;background:#141619}
textarea{width:100%;background:#111316;color:#fff;border:1px solid #34383d;border-radius:8px;padding:10px;min-height:150px}
.reader-status{display:inline-block;margin:8px 0;color:#aeb3b8}.reader-status.ok{color:#58d68d}
.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.kv{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #34383d}.kv span{color:#aeb3b8}.driver-box{margin-top:14px;padding:12px;border-radius:10px;background:#111316;line-height:1.6}
.actions{white-space:nowrap}.btn.small,button.small{padding:7px 9px;font-size:12px}.btn.secondary{background:#34383d;color:#fff}.red{color:#ff6b6b}.flow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 18px}.flow span{background:#111316;border:1px solid #34383d;padding:10px 12px;border-radius:9px}.flow i{color:#f4c400}
@media(max-width:800px){.detail-grid{grid-template-columns:1fr}.kv{grid-template-columns:110px 1fr}.page-head{align-items:flex-start;flex-direction:column}}
.driver-import-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.import-type-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.type-tab{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:#f5f5f5;background:#1b1d20;border:1px solid #34383d;border-radius:14px;padding:16px}
.type-tab b{color:#f4c400}.type-tab span{color:#aeb3b8;font-size:13px}.type-tab.active{border-color:#f4c400;box-shadow:0 0 0 1px #f4c400 inset}
.duplicate-warning{background:#4a370d;border:1px solid #8a6913;color:#ffe28a;padding:12px;border-radius:10px;margin-bottom:14px}
.duplicate-actions{padding:12px;border:1px solid #34383d;border-radius:10px;background:#111316}.duplicate-actions label:not(:first-child){display:inline-flex;align-items:center;gap:6px;margin:8px 18px 0 0;color:#fff}.duplicate-actions input[type=radio]{width:auto}
.highlight-row{outline:2px solid #f4c400;outline-offset:-2px;background:#2a2713!important}
@media(max-width:650px){.import-type-tabs{grid-template-columns:1fr}}


/* ===== V3 PREMIUM ===== */
:root{
  --bg:#0d0f11;
  --panel:#17191d;
  --panel2:#1e2126;
  --yellow:#f7c900;
  --yellow-soft:#2c2710;
  --text:#f7f7f5;
  --muted:#9299a2;
  --border:#2c3036;
  --danger:#ff6262;
  --ok:#55d58a;
  --shadow:0 16px 45px rgba(0,0,0,.25);
}
body{background:
 radial-gradient(circle at 15% 0%,rgba(247,201,0,.06),transparent 28%),
 linear-gradient(180deg,#0b0d0f,#111317 42%,#0d0f11);min-height:100vh}
.topbar{position:sticky;top:0;z-index:50;padding:14px max(20px,calc((100vw - 1280px)/2));background:rgba(9,10,11,.94);backdrop-filter:blur(16px);border-bottom:1px solid #272a2f;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.brand{display:flex!important;align-items:center;gap:11px;background:none!important;padding:0!important;text-decoration:none}
.brand-mark{display:grid!important;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--yellow);color:#0b0c0d!important;font-weight:900;font-size:17px;box-shadow:0 7px 24px rgba(247,201,0,.18)}
.brand-copy strong{display:block;color:#fff;font-size:16px;letter-spacing:.7px}.brand-copy small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.main-nav{gap:4px!important;align-items:center}.main-nav a{background:transparent!important;color:#bec3c9!important;padding:9px 12px!important;font-size:13px;font-weight:700;border:1px solid transparent}
.main-nav a:hover{color:#fff!important;background:#181b1f!important}.main-nav a.active{color:var(--yellow)!important;background:#201d0e!important;border-color:#403916}
.main-nav .logout-link{margin-left:8px;color:#8f959d!important}.container{padding-top:28px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 22px;padding:8px 2px}
.hero h1,.premium-head h1{font-size:34px;letter-spacing:-.8px;margin:4px 0 7px}.hero p,.premium-head p{margin:0;color:var(--muted);font-size:14px}
.eyebrow{display:block;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:1.7px;margin-bottom:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:10px 14px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#ffd61d,#f2bf00);color:#0e0f10;box-shadow:0 9px 28px rgba(247,201,0,.16)}
.btn-lg{padding:12px 16px;min-height:52px}.btn-lg>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.btn-lg small{font-weight:600;opacity:.7;font-size:10px;margin-top:2px}
.btn-icon{font-size:21px;line-height:1}.btn-ghost{background:#202329;color:#e6e8eb;border-color:#343941}.btn-ghost:hover{border-color:#5b626b;background:#272b31}
.premium-stats .stat{position:relative;overflow:hidden;padding:18px;border-radius:16px;background:linear-gradient(180deg,#1a1d21,#15171a);box-shadow:var(--shadow)}
.premium-stats .stat:after{content:"";position:absolute;right:-25px;top:-35px;width:95px;height:95px;border-radius:50%;background:rgba(247,201,0,.045)}
.stat small{display:block;color:#666d76;font-size:10px;margin-top:3px}.stat-danger{border-color:#5e2c2c!important}.stat-danger b{color:#ff7777!important}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.action-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;text-decoration:none;color:var(--text);background:linear-gradient(180deg,#191c20,#15171a);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.13);transition:.18s ease}
.action-card:hover{transform:translateY(-2px);border-color:#4b5058}.action-card.featured{border-color:#5e5010;background:linear-gradient(135deg,#201d0d,#17191c)}
.action-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#24272c;color:var(--yellow);font-size:20px;font-weight:900}.featured .action-icon{background:var(--yellow);color:#111}
.action-card strong{display:block;font-size:14px}.action-card small{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px}.action-arrow{color:#666d75;font-size:18px}.muted-action{opacity:.72}
.soon-badge{font-size:9px;font-weight:900;color:#aeb4bc;border:1px solid #3b4047;padding:5px 7px;border-radius:999px}
.card{border-radius:17px;background:linear-gradient(180deg,#181b1f,#15171a);box-shadow:0 12px 34px rgba(0,0,0,.12)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}.section-head h2{margin:2px 0 0;font-size:19px}.text-link{color:#b7bdc5;text-decoration:none;font-size:12px}.text-link:hover{color:var(--yellow)}
table{min-width:860px}th{font-size:10px;text-transform:uppercase;letter-spacing:.75px;color:#858c94;background:#1e2126}td{vertical-align:middle}.table-sub{display:block;color:#737a83;margin-top:3px}.empty-state{text-align:center!important;color:#858b93;padding:34px!important;line-height:1.6}
.deadline{display:inline-block;font-weight:800;color:#e6e8eb}.deadline-danger{color:#ff7474}.danger-text{display:block;color:#ff7474;font-size:10px;margin-top:3px}
.status-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;background:#282c32;color:#d7dbe0;border:1px solid #343941}
.status-indicado,.status-pago{background:#163122;color:#72e4a0;border-color:#234d34}.status-recurso{background:#2b2510;color:#f2d561;border-color:#4b4018}.status-vencido{background:#3c1d1d;color:#ff9090;border-color:#5f2d2d}
.action-menu{display:inline-block;position:relative;margin-left:5px}.action-menu summary{list-style:none;cursor:pointer;padding:7px 9px;border-radius:9px;color:#8f969e;border:1px solid #32363c}.action-menu summary::-webkit-details-marker{display:none}
.action-menu-panel{position:absolute;right:0;top:38px;z-index:20;min-width:145px;background:#1c1f23;border:1px solid #383d44;border-radius:11px;padding:6px;box-shadow:0 14px 35px rgba(0,0,0,.35)}
.menu-danger{width:100%;background:transparent!important;color:#ff8b8b!important;text-align:left;padding:9px!important}.menu-danger:hover{background:#351e1e!important}
.premium-head{margin-bottom:18px}.official-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.official-card{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:20px;border-radius:17px;background:#181b1f;border:1px solid var(--border);text-decoration:none;color:#fff}.official-card:hover{border-color:#5d5214}.official-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#211e0e;color:var(--yellow);font-weight:900}.official-card small{display:block;color:var(--muted);margin-top:4px}
.driver-actions,.vehicle-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
input,select,textarea{border-radius:10px!important;background:#101215!important;border-color:#30343a!important}input:focus,select:focus,textarea:focus{outline:none;border-color:#7e6d10!important;box-shadow:0 0 0 3px rgba(247,201,0,.07)}
form button:not(.danger):not(.menu-danger){border-radius:10px}
@media(max-width:950px){
  .topbar{position:relative;padding:13px 14px}.main-nav{width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:3px}.main-nav a{white-space:nowrap}
  .hero{align-items:flex-start;flex-direction:column}.quick-actions,.driver-actions{grid-template-columns:1fr}.vehicle-actions,.official-links{grid-template-columns:1fr}
}
@media(max-width:650px){
  .hero h1,.premium-head h1{font-size:28px}.container{padding:18px 12px}.btn-lg{width:100%}.page-head.premium-head{display:block}
}

/* ===== V4 PRO ===== */
body{background:#0b0d10!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#080a0d,#0d1014);border-right:1px solid #282c32;display:flex;flex-direction:column;padding:18px 12px;z-index:60}
.side-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;padding:4px 8px 20px;border-bottom:1px solid #262a30}
.side-brand-mark{display:grid;place-items:center;width:48px;height:48px;border:2px solid #f7c900;border-radius:12px;color:#f7c900;font-size:20px;font-weight:900}
.side-brand strong{display:block;font-size:14px}.side-brand b{display:block;color:#f7c900;font-size:12px;letter-spacing:1px}.side-brand small{display:block;color:#7f8791;font-size:9px;margin-top:3px}
.side-nav{display:flex;flex-direction:column;gap:6px;margin-top:20px}.side-nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#bec4ca;text-decoration:none;font-size:13px;font-weight:800;border:1px solid transparent}.side-nav a:hover{background:#171a1f;color:#fff}.side-nav a.active{background:#1b1a11;color:#f7c900;border-color:#594b06;box-shadow:inset 3px 0 #f7c900}
.nav-svg{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.85}.side-nav a.active .nav-svg{filter:brightness(0) saturate(100%) invert(82%) sepia(98%) saturate(1064%) hue-rotate(359deg) brightness(102%) contrast(105%)}
.side-bottom{margin-top:auto}.exit-link{display:flex;gap:10px;align-items:center;padding:12px 13px;text-decoration:none;color:#b1b7be;font-weight:800;font-size:12px}.city-stamp{margin:12px 8px 0;padding:9px;background:#f3f1e9;border-radius:8px;opacity:.8}.city-stamp img{display:block;width:100%;height:auto}
.workspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.workspace-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0a0c0f;border-bottom:1px solid #252930}.workspace-top>div:first-child b{display:block;font-size:16px}.workspace-top small{color:#727a84;font-size:10px}.workspace-user{display:flex;align-items:center;gap:14px;color:#9ca3ab;font-size:11px}.workspace-user b{color:#fff}
.container{max-width:none!important;width:100%;padding:24px!important}.app-footer{padding:18px 24px;color:#555d66;font-size:10px;border-top:1px solid #1f2328}.topbar{display:none!important}
.dashboard-title{margin:2px 0 17px}.dashboard-title h1{font-size:30px;margin:4px 0}.dashboard-title p{color:#8f97a0;margin:0}
.ops-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.ops-stat{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid #30343b;background:linear-gradient(180deg,#14171b,#101216);text-decoration:none;color:#fff;min-height:106px}.ops-stat img{width:40px;height:40px;filter:brightness(0) saturate(100%) invert(82%) sepia(98%) saturate(1064%) hue-rotate(359deg) brightness(102%) contrast(105%)}.ops-stat b{font-size:25px;color:#f7c900}.ops-stat span{display:block;font-size:12px;font-weight:900}.ops-stat small{display:block;color:#707881;font-size:9px;margin-top:3px}.ops-stat.danger b{color:#ff5e5e}.warning-icon{display:grid!important;place-items:center;width:42px;height:42px;border:2px solid #ff5555;color:#ff5555!important;font-size:24px!important;border-radius:9px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:16px;align-items:start}.ops-actions{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:11px;margin-bottom:15px}.nova-multa-card,.mini-action{min-height:128px;border:1px solid #353a41;background:#12151a;text-decoration:none;color:#fff;display:flex;align-items:center;gap:15px;padding:16px}.nova-multa-card{border-color:#7b6708;background:linear-gradient(110deg,#17170f,#101318)}.nova-multa-card img{width:120px;height:72px;object-fit:cover;object-position:top left}.nova-multa-card strong{display:block;font-size:21px;color:#f7c900}.nova-multa-card small,.mini-action small{display:block;color:#9199a2;font-size:10px;margin-top:5px}.round-arrow{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid #f7c900;border-radius:50%;color:#f7c900}.mini-action img{width:34px;height:34px;filter:brightness(0) saturate(100%) invert(82%) sepia(98%) saturate(1064%) hue-rotate(359deg) brightness(102%) contrast(105%)}.mini-action>span{margin-left:auto}
.ops-panel,.document-preview-panel{border:1px solid #30353c;background:#111419;padding:15px}.document-preview-panel{position:sticky;top:92px}.preview-head,.workbench-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.preview-head h2{font-size:13px;margin:2px 0}.pdf-ok{font-size:8px;color:#76e59c;border:1px solid #28513a;padding:5px 7px}.document-preview-panel iframe{width:100%;height:600px;border:1px solid #343941;background:#e8e8e8}.preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.preview-empty{height:460px;display:grid;place-items:center;align-content:center;gap:10px;color:#777f89;text-align:center}.preview-empty img{width:54px;filter:brightness(0) invert(.45)}
.row-open{display:grid;place-items:center;width:27px;height:27px;border:1px solid #333942;color:#f7c900;text-decoration:none}.page-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.page-title-row h1{font-size:28px;margin:3px 0}.page-title-row p{color:#858d96;margin:0}
.import-workbench,.fine-workbench{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);border:1px solid #343941;background:#0d1014;min-height:650px}.document-side,.fine-document{padding:14px;border-right:1px solid #343941}.data-side,.fine-data{padding:14px}.workbench-head{padding:3px 0 11px;border-bottom:1px solid #292e35;font-size:10px}.workbench-head>b{color:#f7c900}
.pdf-stage{height:660px;background:#080a0d;border:1px solid #2e333a;position:relative;overflow:hidden}.pdf-stage iframe,.fine-document iframe{display:none;width:100%;height:100%;border:0;background:#e5e5e5}.fine-document iframe{display:block;height:720px;border:1px solid #2e333a}.pdf-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:#9aa1a9}.pdf-placeholder img{width:230px;max-width:70%;opacity:.7}.file-controls{display:flex;align-items:center;gap:12px;margin-top:10px}.file-button{cursor:pointer}
.detected-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2c3138;border:1px solid #2c3138}.detected-grid>div{background:#111419;padding:12px;min-height:75px}.detected-grid .span2{grid-column:span 2}.detected-grid label{font-size:9px;color:#737c86;text-transform:uppercase}.detected-grid strong{font-size:13px}.process-bar{padding:15px 0}.process-bar .btn{width:100%}.process-bar button:disabled{opacity:.35}.raw-details{margin-top:10px;border-top:1px solid #30343b}.raw-details summary{cursor:pointer;color:#8f97a0;padding:12px 0;font-size:10px;font-weight:900}.raw-details textarea,.raw-details pre{width:100%;max-height:220px;overflow:auto;background:#080a0d!important;color:#aeb4bb;border:1px solid #2c3138;padding:11px;font:11px/1.45 monospace;white-space:pre-wrap}
.driver-control,.generate-box{border-top:1px solid #2d3238;margin-top:15px;padding-top:14px}.driver-control h3,.generate-box h3{font-size:10px;color:#f7c900}.compact-form{display:grid;gap:8px}.generate-box .btn{width:100%}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.document-preview-panel{position:static}.ops-actions{grid-template-columns:1fr 1fr}.nova-multa-card{grid-column:span 2}.import-workbench,.fine-workbench{grid-template-columns:1fr}.document-side,.fine-document{border-right:0;border-bottom:1px solid #343941}.ops-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{display:grid;grid-template-columns:repeat(2,1fr)}.city-stamp{display:none}.workspace-top{display:none}.container{padding:14px!important}.ops-stats{grid-template-columns:1fr 1fr}.ops-actions{grid-template-columns:1fr}.nova-multa-card{grid-column:auto}.pdf-stage{height:500px}.fine-document iframe{height:540px}.detected-grid{grid-template-columns:1fr}.detected-grid .span2{grid-column:auto}}


/* ===== V5 — TELA DE MULTAS PRO ===== */
.fines-title{align-items:center}.new-fine-hero{display:flex;align-items:center;gap:14px;min-width:320px;padding:13px 15px;border:1px solid #d3a900;background:linear-gradient(135deg,#17160d,#11151a);color:#fff;text-decoration:none;border-radius:10px}.new-fine-hero:hover{box-shadow:0 0 0 1px #f7c900 inset}.new-fine-hero .city-building{display:grid;place-items:center;width:54px;height:54px;font-size:34px;color:#f2a329}.new-fine-hero b{display:block;font-size:14px}.new-fine-hero small{display:block;color:#87909a;font-size:10px;margin-top:4px;max-width:205px;line-height:1.35}.new-fine-hero>span{margin-left:auto;font-size:26px;color:#f7c900}
.fine-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.fine-summary{display:flex;align-items:center;gap:13px;min-height:114px;padding:15px;border:1px solid #30353d;background:#11151a;border-radius:10px}.summary-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #635210;border-radius:50%;color:#f7c900;font-size:22px;background:#211d0d}.fine-summary small{display:block;color:#b5bbc2;font-size:11px}.fine-summary b{display:block;font-size:27px;margin:2px 0}.fine-summary em{display:block;color:#737c86;font-size:9px;font-style:normal}
.fines-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:14px;align-items:start}.fines-list-panel,.fine-preview-panel{border:1px solid #30353d;background:#101419;border-radius:10px;overflow:hidden}.fines-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #2c3138}.fines-toolbar h2{font-size:14px;margin:0}.fines-toolbar-actions{display:flex;gap:8px}.search-box{position:relative}.search-box input{width:190px;padding:9px 30px 9px 11px!important;background:#0c1014!important;border:1px solid #424954!important;color:#fff!important;border-radius:7px!important;font-size:10px}.search-box span{position:absolute;right:10px;top:7px;color:#8b939c}.filter-select{width:145px!important;padding:9px!important;background:#0c1014!important;border:1px solid #424954!important;border-radius:7px!important;font-size:10px!important}
.fines-table-wrap{overflow:auto;min-height:510px}.fines-pro-table{width:100%;border-collapse:collapse;min-width:950px}.fines-pro-table thead th{position:sticky;top:0;background:#151a20;color:#aeb5bd;font-size:9px;text-transform:uppercase;letter-spacing:.45px;text-align:left;padding:12px 10px;border-bottom:1px solid #2b3037}.fines-pro-table td{padding:14px 10px;border-bottom:1px solid #252a31;vertical-align:top;font-size:10px}.fines-pro-table td>b{display:block;font-size:11px;color:#eef1f3;line-height:1.35}.fines-pro-table td>small{display:block;color:#69727c;font-size:8.5px;margin-top:5px;line-height:1.35}.fine-row{cursor:pointer;transition:.12s}.fine-row:hover{background:#14191f}.fine-row.selected{background:#171a1f;box-shadow:inset 3px 0 #f7c900}.fine-actions{width:145px}.action-btn{display:block;text-decoration:none;text-align:center;padding:7px 8px;margin-bottom:5px;border:1px solid #3b424b;border-radius:5px;color:#dfe3e7;background:#11161b;font-size:9px;font-weight:700}.action-btn:hover{border-color:#646d78}.action-primary{background:#e3ad11;color:#111;border-color:#f7c900}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;border:1px solid #5e4c0b;color:#f7c900;background:#261f08}.status-indicado{color:#6be08f;border-color:#235a35;background:#102717}.status-pago,.status-concluido,.status-concludo{color:#70bfff;border-color:#245273;background:#0e2030}.status-vencido{color:#ff7a7a;border-color:#642929;background:#2a1010}.status-recurso{color:#c49cff;border-color:#53387b;background:#21152f}
.fines-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;color:#727b84;font-size:9px;border-top:1px solid #2c3138}.fines-footer a{color:#f7c900;text-decoration:none;font-weight:800}
.fine-preview-panel{position:sticky;top:92px;padding:13px}.preview-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.preview-title h2{font-size:11px;margin:2px 0}.fine-preview-panel iframe{display:block;width:100%;height:610px;border:1px solid #343a42;background:#e5e5e5}.preview-bottom{display:flex;justify-content:flex-end;padding-top:9px}
@media(max-width:1180px){.fines-layout{grid-template-columns:1fr}.fine-preview-panel{position:static}.fine-preview-panel iframe{height:680px}}
@media(max-width:820px){.fine-summary-grid{grid-template-columns:1fr 1fr}.fines-toolbar{align-items:stretch;flex-direction:column}.fines-toolbar-actions{width:100%}.search-box{flex:1}.search-box input{width:100%}.filter-select{width:145px!important}.new-fine-hero{min-width:0;width:100%}.fines-title{align-items:stretch;flex-direction:column}}