*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070a0f;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
body.mdt-shell{overflow:hidden;background:#0b0b0b}body.app-shell{overflow:auto;background:radial-gradient(circle at top left,#142238 0,#08111e 38%,#06080d 100%)}
/* MDT ribbon - only /mdt */
.top-menu{height:28px;background:#5b5b5b;display:flex;align-items:center;gap:22px;padding:0 10px}.top-menu .window-title{position:absolute;left:50%;transform:translateX(-50%)}.top-menu strong{margin-left:auto}.cad-ribbon{height:104px;background:linear-gradient(#2e2e2e,#252525);display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #555}.ribbon-btn{width:90px;height:74px;background:#303030;border:1px solid #666;border-radius:7px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ribbon-btn span{font-size:26px;color:#ffc400}.ribbon-btn small{font-size:12px}.quickbar{height:30px;background:#494949;display:flex;align-items:center;gap:18px;padding:0 12px}.quickbar a{font-size:13px}.statusbar{position:fixed;bottom:0;left:0;right:0;height:24px;background:#2267bd;display:flex;align-items:center;gap:24px;padding:0 14px;z-index:20}.statusbar time{margin-left:auto}.dot{width:12px;height:12px;background:#1ee65f;border-radius:50%}
/* App header */
.app-header{position:sticky;top:0;z-index:50;min-height:76px;background:rgba(8,15,27,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(89,122,170,.22);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;box-shadow:0 10px 35px rgba(0,0,0,.25)}.app-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 0 30px rgba(37,99,235,.35)}.app-brand b{display:block;color:#fff;font-size:22px;letter-spacing:.5px}.app-brand small{display:block;color:#91a5c4;margin-top:2px}.app-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-nav a{padding:10px 12px;border-radius:12px;color:#b9c7dd;display:flex;gap:7px;align-items:center}.app-nav a:hover,.app-nav a.active{background:rgba(37,99,235,.18);color:#fff}.app-nav span{color:#facc15}
/* base layouts */
.workspace{height:calc(100vh - 186px);padding:10px;overflow:auto}.app-shell .workspace{height:auto;min-height:calc(100vh - 76px);padding:18px}.app-main{max-width:1680px;margin:0 auto;padding:22px}.panel,.glass-panel{background:rgba(17,24,39,.82);border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:18px;box-shadow:0 14px 35px rgba(0,0,0,.22)}.mdt-shell .panel{background:#171717;border:1px solid #666;border-radius:6px;padding:12px}.panel h1,.panel h2{margin:0 0 12px}.panel-head{display:flex;align-items:center;gap:10px}.panel-head h1,.panel-head h2{margin:0 auto 0 0}.panel-head a,.panel-head span{color:#93c5fd}.muted{color:#9aa9bd}.eyebrow{display:inline-block;color:#38bdf8;font-size:12px;letter-spacing:.16em;margin-bottom:8px}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,rgba(37,99,235,.24),rgba(14,165,233,.11)),rgba(15,23,42,.85);border:1px solid rgba(96,165,250,.28);border-radius:24px;padding:28px;margin-bottom:18px;box-shadow:0 18px 55px rgba(0,0,0,.32)}.hero-panel h1{font-size:34px;margin:0 0 8px}.hero-panel p{margin:0;color:#cbd5e1;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-action,.secondary-action{border:0;border-radius:14px;padding:13px 18px;color:#fff;display:inline-flex;align-items:center;gap:8px}.primary-action{background:#2563eb}.secondary-action{background:rgba(148,163,184,.16);border:1px solid rgba(148,163,184,.22)}
/* Dashboard */
.dashboard-main{display:block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-grid article{background:rgba(15,23,42,.86);border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:18px}.stat-grid b{display:block;font-size:34px;color:#facc15}.stat-grid span{color:#b6c2d4}.module-grid{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:14px;margin-bottom:18px}.module-tile{min-height:145px;border-radius:20px;padding:18px;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 35px rgba(0,0,0,.22);background:#123b74}.module-tile:after{content:"";position:absolute;right:-35px;bottom:-35px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.1)}.module-tile span{font-size:26px}.module-tile b{display:block;font-size:22px;margin:14px 0 8px}.module-tile small{display:block;color:rgba(255,255,255,.82);line-height:1.25}.tile-unit{background:linear-gradient(135deg,#4f46e5,#2563eb)}.tile-mdt{background:linear-gradient(135deg,#1d4ed8,#0f766e)}.tile-dispatch{background:linear-gradient(135deg,#be123c,#ea580c)}.tile-civ{background:linear-gradient(135deg,#15803d,#16a34a)}.tile-fire{background:linear-gradient(135deg,#dc2626,#f97316)}.tile-admin{background:linear-gradient(135deg,#374151,#111827)}.dashboard-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.call-list,.unit-list-mini,.alert-stack{display:flex;flex-direction:column;gap:10px}.call-row,.unit-list-mini div,.alert-stack div{display:grid;grid-template-columns:90px 1fr 1.4fr 90px;gap:10px;align-items:center;background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:10px}.call-row b,.unit-list-mini b{color:#facc15}.call-row small,.unit-list-mini small,.alert-stack span{color:#aebbd0}.call-row em,.unit-list-mini em{font-style:normal;color:#22c55e;text-align:right}.unit-list-mini div{grid-template-columns:80px 1fr 1fr 80px}.alert-stack div{display:block}.alert-stack b{display:block;color:#f87171;margin-bottom:5px}
/* Tables */
.cad-table{width:100%;border-collapse:collapse}.cad-table th,.cad-table td{border:1px solid rgba(148,163,184,.28);padding:8px;text-align:left;white-space:nowrap}.cad-table th{background:rgba(2,6,23,.65);color:#dbeafe}.cad-table tr:nth-child(even){background:rgba(148,163,184,.06)}.polished-table td{color:#e2e8f0}.green{color:#18d95a}.orange{color:#ff7a00}.yellow{color:#f3ff38}.red{color:#ff4444}.table-wrap{overflow:auto}
/* MDT layouts */
.mdt-layout{display:grid;grid-template-columns:1fr .95fr;grid-template-rows:42% 58%;gap:10px}.dispatch-layout,.fire-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.dashboard-grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.module-card,.cards button{background:#123b74;border:1px solid #3478d3;color:white;border-radius:8px;padding:18px;text-align:left}.module-card b{display:block;font-size:20px}.module-card span{display:block;color:#c7d8f0;margin-top:6px}
/* Civilian */
.civ-shell{min-height:calc(100vh - 76px);background:linear-gradient(115deg,#1d3045,#061120);padding:55px 14%;overflow:auto}.civ-actions{display:flex;gap:12px;align-items:center}.civ-actions button{border:0;border-radius:18px;padding:14px 34px;color:#fff;background:#1f65c8}.civ-actions button:nth-child(2){background:#22a34a}.civ-actions button:nth-child(3){background:#8e2cb7}.civ-actions button:nth-child(4){background:#d4771a}.civ-actions button:nth-child(5){background:#d92323}.civ-panel{margin-top:48px}.character-card{width:420px;background:#207747;border-radius:18px;padding:16px;display:grid;grid-template-columns:40px 1fr 42px 42px 42px;align-items:center;gap:8px}.character-card small{grid-column:2}.character-card button{background:#1c9c48;border:0;border-radius:12px;color:#fff;padding:10px}
/* Units */
.units-main{display:block}.units-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.unit-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.unit-profile-card{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.84));border:1px solid rgba(96,165,250,.25);border-radius:18px;padding:16px}.unit-profile-card.primary-unit{border-color:#facc15;box-shadow:0 0 0 1px rgba(250,204,21,.3),0 20px 45px rgba(0,0,0,.25)}.unit-profile-card header{display:flex;justify-content:space-between;align-items:center}.unit-profile-card header b{font-size:32px;color:#facc15}.unit-profile-card h3{font-size:20px;margin:10px 0;color:#fff}.status-pill{font-size:12px;border-radius:999px;padding:6px 10px;background:#334155}.status-avail,.status-ondt{background:#166534}.status-enrt{background:#854d0e}.status-arrvd{background:#1d4ed8}.status-busy{background:#7f1d1d}.status-offdt{background:#374151}.unit-profile-card dl{display:grid;grid-template-columns:112px 1fr;gap:7px;margin:14px 0}.unit-profile-card dt{color:#94a3b8}.unit-profile-card dd{margin:0;color:#e2e8f0}.inline-status-form{display:grid;grid-template-columns:105px 1fr 85px;gap:8px}.inline-status-form input,.inline-status-form select{background:#020617;border:1px solid rgba(148,163,184,.38);color:#fff;border-radius:8px;padding:9px}.inline-status-form button,.mini-btn{background:#2563eb;border:0;color:#fff;border-radius:8px;padding:8px 10px}.training-stack{display:flex;flex-direction:column;gap:12px}.training-block{background:rgba(2,6,23,.35);border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:12px}.training-block h3{margin:0 0 8px}.training-block small{color:#94a3b8}.training-row{display:grid;grid-template-columns:80px 1fr 90px;gap:8px;padding:8px;border-top:1px solid rgba(148,163,184,.15)}.training-row b{color:#38bdf8}.training-row em{font-style:normal;color:#22c55e;text-align:right}.empty-state{border:1px dashed rgba(148,163,184,.35);border-radius:18px;padding:28px;text-align:center;color:#94a3b8}.empty-state b{display:block;color:#fff;margin-bottom:6px}
/* Returns/forms/modals */
.returns-layout{height:calc(100vh - 186px);display:grid;grid-template-columns:230px 1fr}.returns-side{background:#101010;border-right:1px solid #555;padding:14px;display:flex;flex-direction:column;gap:14px}.returns-main{display:grid;grid-template-rows:38px 160px 1fr}.toolbar{background:#19599e;display:flex;align-items:center;gap:18px;padding:0 16px}.toolbar button{background:transparent;color:#fff;border:0}.return-body{font-family:Consolas,monospace;white-space:pre-wrap;border:1px solid #555;margin:10px;padding:20px;background:#080808}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:100;align-items:center;justify-content:center}.modal.show{display:flex}.modal-card{background:#0d1b2d;border:1px solid #20334f;border-radius:18px;padding:26px;min-width:430px;max-height:92vh;overflow:auto;box-shadow:0 20px 80px #000}.modal-card.wide{width:700px}.modal-card header{display:flex;align-items:center;justify-content:space-between}.modal-card h2{font-size:28px;margin:0 0 22px}.modal-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.modal-card input,.modal-card select,.modal-card textarea,.table-search{background:#101010;border:1px solid #536174;border-radius:5px;color:#fff;padding:9px}.modal-card textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.span2{grid-column:span 2}.modal-card footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-card button,.panel-head button{background:#2166c5;border:0;color:#fff;border-radius:7px;padding:10px 18px}.modal-card .purple{background:#ad39c5}.check-row{flex-direction:row!important;align-items:center}.red-bg{background:#8e1d1d}.compact-list{display:flex;flex-direction:column;gap:6px;max-height:170px;overflow:auto}.compact-list span{background:#101010;border:1px solid #333;padding:6px;border-radius:5px}.admin-wide{grid-template-columns:1.2fr .8fr}.stacked-form{display:flex;flex-direction:column;gap:10px}.stacked-form input,.stacked-form textarea{background:#101010;border:1px solid #555;color:#fff;padding:10px}.login-body{min-height:100vh;display:grid;place-items:center;background:#08111d}.login-card{width:360px;background:#101d2f;border:1px solid #31405a;border-radius:18px;padding:28px}.login-card label{display:block;margin:14px 0}.login-card input{width:100%;background:#07101d;border:1px solid #536174;color:white;padding:10px;border-radius:6px}.login-card button{width:100%;padding:12px;background:#2166c5;color:white;border:0;border-radius:8px}.alert{background:#4a1111;border:1px solid #b33;padding:10px;border-radius:6px}.success{background:#0b4d24;border:1px solid #24b957;padding:10px;border-radius:6px;margin:12px 0}.login-alt-link{display:block;text-align:center;color:#a9c8ff;margin-top:12px}.login-link-btn{display:block;background:#2166c5;color:#fff;text-align:center;padding:12px;border-radius:8px;margin-top:14px}.result{border-bottom:1px solid #444;padding:10px}.result span{display:block;color:#bbb}.pending-page{min-height:100vh;background:#08111d;display:grid;place-items:center}.pending-page section{width:520px;background:#101d2f;border:1px solid #31405a;border-radius:18px;padding:28px}
@media(max-width:1100px){.module-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panels,.units-dashboard-grid{grid-template-columns:1fr}.app-header{align-items:flex-start;flex-direction:column;gap:12px}.call-row,.unit-list-mini div{grid-template-columns:1fr}.call-row em,.unit-list-mini em{text-align:left}}
@media(max-width:900px){body{overflow:auto}.workspace,.civ-shell{height:auto}.mdt-layout,.dispatch-layout,.fire-layout,.dashboard-grid,.admin-grid{grid-template-columns:1fr}.cad-ribbon{overflow:auto}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.module-grid,.stat-grid{grid-template-columns:1fr}.app-main{padding:12px}.hero-panel{flex-direction:column;align-items:flex-start}.inline-status-form{grid-template-columns:1fr}.returns-layout{grid-template-columns:1fr}.returns-side{display:none}}
.unit-action-row{display:flex;gap:8px;margin-top:10px}
.mini-btn.danger,.danger{background:#991b1b!important}
/* v4.2 fixed Imperial-style MDT board */
body.mdt-shell{
background:#050505;
overflow:hidden;
}
body.mdt-shell .top-menu{
height:28px;
background:#2d5590;
color:#fff;
}
body.mdt-shell .cad-ribbon{
height:100px;
background:#1e3f70;
border-bottom:1px solid #5b82b7;
overflow:hidden;
}
body.mdt-shell .ribbon-btn{
background:#24487e;
border-color:#5f84ba;
color:#fff;
}
body.mdt-shell .quickbar{
height:30px;
background:#1d5798;
border-bottom:1px solid #8bb2e2;
}
body.mdt-shell .statusbar{
height:24px;
}
.mdt-fixed-shell{
height:calc(100vh - 28px - 100px - 30px - 24px);
display:grid;
grid-template-rows:minmax(260px, 1fr) minmax(260px, 44%);
gap:0;
background:#050505;
color:#fff;
overflow:hidden;
}
.mdt-pane{
min-width:0;
min-height:0;
background:#121212;
border:1px solid #696969;
overflow:hidden;
}
.mdt-calls-pane{
border-left:0;
border-right:0;
border-top:0;
}
.mdt-pane-head{
height:42px;
display:flex;
align-items:center;
gap:10px;
padding:6px 10px;
background:#111;
border-bottom:1px solid #666;
}
.mdt-pane-head.compact{
height:36px;
}
.mdt-pane-head h2{
margin:0;
font-size:21px;
line-height:1;
}
.mdt-pane-head span{
margin-left:auto;
color:#7dbbff;
}
.mdt-head-actions{
margin-left:auto;
display:flex;
align-items:center;
gap:8px;
}
.mdt-head-actions button,
.quick-actions button,
.quick-actions a{
background:#195aa6;
color:#fff;
border:1px solid #487fc3;
border-radius:7px;
padding:8px 12px;
font-weight:900;
}
.mdt-search{
width:260px;
background:#080808;
border:1px solid #536174;
border-radius:6px;
color:#fff;
padding:8px 10px;
}
.mdt-scroll{
height:calc(100% - 42px);
width:100%;
overflow:auto;
}
.mdt-pane-head.compact + .mdt-scroll{
height:calc(100% - 36px);
}
.mdt-grid-table{
width:100%;
min-width:1100px;
border-collapse:collapse;
table-layout:fixed;
font-size:15px;
font-weight:900;
background:#0b0b0b;
}
.mdt-grid-table th{
position:sticky;
top:0;
z-index:3;
background:#123f77;
color:#fff;
border:1px solid #999;
padding:5px 7px;
text-align:left;
height:28px;
}
.mdt-grid-table td{
height:30px;
border:1px solid #5f5f5f;
padding:4px 7px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:#101010;
}
.mdt-grid-table tbody tr:nth-child(even) td{
background:#171717;
}
.mdt-grid-table tbody tr:hover td,
.mdt-grid-table tbody tr.selected td{
background:#1d2d45;
}
.w-call{width:84px}
.w-nature{width:170px}
.w-city{width:260px}
.w-county{width:250px}
.w-pr{width:52px}
.w-status{width:120px}
.w-units{width:220px}
.w-officer{width:170px}
.w-unit{width:110px}
.w-agency{width:210px}
.w-desc{width:360px}
.cell-call,.cell-nature,.cell-location,.status-active,.status-arrvd,.status-enrt{
color:#00d95c;
}
.cell-call{
font-size:18px;
}
.unit-avail td{color:#96ff3d}
.unit-enrt td{color:#ffff39}
.unit-ondt td{color:#6ffcff}
.unit-arrvd td{color:#ff74ff}
.unit-offdt td{color:#ff6666}
.empty-cell{
color:#aaa!important;
text-align:center;
height:80px!important;
}
.mdt-lower{
min-width:0;
min-height:0;
display:grid;
grid-template-columns:minmax(0, 1fr) 330px;
overflow:hidden;
}
.mdt-units-pane{
border-left:0;
border-bottom:0;
}
.mdt-details-pane{
min-height:0;
min-width:0;
display:grid;
grid-template-rows:minmax(0, 1fr) auto;
gap:8px;
padding:8px;
background:#080808;
border-left:1px solid #696969;
overflow:hidden;
}
.selected-call-card{
min-height:0;
border-radius:6px;
}
.selected-call-body{
padding:10px;
overflow:auto;
height:calc(100% - 36px);
}
.selected-call-body h3{
margin:0 0 10px;
color:#00d95c;
}
.selected-call-body dl{
display:grid;
grid-template-columns:88px 1fr;
gap:5px 8px;
margin:0 0 10px;
}
.selected-call-body dt{
color:#9db1ca;
}
.selected-call-body dd{
margin:0;
}
.mdt-quick-card{
border-radius:6px;
flex:0 0 auto;
}
.quick-stat-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
padding:10px;
}
.quick-stat-grid div{
background:#081a33;
border:1px solid #2c6abb;
border-radius:6px;
padding:12px;
}
.quick-stat-grid b{
display:block;
color:#ffd400;
font-size:30px;
}
.quick-stat-grid span{
color:#cde0ff;
font-size:12px;
}
.quick-actions{
display:grid;
gap:8px;
padding:0 10px 10px;
}
.quick-actions a{
text-decoration:none;
}
@media(max-width:1200px){
.mdt-lower{
grid-template-columns:1fr;
}
.mdt-details-pane{
display:none;
}
.mdt-search{
width:180px;
}
}
/* v4.3 true fixed div-grid MDT board */
body.mdt-shell{
background:#050505!important;
overflow:hidden!important;
}
body.mdt-shell .top-menu{
height:28px!important;
background:#2c5591!important;
color:#fff!important;
}
body.mdt-shell .cad-ribbon{
height:100px!important;
background:#1e3f70!important;
border-bottom:1px solid #5b82b7!important;
overflow:hidden!important;
}
body.mdt-shell .ribbon-btn{
background:#24487e!important;
border-color:#5f84ba!important;
color:#fff!important;
}
body.mdt-shell .quickbar{
height:30px!important;
background:#1d5798!important;
border-bottom:1px solid #8bb2e2!important;
}
body.mdt-shell .statusbar{
height:24px!important;
}
.cad-board-v43,
.cad-board-v43 *{
box-sizing:border-box!important;
}
.cad-board-v43{
height:calc(100vh - 28px - 100px - 30px - 24px)!important;
width:100vw!important;
max-width:100vw!important;
display:grid!important;
grid-template-columns:minmax(0, 1fr) 320px!important;
grid-template-rows:minmax(0, 58%) minmax(0, 42%)!important;
grid-template-areas:
"calls side"
"units side"!important;
background:#050505!important;
overflow:hidden!important;
color:#fff!important;
}
.cad-calls-v43{
grid-area:calls!important;
min-width:0!important;
min-height:0!important;
overflow:hidden!important;
border-right:1px solid #777!important;
border-bottom:2px solid #777!important;
}
.cad-units-v43{
grid-area:units!important;
min-width:0!important;
min-height:0!important;
overflow:hidden!important;
border-right:1px solid #777!important;
}
.cad-side-v43{
grid-area:side!important;
min-width:0!important;
min-height:0!important;
overflow:auto!important;
background:#080808!important;
padding:8px!important;
}
.cad-grid-v43{
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
overflow:hidden!important;
display:grid!important;
grid-template-rows:28px minmax(0, 1fr)!important;
background:#080808!important;
}
.calls-grid-v43 .cad-grid-header-v43,
.calls-grid-v43 .cad-grid-row-v43{
display:grid!important;
grid-template-columns:88px 140px minmax(280px, 1fr) 250px 250px 50px 120px 210px!important;
}
.units-grid-v43 .cad-grid-header-v43,
.units-grid-v43 .cad-grid-row-v43{
display:grid!important;
grid-template-columns:160px 100px 100px 90px 180px minmax(260px, 1fr) 320px!important;
}
.cad-grid-header-v43{
height:28px!important;
min-height:28px!important;
overflow:hidden!important;
background:#113f77!important;
color:#fff!important;
font-size:15px!important;
font-weight:900!important;
}
.cad-grid-header-v43 > div{
min-width:0!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
border:1px solid #aaa!important;
border-left:0!important;
padding:5px 7px!important;
line-height:16px!important;
}
.cad-grid-body-v43{
min-height:0!important;
overflow:auto!important;
}
.cad-grid-row-v43{
min-height:30px!important;
height:30px!important;
overflow:hidden!important;
background:#101010!important;
color:#fff!important;
font-size:16px!important;
font-weight:900!important;
}
.cad-grid-row-v43:nth-child(even){
background:#171717!important;
}
.cad-grid-row-v43:hover,
.cad-grid-row-v43.selected{
background:#24344f!important;
}
.cad-grid-row-v43 > div{
min-width:0!important;
height:30px!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
border-right:1px solid #666!important;
border-bottom:1px solid #666!important;
padding:5px 7px!important;
line-height:20px!important;
}
.green-call,
.green-main{
color:#00d95c!important;
}
.green-call{
font-size:18px!important;
}
.unit-green-v43 > div{color:#96ff3d!important}
.unit-yellow-v43 > div{color:#ffff39!important}
.unit-cyan-v43 > div{color:#6ffcff!important}
.unit-red-v43 > div{color:#ff6666!important}
.unit-pink-v43 > div{color:#ff74ff!important}
.side-box-v43{
border:1px solid #666!important;
background:#141414!important;
border-radius:5px!important;
padding:10px!important;
margin-bottom:8px!important;
}
.side-box-v43 h2{
margin:0 0 10px!important;
font-size:18px!important;
}
#v43SelectedCall{
display:grid!important;
gap:7px!important;
color:#d9e6ff!important;
}
#v43SelectedCall b{
color:#00d95c!important;
}
#v43SelectedCall p{
margin:4px 0 0!important;
color:#fff!important;
}
.side-stats-v43{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.side-stats-v43 div{
background:#081a33!important;
border:1px solid #2c6abb!important;
border-radius:6px!important;
padding:12px!important;
}
.side-stats-v43 b{
display:block!important;
color:#ffd400!important;
font-size:30px!important;
}
.side-stats-v43 span{
color:#cde0ff!important;
font-size:12px!important;
}
.side-actions-v43{
display:grid!important;
gap:8px!important;
}
.side-actions-v43 a,
.side-actions-v43 button{
display:block!important;
width:100%!important;
background:#195aa6!important;
color:#fff!important;
border:1px solid #487fc3!important;
border-radius:7px!important;
padding:9px 12px!important;
text-align:left!important;
text-decoration:none!important;
font-weight:900!important;
}
@media(max-width:1200px){
.cad-board-v43{
grid-template-columns:1fr!important;
grid-template-areas:
"calls"
"units"!important;
}
.cad-side-v43{
display:none!important;
}
}
/* v4.4 CAD sign-on and assign-self */
.cad-auth-card .auth-warning{
background:#120909;
border:1px solid #aa3333;
border-radius:10px;
padding:16px;
color:#fff;
}
.cad-auth-card .auth-warning h3{
color:#ff5555;
margin:0 0 10px;
letter-spacing:.08em;
}
.cad-duty-note{
background:#07162a;
border:1px solid #2b5fa3;
border-radius:8px;
padding:12px;
color:#d7e8ff;
margin-top:10px;
}
.modal-card .danger,
button.danger{
background:#8c1d24!important;
border:1px solid #d04b55!important;
color:#fff!important;
}
/* v4.5 sign off / dashboard CAD auth */
.cad-auth-card .auth-warning{
background:#120909;
border:1px solid #aa3333;
border-radius:10px;
padding:16px;
color:#fff;
}
.cad-auth-card .auth-warning h3{
color:#ff5555;
margin:0 0 10px;
letter-spacing:.08em;
}
.modal-card .danger,
button.danger{
background:#8c1d24!important;
border:1px solid #d04b55!important;
color:#fff!important;
}
/* v4.6 call page and call context menu */
.call-context-menu{
position:fixed;
display:none;
z-index:9999;
min-width:230px;
background:#17202b;
border:1px solid #2e3c4f;
border-radius:6px;
box-shadow:0 18px 45px rgba(0,0,0,.45);
padding:8px;
}
.call-context-menu.show{display:block}
.call-context-menu button{
width:100%;
display:grid;
grid-template-columns:32px 1fr;
gap:10px;
align-items:center;
background:transparent;
border:0;
color:#fff;
padding:9px 10px;
border-radius:5px;
text-align:left;
font-weight:800;
}
.call-context-menu button:hover{
background:#223349;
}
.call-detail-page{
min-height:calc(100vh - 162px);
background:#070d17;
padding:22px;
}
.call-hero{
background:linear-gradient(135deg,#132957,#102033);
border:1px solid #2d5f9f;
border-radius:16px;
padding:24px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:16px;
}
.call-hero h1{margin:6px 0;font-size:30px}
.call-hero p{margin:0;color:#cbd8ee}
.call-actions{display:flex;gap:10px;flex-wrap:wrap}
.call-btn{
display:inline-block;
background:#2468d8;
color:#fff;
border:0;
border-radius:9px;
padding:11px 15px;
font-weight:900;
text-decoration:none;
}
.call-btn.danger,.call-actions .danger{
background:#9b1c24;
}
.call-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.call-panel{
background:#101827;
border:1px solid #2c3f5c;
border-radius:12px;
padding:16px;
}
.call-panel h2{margin:0 0 12px}
.call-info-list{
display:grid;
grid-template-columns:110px 1fr;
gap:8px;
}
.call-info-list dt{color:#9fb4d0}
.call-info-list dd{margin:0;color:#fff}
.call-narrative{
white-space:pre-wrap;
color:#dce9ff;
}
.call-notes-panel{
grid-column:1 / -1;
}
.call-note-form{
display:grid;
grid-template-columns:1fr 120px;
gap:10px;
margin-bottom:14px;
}
.call-note-form textarea{
min-height:70px;
background:#080d16;
border:1px solid #344b70;
color:#fff;
border-radius:8px;
padding:10px;
}
.call-note-form button{
background:#2468d8;
color:#fff;
border:0;
border-radius:8px;
font-weight:900;
}
.call-note{
background:#0a1220;
border:1px solid #243b5e;
border-radius:8px;
padding:10px;
margin-bottom:8px;
}
.call-note b{color:#40e3ff}
.call-note p{margin:6px 0 0}
@media(max-width:900px){
.call-grid{grid-template-columns:1fr}
.call-hero{display:block}
}
/* v4.7 MDT-styled call detail page */
.call-mdt-page{
height:calc(100vh - 28px - 100px - 30px - 24px);
background:#060606;
overflow:auto;
padding:12px;
}
.call-mdt-titlebar{
background:linear-gradient(135deg,#15305d,#101b2e);
border:1px solid #2d6eb5;
border-radius:8px;
padding:18px 22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:10px;
}
.mdt-kicker{
color:#3dd5ff;
letter-spacing:.22em;
text-transform:uppercase;
font-size:12px;
}
.call-mdt-titlebar h1{
margin:8px 0 4px;
font-size:30px;
}
.call-mdt-titlebar p{
margin:0;
color:#d3e6ff;
font-size:15px;
}
.call-mdt-title-actions{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end;
}
.mdt-blue-btn,.mdt-red-btn{
border:0;
border-radius:7px;
padding:10px 14px;
color:#fff;
font-weight:900;
text-decoration:none;
display:inline-block;
}
.mdt-blue-btn{
background:#236ad7;
}
.mdt-red-btn{
background:#9e1e29;
}
.call-status-pill{
border-radius:999px;
padding:9px 12px;
font-weight:900;
background:#144626;
color:#21ff65;
border:1px solid #1dd75b;
}
.call-mdt-layout{
display:grid;
grid-template-columns:1fr 1fr 360px;
grid-template-rows:auto minmax(260px, 1fr);
gap:10px;
}
.call-mdt-panel{
background:#111;
border:1px solid #666;
border-radius:7px;
min-height:0;
overflow:hidden;
}
.call-mdt-panel header{
height:34px;
background:#123f77;
border-bottom:1px solid #aaa;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 10px;
}
.call-mdt-panel header h2{
margin:0;
font-size:17px;
}
.call-mdt-panel header span{
color:#9fd1ff;
}
.call-info-grid{
padding:12px;
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
}
.call-info-grid div{
background:#0a0a0a;
border:1px solid #333;
border-radius:5px;
padding:8px;
}
.call-info-grid div.wide{
grid-column:1 / -1;
}
.call-info-grid b{
display:block;
color:#9bb0ca;
font-size:12px;
margin-bottom:3px;
}
.call-info-grid span{
font-size:15px;
}
.text-green{
color:#00d95c!important;
}
.priority-chip{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:28px;
background:#111d36;
border:1px solid #326db3;
border-radius:5px;
color:#ffd400;
}
.narrative-box{
padding:14px;
color:#fff;
line-height:1.45;
font-size:15px;
}
.units-on-call-panel{
grid-row:span 2;
}
.attached-unit-list{
padding:10px;
display:grid;
gap:8px;
}
.attached-unit{
background:#080d16;
border:1px solid #2d496e;
border-radius:6px;
padding:9px;
display:grid;
grid-template-columns:90px 1fr 70px;
gap:6px;
align-items:center;
}
.attached-unit b{
color:#ffff39;
font-size:18px;
}
.attached-unit span{
color:#fff;
}
.attached-unit em{
color:#00d95c;
font-style:normal;
font-weight:900;
}
.attached-unit small{
grid-column:2 / -1;
color:#9fc2ea;
}
.call-notes-mdt-panel{
grid-column:1 / 3;
}
.mdt-note-form{
display:grid;
grid-template-columns:1fr 110px;
gap:8px;
padding:10px;
border-bottom:1px solid #555;
}
.mdt-note-form textarea{
min-height:58px;
background:#080808;
color:#fff;
border:1px solid #536174;
border-radius:5px;
padding:10px;
font-weight:800;
}
.mdt-note-form button{
background:#236ad7;
border:0;
border-radius:7px;
color:#fff;
font-weight:900;
}
.mdt-notes-scroll{
max-height:330px;
overflow:auto;
padding:10px;
}
.mdt-note-entry{
background:#0b0b0b;
border:1px solid #444;
border-radius:5px;
padding:10px;
margin-bottom:8px;
}
.mdt-note-entry b{
color:#40e3ff;
}
.mdt-note-entry b span{
color:#40e3ff;
}
.mdt-note-entry p{
margin:7px 0 0;
color:#fff;
}
.call-mdt-empty{
background:#111;
border:1px solid #666;
border-radius:8px;
padding:25px;
}
@media(max-width:1200px){
.call-mdt-layout{
grid-template-columns:1fr;
}
.units-on-call-panel,.call-notes-mdt-panel{
grid-column:auto;
grid-row:auto;
}
.call-mdt-titlebar{
display:block;
}
.call-mdt-title-actions{
justify-content:flex-start;
margin-top:12px;
}
}
/* v4.8 in-site close call confirmation */
.cad-confirm-card{
max-width:520px;
}
.cad-confirm-body{
display:grid;
grid-template-columns:54px 1fr;
gap:14px;
align-items:start;
background:#0b1322;
border:1px solid #294265;
border-radius:10px;
padding:16px;
}
.cad-confirm-body .confirm-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:50%;
background:#8b1d28;
color:#fff;
font-size:28px;
font-weight:900;
}
.cad-confirm-body h3{
margin:0 0 6px;
font-size:22px;
}
.cad-confirm-body p{
margin:0;
color:#c8d7ec;
line-height:1.4;
}
.cad-confirm-card footer .danger{
background:#9b1c24!important;
border:1px solid #d04b55!important;
color:#fff!important;
}
/* v4.9 compact call header */
.call-mdt-titlebar{
display:none!important;
}
.call-mdt-compactbar{
height:58px;
background:#10284f;
border:1px solid #2d6eb5;
border-radius:6px;
margin-bottom:8px;
padding:8px 12px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.compact-call-left{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
.compact-call-left .mdt-kicker{
color:#3dd5ff;
letter-spacing:.18em;
font-size:11px;
}
.compact-call-left b{
color:#fff;
font-size:24px;
}
.compact-call-left strong{
color:#fff;
font-size:20px;
}
.compact-call-left span:last-child{
color:#00d95c;
font-size:15px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.compact-call-actions{
display:flex;
align-items:center;
gap:8px;
flex-shrink:0;
}
.compact-call-actions .mdt-blue-btn,
.compact-call-actions .mdt-red-btn{
padding:8px 12px;
border-radius:6px;
}
.compact-call-actions .call-status-pill{
padding:7px 11px;
}
.call-mdt-page{
padding:8px 10px!important;
}
@media(max-width:900px){
.call-mdt-compactbar{
height:auto;
align-items:flex-start;
flex-direction:column;
}
.compact-call-left{
flex-wrap:wrap;
}
}
/* v5.0 unit status sidebar */
.unit-status-actions-v50{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.unit-status-actions-v50 button{
background:#195aa6!important;
color:#fff!important;
border:1px solid #487fc3!important;
border-radius:7px!important;
padding:10px 9px!important;
text-align:center!important;
font-weight:900!important;
cursor:pointer!important;
}
.unit-status-actions-v50 button:hover{
background:#2570ca!important;
}
.unit-status-actions-v50 button.danger{
grid-column:1 / -1!important;
background:#8c1d24!important;
border-color:#d04b55!important;
}
body.mdt-shell .ribbon-btn small{
line-height:1.05!important;
text-align:center!important;
}
/* v5.1 archived calls */
.archive-calls-page{
height:calc(100vh - 28px - 100px - 30px - 24px);
background:#060606;
overflow:auto;
padding:10px;
}
.archive-head{
background:#10284f;
border:1px solid #2d6eb5;
border-radius:7px;
padding:14px 18px;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:10px;
}
.archive-head h1{
margin:6px 0 3px;
font-size:28px;
}
.archive-head p{
margin:0;
color:#cbd8ee;
}
.archive-panel{
background:#111;
border:1px solid #666;
border-radius:7px;
overflow:hidden;
}
.archive-tools{
height:44px;
background:#0b0b0b;
border-bottom:1px solid #666;
display:flex;
align-items:center;
gap:12px;
padding:6px 10px;
}
.archive-tools input{
width:320px;
background:#050505;
border:1px solid #536174;
border-radius:6px;
color:#fff;
padding:8px 10px;
font-weight:800;
}
.archive-tools span{
margin-left:auto;
color:#8bc5ff;
font-weight:900;
}
.archive-table-scroll{
max-height:calc(100vh - 28px - 100px - 30px - 24px - 120px);
overflow:auto;
}
.archive-table{
width:100%;
border-collapse:collapse;
table-layout:fixed;
font-weight:900;
}
.archive-table th{
background:#123f77;
color:#fff;
border:1px solid #aaa;
padding:6px;
text-align:left;
position:sticky;
top:0;
}
.archive-table td{
border:1px solid #555;
padding:7px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.archive-table tr:nth-child(even) td{
background:#171717;
}
.mini-view-btn{
display:inline-block;
background:#236ad7;
color:#fff!important;
text-decoration:none;
border-radius:5px;
padding:5px 8px;
}
.call-status-closed{
color:#ddd!important;
background:#3a3a3a!important;
border-color:#777!important;
}
/* v5.3 live CAD statusbar */
.statusbar.is-disconnected{
background:#7a1118!important;
}
.statusbar .dot.offline{
background:#ff3b3b!important;
box-shadow:0 0 8px rgba(255,59,59,.9)!important;
}
.statusbar #connectionText{
min-width:82px;
}
.statusbar #activeCallText.has-active-call{
color:#ffff39!important;
font-weight:900!important;
}
.statusbar #statusText{
color:#fff;
}
.statusbar.is-disconnected #statusText,
.statusbar.is-disconnected #activeCallText{
color:#fff!important;
}
/* v5.4 dispatch call states */
.call-row-v43.call-state-assigned > div{
color:#00ff66!important;
}
.call-row-v43.call-state-previously-assigned > div{
color:#ffb347!important;
}
.call-row-v43.call-state-never-assigned > div{
color:#ff4d4d!important;
animation:hscadUnassignedFlash 1s infinite;
}
@keyframes hscadUnassignedFlash{
0%,100%{background:rgba(255,0,0,.04)}
50%{background:rgba(255,0,0,.24)}
}
/* v5.4 unit context menu */
.unit-context-menu .unit-context-own,
.unit-context-menu .unit-context-other{
display:none;
}
.unit-context-menu.is-own-unit .unit-context-own{
display:block;
}
.unit-context-menu.is-other-unit .unit-context-other{
display:block;
}
.unit-context-menu button span{
text-align:center;
}
/* v5.5 call dispatch states stronger override */
.call-row-v43.call-state-assigned > div{
color:#00ff66!important;
}
.call-row-v43.call-state-previously-assigned > div{
color:#ffb347!important;
}
.call-row-v43.call-state-never-assigned > div{
color:#ff4d4d!important;
animation:hscadUnassignedFlash 1s infinite!important;
}
.call-row-v43.call-state-never-assigned.selected > div{
color:#ff7777!important;
}
@keyframes hscadUnassignedFlash{
0%,100%{background:rgba(255,0,0,.05)}
50%{background:rgba(255,0,0,.26)}
}
/* v5.5 New Call modal upgrade */
.new-call-card-v55{
max-width:760px!important;
}
.new-call-card-v55 header{
align-items:flex-start!important;
}
.new-call-card-v55 header h2{
margin:4px 0 0!important;
font-size:30px!important;
}
.modal-kicker{
color:#38d5ff;
letter-spacing:.18em;
font-size:12px;
font-weight:900;
}
.new-call-type-row{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:8px;
margin:12px 0 16px;
}
.new-call-type-row button{
background:#0b1c34;
border:1px solid #2d6eb5;
color:#cfe4ff;
border-radius:8px;
padding:10px 8px;
font-weight:900;
cursor:pointer;
}
.new-call-type-row button:hover{
background:#164b89;
color:#fff;
}
.new-call-grid-v55{
grid-template-columns:1.4fr .9fr .9fr!important;
}
.new-call-card-v55 input,
.new-call-card-v55 select,
.new-call-card-v55 textarea{
background:#070707!important;
border:1px solid #536174!important;
color:#fff!important;
border-radius:7px!important;
padding:11px 12px!important;
font-weight:800!important;
}
.new-call-card-v55 textarea{
min-height:110px!important;
}
.new-call-card-v55 .span2{
grid-column:span 2;
}
@media(max-width:760px){
.new-call-type-row{
grid-template-columns:1fr 1fr;
}
.new-call-grid-v55{
grid-template-columns:1fr!important;
}
.new-call-card-v55 .span2{
grid-column:auto;
}
}
/* v5.6 full search page */
.mdt-search-page{
height:calc(100vh - 28px - 100px - 30px - 24px);
background:#060606;
overflow:auto;
padding:10px;
}
.search-topbar{
background:#10284f;
border:1px solid #2d6eb5;
border-radius:7px;
padding:14px 18px;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:10px;
}
.search-topbar h1{
margin:5px 0 3px;
font-size:30px;
}
.search-topbar p{
margin:0;
color:#cbd8ee;
}
.search-workspace{
display:grid;
grid-template-columns:170px 420px minmax(0,1fr);
gap:10px;
}
.search-tabs-panel,
.search-form-panel,
.search-results-panel{
background:#111;
border:1px solid #666;
border-radius:7px;
overflow:hidden;
}
.search-tabs-panel{
padding:8px;
display:grid;
align-content:start;
gap:8px;
}
.search-tab{
background:#0b1c34;
border:1px solid #2d6eb5;
color:#cfe4ff;
border-radius:7px;
padding:12px 10px;
font-weight:900;
text-align:left;
cursor:pointer;
}
.search-tab.active{
background:#236ad7;
color:#fff;
}
.search-tab.disabled{
opacity:.45;
cursor:not-allowed;
}
.search-form-panel{
padding:16px;
}
.search-form-panel h2{
margin:0 0 12px;
}
.search-form-section{
display:none;
}
.search-form-section.active{
display:block;
}
.search-grid{
display:grid;
gap:10px;
}
.search-grid label{
display:grid;
gap:5px;
color:#fff;
font-weight:900;
}
.search-grid input{
background:#070707;
border:1px solid #536174;
color:#fff;
border-radius:7px;
padding:10px 11px;
font-weight:800;
}
.search-actions{
display:flex;
justify-content:flex-end;
gap:8px;
margin-top:14px;
}
.search-actions button{
background:#1a2740;
border:1px solid #536174;
color:#fff;
border-radius:7px;
padding:10px 14px;
font-weight:900;
}
.search-results-panel header{
height:38px;
background:#123f77;
border-bottom:1px solid #aaa;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 10px;
}
.search-results-panel h2{
margin:0;
font-size:18px;
}
.search-results-empty{
height:260px;
display:grid;
place-content:center;
text-align:center;
gap:6px;
color:#94a8c4;
}
.search-results-list{
padding:10px;
display:grid;
gap:8px;
max-height:calc(100vh - 250px);
overflow:auto;
}
.person-result-card,
.record-result-card{
display:grid;
grid-template-columns:74px 1fr auto;
gap:12px;
align-items:center;
background:#0b0b0b;
border:1px solid #444;
border-radius:7px;
padding:10px;
}
.record-result-card{
grid-template-columns:1fr;
}
.person-result-card:hover,
.record-result-card:hover{
border-color:#2d6eb5;
background:#0d1728;
}
.person-photo{
width:66px;
height:66px;
border-radius:8px;
background:#07162a;
border:1px solid #2d6eb5;
display:grid;
place-items:center;
text-align:center;
color:#4ecfff;
font-size:10px;
font-weight:900;
overflow:hidden;
}
.person-photo.large{
width:120px;
height:120px;
}
.person-photo img{
width:100%;
height:100%;
object-fit:cover;
}
.person-result-card h3{
margin:0 0 6px;
font-size:20px;
}
.person-tags{
display:flex;
flex-wrap:wrap;
gap:6px;
}
.person-tags span{
background:#11294c;
border:1px solid #2d6eb5;
border-radius:999px;
padding:4px 8px;
color:#cfe4ff;
font-size:12px;
}
.person-result-card p{
margin:6px 0 0;
color:#9fb4d0;
}
.person-result-card button{
background:#236ad7;
border:0;
color:#fff;
border-radius:7px;
padding:9px 12px;
font-weight:900;
}
.extra-wide{
max-width:980px!important;
}
.person-record-body{
max-height:70vh;
overflow:auto;
}
.person-record-head{
display:grid;
grid-template-columns:130px 1fr;
gap:16px;
background:#0b1322;
border:1px solid #294265;
border-radius:10px;
padding:14px;
margin-bottom:12px;
}
.person-record-head h3{
margin:0 0 8px;
font-size:26px;
}
.record-section{
background:#0b0b0b;
border:1px solid #444;
border-radius:8px;
padding:12px;
margin-bottom:10px;
}
.record-section.split{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.history-row{
border-bottom:1px solid #333;
padding:8px 0;
}
.history-row:last-child{
border-bottom:0;
}
.history-row b{
color:#40e3ff;
}
@media(max-width:1100px){
.search-workspace{
grid-template-columns:1fr;
}
.search-tabs-panel{
grid-template-columns:repeat(3,1fr);
}
}
/* v5.7 realistic search / records */
.realistic-search-page{
padding:8px!important;
}
.compact-search-topbar{
padding:10px 14px!important;
}
.compact-search-topbar h1{
font-size:24px!important;
}
.real-search-layout{
height:calc(100% - 92px);
display:grid;
grid-template-columns:430px minmax(0,1fr);
gap:8px;
}
.real-search-left{
min-height:0;
display:grid;
grid-template-rows:auto auto minmax(0,1fr);
gap:8px;
}
.real-tabs{
grid-template-columns:repeat(4,1fr);
display:grid;
}
.real-form{
padding:12px!important;
}
.real-form h2{
font-size:18px;
}
.real-results{
min-height:0;
}
.compact-result-list{
max-height:none!important;
height:calc(100% - 38px);
}
.compact-person-result{
grid-template-columns:54px 1fr!important;
cursor:pointer;
}
.compact-person-result.selected{
border-color:#4ca3ff;
background:#112441;
}
.compact-person-result .person-photo{
width:48px;
height:48px;
}
.compact-person-result h3{
font-size:16px;
}
.real-record-viewer{
min-height:0;
background:#111;
border:1px solid #666;
border-radius:7px;
overflow:auto;
padding:10px;
}
.record-empty-state{
height:100%;
min-height:360px;
display:grid;
place-content:center;
text-align:center;
color:#90a7c5;
gap:6px;
}
.real-id-card{
display:grid;
grid-template-columns:160px 1fr;
gap:14px;
background:linear-gradient(135deg,#0d1c33,#101827);
border:1px solid #2d6eb5;
border-radius:10px;
padding:14px;
margin-bottom:10px;
}
.id-photo-block{
display:grid;
gap:10px;
align-content:start;
}
.attach-record-btn{
background:#236ad7;
color:#fff;
border:0;
border-radius:7px;
padding:10px;
font-weight:900;
}
.id-header-line{
display:flex;
justify-content:space-between;
gap:10px;
align-items:center;
}
.flag-strip{
display:flex;
flex-wrap:wrap;
gap:6px;
}
.record-flag{
border-radius:999px;
padding:5px 9px;
font-size:12px;
font-weight:900;
letter-spacing:.04em;
}
.flag-high{
background:#5b1118;
border:1px solid #ff4f5f;
color:#ff7b86;
}
.flag-medium{
background:#573611;
border:1px solid #ffb347;
color:#ffd08a;
}
.flag-low{
background:#16365c;
border:1px solid #5da8ff;
color:#baddff;
}
.flag-clear{
background:#123f23;
border:1px solid #22dd66;
color:#8cffb0;
}
.id-main h2{
margin:8px 0 12px;
font-size:30px;
}
.id-data-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
}
.id-data-grid div{
background:#070707;
border:1px solid #394d68;
border-radius:6px;
padding:8px;
}
.id-data-grid div.wide{
grid-column:1 / -1;
}
.id-data-grid b{
display:block;
color:#9fb4d0;
font-size:12px;
}
.id-data-grid span{
color:#fff;
font-weight:900;
}
.record-panels-grid{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:10px;
}
.record-panel{
background:#0b0b0b;
border:1px solid #555;
border-radius:7px;
overflow:hidden;
}
.record-panel header{
height:34px;
background:#123f77;
border-bottom:1px solid #aaa;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 10px;
}
.record-panel h3{
margin:0;
font-size:16px;
}
.record-scroll{
padding:10px;
max-height:240px;
overflow:auto;
}
.realistic-history strong{
display:block;
margin-top:4px;
color:#fff;
}
.mini-record{
background:#080d16;
border:1px solid #294265;
border-radius:6px;
padding:8px;
margin-bottom:8px;
}
.mini-record b{
color:#ffff39;
display:block;
}
.mini-record span{
display:block;
color:#fff;
}
.mini-record small{
color:#9fc2ea;
}
.attach-card{
max-width:520px!important;
}
.attach-card label{
display:grid;
gap:6px;
margin-bottom:12px;
font-weight:900;
}
.attach-card select{
background:#070707;
color:#fff;
border:1px solid #536174;
border-radius:7px;
padding:10px;
}
@media(max-width:1100px){
.real-search-layout{
grid-template-columns:1fr;
height:auto;
}
.record-panels-grid{
grid-template-columns:1fr;
}
}
/* v5.8 realistic new call intake */
.new-call-card-v58{
max-width:900px!important;
}
.new-call-card-v58 header h2{
margin:4px 0 0!important;
font-size:31px!important;
}
.intake-progress-v58{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:6px;
margin:10px 0 12px;
}
.intake-progress-v58 span{
background:#07162a;
border:1px solid #294265;
color:#8fb6e8;
border-radius:999px;
padding:6px 9px;
font-size:11px;
font-weight:900;
text-align:center;
text-transform:uppercase;
letter-spacing:.04em;
}
.intake-progress-v58 span.active{
background:#123f77;
border-color:#4ca3ff;
color:#fff;
}
.new-call-type-row-v58{
grid-template-columns:repeat(4,1fr)!important;
margin-bottom:12px!important;
}
.call-intake-layout-v58{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.call-intake-panel-v58{
background:#0a1424;
border:1px solid #294265;
border-radius:10px;
padding:12px;
}
.call-intake-panel-v58 h3{
margin:0 0 10px;
color:#d9e8ff;
font-size:16px;
}
.call-intake-panel-v58 input,
.call-intake-panel-v58 select,
.call-intake-panel-v58 textarea{
background:#050505!important;
border:1px solid #536174!important;
color:#fff!important;
border-radius:7px!important;
padding:10px 11px!important;
font-weight:800!important;
}
.caller-grid-v58{
grid-template-columns:1fr 1fr!important;
}
.span-all-v58{
grid-column:1 / -1;
}
.narrative-grid-v58{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.narrative-grid-v58 label{
display:grid;
gap:5px;
font-weight:900;
}
.narrative-grid-v58 textarea{
min-height:100px!important;
}
.new-call-card-v58 footer{
margin-top:12px!important;
}
@media(max-width:900px){
.call-intake-layout-v58,
.narrative-grid-v58{
grid-template-columns:1fr;
}
.span-all-v58{
grid-column:auto;
}
.intake-progress-v58,
.new-call-type-row-v58{
grid-template-columns:1fr 1fr!important;
}
}
/* v5.9 search results in record viewer */
.v59-search-layout{
grid-template-columns:380px minmax(0,1fr)!important;
}
.v59-search-left{
grid-template-rows:auto auto auto!important;
}
.search-hint-panel-v59{
background:#111;
border:1px solid #666;
border-radius:7px;
padding:12px;
color:#9fb4d0;
}
.search-hint-panel-v59 h3{
margin:0 0 8px;
color:#fff;
}
.v59-record-viewer{
padding:0!important;
display:grid;
grid-template-rows:auto minmax(0,1fr);
}
.viewer-header-v59{
min-height:56px;
background:#10284f;
border-bottom:1px solid #2d6eb5;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 12px;
}
.viewer-header-v59 h2{
margin:4px 0 0;
font-size:23px;
}
.result-count-pill{
background:#07162a;
border:1px solid #4ca3ff;
color:#d9e8ff;
border-radius:999px;
padding:7px 10px;
font-weight:900;
}
.viewer-results-list-v59{
padding:10px;
overflow:auto;
display:grid;
align-content:start;
gap:8px;
}
.viewer-result-row{
display:grid;
grid-template-columns:64px 1fr auto;
gap:12px;
align-items:center;
background:#0b0b0b;
border:1px solid #444;
border-radius:7px;
padding:10px;
cursor:pointer;
}
.viewer-result-row:hover{
background:#0d1728;
border-color:#2d6eb5;
}
.viewer-result-row h3{
margin:0 0 6px;
}
.viewer-result-row p{
margin:6px 0 0;
color:#9fb4d0;
}
.viewer-result-row button{
background:#236ad7;
color:#fff;
border:0;
border-radius:7px;
padding:9px 12px;
font-weight:900;
}
.back-to-results-v59{
background:#1a2740;
color:#fff;
border:1px solid #536174;
border-radius:7px;
padding:9px 12px;
font-weight:900;
}
.attach-record-btn.small{
padding:9px 12px;
}
.note-record-link{
display:inline-block;
margin-left:8px;
background:#236ad7;
color:#fff!important;
text-decoration:none;
border-radius:5px;
padding:3px 7px;
font-size:12px;
font-weight:900;
}
@media(max-width:1100px){
.v59-search-layout{
grid-template-columns:1fr!important;
}
}
/* v6.0 merged modal fix + search layout cleanup */
.dispatch-intake-modal .modal-card,
.new-call-modal .modal-card,
#newCallModal .modal-card,
#newCallModal .new-call-card-v58 {
width:min(980px, calc(100vw - 70px))!important;
max-width:980px!important;
height:min(780px, calc(100vh - 70px))!important;
max-height:780px!important;
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
}
#newCallModal .new-call-card-v58{
overflow:auto!important;
}
#newCallModal .call-intake-layout-v58{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
min-width:0!important;
}
#newCallModal .call-intake-panel-v58{
min-width:0!important;
}
#newCallModal .narrative-grid-v58{
grid-template-columns:1fr!important;
}
#newCallModal textarea,
#newCallModal input,
#newCallModal select{
width:100%!important;
box-sizing:border-box!important;
}
#newCallModal .span-all-v58{
grid-column:1 / -1!important;
}
#newCallModal footer{
position:sticky!important;
bottom:0!important;
background:#08162d!important;
padding-top:10px!important;
}
.search-v60{
padding:6px!important;
}
.v60-topbar{
min-height:58px!important;
padding:8px 12px!important;
margin-bottom:6px!important;
}
.v60-topbar h1{
font-size:22px!important;
margin:4px 0 0!important;
}
.v60-topbar p,
.v60-topbar .mdt-blue-btn{
display:none!important;
}
.v60-search-layout{
height:calc(100% - 66px)!important;
grid-template-columns:340px minmax(0,1fr)!important;
gap:6px!important;
}
.v60-search-left{
grid-template-rows:auto auto auto!important;
gap:6px!important;
}
.v60-form{
padding:10px!important;
}
.v60-form h2{
font-size:16px!important;
margin-bottom:8px!important;
}
.v60-hints{
padding:10px!important;
}
.v60-hints h3{
font-size:15px!important;
}
.v60-hints p{
font-size:12px!important;
}
.v60-record-viewer{
padding:0!important;
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
}
.viewer-header-v60{
min-height:52px;
background:#10284f;
border-bottom:1px solid #2d6eb5;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:8px 10px;
flex-shrink:0;
}
.viewer-header-v60 h2{
margin:3px 0 0;
font-size:20px;
}
.viewer-header-actions-v60{
display:flex;
gap:8px;
align-items:center;
}
.viewer-results-list-v60{
padding:8px;
overflow:auto;
display:grid;
align-content:start;
gap:7px;
}
.viewer-result-row{
display:grid;
grid-template-columns:54px 1fr auto;
gap:10px;
align-items:center;
background:#0b0b0b;
border:1px solid #444;
border-radius:7px;
padding:9px;
cursor:pointer;
}
.viewer-result-row:hover,
.mini-record:hover{
background:#0d1728;
border-color:#2d6eb5;
}
.viewer-result-row h3{
margin:0 0 4px;
font-size:17px;
}
.viewer-result-row p{
margin:4px 0 0;
color:#9fb4d0;
}
.viewer-result-row button{
background:#236ad7;
color:#fff;
border:0;
border-radius:7px;
padding:8px 11px;
font-weight:900;
}
.vehicle-icon-v60{
width:48px;
height:48px;
background:#07162a;
border:1px solid #2d6eb5;
color:#4ecfff;
border-radius:8px;
display:grid;
place-items:center;
font-size:11px;
font-weight:900;
}
.v60-id-card{
margin:8px!important;
}
.v60-panels,
.record-panels-grid.v60-panels{
margin:8px;
grid-template-columns:1fr 1fr!important;
}
.vehicle-record-card-v60{
margin:8px;
display:grid;
grid-template-columns:130px 1fr;
gap:14px;
background:linear-gradient(135deg,#0d1c33,#101827);
border:1px solid #2d6eb5;
border-radius:10px;
padding:14px;
}
.vehicle-big-icon-v60{
width:110px;
height:110px;
background:#07162a;
border:1px solid #2d6eb5;
border-radius:10px;
color:#4ecfff;
display:grid;
place-items:center;
font-weight:900;
}
.single-v60{
margin:8px;
grid-template-columns:1fr!important;
}
.mini-record{
cursor:pointer;
}
@media(max-width:1100px){
.v60-search-layout{
grid-template-columns:1fr!important;
height:auto!important;
}
#newCallModal .call-intake-layout-v58{
grid-template-columns:1fr!important;
}
#newCallModal .span-all-v58{
grid-column:auto!important;
}
}
/* v6.1 search fixes: active-only fields, vehicle search, better scrolling */
.v60-record-viewer{
min-height:0!important;
max-height:100%!important;
}
.record-scroll-page-v61{
overflow:auto!important;
flex:1 1 auto!important;
min-height:0!important;
padding-bottom:18px!important;
}
.v60-record-viewer > .record-scroll-page-v61{
height:calc(100% - 53px)!important;
}
.v60-id-card,
.vehicle-record-card-v60{
flex-shrink:0!important;
}
.v60-panels,
.record-panels-grid{
align-items:start!important;
}
.record-panel{
min-height:0!important;
}
.record-scroll{
max-height:260px!important;
overflow:auto!important;
}
.real-search-layout.v60-search-layout{
min-height:0!important;
}
.real-search-left.v60-search-left{
min-height:0!important;
}
body:has(.search-v60){
overflow:hidden!important;
}
.search-v60{
height:calc(100vh - 28px - 100px - 30px - 24px)!important;
overflow:hidden!important;
}
.v60-search-layout{
min-height:0!important;
}
.viewer-results-list-v60{
height:calc(100% - 53px)!important;
overflow:auto!important;
}
.viewer-header-v60{
position:sticky!important;
top:0!important;
z-index:5!important;
}
.open-vehicle-record,
.open-call-record{
cursor:pointer!important;
}
.open-vehicle-record:hover,
.open-call-record:hover{
border-color:#4ca3ff!important;
}
@media(max-width:1100px){
body:has(.search-v60){
overflow:auto!important;
}
.search-v60{
height:auto!important;
overflow:auto!important;
}
.v60-record-viewer > .record-scroll-page-v61{
height:auto!important;
max-height:none!important;
}
}
/* v6.2 call intake simplified + transparent footer + scroll fixes */
#newCallModal .new-call-card-v62{
width:min(900px, calc(100vw - 70px))!important;
max-width:900px!important;
height:min(760px, calc(100vh - 70px))!important;
max-height:760px!important;
overflow:auto!important;
display:flex!important;
flex-direction:column!important;
background:linear-gradient(180deg,#0c2347 0%,#08162d 100%)!important;
border:1px solid #2c6eb8!important;
border-radius:14px!important;
}
.new-call-card-v62 header{
flex-shrink:0!important;
}
.new-call-card-v62 header h2{
font-size:30px!important;
margin:4px 0 0!important;
}
.call-type-grid-v62{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:8px!important;
padding:0 18px 10px!important;
}
.call-type-grid-v62 button{
background:#0b2547!important;
border:1px solid #3476c7!important;
color:#e6f2ff!important;
border-radius:9px!important;
padding:11px!important;
font-weight:900!important;
}
.intake-panel-v62{
background:rgba(7,16,31,.92)!important;
border:1px solid #214d86!important;
border-radius:10px!important;
padding:12px!important;
margin:0 18px 10px!important;
}
.intake-panel-v62 h3{
margin:0 0 10px!important;
color:#fff!important;
font-size:16px!important;
}
.intake-grid-v62{
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:10px!important;
}
.intake-grid-v62 label,
.caller-simple-v62 label{
display:grid!important;
gap:5px!important;
font-weight:900!important;
}
.intake-grid-v62 .span2{
grid-column:span 2!important;
}
.caller-simple-v62{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:10px!important;
}
.new-call-card-v62 input,
.new-call-card-v62 select,
.new-call-card-v62 textarea{
width:100%!important;
box-sizing:border-box!important;
background:#050505!important;
color:#fff!important;
border:1px solid #3b4f68!important;
border-radius:8px!important;
padding:10px 11px!important;
font-weight:800!important;
}
.narrative-v62{
min-height:130px!important;
resize:vertical!important;
}
.intake-footer-v62{
position:sticky!important;
bottom:0!important;
background:rgba(8,22,45,.72)!important;
backdrop-filter:blur(10px)!important;
border-top:1px solid rgba(255,255,255,.06)!important;
display:flex!important;
justify-content:flex-end!important;
gap:10px!important;
padding:10px 18px 14px!important;
margin-top:auto!important;
}
.intake-footer-v62 button{
min-width:110px!important;
}
.intake-footer-v62 [data-tts-preview]{
margin-right:auto!important;
background:#1a2740!important;
border:1px solid #536174!important;
color:#fff!important;
}
/* v6.2 search record scroll */
.record-scroll-page-v61,
.v60-record-viewer{
min-height:0!important;
}
.record-scroll-page-v61{
overflow:auto!important;
height:calc(100% - 53px)!important;
padding-bottom:18px!important;
}
.viewer-results-list-v60{
height:calc(100% - 53px)!important;
overflow:auto!important;
}
.record-scroll{
max-height:260px!important;
overflow:auto!important;
}
@media(max-width:900px){
.intake-grid-v62,
.caller-simple-v62{
grid-template-columns:1fr!important;
}
.intake-grid-v62 .span2{
grid-column:auto!important;
}
.call-type-grid-v62{
grid-template-columns:1fr 1fr!important;
}
}
/* v6.3 panic + audio UI */
.panic-ribbon-btn{
margin-left:auto!important;
background:#5b1118!important;
border-color:#ff4f5f!important;
color:#fff!important;
animation:panicBtnPulse 1.2s infinite;
}
.panic-ribbon-btn span{
color:#ffdfdf!important;
}
@keyframes panicBtnPulse{
0%,100%{box-shadow:0 0 0 rgba(255,0,0,0)}
50%{box-shadow:0 0 18px rgba(255,0,0,.55)}
}
.panic-overlay{
position:fixed;
inset:0;
z-index:99999;
display:none;
align-items:center;
justify-content:center;
background:rgba(80,0,0,.32);
backdrop-filter:blur(2px);
pointer-events:none;
}
.panic-overlay.show{
display:flex;
}
.panic-card{
pointer-events:auto;
min-width:420px;
max-width:680px;
border:3px solid #ff2e42;
background:linear-gradient(180deg,#45060c,#120000);
border-radius:14px;
padding:28px;
text-align:center;
box-shadow:0 0 60px rgba(255,0,0,.7);
animation:panicCardFlash .65s infinite;
}
.panic-title{
color:#fff;
font-size:44px;
font-weight:1000;
letter-spacing:.08em;
}
.panic-unit{
color:#ffff39;
font-size:36px;
font-weight:1000;
margin-top:12px;
}
.panic-location{
color:#fff;
font-size:22px;
font-weight:900;
margin-top:8px;
}
.panic-card button{
margin-top:22px;
background:#fff;
color:#8b000b;
border:0;
border-radius:8px;
padding:12px 18px;
font-weight:1000;
}
@keyframes panicCardFlash{
0%,100%{transform:scale(1); filter:brightness(1)}
50%{transform:scale(1.015); filter:brightness(1.45)}
}
body.panic-active-ui .statusbar{
background:#a60010!important;
}
.unit-panic-active,
.unit-panic-active > div{
background:#60000a!important;
color:#fff!important;
animation:unitPanicFlash .55s infinite!important;
}
@keyframes unitPanicFlash{
0%,100%{background:#60000a!important}
50%{background:#ff0018!important}
}
/* v6.4 panic moved to top-right HSCAD title area */
.topbar-right-panic{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin-left:auto!important;
}
.top-panic-btn{
height:42px;
min-width:76px;
display:grid;
place-items:center;
gap:0;
background:#6f0d17;
border:1px solid #ff4f5f;
color:#fff;
border-radius:7px;
font-weight:1000;
cursor:pointer;
animation:panicBtnPulse 1.2s infinite;
}
.top-panic-btn span{
line-height:1;
font-size:18px;
}
.top-panic-btn small{
font-size:11px;
line-height:1;
font-weight:1000;
}
.top-panic-btn:hover{
background:#b00014;
}
.call-context-menu [data-call-action="detach"]{
color:#ffcb70!important;
}
/* v6.5 force PANIC under HSCAD title at far right */
.panic-top-right-slot{
display:grid!important;
place-items:center!important;
width:74px!important;
height:46px!important;
margin-top:4px!important;
margin-left:auto!important;
background:#7b111d!important;
border:1px solid #ff4f5f!important;
color:#fff!important;
border-radius:7px!important;
font-weight:1000!important;
cursor:pointer!important;
z-index:9999!important;
animation:panicBtnPulse 1.15s infinite!important;
}
.panic-top-right-slot span{
font-size:18px!important;
line-height:1!important;
}
.panic-top-right-slot small{
font-size:10px!important;
line-height:1!important;
font-weight:1000!important;
}
.panic-force-fixed{
position:fixed!important;
top:31px!important;
right:8px!important;
}
.topbar-right .panic-top-right-slot{
position:static!important;
}
.topbar-right{
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
gap:2px!important;
}
.call-context-menu [data-call-action="detach"],
#callContextMenu [data-call-action="detach"],
[data-call-action="detach"]{
color:#ffcb70!important;
font-weight:900!important;
}
/* v6.6 panic button same style as ribbon buttons, not tiny/floating */
.panic-force-fixed,
.panic-force-fixed-disabled,
.panic-top-right-slot:not(.panic-ribbon-real){
display:none!important;
}
.panic-ribbon-real{
margin-left:auto!important;
background:#7b111d!important;
border-color:#ff4f5f!important;
color:#fff!important;
animation:panicBtnPulse 1.15s infinite!important;
}
.panic-ribbon-real span,
.panic-ribbon-real small{
color:#fff!important;
}
.panic-ribbon-real.panic-clicked{
background:#ff0018!important;
transform:scale(.98);
}
.unit-panic-active,
.unit-panic-active td,
.unit-panic-active div{
background:#78000d!important;
color:#fff!important;
animation:unitPanicFlash .55s infinite!important;
}
.panic-statusbar,
body.panic-active-ui .statusbar,
body.panic-active-ui .cad-statusbar{
background:#b00014!important;
color:#fff!important;
}
#panicClearBtn{
margin-left:8px!important;
background:#1e6bd6!important;
color:#fff!important;
}
/* v6.7 RESTORE PANIC BUTTON - do not hide it */
.panic-force-fixed,
.panic-force-fixed-disabled,
.panic-top-right-slot{
display:grid!important;
}
.panic-top-right-slot,
.panic-ribbon-real{
width:92px!important;
min-width:92px!important;
height:64px!important;
background:#7b111d!important;
border:1px solid #ff4f5f!important;
color:#fff!important;
border-radius:7px!important;
font-weight:1000!important;
cursor:pointer!important;
animation:panicBtnPulse 1.15s infinite!important;
place-items:center!important;
text-align:center!important;
}
.panic-top-right-slot span,
.panic-ribbon-real span{
display:block!important;
font-size:22px!important;
line-height:1!important;
}
.panic-top-right-slot small,
.panic-ribbon-real small{
display:block!important;
font-size:12px!important;
line-height:1!important;
color:#fff!important;
font-weight:1000!important;
}
.panic-ribbon-real{
margin-left:10px!important;
}
.cad-panic-holder-v67{
margin-left:auto!important;
display:flex!important;
align-items:center!important;
padding-right:8px!important;
}
/* v6.8 panic: no UI popup, only button/unit/status changes */
.panic-overlay,
#panicOverlay{
display:none!important;
pointer-events:none!important;
}
.panic-ribbon-real,
.panic-top-right-slot{
background:#7b111d!important;
border-color:#ff4f5f!important;
}
.panic-ribbon-real.panic-clear-mode,
.panic-top-right-slot.panic-clear-mode{
background:#145c28!important;
border-color:#43e66f!important;
animation:none!important;
}
.panic-ribbon-real.panic-clear-mode small,
.panic-top-right-slot.panic-clear-mode small{
font-size:10px!important;
}
.unit-panic-active,
.unit-panic-active td,
.unit-panic-active div{
background:#8c0010!important;
color:#fff!important;
animation:unitPanicFlash .55s infinite!important;
}
.panic-statusbar{
background:#b00014!important;
color:#fff!important;
}
/* v7.2 live/ajax status */
.live-disconnected,
.hscad-disconnected .statusbar,
.hscad-disconnected .cad-statusbar,
.hscad-disconnected .bottom-statusbar{
background:#7b111d!important;
color:#fff!important;
}
.call-row-red{
background:#2a0508!important;
animation:callNoUnitFlash 1s infinite!important;
}
.call-row-orange{
background:#2a1900!important;
}
.call-row-green{
background:#061a0c!important;
}
@keyframes callNoUnitFlash{
0%,100%{background:#2a0508!important}
50%{background:#8c0010!important}
}
/* v7.3 panic button same size as ribbon buttons and no flashing */
.panic-ribbon-real,
.ribbon-btn.panic-ribbon-real,
.panic-top-right-slot.panic-ribbon-real{
width:92px!important;
min-width:92px!important;
max-width:92px!important;
height:74px!important;
min-height:74px!important;
max-height:74px!important;
margin-left:10px!important;
background:#244a80!important;
border:1px solid rgba(255,255,255,.25)!important;
color:#fff!important;
border-radius:7px!important;
animation:none!important;
box-shadow:none!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
padding:0!important;
}
.panic-ribbon-real span{
font-size:22px!important;
line-height:1!important;
color:#ffd400!important;
}
.panic-ribbon-real small{
font-size:12px!important;
line-height:1!important;
font-weight:900!important;
color:#fff!important;
}
.panic-ribbon-real:hover{
background:#2d5c9d!important;
}
.panic-ribbon-real.panic-clear-mode{
background:#7b111d!important;
border-color:#ff4f5f!important;
animation:none!important;
}
.panic-ribbon-real.panic-clear-mode span{
color:#fff!important;
}
.dynamic-attach-btn-v73{
color:#ffdf75!important;
font-weight:900!important;
}
/* v7.4 context single attach/detach row */
.dynamic-attach-btn-v73,
.dynamic-attach-btn-v74{
color:#ffdf75!important;
font-weight:900!important;
}
/* v7.5 AJAX-safe context menu */
.dynamic-attach-btn-v75{
color:#ffdf75!important;
font-weight:900!important;
}
body.hscad-context-open-v75 .call-context-menu,
body.hscad-context-open-v75 #callContextMenu{
pointer-events:auto!important;
}
/* v7.6 static context menu */
.static-call-action-v76{
color:#fff!important;
font-weight:900!important;
}
.static-call-action-v76[data-call-action="detach"]{
color:#ffdf75!important;
}
/* v7.8 static context crash fix */
.static-call-action-v78{
color:#fff!important;
font-weight:900!important;
}
.static-call-action-v78[data-call-action="detach"]{
color:#ffdf75!important;
}
/* v7.9 final static context menu */
.static-call-action-v79{
color:#fff!important;
font-weight:900!important;
}
.static-call-action-v79[data-call-action="detach"]{
color:#ffdf75!important;
}
/* v8.0 hard context fix */
#callContextMenu,
#unitContextMenu,
.call-context-menu{
display:none;
position:fixed;
z-index:9999;
}
#callContextMenu.show,
#unitContextMenu.show,
.call-context-menu.show{
display:block;
}
#callContextMenu button,
#unitContextMenu button{
width:100%;
text-align:left;
}
#callContextMenu [data-menu-action="detach"]{ color:#ffdf75!important; }
.unit-context-menu .unit-context-other{ display:block; }
.unit-context-menu.is-own-unit .unit-context-other{ display:none; }
.unit-context-menu.is-other-unit .unit-context-own{ display:none; }
/* v8.1 Forms module */
.forms-v81{
height:calc(100vh - 28px - 100px - 30px - 24px);
overflow:hidden;
padding:8px;
background:#050505;
color:#fff;
}
.forms-hero{
height:76px;
border:1px solid #2d6fb7;
background:linear-gradient(180deg,#102b55,#0b1f3e);
border-radius:6px;
padding:12px 16px;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:8px;
}
.forms-hero h1{
margin:0;
font-size:24px;
}
.forms-hero p{
margin:4px 0 0;
color:#bdd2ef;
font-weight:800;
}
.forms-hero-actions{
display:flex;
gap:8px;
}
.forms-layout{
height:calc(100% - 86px);
display:grid;
grid-template-columns:190px minmax(520px, 1fr) minmax(420px, .95fr);
gap:8px;
min-height:0;
}
.forms-sidebar,
.forms-board,
.form-record-viewer{
border:1px solid #5a5a5a;
background:#111;
border-radius:5px;
min-height:0;
overflow:hidden;
}
.forms-sidebar{
padding:8px;
display:flex;
flex-direction:column;
gap:6px;
}
.form-type-tab,
.forms-quick-create button{
background:#071427;
border:1px solid #1e67af;
color:#e8f3ff;
border-radius:5px;
padding:10px;
text-align:left;
font-weight:900;
cursor:pointer;
}
.form-type-tab.active{
background:#1d63c5;
}
.form-type-tab.muted{
opacity:.75;
}
.forms-quick-create{
border-top:1px solid #333;
margin-top:8px;
padding-top:8px;
display:grid;
gap:6px;
}
.forms-quick-create h3{
margin:0 0 4px;
}
.forms-board{
display:flex;
flex-direction:column;
}
.forms-board-header,
.form-record-header{
background:#0e4b86;
border-bottom:1px solid #77a5d7;
padding:8px 10px;
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
}
.forms-board-header h2,
.form-record-header h2{
margin:0;
font-size:20px;
}
.forms-searchbar{
display:flex;
gap:6px;
}
.forms-searchbar input{
width:260px;
}
.forms-searchbar input,
.forms-searchbar button,
.form-create-card input,
.form-create-card select,
.form-create-card textarea{
background:#050505;
border:1px solid #3b5877;
color:#fff;
border-radius:4px;
padding:8px;
font-weight:800;
}
.forms-searchbar button,
.record-actions button,
.lookup-line button{
background:#1e65c7;
border:1px solid #4388df;
color:#fff;
border-radius:4px;
padding:8px 12px;
font-weight:900;
}
.forms-table-wrap{
overflow:auto;
flex:1;
}
.forms-table{
width:100%;
border-collapse:collapse;
font-weight:900;
}
.forms-table th{
background:#104b86;
border:1px solid #aaa;
padding:6px;
text-align:left;
position:sticky;
top:0;
z-index:2;
}
.forms-table td{
border:1px solid #555;
padding:6px;
background:#151515;
}
.forms-table tr:hover td{
background:#233650;
}
.form-num{
color:#ffd400;
}
.type-pill,
.status-pill{
display:inline-block;
border-radius:4px;
padding:3px 6px;
border:1px solid #3d77bb;
background:#09203b;
}
.type-warrant{ color:#ff6b6b; }
.type-citation{ color:#ffd400; }
.type-arrest_report{ color:#ff9b2f; }
.type-fix_it_ticket{ color:#65d6ff; }
.type-warning{ color:#d3ff65; }
.type-field_interview{ color:#c285ff; }
.status-active{ color:#00ff66; }
.status-pending{ color:#ffd400; }
.status-served{ color:#65d6ff; }
.status-closed,.status-archived{ color:#aaa; }
.status-void{ color:#ff5d5d; }
.empty-table,
.empty-record{
color:#9fb3ca;
text-align:center;
padding:50px 10px!important;
}
.empty-record{
height:100%;
display:grid;
place-content:center;
gap:8px;
}
.form-record-viewer{
display:flex;
flex-direction:column;
}
.record-actions{
display:flex;
gap:6px;
}
.form-record-body{
overflow:auto;
padding:8px;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.record-id-card,
.record-panel{
border:1px solid #315d8c;
background:#07101f;
border-radius:5px;
padding:10px;
}
.record-id-card h3,
.record-panel h3{
margin:0 0 8px;
}
.record-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.record-grid div{
border:1px solid #333;
background:#050505;
padding:8px;
border-radius:4px;
}
.record-grid b{
display:block;
color:#9fb3ca;
font-size:12px;
}
.record-grid span{
display:block;
font-weight:900;
}
.record-panel.span2,
.record-id-card.span2{
grid-column:span 2;
}
.record-panel pre{
white-space:pre-wrap;
font-family:inherit;
font-weight:800;
margin:0;
}
.form-create-card{
width:min(940px, calc(100vw - 60px))!important;
max-height:calc(100vh - 60px);
overflow:auto;
}
.form-create-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:10px;
padding:12px 18px;
}
.form-create-grid label{
display:grid;
gap:5px;
font-weight:900;
}
.form-create-grid .span2{
grid-column:span 2;
}
.form-create-grid textarea{
min-height:110px;
resize:vertical;
}
.lookup-line{
display:flex;
gap:6px;
}
.lookup-line input{
flex:1;
}
.lookup-results{
grid-column:span 3;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
min-height:40px;
}
.lookup-col{
border:1px solid #2d6fb7;
background:#07101f;
border-radius:5px;
padding:8px;
display:grid;
gap:5px;
}
.lookup-result{
background:#050505;
border:1px solid #315d8c;
color:#fff;
border-radius:4px;
padding:8px;
text-align:left;
font-weight:900;
}
.lookup-result small{
display:block;
color:#9fb3ca;
}
.muted-text{
color:#9fb3ca;
}
@media(max-width:1100px){
.forms-v81{height:auto; overflow:auto;}
.forms-layout{height:auto; grid-template-columns:1fr;}
.form-record-body,.form-create-grid,.lookup-results{grid-template-columns:1fr;}
.record-panel.span2,.record-id-card.span2,.form-create-grid .span2,.lookup-results{grid-column:auto;}
}
/* v8.2 Forms embedded in MDT */
.forms-v81.mdt-embedded-page{
height:calc(100vh - 170px - 30px)!important;
padding:6px!important;
background:#050505!important;
overflow:hidden!important;
}
.forms-v81.mdt-embedded-page .forms-hero{
height:56px!important;
border-radius:3px!important;
margin-bottom:6px!important;
padding:8px 12px!important;
background:#102b55!important;
border:1px solid #5f8fc6!important;
}
.forms-v81.mdt-embedded-page .forms-hero h1{
font-size:20px!important;
}
.forms-v81.mdt-embedded-page .forms-hero p{
font-size:12px!important;
}
.forms-v81.mdt-embedded-page .forms-layout{
height:calc(100% - 64px)!important;
grid-template-columns:190px minmax(520px, 1.15fr) minmax(430px, .85fr)!important;
}
.forms-v81.mdt-embedded-page .forms-sidebar,
.forms-v81.mdt-embedded-page .forms-board,
.forms-v81.mdt-embedded-page .form-record-viewer{
border-radius:2px!important;
background:#101010!important;
}
.forms-v81.mdt-embedded-page .forms-board-header,
.forms-v81.mdt-embedded-page .form-record-header,
.forms-v81.mdt-embedded-page .forms-table th{
background:#0e4b86!important;
}
.forms-v81.mdt-embedded-page .forms-table td{
background:#141414!important;
}
.forms-v81.mdt-embedded-page .forms-table tr:hover td{
background:#223754!important;
}
/* v8.3 Forms: make it look like the Search Records MDT page */
.forms-v83.search-style-page{
height:calc(100vh - 170px - 30px)!important;
background:#050505!important;
padding:5px!important;
overflow:hidden!important;
color:#fff!important;
}
.forms-v83 .search-style-titlebar{
height:58px!important;
border:1px solid #2d6fb7!important;
background:#102b55!important;
border-radius:4px!important;
padding:8px 12px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
margin-bottom:6px!important;
}
.forms-v83 .search-style-titlebar h1{
margin:0!important;
font-size:22px!important;
line-height:1.1!important;
}
.forms-v83 .forms-title-actions{
display:flex!important;
gap:8px!important;
}
.forms-v83 .search-style-body{
height:calc(100% - 64px)!important;
display:grid!important;
grid-template-columns:300px 1fr!important;
gap:5px!important;
min-height:0!important;
}
.forms-v83 .search-style-left{
display:flex!important;
flex-direction:column!important;
gap:5px!important;
min-height:0!important;
overflow:auto!important;
}
.forms-v83 .search-tabs,
.forms-v83 .search-panel,
.forms-v83 .search-style-workspace{
border:1px solid #565656!important;
background:#111!important;
border-radius:4px!important;
}
.forms-v83 .search-tabs{
padding:7px!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:6px!important;
}
.forms-v83 .form-type-tab{
min-height:42px!important;
background:#071427!important;
border:1px solid #1e67af!important;
color:#e8f3ff!important;
border-radius:5px!important;
padding:8px!important;
font-weight:900!important;
cursor:pointer!important;
text-align:left!important;
}
.forms-v83 .form-type-tab.active{
background:#226bd2!important;
}
.forms-v83 .search-panel{
padding:9px!important;
}
.forms-v83 .search-panel h3{
margin:0 0 10px!important;
font-size:16px!important;
}
.forms-v83 .search-panel label{
display:grid!important;
gap:5px!important;
margin-bottom:10px!important;
font-weight:900!important;
}
.forms-v83 input,
.forms-v83 select,
.forms-v83 textarea{
background:#050505!important;
border:1px solid #3b5877!important;
color:#fff!important;
border-radius:4px!important;
padding:9px!important;
font-weight:800!important;
}
.forms-v83 .search-actions{
display:flex!important;
justify-content:flex-end!important;
gap:8px!important;
}
.forms-v83 button,
.forms-v83 .primary-action{
font-weight:900!important;
}
.forms-v83 .search-actions button,
.forms-v83 .primary-action,
.forms-v83 .forms-create-list button,
.forms-v83 .record-actions button,
.forms-v83 .back-results{
background:#1e65c7!important;
border:1px solid #4388df!important;
color:#fff!important;
border-radius:5px!important;
padding:8px 12px!important;
cursor:pointer!important;
}
.forms-v83 .forms-create-list{
display:grid!important;
gap:6px!important;
}
.forms-v83 .search-style-workspace{
min-height:0!important;
overflow:hidden!important;
position:relative!important;
}
.forms-v83 .workspace-empty{
height:100%!important;
display:grid!important;
place-content:center!important;
text-align:center!important;
color:#9fb3ca!important;
gap:8px!important;
}
.forms-v83 .workspace-header,
.forms-v83 .record-topbar{
background:#0e4b86!important;
border-bottom:1px solid #77a5d7!important;
padding:7px 10px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
}
.forms-v83 .workspace-header h2,
.forms-v83 .record-topbar h2{
margin:0!important;
font-size:19px!important;
}
.forms-v83 .forms-results-view,
.forms-v83 .form-record-viewer-v83{
height:100%!important;
overflow:hidden!important;
}
.forms-v83 .forms-table-wrap{
height:calc(100% - 48px)!important;
overflow:auto!important;
}
.forms-v83 .forms-table{
width:100%!important;
border-collapse:collapse!important;
font-weight:900!important;
}
.forms-v83 .forms-table th{
background:#104b86!important;
border:1px solid #aaa!important;
padding:6px!important;
text-align:left!important;
position:sticky!important;
top:0!important;
z-index:2!important;
}
.forms-v83 .forms-table td{
background:#151515!important;
border:1px solid #555!important;
padding:6px!important;
}
.forms-v83 .forms-table tr:hover td{
background:#243852!important;
}
.forms-v83 .form-num{
color:#ffd400!important;
}
.forms-v83 .type-pill,
.forms-v83 .status-pill{
display:inline-block!important;
border-radius:4px!important;
padding:3px 6px!important;
border:1px solid #3d77bb!important;
background:#09203b!important;
}
.forms-v83 .status-active{color:#00ff66!important;}
.forms-v83 .status-pending{color:#ffd400!important;}
.forms-v83 .status-closed,.forms-v83 .status-archived{color:#aaa!important;}
.forms-v83 .status-void{color:#ff5d5d!important;}
.forms-v83 .type-warrant{color:#ff6b6b!important;}
.forms-v83 .type-citation{color:#ffd400!important;}
.forms-v83 .type-arrest_report{color:#ff9b2f!important;}
.forms-v83 .type-fix_it_ticket{color:#65d6ff!important;}
.forms-v83 .type-warning{color:#d3ff65!important;}
.forms-v83 .type-field_interview{color:#c285ff!important;}
.forms-v83 .form-record-viewer-v83{
overflow:auto!important;
}
.forms-v83 .record-identity{
margin:10px!important;
border:1px solid #2d6fb7!important;
background:#071427!important;
border-radius:5px!important;
padding:12px!important;
display:grid!important;
grid-template-columns:120px 1fr!important;
gap:16px!important;
}
.forms-v83 .record-photo{
height:120px!important;
border:1px solid #2d6fb7!important;
background:#051326!important;
border-radius:5px!important;
display:grid!important;
place-content:center!important;
text-align:center!important;
color:#5ddcff!important;
font-weight:1000!important;
font-size:12px!important;
}
.forms-v83 .record-main-info h1{
margin:6px 0 12px!important;
font-size:28px!important;
}
.forms-v83 .record-fields{
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:8px!important;
}
.forms-v83 .record-fields.small{
grid-template-columns:repeat(3,1fr)!important;
}
.forms-v83 .record-fields div{
border:1px solid #333!important;
background:#050505!important;
border-radius:4px!important;
padding:8px!important;
}
.forms-v83 .record-fields b{
display:block!important;
color:#9fb3ca!important;
font-size:12px!important;
}
.forms-v83 .record-fields span{
display:block!important;
font-weight:900!important;
}
.forms-v83 .record-sections{
padding:0 10px 10px!important;
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}
.forms-v83 .record-panel{
border:1px solid #555!important;
background:#111!important;
border-radius:4px!important;
min-height:110px!important;
}
.forms-v83 .record-panel header{
background:#0e4b86!important;
border-bottom:1px solid #77a5d7!important;
padding:6px 8px!important;
}
.forms-v83 .record-panel pre{
margin:0!important;
padding:10px!important;
white-space:pre-wrap!important;
font-family:inherit!important;
font-weight:800!important;
}
.forms-v83 .lookup-notes p{
color:#bdd2ef!important;
font-size:12px!important;
margin:0!important;
}
.forms-v83 .empty-table{
text-align:center!important;
color:#9fb3ca!important;
padding:40px!important;
}
@media(max-width:1100px){
.forms-v83.search-style-page{height:auto!important; overflow:auto!important;}
.forms-v83 .search-style-body{height:auto!important; grid-template-columns:1fr!important;}
.forms-v83 .record-fields,.forms-v83 .record-fields.small,.forms-v83 .record-sections{grid-template-columns:1fr!important;}
}
/* v8.4 Forms use the MDT toolbar/header, not dashboard/global nav */
body:has(.forms-v83) .app-shell > header:not(.cad-windowbar):not(.cad-ribbon),
body:has(.forms-v83) .global-nav,
body:has(.forms-v83) .dashboard-header,
body:has(.forms-v83) .main-navbar{
display:none!important;
}
body:has(.forms-v83) .cad-windowbar,
.forms-toolbar-injected-v84 .cad-windowbar,
.mdt-forced-toolbar-v84.cad-windowbar{
display:grid!important;
grid-template-columns:1fr auto 1fr!important;
align-items:center!important;
height:24px!important;
background:#575757!important;
color:#fff!important;
font-weight:900!important;
font-size:13px!important;
padding:0 8px!important;
}
body:has(.forms-v83) .cad-menu-left,
.forms-toolbar-injected-v84 .cad-menu-left{
display:flex!important;
gap:22px!important;
}
body:has(.forms-v83) .cad-window-title,
.forms-toolbar-injected-v84 .cad-window-title{
text-align:center!important;
}
body:has(.forms-v83) .cad-window-app,
.forms-toolbar-injected-v84 .cad-window-app{
text-align:right!important;
}
body:has(.forms-v83) .cad-ribbon,
.forms-toolbar-injected-v84 .cad-ribbon,
.mdt-forced-toolbar-v84.cad-ribbon{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-height:108px!important;
background:#244a80!important;
border-bottom:1px solid #5b82b0!important;
padding:10px 8px!important;
}
body:has(.forms-v83) .ribbon-btn,
.forms-toolbar-injected-v84 .ribbon-btn,
.mdt-forced-toolbar-v84 .ribbon-btn{
width:92px!important;
height:74px!important;
border:1px solid rgba(255,255,255,.25)!important;
background:#244a80!important;
color:#fff!important;
border-radius:7px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
text-decoration:none!important;
font-weight:900!important;
padding:0!important;
}
body:has(.forms-v83) .ribbon-btn span,
.forms-toolbar-injected-v84 .ribbon-btn span,
.mdt-forced-toolbar-v84 .ribbon-btn span{
color:#ffd400!important;
font-size:22px!important;
line-height:1!important;
}
body:has(.forms-v83) .ribbon-btn small,
.forms-toolbar-injected-v84 .ribbon-btn small,
.mdt-forced-toolbar-v84 .ribbon-btn small{
color:#fff!important;
font-size:12px!important;
}
body:has(.forms-v83) .ribbon-btn.active,
.forms-toolbar-injected-v84 .ribbon-btn.active,
.mdt-forced-toolbar-v84 .ribbon-btn.active{
background:#1e65c7!important;
}
body:has(.forms-v83) .cad-subnav,
.forms-toolbar-injected-v84 .cad-subnav,
.mdt-forced-toolbar-v84.cad-subnav{
height:28px!important;
background:#1e5d9d!important;
display:flex!important;
align-items:center!important;
gap:16px!important;
padding:0 10px!important;
border-bottom:1px solid #77a5d7!important;
}
body:has(.forms-v83) .cad-subnav a,
.forms-toolbar-injected-v84 .cad-subnav a,
.mdt-forced-toolbar-v84.cad-subnav a{
color:#fff!important;
font-weight:900!important;
text-decoration:none!important;
font-size:13px!important;
}
.forms-v83.search-style-page{
height:calc(100vh - 24px - 108px - 28px - 30px)!important;
}
/* v8.6 header restore: never hide the MDT/CAD toolbar on MDT pages */
body .cad-windowbar,
body .cad-ribbon,
body .cad-subnav{
display:flex;
}
body .cad-windowbar{
display:grid;
}
body:has(.mdt-board) .cad-windowbar,
body:has(.mdt-board) .cad-ribbon,
body:has(.mdt-board) .cad-subnav,
body:has(.forms-v83) .cad-windowbar,
body:has(.forms-v83) .cad-ribbon,
body:has(.forms-v83) .cad-subnav,
body:has(.search-style-page) .cad-windowbar,
body:has(.search-style-page) .cad-ribbon,
body:has(.search-style-page) .cad-subnav{
visibility:visible!important;
opacity:1!important;
}
/* v8.6 safe expanded search styling */
.search-records-header-v86{
background:#0e4b86;border-bottom:1px solid #77a5d7;padding:8px 10px;
display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:900;
}
.person-results-grid-v86{padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:8px;overflow:auto;height:calc(100% - 44px);}
.person-result-card-v86{display:grid;grid-template-columns:76px 1fr;gap:12px;text-align:left;background:#071427;border:1px solid #2d6fb7;color:#fff;border-radius:5px;padding:10px;cursor:pointer;}
.person-result-card-v86:hover{background:#102b55;}
.person-result-card-v86 h3{margin:0 0 4px;font-size:20px;}
.person-result-card-v86 p{margin:2px 0;color:#bdd2ef;font-weight:800;}
.person-photo-small-v86{height:76px;border:1px solid #2d6fb7;background:#051326;color:#5ddcff;font-size:11px;font-weight:1000;display:grid;place-content:center;text-align:center;border-radius:5px;}
.person-photo-small-v86.big{height:132px;}
.flag-danger-v86,.flag-clear-v86{display:inline-block;margin-top:6px;border-radius:999px;padding:3px 8px;font-weight:1000;}
.flag-danger-v86{background:#8a111f;border:1px solid #ff4f5f;color:#fff;}
.flag-clear-v86{background:#092b16;border:1px solid #24b957;color:#5dff91;}
.person-record-v86{height:100%;overflow:auto;}
.identity-strip-v86{margin:10px;border:1px solid #2d6fb7;background:#071427;border-radius:5px;padding:12px;display:grid;grid-template-columns:132px 1fr;gap:14px;}
.id-fields-v86{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.id-fields-v86 div{border:1px solid #333;background:#050505;padding:8px;border-radius:4px;}
.id-fields-v86 b{display:block;color:#9fb3ca;font-size:12px;}
.id-fields-v86 span{font-weight:900;}
.id-fields-v86 .span3{grid-column:span 3;}
.record-sections-v86{padding:0 10px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.record-sections-v86 > div{border:1px solid #555;background:#111;border-radius:4px;padding:8px;}
/* v9.0 toolbar restore: no duplicate, no missing bars */
#hscadMdtToolbarV88,
.forms-native-toolbar-fallback-v87,
.forms-toolbar-injected-v84{
display:none!important;
}
#hscadMdtToolbarV90{
display:block!important;
position:relative!important;
z-index:10000!important;
}
/* Fallback toolbar must look like the MDT toolbar */
#hscadMdtToolbarV90 .cad-windowbar,
.cad-windowbar{
display:grid!important;
grid-template-columns:1fr auto 1fr!important;
align-items:center!important;
height:24px!important;
background:#315c98!important;
color:#fff!important;
font-weight:900!important;
font-size:13px!important;
padding:0 8px!important;
box-sizing:border-box!important;
visibility:visible!important;
opacity:1!important;
}
#hscadMdtToolbarV90 .cad-menu-left,
.cad-windowbar .cad-menu-left{
display:flex!important;
gap:22px!important;
}
#hscadMdtToolbarV90 .cad-window-title,
.cad-windowbar .cad-window-title{
text-align:center!important;
}
#hscadMdtToolbarV90 .cad-window-app,
.cad-windowbar .cad-window-app{
text-align:right!important;
}
#hscadMdtToolbarV90 .cad-ribbon,
.cad-ribbon{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-height:98px!important;
background:#244a80!important;
border-bottom:1px solid #5b82b0!important;
padding:8px!important;
box-sizing:border-box!important;
visibility:visible!important;
opacity:1!important;
}
#hscadMdtToolbarV90 .ribbon-btn,
.cad-ribbon .ribbon-btn{
width:92px!important;
height:74px!important;
border:1px solid rgba(255,255,255,.25)!important;
background:#244a80!important;
color:#fff!important;
border-radius:7px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
text-decoration:none!important;
font-weight:900!important;
padding:0!important;
cursor:pointer!important;
box-sizing:border-box!important;
}
#hscadMdtToolbarV90 .ribbon-btn span,
.cad-ribbon .ribbon-btn span{
color:#ffd400!important;
font-size:22px!important;
line-height:1!important;
}
#hscadMdtToolbarV90 .ribbon-btn small,
.cad-ribbon .ribbon-btn small{
color:#fff!important;
font-size:12px!important;
}
#hscadMdtToolbarV90 .ribbon-btn.active,
.cad-ribbon .ribbon-btn.active{
background:#1e65c7!important;
}
#hscadMdtToolbarV90 .panic-ribbon-real,
.cad-ribbon .panic-ribbon-real{
margin-left:auto!important;
}
#hscadMdtToolbarV90 .cad-subnav,
.cad-subnav{
height:28px!important;
background:#1e5d9d!important;
display:flex!important;
align-items:center!important;
gap:16px!important;
padding:0 10px!important;
border-bottom:1px solid #77a5d7!important;
box-sizing:border-box!important;
visibility:visible!important;
opacity:1!important;
}
#hscadMdtToolbarV90 .cad-subnav a,
.cad-subnav a{
color:#fff!important;
font-weight:900!important;
text-decoration:none!important;
font-size:13px!important;
}
/* v9.2 dashboard header + forms position */
#hscadDashboardHeaderV92,
.dashboard-header-v92{
height:74px!important;
background:#07101d!important;
border-bottom:1px solid #18395f!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
padding:0 24px!important;
color:#fff!important;
box-sizing:border-box!important;
visibility:visible!important;
opacity:1!important;
}
#hscadDashboardHeaderV92 .brand-block{
display:flex!important;
align-items:center!important;
gap:14px!important;
}
#hscadDashboardHeaderV92 .brand-logo{
width:42px!important;
height:42px!important;
border-radius:12px!important;
background:#2081ee!important;
display:grid!important;
place-content:center!important;
font-weight:1000!important;
}
#hscadDashboardHeaderV92 .brand-title{
font-size:24px!important;
font-weight:1000!important;
line-height:1!important;
}
#hscadDashboardHeaderV92 .brand-subtitle{
color:#9fb3ca!important;
font-size:13px!important;
font-weight:800!important;
margin-top:5px!important;
}
#hscadDashboardHeaderV92 .dashboard-nav-v92{
display:flex!important;
align-items:center!important;
gap:22px!important;
}
#hscadDashboardHeaderV92 .dashboard-nav-v92 a{
color:#dce9ff!important;
text-decoration:none!important;
font-weight:900!important;
}
#hscadDashboardHeaderV92 .dashboard-nav-v92 a:hover{
color:#fff!important;
}
/* Do not hide the normal/global header on dashboard */
body:has(.dashboard-page) header,
body:has(.dashboard-grid) header,
body:has(.operations-overview) header,
body:has(#hscadDashboardHeaderV92) header{
visibility:visible!important;
opacity:1!important;
}
/* Hide global dashboard nav only inside CAD module pages */
body:has(.mdt-board) header:not(.cad-windowbar):not(.cad-ribbon):not(.cad-subnav):not(#hscadDashboardHeaderV92),
body:has(.forms-v83) header:not(.cad-windowbar):not(.cad-ribbon):not(.cad-subnav):not(#hscadDashboardHeaderV92),
body:has(.search-style-page) header:not(.cad-windowbar):not(.cad-ribbon):not(.cad-subnav):not(#hscadDashboardHeaderV92),
body:has(.mdt-board) .app-header:not(#hscadDashboardHeaderV92),
body:has(.forms-v83) .app-header:not(#hscadDashboardHeaderV92),
body:has(.search-style-page) .app-header:not(#hscadDashboardHeaderV92),
body:has(.mdt-board) .global-header:not(#hscadDashboardHeaderV92),
body:has(.forms-v83) .global-header:not(#hscadDashboardHeaderV92),
body:has(.search-style-page) .global-header:not(#hscadDashboardHeaderV92){
display:none!important;
}
/* Forms modal should sit below the MDT toolbar and be readable */
body:has(.forms-v83) #formCreateModal{
align-items:flex-start!important;
padding-top:150px!important;
overflow:auto!important;
}
body:has(.forms-v83) #formCreateModal .modal-card,
body:has(.forms-v83) .form-create-card{
margin:0 auto 40px!important;
max-height:calc(100vh - 185px)!important;
overflow:auto!important;
transform:none!important;
}
body:has(.forms-v83) .form-create-card header{
position:sticky!important;
top:0!important;
z-index:5!important;
background:#0b1f38!important;
}
body:has(.forms-v83) .form-create-card footer{
position:sticky!important;
bottom:0!important;
z-index:5!important;
background:#0b1f38!important;
}
.forms-v83.search-style-page{
height:calc(100vh - 24px - 98px - 28px - 30px)!important;
overflow:hidden!important;
}
/* v9.3 layout/position cleanup */
/* MDT module page sizing */
body:has(.cad-ribbon) {
overflow:hidden;
}
body:has(.cad-ribbon) .forms-v83,
body:has(.cad-ribbon) .search-style-page,
body:has(.cad-ribbon) .mdt-board {
height:calc(100vh - 24px - 98px - 28px - 30px)!important;
max-height:calc(100vh - 24px - 98px - 28px - 30px)!important;
overflow:hidden!important;
}
/* Forms create modal: stop it hiding under toolbar and make it fit one screen */
#formCreateModal.show,
#formCreateModal.open,
#formCreateModal.active {
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
padding-top:10px!important;
padding-bottom:40px!important;
overflow:auto!important;
}
body:has(.cad-ribbon) #formCreateModal.show,
body:has(.cad-ribbon) #formCreateModal.open,
body:has(.cad-ribbon) #formCreateModal.active {
padding-top:12px!important;
}
#formCreateModal .form-create-card,
#formCreateModal .modal-card {
width:min(880px, calc(100vw - 80px))!important;
max-height:calc(100vh - 190px)!important;
margin:0 auto!important;
overflow:auto!important;
transform:none!important;
border-radius:10px!important;
}
#formCreateModal .form-create-card header,
#formCreateModal .modal-card header {
position:sticky!important;
top:0!important;
z-index:10!important;
background:#0b1f38!important;
border-bottom:1px solid #315d8c!important;
}
#formCreateModal .form-create-card footer,
#formCreateModal .modal-card footer {
position:sticky!important;
bottom:0!important;
z-index:10!important;
background:#0b1f38!important;
border-top:1px solid #315d8c!important;
}
#formCreateModal .form-create-grid {
grid-template-columns:repeat(3, minmax(0, 1fr))!important;
gap:12px!important;
padding:14px 18px!important;
}
#formCreateModal .lookup-results {
grid-column:1 / -1!important;
max-height:120px!important;
overflow:auto!important;
}
#formCreateModal textarea {
min-height:92px!important;
}
@media(max-width:1050px){
#formCreateModal .form-create-grid {
grid-template-columns:1fr 1fr!important;
}
#formCreateModal .form-create-grid .span2 {
grid-column:1 / -1!important;
}
}
@media(max-width:720px){
#formCreateModal .form-create-grid {
grid-template-columns:1fr!important;
}
}
/* Search page: stable two-column layout */
.search-style-page,
.search-page,
.search-module {
overflow:hidden!important;
}
.search-style-body,
.search-layout-v93 {
display:grid!important;
grid-template-columns:300px minmax(0,1fr)!important;
gap:6px!important;
height:calc(100% - 64px)!important;
min-height:0!important;
}
.search-style-left,
.search-sidebar-v93 {
min-width:0!important;
min-height:0!important;
overflow:auto!important;
}
.search-style-workspace,
#searchWorkspace,
.search-workspace-v93 {
min-width:0!important;
min-height:0!important;
overflow:hidden!important;
background:#111!important;
border:1px solid #5a5a5a!important;
border-radius:4px!important;
}
/* Search tabs now fit properly */
.search-tabs,
.search-tabs-v93 {
display:grid!important;
grid-template-columns:repeat(2, minmax(0,1fr))!important;
gap:6px!important;
padding:8px!important;
}
.search-tabs button,
.search-tabs-v93 button {
min-width:0!important;
white-space:normal!important;
}
/* Results cards should not be squashed/misaligned */
.search-results-list-v93,
.person-results-grid-v86,
.person-results-grid-v85 {
height:calc(100% - 50px)!important;
overflow:auto!important;
padding:10px!important;
display:grid!important;
grid-template-columns:repeat(auto-fill, minmax(420px, 1fr))!important;
align-content:start!important;
gap:10px!important;
}
.person-result-card-v93,
.person-result-card-v86,
.person-result-card-v85 {
min-height:94px!important;
display:grid!important;
grid-template-columns:82px minmax(0,1fr)!important;
gap:12px!important;
align-items:center!important;
}
.person-result-card-v93 h3,
.person-result-card-v86 h3,
.person-result-card-v85 h3 {
margin:0 0 6px!important;
line-height:1.1!important;
}
.person-result-card-v93 p,
.person-result-card-v86 p,
.person-result-card-v85 p {
margin:2px 0!important;
}
/* Record page layout: readable, scrollable, full width */
.person-record-v93,
.person-record-v86,
.person-record-v85,
.search-record-full,
.record-workspace {
height:100%!important;
overflow:auto!important;
background:#111!important;
}
.record-topbar-v93,
.record-topbar-v86,
.record-topbar-v85,
.search-records-header-v86 {
min-height:48px!important;
position:sticky!important;
top:0!important;
z-index:6!important;
background:#0e4b86!important;
border-bottom:1px solid #77a5d7!important;
}
.identity-strip-v93,
.identity-strip-v86,
.identity-strip-v85 {
margin:10px!important;
display:grid!important;
grid-template-columns:130px minmax(0,1fr)!important;
gap:14px!important;
align-items:start!important;
}
.id-fields-v93,
.id-fields-v86,
.id-fields-v85 {
display:grid!important;
grid-template-columns:repeat(3, minmax(0,1fr))!important;
gap:8px!important;
}
.id-fields-v93 .span3,
.id-fields-v86 .span3,
.id-fields-v85 .span3 {
grid-column:1 / -1!important;
}
.record-sections-v93,
.record-sections-v86,
.record-sections-v85 {
padding:0 10px 14px!important;
display:grid!important;
grid-template-columns:repeat(2, minmax(0,1fr))!important;
gap:8px!important;
}
.record-panel-v93,
.record-panel-v86,
.record-panel-v85 {
min-height:120px!important;
overflow:hidden!important;
}
.record-panel-v93 .panel-body,
.record-panel-v86 .panel-body,
.record-panel-v85 .panel-body {
max-height:240px!important;
overflow:auto!important;
}
.record-panel-v93.span2,
.record-panel-v86.span2,
.record-panel-v85.span2 {
grid-column:1 / -1!important;
}
@media(max-width:1100px){
.search-style-body,
.search-layout-v93 {
grid-template-columns:1fr!important;
overflow:auto!important;
}
.search-results-list-v93,
.person-results-grid-v86,
.person-results-grid-v85 {
grid-template-columns:1fr!important;
}
.id-fields-v93,
.id-fields-v86,
.id-fields-v85,
.record-sections-v93,
.record-sections-v86,
.record-sections-v85 {
grid-template-columns:1fr!important;
}
}
/* Make vehicle/weapon/call rows actually look clickable */
.record-openable-v93,
.record-list-row-v93,
.record-list-row-v86,
.record-list-row-v85 {
cursor:pointer!important;
}
.record-openable-v93:hover,
.record-list-row-v93:hover,
.record-list-row-v86:hover,
.record-list-row-v85:hover {
background:#102b55!important;
}
/* v9.4 Forms modal lower/center positioning */
body:has(.forms-v83) #formCreateModal.show,
body:has(.forms-v83) #formCreateModal.open,
body:has(.forms-v83) #formCreateModal.active,
#formCreateModal.show,
#formCreateModal.open,
#formCreateModal.active{
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
padding-top:72px!important;
padding-left:0!important;
padding-right:0!important;
padding-bottom:48px!important;
overflow:auto!important;
}
body:has(.forms-v83) #formCreateModal .form-create-card,
body:has(.forms-v83) #formCreateModal .modal-card,
#formCreateModal .form-create-card,
#formCreateModal .modal-card{
width:min(860px, calc(100vw - 120px))!important;
max-height:calc(100vh - 245px)!important;
margin:0 auto 60px!important;
overflow:auto!important;
transform:none!important;
}
body:has(.forms-v83) #formCreateModal .form-create-card footer,
#formCreateModal .form-create-card footer{
position:sticky!important;
bottom:0!important;
}
.forms-autofill-hint-v94{
grid-column:1 / -1;
border:1px solid #2d6fb7;
background:#071427;
color:#bdd2ef;
border-radius:5px;
padding:8px 10px;
font-weight:900;
display:none;
}
.forms-autofill-hint-v94.show{
display:block;
}
.forms-autofill-hint-v94 b{color:#5ddcff;}
/* v9.5 Realistic MDT form modal: lower, cleaner, report-style */
body:has(.forms-v83) #formCreateModal.show,
body:has(.forms-v83) #formCreateModal.open,
body:has(.forms-v83) #formCreateModal.active,
#formCreateModal.show,
#formCreateModal.open,
#formCreateModal.active{
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
padding-top:128px!important;
padding-bottom:42px!important;
overflow:auto!important;
}
body:has(.forms-v83) #formCreateModal .form-create-card,
body:has(.forms-v83) #formCreateModal .modal-card,
#formCreateModal .form-create-card,
#formCreateModal .modal-card{
width:min(980px, calc(100vw - 170px))!important;
max-height:calc(100vh - 295px)!important;
margin:0 auto 60px!important;
overflow:auto!important;
transform:none!important;
background:#071427!important;
border:1px solid #2d6fb7!important;
box-shadow:0 22px 70px rgba(0,0,0,.75)!important;
border-radius:8px!important;
}
#formCreateModal .form-create-card header,
#formCreateModal .modal-card header{
position:sticky!important;
top:0!important;
z-index:15!important;
min-height:58px!important;
background:linear-gradient(90deg,#0e4b86,#102b55)!important;
border-bottom:1px solid #77a5d7!important;
padding:10px 14px!important;
}
#formCreateModal .form-create-card header h2,
#formCreateModal .modal-card header h2{
margin:0!important;
font-size:22px!important;
letter-spacing:.02em!important;
}
#formCreateModal .modal-kicker{
color:#5ddcff!important;
letter-spacing:.22em!important;
font-size:11px!important;
font-weight:1000!important;
}
#formCreateModal .form-create-grid{
display:grid!important;
grid-template-columns:repeat(4, minmax(0,1fr))!important;
gap:10px!important;
padding:14px!important;
align-items:start!important;
}
#formCreateModal .form-create-grid label{
min-width:0!important;
margin:0!important;
font-weight:1000!important;
color:#e7f2ff!important;
}
#formCreateModal .form-create-grid label::before{
content:"";
display:block;
}
#formCreateModal .form-create-grid input,
#formCreateModal .form-create-grid select,
#formCreateModal .form-create-grid textarea{
width:100%!important;
box-sizing:border-box!important;
background:#020912!important;
border:1px solid #3b5877!important;
color:#fff!important;
border-radius:4px!important;
padding:8px!important;
min-height:36px!important;
font-weight:900!important;
}
#formCreateModal .form-create-grid textarea{
resize:vertical!important;
min-height:86px!important;
line-height:1.25!important;
}
#formCreateModal .lookup-line{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:6px!important;
}
#formCreateModal .lookup-line button{
height:36px!important;
align-self:end!important;
}
#formCreateModal .lookup-results,
#formCreateModal .forms-autofill-hint-v94{
grid-column:1 / -1!important;
}
/* Real report sections */
#formCreateModal .form-section-title-v95{
grid-column:1 / -1!important;
background:#0e4b86!important;
border:1px solid #77a5d7!important;
color:#fff!important;
padding:6px 10px!important;
font-weight:1000!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
border-radius:4px!important;
margin-top:4px!important;
}
#formCreateModal .form-case-summary-v95{
grid-column:1 / -1!important;
display:grid!important;
grid-template-columns:repeat(4, minmax(0,1fr))!important;
gap:8px!important;
border:1px solid #244b78!important;
background:#081a2d!important;
border-radius:5px!important;
padding:10px!important;
}
#formCreateModal .form-case-summary-v95 div{
background:#020912!important;
border:1px solid #304c6c!important;
border-radius:4px!important;
padding:7px 8px!important;
}
#formCreateModal .form-case-summary-v95 b{
display:block!important;
color:#9fb3ca!important;
font-size:11px!important;
}
#formCreateModal .form-case-summary-v95 span{
display:block!important;
color:#fff!important;
font-weight:1000!important;
margin-top:2px!important;
}
#formCreateModal .charges-wide-v95,
#formCreateModal label:has(textarea[name="charges"]){
grid-column:1 / span 3!important;
}
#formCreateModal .narrative-side-v95,
#formCreateModal label:has(textarea[name="narrative"]){
grid-column:4 / span 1!important;
}
#formCreateModal .court-row-v95{
grid-column:1 / -1!important;
display:grid!important;
grid-template-columns:repeat(3, minmax(0,1fr))!important;
gap:10px!important;
}
/* Sticky action bar at bottom of card, not across the screen */
#formCreateModal .form-create-card footer,
#formCreateModal .modal-card footer{
position:sticky!important;
bottom:0!important;
z-index:15!important;
background:#0b1f38!important;
border-top:1px solid #315d8c!important;
padding:10px 14px!important;
display:flex!important;
justify-content:flex-end!important;
gap:8px!important;
}
/* Hide very top overflowing lookup row issue from older layout by containing it */
#formCreateModal .form-create-card{
overscroll-behavior:contain!important;
}
@media(max-width:1200px){
#formCreateModal .form-create-grid{
grid-template-columns:repeat(2, minmax(0,1fr))!important;
}
#formCreateModal .form-case-summary-v95,
#formCreateModal .court-row-v95{
grid-template-columns:repeat(2, minmax(0,1fr))!important;
}
#formCreateModal .charges-wide-v95,
#formCreateModal label:has(textarea[name="charges"]),
#formCreateModal .narrative-side-v95,
#formCreateModal label:has(textarea[name="narrative"]){
grid-column:1 / -1!important;
}
}
@media(max-width:760px){
#formCreateModal.show,
#formCreateModal.open,
#formCreateModal.active{
padding-top:40px!important;
}
#formCreateModal .modal-card,
#formCreateModal .form-create-card{
width:calc(100vw - 24px)!important;
max-height:calc(100vh - 90px)!important;
}
#formCreateModal .form-create-grid,
#formCreateModal .form-case-summary-v95,
#formCreateModal .court-row-v95{
grid-template-columns:1fr!important;
}
}
/* v9.7 safe forms modal / no-freeze styling */
body:has(.forms-v83) #formCreateModal.show,
#formCreateModal.show{
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
padding-top:132px!important;
padding-bottom:42px!important;
overflow:auto!important;
}
body:has(.forms-v83) #formCreateModal .form-create-card,
body:has(.forms-v83) #formCreateModal .modal-card,
#formCreateModal .form-create-card,
#formCreateModal .modal-card{
width:min(980px, calc(100vw - 170px))!important;
max-height:calc(100vh - 300px)!important;
margin:0 auto 60px!important;
overflow:auto!important;
transform:none!important;
background:#071427!important;
border:1px solid #2d6fb7!important;
box-shadow:0 22px 70px rgba(0,0,0,.75)!important;
border-radius:8px!important;
}
#formCreateModal .form-create-card header,
#formCreateModal .modal-card header{
position:sticky!important;
top:0!important;
z-index:15!important;
min-height:58px!important;
background:linear-gradient(90deg,#0e4b86,#102b55)!important;
border-bottom:1px solid #77a5d7!important;
padding:10px 14px!important;
}
#formCreateModal .form-create-card footer,
#formCreateModal .modal-card footer{
position:sticky!important;
bottom:0!important;
z-index:15!important;
background:#0b1f38!important;
border-top:1px solid #315d8c!important;
padding:10px 14px!important;
display:flex!important;
justify-content:flex-end!important;
gap:8px!important;
}
#formCreateModal .form-create-grid{
display:grid!important;
grid-template-columns:repeat(4, minmax(0,1fr))!important;
gap:10px!important;
padding:14px!important;
align-items:start!important;
}
#formCreateModal .form-create-grid input,
#formCreateModal .form-create-grid select,
#formCreateModal .form-create-grid textarea{
width:100%!important;
box-sizing:border-box!important;
background:#020912!important;
border:1px solid #3b5877!important;
color:#fff!important;
border-radius:4px!important;
padding:8px!important;
min-height:36px!important;
font-weight:900!important;
}
#formCreateModal .form-section-title-v97{
grid-column:1 / -1!important;
background:#0e4b86!important;
border:1px solid #77a5d7!important;
color:#fff!important;
padding:6px 10px!important;
font-weight:1000!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
border-radius:4px!important;
margin-top:4px!important;
}
#formCreateModal .charges-wide-v97{
grid-column:1 / span 3!important;
}
#formCreateModal .narrative-side-v97{
grid-column:4 / span 1!important;
}
#formCreateModal .court-row-v97{
grid-column:1 / -1!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
}
.forms-autofill-hint-v97{
grid-column:1 / -1!important;
border:1px solid #2d6fb7!important;
background:#071427!important;
color:#bdd2ef!important;
border-radius:5px!important;
padding:8px 10px!important;
font-weight:900!important;
}
.forms-autofill-hint-v97 b{color:#5ddcff!important;}
@media(max-width:1200px){
#formCreateModal .form-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#formCreateModal .charges-wide-v97,
#formCreateModal .narrative-side-v97{grid-column:1 / -1!important;}
}
@media(max-width:760px){
#formCreateModal.show{padding-top:40px!important;}
#formCreateModal .modal-card,
#formCreateModal .form-create-card{
width:calc(100vw - 24px)!important;
max-height:calc(100vh - 90px)!important;
}
#formCreateModal .form-create-grid,
#formCreateModal .court-row-v97{grid-template-columns:1fr!important;}
}
/* v9.8 CSS-only forms modal positioning. No JS style loop. */
body:has(.forms-v83) #formCreateModal,
#formCreateModal{
display:none;
}
body:has(.forms-v83) #formCreateModal.show,
#formCreateModal.show{
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
padding-top:132px!important;
padding-bottom:42px!important;
overflow:auto!important;
}
body:has(.forms-v83) #formCreateModal .form-create-card,
body:has(.forms-v83) #formCreateModal .modal-card,
#formCreateModal .form-create-card,
#formCreateModal .modal-card{
width:min(980px, calc(100vw - 170px))!important;
max-height:calc(100vh - 300px)!important;
margin:0 auto 60px!important;
overflow:auto!important;
transform:none!important;
background:#071427!important;
border:1px solid #2d6fb7!important;
box-shadow:0 22px 70px rgba(0,0,0,.75)!important;
border-radius:8px!important;
}
#formCreateModal .form-create-card header,
#formCreateModal .modal-card header{
position:sticky!important;
top:0!important;
z-index:15!important;
min-height:58px!important;
background:linear-gradient(90deg,#0e4b86,#102b55)!important;
border-bottom:1px solid #77a5d7!important;
padding:10px 14px!important;
}
#formCreateModal .form-create-card footer,
#formCreateModal .modal-card footer{
position:sticky!important;
bottom:0!important;
z-index:15!important;
background:#0b1f38!important;
border-top:1px solid #315d8c!important;
padding:10px 14px!important;
display:flex!important;
justify-content:flex-end!important;
gap:8px!important;
}
#formCreateModal .form-create-grid{
display:grid!important;
grid-template-columns:repeat(4, minmax(0,1fr))!important;
gap:10px!important;
padding:14px!important;
align-items:start!important;
}
#formCreateModal .form-create-grid input,
#formCreateModal .form-create-grid select,
#formCreateModal .form-create-grid textarea{
width:100%!important;
box-sizing:border-box!important;
background:#020912!important;
border:1px solid #3b5877!important;
color:#fff!important;
border-radius:4px!important;
padding:8px!important;
min-height:36px!important;
font-weight:900!important;
}
#formCreateModal .form-section-title-v98{
grid-column:1 / -1!important;
background:#0e4b86!important;
border:1px solid #77a5d7!important;
color:#fff!important;
padding:6px 10px!important;
font-weight:1000!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
border-radius:4px!important;
margin-top:4px!important;
}
#formCreateModal .charges-wide-v98{grid-column:1 / span 3!important;}
#formCreateModal .narrative-side-v98{grid-column:4 / span 1!important;}
#formCreateModal .court-row-v98{
grid-column:1 / -1!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important;
}
@media(max-width:1200px){
#formCreateModal .form-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
#formCreateModal .charges-wide-v98,
#formCreateModal .narrative-side-v98{grid-column:1 / -1!important;}
}
@media(max-width:760px){
#formCreateModal.show{padding-top:40px!important;}
#formCreateModal .modal-card,
#formCreateModal .form-create-card{
width:calc(100vw - 24px)!important;
max-height:calc(100vh - 90px)!important;
}
#formCreateModal .form-create-grid,
#formCreateModal .court-row-v98{grid-template-columns:1fr!important;}
}
/* v9.9 submit fix support */
#formCreateModal[hidden].show,
#formCreateModal.show{
display:flex!important;
}
#formCreateModal.show button[type="submit"],
#formCreateModal.show .primary-action{
pointer-events:auto!important;
opacity:1!important;
}
/* v10.1 forms list/record display */
#formsResultsView[hidden],
#formRecordViewer[hidden],
#formsEmptyState[hidden]{display:none!important;}
#formsResultsView table{
width:100%;
border-collapse:collapse;
}
#formsResultsView th,
#formsResultsView td{
border:1px solid #555;
padding:6px 8px;
color:#fff;
font-weight:900;
}
#formsResultsView th{
background:#0e4b86;
}
#formsTableBody tr{
cursor:pointer;
}
#formsTableBody tr:hover{
background:#102b55;
}
.form-num{
color:#ffd400!important;
}
.forms-active-panel-v101{
height:100%;
overflow:auto;
}
/* v10.2 forms search/load repair */
#formsResultsView[hidden],
#formRecordViewer[hidden],
#formsEmptyState[hidden]{display:none!important;}
.forms-record-table,
#formsResultsView table{
width:100%!important;
border-collapse:collapse!important;
}
.forms-record-table th,
.forms-record-table td,
#formsResultsView th,
#formsResultsView td{
border:1px solid #555!important;
padding:6px 8px!important;
color:#fff!important;
font-weight:900!important;
}
.forms-record-table th,
#formsResultsView th{background:#0e4b86!important;}
#formsTableBody tr{cursor:pointer!important;}
#formsTableBody tr:hover{background:#102b55!important;}
.lookup-result{cursor:pointer!important;}
/* v10.4 direct forms loader */
#formsTableBody tr,
[data-v104-form-id]{cursor:pointer!important;}
#formsTableBody tr:hover,
[data-v104-form-id]:hover{background:#102b55!important;}
.form-num{color:#ffd400!important;font-weight:1000!important;}
#formsResultsView table{width:100%!important;border-collapse:collapse!important;}
#formsResultsView th,#formsResultsView td{
border:1px solid #555!important;
padding:6px 8px!important;
color:#fff!important;
font-weight:900!important;
}
#formsResultsView th{background:#0e4b86!important;}
/* v10.5 Alerts rebuild */
.alerts-v105{padding:18px;color:#fff}.alerts-header-v105{border:1px solid #2d6fb7;background:#0c2547;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.alerts-header-v105 h1{margin:3px 0;font-size:28px}.alerts-header-v105 p{margin:0;color:#bfd4ee;font-weight:800}.alerts-layout-v105{display:grid;grid-template-columns:280px 1fr;gap:10px}.alerts-sidebar-v105,.alerts-main-v105{border:1px solid #555;background:#111;min-height:560px}.alert-tabs-v105{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #444}.alert-tabs-v105 button,.alert-search-v105 button{background:#061b33;color:#fff;border:1px solid #2d6fb7;border-radius:5px;padding:10px;font-weight:1000;cursor:pointer}.alert-tabs-v105 button.active{background:#2870d6}.alert-search-v105{padding:10px}.alert-search-v105 input,.alert-form-grid-v105 input,.alert-form-grid-v105 select,.alert-form-grid-v105 textarea{width:100%;box-sizing:border-box;background:#050505;color:#fff;border:1px solid #385a7e;border-radius:4px;padding:9px;font-weight:900}.alert-form-grid-v105 textarea{min-height:120px;resize:vertical}.alerts-table-v105{width:100%;border-collapse:collapse}.alerts-table-v105 th,.alerts-table-v105 td{border:1px solid #3c4654;padding:8px;font-weight:900;vertical-align:top}.alerts-table-v105 th{background:#0e4b86}.alerts-table-v105 tr{cursor:pointer}.alerts-table-v105 tr:hover{background:#102b55}.alert-type-pill,.alert-priority-pill{display:inline-block;border:1px solid #2d6fb7;background:#061b33;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:1000}.priority-low{color:#9fb3ca!important}.priority-normal{color:#00ff66!important}.priority-high{color:#ffd400!important}.priority-emergency{color:#ff4d5f!important}.alert-detail-v105{padding:10px}.alert-record-body-v105{display:grid;gap:10px}.alert-status-card-v105{border:1px solid #555;background:#050505;border-radius:8px;padding:14px;display:flex;justify-content:space-between;font-size:18px;font-weight:1000}.alert-modal-v105{width:min(720px,calc(100vw - 70px))}.alert-form-grid-v105{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}.alert-form-grid-v105 .wide{grid-column:1/-1}.inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}@media(max-width:900px){.alerts-layout-v105{grid-template-columns:1fr}.alert-form-grid-v105{grid-template-columns:1fr}}
/* v10.6 Alerts modal + detail fixes */
.alerts-v106{padding:18px;color:#fff}.alerts-header-v106{border:1px solid #2d6fb7;background:#0c2547;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.alerts-header-v106 h1{margin:3px 0;font-size:28px}.alerts-header-v106 p{margin:0;color:#bfd4ee;font-weight:800}.alerts-layout-v106{display:grid;grid-template-columns:280px 1fr;gap:10px}.alerts-sidebar-v106,.alerts-main-v106{border:1px solid #555;background:#111;min-height:560px}.alert-tabs-v106{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #444}.alert-tabs-v106 button,.alert-search-v106 button{background:#061b33;color:#fff;border:1px solid #2d6fb7;border-radius:5px;padding:10px;font-weight:1000;cursor:pointer}.alert-tabs-v106 button.active{background:#2870d6}.alert-search-v106{padding:10px}.alert-search-v106 h3{margin:0 0 10px}.alert-search-v106 label{display:block;font-weight:1000;margin-bottom:6px}.alert-search-v106 input,.alert-form-grid-v106 input,.alert-form-grid-v106 select,.alert-form-grid-v106 textarea{width:100%;box-sizing:border-box;background:#050505;color:#fff;border:1px solid #385a7e;border-radius:4px;padding:9px;font-weight:900}.alert-form-grid-v106 textarea{min-height:130px;resize:vertical}.inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.alerts-list-v106{height:100%;overflow:auto}.alerts-table-v106{width:100%;border-collapse:collapse}.alerts-table-v106 th,.alerts-table-v106 td{border:1px solid #3c4654;padding:8px;font-weight:900;vertical-align:top}.alerts-table-v106 th{background:#0e4b86}.alerts-table-v106 tr{cursor:pointer}.alerts-table-v106 tr:hover{background:#102b55}.alert-type-pill,.alert-priority-pill{display:inline-block;border:1px solid #2d6fb7;background:#061b33;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:1000}.priority-low{color:#9fb3ca!important}.priority-normal{color:#00ff66!important}.priority-high{color:#ffd400!important}.priority-emergency{color:#ff4d5f!important}.alert-detail-v106{padding:10px}.alerts-record-topbar-v106{display:flex;align-items:center;justify-content:space-between;gap:14px}.alert-record-v106{display:grid;gap:10px}.alert-priority-card-v106{border:1px solid #555;background:#050505;border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;font-size:18px;font-weight:1000}.alert-fields-v106{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.alert-fields-v106 div{border:1px solid #375272;background:#03070d;border-radius:5px;padding:8px}.alert-fields-v106 b{display:block;color:#9fbbe0;font-size:12px}.alert-fields-v106 span{font-weight:1000}.alert-narrative-v106 pre{white-space:pre-wrap;min-height:170px}.alert-modal-backdrop-v106.show{display:flex!important;align-items:center!important;justify-content:center!important;padding:30px!important}.alert-modal-v106{width:min(760px,calc(100vw - 80px))!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;background:#071427!important;border:1px solid #2d6fb7!important;border-radius:12px!important;box-shadow:0 22px 70px rgba(0,0,0,.8)!important}.alert-modal-v106 header{position:sticky;top:0;z-index:5;background:#0c2547;border-bottom:1px solid #2d6fb7;padding:16px;display:flex;justify-content:space-between;align-items:center}.alert-modal-v106 h2{margin:0}.alert-modal-v106 .modal-x{width:44px;height:40px;border-radius:8px;background:#2870d6;color:#fff;border:0;font-size:20px;font-weight:1000}.alert-form-grid-v106{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}.alert-form-grid-v106 label{font-weight:1000}.alert-form-grid-v106 .wide{grid-column:1/-1}.alert-modal-v106 footer{position:sticky;bottom:0;background:#0b1f38;border-top:1px solid #315d8c;padding:12px 14px;display:flex;justify-content:flex-end;gap:8px}@media(max-width:900px){.alerts-layout-v106{grid-template-columns:1fr}.alert-form-grid-v106,.alert-fields-v106{grid-template-columns:1fr}}
/* v10.7 Alerts/Civilian restore */
.civilian-header-restore-v107 .site-header,
.civilian-header-restore-v107 .app-header,
.civilian-header-restore-v107 .dashboard-header,
.civilian-header-restore-v107 .top-nav,
.civilian-header-restore-v107 .main-navbar,
.civilian-header-restore-v107 header.main-header{
display:flex!important;
visibility:visible!important;
opacity:1!important;
}
.alerts-page-v107-active .active-alerts,
.alerts-page-v107-active .alerts-page:not(#alertsWorkspaceV107),
.alerts-page-v107-active .alerts-v105,
.alerts-page-v107-active .alerts-v106{
display:none!important;
}
.alerts-v107{
padding:18px;
color:#fff;
}
.alerts-header-v107{
border:1px solid #2d6fb7;
background:#0c2547;
border-radius:12px;
padding:16px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:14px;
}
.alerts-header-v107 h1{
margin:3px 0;
font-size:28px;
}
.alerts-header-v107 p{
margin:0;
color:#bfd4ee;
font-weight:800;
}
.alerts-layout-v107{
display:grid;
grid-template-columns:280px 1fr;
gap:10px;
}
.alerts-sidebar-v107,
.alerts-main-v107{
border:1px solid #555;
background:#111;
min-height:560px;
}
.alert-tabs-v107{
display:grid;
grid-template-columns:1fr 1fr;
gap:6px;
padding:8px;
border-bottom:1px solid #444;
}
.alert-tabs-v107 button,
.alert-search-v107 button{
background:#061b33;
color:#fff;
border:1px solid #2d6fb7;
border-radius:5px;
padding:10px;
font-weight:1000;
cursor:pointer;
}
.alert-tabs-v107 button.active{
background:#2870d6;
}
.alert-search-v107{
padding:10px;
}
.alert-search-v107 h3{
margin:0 0 10px;
}
.alert-search-v107 label{
display:block;
font-weight:1000;
margin-bottom:6px;
}
.alert-search-v107 input,
.alert-form-grid-v107 input,
.alert-form-grid-v107 select,
.alert-form-grid-v107 textarea{
width:100%;
box-sizing:border-box;
background:#050505;
color:#fff;
border:1px solid #385a7e;
border-radius:4px;
padding:9px;
font-weight:900;
}
.alert-form-grid-v107 textarea{
min-height:130px;
resize:vertical;
}
.inline-actions{
display:flex;
gap:8px;
justify-content:flex-end;
margin-top:8px;
}
.alerts-list-v107{
height:100%;
overflow:auto;
}
.alerts-table-v107{
width:100%;
border-collapse:collapse;
}
.alerts-table-v107 th,
.alerts-table-v107 td{
border:1px solid #3c4654;
padding:8px;
font-weight:900;
vertical-align:top;
}
.alerts-table-v107 th{
background:#0e4b86;
}
.alerts-table-v107 tr{
cursor:pointer;
}
.alerts-table-v107 tr:hover{
background:#102b55;
}
.alert-type-pill,
.alert-priority-pill{
display:inline-block;
border:1px solid #2d6fb7;
background:#061b33;
border-radius:999px;
padding:3px 8px;
font-size:12px;
font-weight:1000;
}
.priority-low{color:#9fb3ca!important;}
.priority-normal{color:#00ff66!important;}
.priority-high{color:#ffd400!important;}
.priority-emergency{color:#ff4d5f!important;}
.alert-detail-v107{
padding:10px;
}
.alerts-record-topbar-v107{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.alert-record-v107{
display:grid;
gap:10px;
}
.alert-priority-card-v107{
border:1px solid #555;
background:#050505;
border-radius:8px;
padding:14px;
display:grid;
grid-template-columns:1fr auto auto;
gap:14px;
align-items:center;
font-size:18px;
font-weight:1000;
}
.alert-fields-v107{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
.alert-fields-v107 div{
border:1px solid #375272;
background:#03070d;
border-radius:5px;
padding:8px;
}
.alert-fields-v107 b{
display:block;
color:#9fbbe0;
font-size:12px;
}
.alert-fields-v107 span{
font-weight:1000;
}
.alert-narrative-v107 pre{
white-space:pre-wrap;
min-height:170px;
}
.alert-modal-backdrop-v107.show{
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:30px!important;
}
.alert-modal-v107{
width:min(760px, calc(100vw - 80px))!important;
max-height:calc(100vh - 100px)!important;
overflow:auto!important;
background:#071427!important;
border:1px solid #2d6fb7!important;
border-radius:12px!important;
box-shadow:0 22px 70px rgba(0,0,0,.8)!important;
}
.alert-modal-v107 header{
position:sticky;
top:0;
z-index:5;
background:#0c2547;
border-bottom:1px solid #2d6fb7;
padding:16px;
display:flex;
justify-content:space-between;
align-items:center;
}
.alert-modal-v107 h2{
margin:0;
}
.alert-modal-v107 .modal-x{
width:44px;
height:40px;
border-radius:8px;
background:#2870d6;
color:#fff;
border:0;
font-size:20px;
font-weight:1000;
}
.alert-form-grid-v107{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
padding:14px;
}
.alert-form-grid-v107 label{
font-weight:1000;
}
.alert-form-grid-v107 .wide{
grid-column:1 / -1;
}
.alert-modal-v107 footer{
position:sticky;
bottom:0;
background:#0b1f38;
border-top:1px solid #315d8c;
padding:12px 14px;
display:flex;
justify-content:flex-end;
gap:8px;
}
@media(max-width:900px){
.alerts-layout-v107{grid-template-columns:1fr;}
.alert-form-grid-v107,
.alert-fields-v107{grid-template-columns:1fr;}
}
/* v10.8 Global header restore + real modal overlay */
.hs-app-header-v108{
background:#050b14;
border-bottom:1px solid #182943;
min-height:78px;
display:flex!important;
align-items:center;
justify-content:space-between;
padding:0 28px;
color:#fff;
box-sizing:border-box;
position:relative;
z-index:50;
}
.hs-brand-v108{
display:flex;
align-items:center;
gap:14px;
}
.hs-logo-v108{
width:42px;
height:42px;
border-radius:12px;
background:#2870d6;
display:grid;
place-items:center;
font-weight:1000;
}
.hs-brand-v108 strong{
display:block;
font-size:25px;
letter-spacing:.4px;
}
.hs-brand-v108 span{
display:block;
color:#9fb3ca;
font-size:13px;
font-weight:800;
}
.hs-main-nav-v108{
display:flex;
gap:12px;
align-items:center;
flex-wrap:wrap;
}
.hs-main-nav-v108 a{
color:#fff;
text-decoration:none;
font-weight:900;
padding:9px 12px;
border-radius:12px;
}
.hs-main-nav-v108 a:hover,
.hs-main-nav-v108 a.active{
background:#10264a;
}
.mdt-shellbar-v108{
background:#214b7d;
color:#fff;
position:relative;
z-index:49;
border-bottom:2px solid #3776b5;
}
.mdt-menu-strip-v108{
height:28px;
display:grid;
grid-template-columns:50px 55px 65px 65px 1fr auto;
align-items:center;
padding:0 8px;
background:#28558b;
font-weight:900;
}
.mdt-menu-strip-v108 b{
justify-self:center;
}
.mdt-menu-strip-v108 strong{
justify-self:end;
padding-right:8px;
}
.mdt-button-strip-v108{
min-height:98px;
display:flex;
align-items:center;
gap:10px;
padding:10px;
}
.mdt-big-btn-v108{
width:94px;
height:76px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid #7ca3d4;
border-radius:7px;
color:#ffd400;
text-decoration:none;
font-size:24px;
font-weight:1000;
background:#244f84;
}
.mdt-big-btn-v108 span{
color:#fff;
font-size:13px;
}
.mdt-big-btn-v108:hover{
background:#2c67ad;
}
.mdt-subnav-v108{
min-height:28px;
display:flex;
align-items:center;
gap:18px;
padding:0 10px;
background:#1d5b95;
border-top:1px solid #76a7d8;
}
.mdt-subnav-v108 a{
color:#fff;
text-decoration:none;
font-weight:1000;
font-size:14px;
}
/* Alerts v10.8 */
.alerts-page-v108-active .active-alerts,
.alerts-page-v108-active .alerts-page:not(#alertsWorkspaceV108),
.alerts-page-v108-active .alerts-v105,
.alerts-page-v108-active .alerts-v106,
.alerts-page-v108-active .alerts-v107{
display:none!important;
}
#alertsWorkspaceMountV108{
padding:18px;
}
.alerts-v108{
color:#fff;
}
.alerts-header-v108{
border:1px solid #2d6fb7;
background:#0c2547;
border-radius:12px;
padding:16px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:14px;
}
.alerts-header-v108 h1{
margin:3px 0;
font-size:28px;
}
.alerts-header-v108 p{
margin:0;
color:#bfd4ee;
font-weight:800;
}
.alerts-layout-v108{
display:grid;
grid-template-columns:280px 1fr;
gap:10px;
}
.alerts-sidebar-v108,
.alerts-main-v108{
border:1px solid #555;
background:#111;
min-height:560px;
}
.alert-tabs-v108{
display:grid;
grid-template-columns:1fr 1fr;
gap:6px;
padding:8px;
border-bottom:1px solid #444;
}
.alert-tabs-v108 button,
.alert-search-v108 button{
background:#061b33;
color:#fff;
border:1px solid #2d6fb7;
border-radius:5px;
padding:10px;
font-weight:1000;
cursor:pointer;
}
.alert-tabs-v108 button.active{
background:#2870d6;
}
.alert-search-v108{
padding:10px;
}
.alert-search-v108 h3{
margin:0 0 10px;
}
.alert-search-v108 label{
display:block;
font-weight:1000;
margin-bottom:6px;
}
.alert-search-v108 input,
.alert-form-grid-v108 input,
.alert-form-grid-v108 select,
.alert-form-grid-v108 textarea{
width:100%;
box-sizing:border-box;
background:#050505;
color:#fff;
border:1px solid #385a7e;
border-radius:4px;
padding:9px;
font-weight:900;
}
.alert-form-grid-v108 textarea{
min-height:130px;
resize:vertical;
}
.inline-actions{
display:flex;
gap:8px;
justify-content:flex-end;
margin-top:8px;
}
.alerts-list-v108{
height:100%;
overflow:auto;
}
.alerts-table-v108{
width:100%;
border-collapse:collapse;
}
.alerts-table-v108 th,
.alerts-table-v108 td{
border:1px solid #3c4654;
padding:8px;
font-weight:900;
vertical-align:top;
}
.alerts-table-v108 th{
background:#0e4b86;
}
.alerts-table-v108 tr{
cursor:pointer;
}
.alerts-table-v108 tr:hover{
background:#102b55;
}
.alert-type-pill,
.alert-priority-pill{
display:inline-block;
border:1px solid #2d6fb7;
background:#061b33;
border-radius:999px;
padding:3px 8px;
font-size:12px;
font-weight:1000;
}
.priority-low{color:#9fb3ca!important;}
.priority-normal{color:#00ff66!important;}
.priority-high{color:#ffd400!important;}
.priority-emergency{color:#ff4d5f!important;}
.alert-detail-v108{
padding:10px;
}
.alerts-record-topbar-v108{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.alert-record-v108{
display:grid;
gap:10px;
}
.alert-priority-card-v108{
border:1px solid #555;
background:#050505;
border-radius:8px;
padding:14px;
display:grid;
grid-template-columns:1fr auto auto;
gap:14px;
align-items:center;
font-size:18px;
font-weight:1000;
}
.alert-fields-v108{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
.alert-fields-v108 div{
border:1px solid #375272;
background:#03070d;
border-radius:5px;
padding:8px;
}
.alert-fields-v108 b{
display:block;
color:#9fbbe0;
font-size:12px;
}
.alert-fields-v108 span{
font-weight:1000;
}
.alert-narrative-v108 pre{
white-space:pre-wrap;
min-height:170px;
}
/* Real modal overlay */
body.modal-open-v108{
overflow:hidden!important;
}
.alert-modal-backdrop-v108{
position:fixed!important;
inset:0!important;
z-index:99999!important;
width:100vw!important;
height:100vh!important;
background:rgba(0,0,0,.72)!important;
backdrop-filter:blur(2px);
align-items:center!important;
justify-content:center!important;
padding:30px!important;
box-sizing:border-box!important;
}
.alert-modal-backdrop-v108[hidden]{
display:none!important;
}
.alert-modal-backdrop-v108.show{
display:flex!important;
}
.alert-modal-v108{
width:min(760px, calc(100vw - 80px))!important;
max-height:calc(100vh - 100px)!important;
overflow:auto!important;
background:#071427!important;
border:1px solid #2d6fb7!important;
border-radius:12px!important;
box-shadow:0 22px 70px rgba(0,0,0,.9)!important;
transform:none!important;
margin:0!important;
}
.alert-modal-v108 header{
position:sticky;
top:0;
z-index:5;
background:#0c2547;
border-bottom:1px solid #2d6fb7;
padding:16px;
display:flex;
justify-content:space-between;
align-items:center;
}
.alert-modal-v108 h2{
margin:0;
}
.alert-modal-v108 .modal-x{
width:44px;
height:40px;
border-radius:8px;
background:#2870d6;
color:#fff;
border:0;
font-size:20px;
font-weight:1000;
}
.alert-form-grid-v108{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
padding:14px;
}
.alert-form-grid-v108 label{
font-weight:1000;
}
.alert-form-grid-v108 .wide{
grid-column:1 / -1;
}
.alert-modal-v108 footer{
position:sticky;
bottom:0;
background:#0b1f38;
border-top:1px solid #315d8c;
padding:12px 14px;
display:flex;
justify-content:flex-end;
gap:8px;
}
@media(max-width:900px){
.hs-app-header-v108{align-items:flex-start;flex-direction:column;padding:14px;}
.alerts-layout-v108{grid-template-columns:1fr;}
.alert-form-grid-v108,
.alert-fields-v108{grid-template-columns:1fr;}
}
/* v10.9 Header de-dupe + Alerts modal cleanup */
.hs-app-header-v108 + .hs-app-header-v108,
.hs-app-header-v109 + .hs-app-header-v109,
.mdt-shellbar-v108 + .mdt-shellbar-v108,
.mdt-shellbar-v109 + .mdt-shellbar-v109{
display:none!important;
}
.hs-app-header-v109{
background:#050b14;
border-bottom:1px solid #182943;
min-height:78px;
display:flex!important;
align-items:center;
justify-content:space-between;
padding:0 28px;
color:#fff;
box-sizing:border-box;
position:relative;
z-index:50;
}
.hs-brand-v109{display:flex;align-items:center;gap:14px;}
.hs-logo-v109{width:42px;height:42px;border-radius:12px;background:#2870d6;display:grid;place-items:center;font-weight:1000;}
.hs-brand-v109 strong{display:block;font-size:25px;letter-spacing:.4px;}
.hs-brand-v109 span{display:block;color:#9fb3ca;font-size:13px;font-weight:800;}
.hs-main-nav-v109{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.hs-main-nav-v109 a{color:#fff;text-decoration:none;font-weight:900;padding:9px 12px;border-radius:12px;}
.hs-main-nav-v109 a:hover,.hs-main-nav-v109 a.active{background:#10264a;}
.mdt-shellbar-v109{
background:#214b7d;
color:#fff;
position:relative;
z-index:49;
border-bottom:2px solid #3776b5;
}
.mdt-menu-strip-v109{
height:28px;
display:grid;
grid-template-columns:50px 55px 65px 65px 1fr auto;
align-items:center;
padding:0 8px;
background:#28558b;
font-weight:900;
}
.mdt-menu-strip-v109 b{justify-self:center;}
.mdt-menu-strip-v109 strong{justify-self:end;padding-right:8px;}
.mdt-button-strip-v109{min-height:98px;display:flex;align-items:center;gap:10px;padding:10px;}
.mdt-big-btn-v109{
width:94px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
border:1px solid #7ca3d4;border-radius:7px;color:#ffd400;text-decoration:none;font-size:24px;font-weight:1000;background:#244f84;
}
.mdt-big-btn-v109 span{color:#fff;font-size:13px;}
.mdt-big-btn-v109:hover{background:#2c67ad;}
.mdt-subnav-v109{min-height:28px;display:flex;align-items:center;gap:18px;padding:0 10px;background:#1d5b95;border-top:1px solid #76a7d8;}
.mdt-subnav-v109 a{color:#fff;text-decoration:none;font-weight:1000;font-size:14px;}
.alerts-page-v109-active .active-alerts,
.alerts-page-v109-active .alerts-page:not(#alertsWorkspaceV109),
.alerts-page-v109-active .alerts-v105,
.alerts-page-v109-active .alerts-v106,
.alerts-page-v109-active .alerts-v107,
.alerts-page-v109-active .alerts-v108,
.alerts-page-v109-active #alertsWorkspaceMountV108{
display:none!important;
}
#alertsWorkspaceMountV109{padding:18px;}
.alerts-v109{color:#fff;}
.alerts-header-v109{border:1px solid #2d6fb7;background:#0c2547;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.alerts-header-v109 h1{margin:3px 0;font-size:28px;}
.alerts-header-v109 p{margin:0;color:#bfd4ee;font-weight:800;}
.alerts-layout-v109{display:grid;grid-template-columns:280px 1fr;gap:10px;}
.alerts-sidebar-v109,.alerts-main-v109{border:1px solid #555;background:#111;min-height:560px;}
.alert-tabs-v109{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #444;}
.alert-tabs-v109 button,.alert-search-v109 button{background:#061b33;color:#fff;border:1px solid #2d6fb7;border-radius:5px;padding:10px;font-weight:1000;cursor:pointer;}
.alert-tabs-v109 button.active{background:#2870d6;}
.alert-search-v109{padding:10px;}
.alert-search-v109 h3{margin:0 0 10px;}
.alert-search-v109 label{display:block;font-weight:1000;margin-bottom:6px;}
.alert-search-v109 input,.alert-form-grid-v109 input,.alert-form-grid-v109 select,.alert-form-grid-v109 textarea{width:100%;box-sizing:border-box;background:#050505;color:#fff;border:1px solid #385a7e;border-radius:4px;padding:9px;font-weight:900;}
.alert-form-grid-v109 textarea{min-height:130px;resize:vertical;}
.inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;}
.alerts-list-v109{height:100%;overflow:auto;}
.alerts-table-v109{width:100%;border-collapse:collapse;}
.alerts-table-v109 th,.alerts-table-v109 td{border:1px solid #3c4654;padding:8px;font-weight:900;vertical-align:top;}
.alerts-table-v109 th{background:#0e4b86;}
.alerts-table-v109 tr{cursor:pointer;}
.alerts-table-v109 tr:hover{background:#102b55;}
.alert-type-pill,.alert-priority-pill{display:inline-block;border:1px solid #2d6fb7;background:#061b33;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:1000;}
.priority-low{color:#9fb3ca!important;}
.priority-normal{color:#00ff66!important;}
.priority-high{color:#ffd400!important;}
.priority-emergency{color:#ff4d5f!important;}
.alert-detail-v109{padding:10px;}
.alerts-record-topbar-v109{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.alert-record-v109{display:grid;gap:10px;}
.alert-priority-card-v109{border:1px solid #555;background:#050505;border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;font-size:18px;font-weight:1000;}
.alert-fields-v109{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.alert-fields-v109 div{border:1px solid #375272;background:#03070d;border-radius:5px;padding:8px;}
.alert-fields-v109 b{display:block;color:#9fbbe0;font-size:12px;}
.alert-fields-v109 span{font-weight:1000;}
.alert-narrative-v109 pre{white-space:pre-wrap;min-height:170px;}
body.modal-open-v109{overflow:hidden!important;}
.alert-modal-backdrop-v109{
position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;
background:rgba(0,0,0,.72)!important;backdrop-filter:blur(2px);align-items:center!important;justify-content:center!important;
padding:30px!important;box-sizing:border-box!important;
}
.alert-modal-backdrop-v109[hidden]{display:none!important;}
.alert-modal-backdrop-v109.show{display:flex!important;}
.alert-modal-v109{
width:min(760px, calc(100vw - 80px))!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;
background:#071427!important;border:1px solid #2d6fb7!important;border-radius:12px!important;box-shadow:0 22px 70px rgba(0,0,0,.9)!important;
transform:none!important;margin:0!important;position:relative!important;
}
.alert-modal-v109 header{position:sticky;top:0;z-index:5;background:#0c2547;border-bottom:1px solid #2d6fb7;padding:16px;display:flex;justify-content:space-between;align-items:center;}
.alert-modal-v109 h2{margin:0;}
.alert-modal-v109 .modal-x{width:44px;height:40px;border-radius:8px;background:#2870d6;color:#fff;border:0;font-size:20px;font-weight:1000;}
.alert-form-grid-v109{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;}
.alert-form-grid-v109 label{font-weight:1000;}
.alert-form-grid-v109 .wide{grid-column:1/-1;}
.alert-modal-v109 footer{position:sticky;bottom:0;background:#0b1f38;border-top:1px solid #315d8c;padding:12px 14px;display:flex;justify-content:flex-end;gap:8px;}
@media(max-width:900px){
.hs-app-header-v109{align-items:flex-start;flex-direction:column;padding:14px;}
.alerts-layout-v109{grid-template-columns:1fr;}
.alert-form-grid-v109,.alert-fields-v109{grid-template-columns:1fr;}
}
/* v10.10: stop injected header/toolbar duplication */
.hs-app-header-v108,
.hs-app-header-v109,
.mdt-shellbar-v108,
.mdt-shellbar-v109,
#alertsWorkspaceMountV108,
#alertsWorkspaceMountV109,
#alertModalV108,
#alertModalV109{
display:none!important;
}
/* v10.10 Alerts workspace */
#alertsWorkspaceMountV1010{padding:18px;}
.alerts-v1010{color:#fff;}
.alerts-header-v1010{border:1px solid #2d6fb7;background:#0c2547;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.alerts-header-v1010 h1{margin:3px 0;font-size:28px;}
.alerts-header-v1010 p{margin:0;color:#bfd4ee;font-weight:800;}
.alerts-layout-v1010{display:grid;grid-template-columns:280px 1fr;gap:10px;}
.alerts-sidebar-v1010,.alerts-main-v1010{border:1px solid #555;background:#111;min-height:560px;}
.alert-tabs-v1010{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #444;}
.alert-tabs-v1010 button,.alert-search-v1010 button{background:#061b33;color:#fff;border:1px solid #2d6fb7;border-radius:5px;padding:10px;font-weight:1000;cursor:pointer;}
.alert-tabs-v1010 button.active{background:#2870d6;}
.alert-search-v1010{padding:10px;}
.alert-search-v1010 h3{margin:0 0 10px;}
.alert-search-v1010 label{display:block;font-weight:1000;margin-bottom:6px;}
.alert-search-v1010 input,.alert-form-grid-v1010 input,.alert-form-grid-v1010 select,.alert-form-grid-v1010 textarea{width:100%;box-sizing:border-box;background:#050505;color:#fff;border:1px solid #385a7e;border-radius:4px;padding:9px;font-weight:900;}
.alert-form-grid-v1010 textarea{min-height:130px;resize:vertical;}
.inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;}
.alerts-list-v1010{height:100%;overflow:auto;}
.alerts-table-v1010{width:100%;border-collapse:collapse;}
.alerts-table-v1010 th,.alerts-table-v1010 td{border:1px solid #3c4654;padding:8px;font-weight:900;vertical-align:top;}
.alerts-table-v1010 th{background:#0e4b86;}
.alerts-table-v1010 tr{cursor:pointer;}
.alerts-table-v1010 tr:hover{background:#102b55;}
.alert-type-pill,.alert-priority-pill{display:inline-block;border:1px solid #2d6fb7;background:#061b33;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:1000;}
.priority-low{color:#9fb3ca!important;}
.priority-normal{color:#00ff66!important;}
.priority-high{color:#ffd400!important;}
.priority-emergency{color:#ff4d5f!important;}
.alert-detail-v1010{padding:10px;}
.alerts-record-topbar-v1010{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.alert-record-v1010{display:grid;gap:10px;}
.alert-priority-card-v1010{border:1px solid #555;background:#050505;border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;font-size:18px;font-weight:1000;}
.alert-fields-v1010{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.alert-fields-v1010 div{border:1px solid #375272;background:#03070d;border-radius:5px;padding:8px;}
.alert-fields-v1010 b{display:block;color:#9fbbe0;font-size:12px;}
.alert-fields-v1010 span{font-weight:1000;}
.alert-narrative-v1010 pre{white-space:pre-wrap;min-height:170px;}
body.modal-open-v1010{overflow:hidden!important;}
.alert-modal-backdrop-v1010{
position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;
background:rgba(0,0,0,.72)!important;backdrop-filter:blur(2px);align-items:center!important;justify-content:center!important;
padding:30px!important;box-sizing:border-box!important;
}
.alert-modal-backdrop-v1010[hidden]{display:none!important;}
.alert-modal-backdrop-v1010.show{display:flex!important;}
.alert-modal-v1010{
width:min(760px,calc(100vw - 80px))!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;
background:#071427!important;border:1px solid #2d6fb7!important;border-radius:12px!important;box-shadow:0 22px 70px rgba(0,0,0,.9)!important;
transform:none!important;margin:0!important;position:relative!important;
}
.alert-modal-v1010 header{position:sticky;top:0;z-index:5;background:#0c2547;border-bottom:1px solid #2d6fb7;padding:16px;display:flex;justify-content:space-between;align-items:center;}
.alert-modal-v1010 h2{margin:0;}
.alert-modal-v1010 .modal-x{width:44px;height:40px;border-radius:8px;background:#2870d6;color:#fff;border:0;font-size:20px;font-weight:1000;}
.alert-form-grid-v1010{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;}
.alert-form-grid-v1010 label{font-weight:1000;}
.alert-form-grid-v1010 .wide{grid-column:1/-1;}
.alert-modal-v1010 footer{position:sticky;bottom:0;background:#0b1f38;border-top:1px solid #315d8c;padding:12px 14px;display:flex;justify-content:flex-end;gap:8px;}
@media(max-width:900px){
.alerts-layout-v1010{grid-template-columns:1fr;}
.alert-form-grid-v1010,.alert-fields-v1010{grid-template-columns:1fr;}
}
/* v10.11 restore the MDT toolbox button strip without duplicating full headers */
.mdt-shellbar-v108,
.mdt-shellbar-v109,
.hs-app-header-v108,
.hs-app-header-v109{
display:none!important;
}
.mdt-toolbox-v1011{
min-height:98px;
display:flex!important;
align-items:center;
gap:10px;
padding:10px;
background:#244f84;
border-top:1px solid #4d7eb5;
border-bottom:1px solid #76a7d8;
color:#fff;
box-sizing:border-box;
position:relative;
z-index:45;
}
.mdt-tool-btn-v1011{
width:94px;
height:76px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid #7ca3d4;
border-radius:7px;
color:#ffd400;
text-decoration:none;
font-size:24px;
font-weight:1000;
background:#244f84;
box-sizing:border-box;
cursor:pointer;
font-family:inherit;
}
.mdt-tool-btn-v1011 span{
color:#fff;
font-size:13px;
line-height:1;
}
.mdt-tool-btn-v1011:hover{
background:#2c67ad;
}
.mdt-tool-btn-v1011.panic{
margin-left:auto;
}
/* v10.12 force one MDT toolbox on every MDT page */
.hs-app-header-v108,
.hs-app-header-v109,
.mdt-shellbar-v108,
.mdt-shellbar-v109,
.mdt-toolbox-v1011{
display:none!important;
}
.mdt-toolbox-v1012{
min-height:98px;
display:flex!important;
align-items:center;
gap:10px;
padding:10px;
background:#244f84;
border-top:1px solid #4d7eb5;
border-bottom:1px solid #76a7d8;
color:#fff;
box-sizing:border-box;
position:relative;
z-index:999;
width:100%;
}
.mdt-tool-btn-v1012{
width:94px;
height:76px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid #7ca3d4;
border-radius:7px;
color:#ffd400;
text-decoration:none;
font-size:24px;
font-weight:1000;
background:#244f84;
box-sizing:border-box;
cursor:pointer;
font-family:inherit;
}
.mdt-tool-btn-v1012 span{
color:#fff;
font-size:13px;
line-height:1;
}
.mdt-tool-btn-v1012:hover{
background:#2c67ad;
}
.mdt-tool-btn-v1012.panic{
margin-left:auto;
}
/* v10.13 MDT toolbox de-dupe */
.hs-app-header-v108,
.hs-app-header-v109,
.mdt-shellbar-v108,
.mdt-shellbar-v109{
display:none!important;
}
.mdt-toolbox-v1012,
.mdt-toolbox-v1011{
display:none!important;
}
.mdt-toolbox-v1013{
min-height:98px;
display:flex!important;
align-items:center;
gap:10px;
padding:10px;
background:#244f84;
border-top:1px solid #4d7eb5;
border-bottom:1px solid #76a7d8;
color:#fff;
box-sizing:border-box;
position:relative;
z-index:999;
width:100%;
}
.mdt-tool-btn-v1013{
width:94px;
height:76px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid #7ca3d4;
border-radius:7px;
color:#ffd400;
text-decoration:none;
font-size:24px;
font-weight:1000;
background:#244f84;
box-sizing:border-box;
cursor:pointer;
font-family:inherit;
}
.mdt-tool-btn-v1013 span{
color:#fff;
font-size:13px;
line-height:1;
}
.mdt-tool-btn-v1013:hover{
background:#2c67ad;
}
.mdt-tool-btn-v1013.panic{
margin-left:auto;
}
/* v10.14 Alerts page only restore - does not touch header/toolbox */
#alertsWorkspaceMountV1014{
padding:18px;
}
.alerts-v1014{
color:#fff;
}
.alerts-v1014 .mdt-kicker,
.alert-modal-v1014 .mdt-kicker{
color:#28e7ff;
font-size:13px;
letter-spacing:4px;
font-weight:1000;
}
.alerts-header-v1014{
border:1px solid #2d6fb7;
background:#0c2547;
border-radius:12px;
padding:16px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:14px;
}
.alerts-header-v1014 h1{
margin:3px 0;
font-size:28px;
}
.alerts-header-v1014 p{
margin:0;
color:#bfd4ee;
font-weight:800;
}
.alerts-layout-v1014{
display:grid;
grid-template-columns:280px 1fr;
gap:10px;
}
.alerts-sidebar-v1014,
.alerts-main-v1014{
border:1px solid #555;
background:#111;
min-height:560px;
}
.alert-tabs-v1014{
display:grid;
grid-template-columns:1fr 1fr;
gap:6px;
padding:8px;
border-bottom:1px solid #444;
}
.alert-tabs-v1014 button,
.alert-search-v1014 button{
background:#061b33;
color:#fff;
border:1px solid #2d6fb7;
border-radius:5px;
padding:10px;
font-weight:1000;
cursor:pointer;
}
.alert-tabs-v1014 button.active{
background:#2870d6;
}
.alert-search-v1014{
padding:10px;
}
.alert-search-v1014 h3{
margin:0 0 10px;
}
.alert-search-v1014 label{
display:block;
font-weight:1000;
margin-bottom:6px;
}
.alert-search-v1014 input,
.alert-form-grid-v1014 input,
.alert-form-grid-v1014 select,
.alert-form-grid-v1014 textarea{
width:100%;
box-sizing:border-box;
background:#050505;
color:#fff;
border:1px solid #385a7e;
border-radius:4px;
padding:9px;
font-weight:900;
}
.alert-form-grid-v1014 textarea{
min-height:130px;
resize:vertical;
}
.inline-actions{
display:flex;
gap:8px;
justify-content:flex-end;
margin-top:8px;
}
.alerts-list-v1014{
height:100%;
overflow:auto;
}
.alerts-table-v1014{
width:100%;
border-collapse:collapse;
}
.alerts-table-v1014 th,
.alerts-table-v1014 td{
border:1px solid #3c4654;
padding:8px;
font-weight:900;
vertical-align:top;
}
.alerts-table-v1014 th{
background:#0e4b86;
}
.alerts-table-v1014 tr{
cursor:pointer;
}
.alerts-table-v1014 tr:hover{
background:#102b55;
}
.alert-type-pill,
.alert-priority-pill{
display:inline-block;
border:1px solid #2d6fb7;
background:#061b33;
border-radius:999px;
padding:3px 8px;
font-size:12px;
font-weight:1000;
}
.priority-low{color:#9fb3ca!important;}
.priority-normal{color:#00ff66!important;}
.priority-high{color:#ffd400!important;}
.priority-emergency{color:#ff4d5f!important;}
.alert-detail-v1014{
padding:10px;
}
.alerts-record-topbar-v1014{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.alert-record-v1014{
display:grid;
gap:10px;
}
.alert-priority-card-v1014{
border:1px solid #555;
background:#050505;
border-radius:8px;
padding:14px;
display:grid;
grid-template-columns:1fr auto auto;
gap:14px;
align-items:center;
font-size:18px;
font-weight:1000;
}
.alert-fields-v1014{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
.alert-fields-v1014 div{
border:1px solid #375272;
background:#03070d;
border-radius:5px;
padding:8px;
}
.alert-fields-v1014 b{
display:block;
color:#9fbbe0;
font-size:12px;
}
.alert-fields-v1014 span{
font-weight:1000;
}
.alert-narrative-v1014 pre{
white-space:pre-wrap;
min-height:170px;
margin:0;
padding:12px;
}
body.modal-open-v1014{
overflow:hidden!important;
}
.alert-modal-backdrop-v1014{
position:fixed!important;
inset:0!important;
z-index:999999!important;
width:100vw!important;
height:100vh!important;
background:rgba(0,0,0,.72)!important;
backdrop-filter:blur(2px);
align-items:center!important;
justify-content:center!important;
padding:30px!important;
box-sizing:border-box!important;
}
.alert-modal-backdrop-v1014[hidden]{
display:none!important;
}
.alert-modal-backdrop-v1014.show{
display:flex!important;
}
.alert-modal-v1014{
width:min(760px,calc(100vw - 80px))!important;
max-height:calc(100vh - 100px)!important;
overflow:auto!important;
background:#071427!important;
border:1px solid #2d6fb7!important;
border-radius:12px!important;
box-shadow:0 22px 70px rgba(0,0,0,.9)!important;
transform:none!important;
margin:0!important;
position:relative!important;
}
.alert-modal-v1014 header{
position:sticky;
top:0;
z-index:5;
background:#0c2547;
border-bottom:1px solid #2d6fb7;
padding:16px;
display:flex;
justify-content:space-between;
align-items:center;
}
.alert-modal-v1014 h2{
margin:0;
}
.alert-modal-v1014 .modal-x{
width:44px;
height:40px;
border-radius:8px;
background:#2870d6;
color:#fff;
border:0;
font-size:20px;
font-weight:1000;
}
.alert-form-grid-v1014{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
padding:14px;
}
.alert-form-grid-v1014 label{
font-weight:1000;
}
.alert-form-grid-v1014 .wide{
grid-column:1/-1;
}
.alert-modal-v1014 footer{
position:sticky;
bottom:0;
background:#0b1f38;
border-top:1px solid #315d8c;
padding:12px 14px;
display:flex;
justify-content:flex-end;
gap:8px;
}
@media(max-width:900px){
.alerts-layout-v1014{
grid-template-columns:1fr;
}
.alert-form-grid-v1014,
.alert-fields-v1014{
grid-template-columns:1fr;
}
}
/* v10.15 Alerts page only restore */
#alertsWorkspaceMountV1015{padding:18px;}
.alerts-v1015{color:#fff;}
.alerts-v1015 .mdt-kicker,.alert-modal-v1015 .mdt-kicker{color:#28e7ff;font-size:13px;letter-spacing:4px;font-weight:1000;}
.alerts-header-v1015{border:1px solid #2d6fb7;background:#0c2547;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.alerts-header-v1015 h1{margin:3px 0;font-size:28px;}
.alerts-header-v1015 p{margin:0;color:#bfd4ee;font-weight:800;}
.alerts-layout-v1015{display:grid;grid-template-columns:280px 1fr;gap:10px;}
.alerts-sidebar-v1015,.alerts-main-v1015{border:1px solid #555;background:#111;min-height:560px;}
.alert-tabs-v1015{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #444;}
.alert-tabs-v1015 button,.alert-search-v1015 button{background:#061b33;color:#fff;border:1px solid #2d6fb7;border-radius:5px;padding:10px;font-weight:1000;cursor:pointer;}
.alert-tabs-v1015 button.active{background:#2870d6;}
.alert-search-v1015{padding:10px;}
.alert-search-v1015 h3{margin:0 0 10px;}
.alert-search-v1015 label{display:block;font-weight:1000;margin-bottom:6px;}
.alert-search-v1015 input,.alert-form-grid-v1015 input,.alert-form-grid-v1015 select,.alert-form-grid-v1015 textarea{width:100%;box-sizing:border-box;background:#050505;color:#fff;border:1px solid #385a7e;border-radius:4px;padding:9px;font-weight:900;}
.alert-form-grid-v1015 textarea{min-height:130px;resize:vertical;}
.inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;}
.alerts-list-v1015{height:100%;overflow:auto;}
.alerts-table-v1015{width:100%;border-collapse:collapse;}
.alerts-table-v1015 th,.alerts-table-v1015 td{border:1px solid #3c4654;padding:8px;font-weight:900;vertical-align:top;}
.alerts-table-v1015 th{background:#0e4b86;}
.alerts-table-v1015 tr{cursor:pointer;}
.alerts-table-v1015 tr:hover{background:#102b55;}
.alert-type-pill,.alert-priority-pill{display:inline-block;border:1px solid #2d6fb7;background:#061b33;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:1000;}
.priority-low{color:#9fb3ca!important;}
.priority-normal{color:#00ff66!important;}
.priority-high{color:#ffd400!important;}
.priority-emergency{color:#ff4d5f!important;}
.alert-detail-v1015{padding:10px;}
.alerts-record-topbar-v1015{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.alert-record-v1015{display:grid;gap:10px;}
.alert-priority-card-v1015{border:1px solid #555;background:#050505;border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;font-size:18px;font-weight:1000;}
.alert-fields-v1015{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.alert-fields-v1015 div{border:1px solid #375272;background:#03070d;border-radius:5px;padding:8px;}
.alert-fields-v1015 b{display:block;color:#9fbbe0;font-size:12px;}
.alert-fields-v1015 span{font-weight:1000;}
.alert-narrative-v1015 pre{white-space:pre-wrap;min-height:170px;margin:0;padding:12px;}
body.modal-open-v1015{overflow:hidden!important;}
.alert-modal-backdrop-v1015{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(2px);align-items:center!important;justify-content:center!important;padding:30px!important;box-sizing:border-box!important;}
.alert-modal-backdrop-v1015[hidden]{display:none!important;}
.alert-modal-backdrop-v1015.show{display:flex!important;}
.alert-modal-v1015{width:min(760px,calc(100vw - 80px))!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;background:#071427!important;border:1px solid #2d6fb7!important;border-radius:12px!important;box-shadow:0 22px 70px rgba(0,0,0,.9)!important;transform:none!important;margin:0!important;position:relative!important;}
.alert-modal-v1015 header{position:sticky;top:0;z-index:5;background:#0c2547;border-bottom:1px solid #2d6fb7;padding:16px;display:flex;justify-content:space-between;align-items:center;}
.alert-modal-v1015 h2{margin:0;}
.alert-modal-v1015 .modal-x{width:44px;height:40px;border-radius:8px;background:#2870d6;color:#fff;border:0;font-size:20px;font-weight:1000;}
.alert-form-grid-v1015{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;}
.alert-form-grid-v1015 label{font-weight:1000;}
.alert-form-grid-v1015 .wide{grid-column:1/-1;}
.alert-modal-v1015 footer{position:sticky;bottom:0;background:#0b1f38;border-top:1px solid #315d8c;padding:12px 14px;display:flex;justify-content:flex-end;gap:8px;}
@media(max-width:900px){.alerts-layout-v1015{grid-template-columns:1fr;}.alert-form-grid-v1015,.alert-fields-v1015{grid-template-columns:1fr;}}
/* v10.16 Alerts hard override + extra statuses */
#alertsWorkspaceMountV1016{padding:18px;}
.alerts-v1016{color:#fff;}
.alerts-v1016 .mdt-kicker,.alert-modal-v1016 .mdt-kicker{color:#28e7ff;font-size:13px;letter-spacing:4px;font-weight:1000;}
.alerts-header-v1016{border:1px solid #2d6fb7;background:#0c2547;border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.alerts-header-v1016 h1{margin:3px 0;font-size:28px;}
.alerts-header-v1016 p{margin:0;color:#bfd4ee;font-weight:800;}
.alerts-layout-v1016{display:grid;grid-template-columns:280px 1fr;gap:10px;}
.alerts-sidebar-v1016,.alerts-main-v1016{border:1px solid #555;background:#111;min-height:560px;}
.alert-tabs-v1016{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid #444;}
.alert-tabs-v1016 button,.alert-search-v1016 button{background:#061b33;color:#fff;border:1px solid #2d6fb7;border-radius:5px;padding:10px;font-weight:1000;cursor:pointer;}
.alert-tabs-v1016 button.active{background:#2870d6;}
.alert-search-v1016{padding:10px;}
.alert-search-v1016 h3{margin:0 0 10px;}
.alert-search-v1016 label{display:block;font-weight:1000;margin-bottom:6px;}
.alert-search-v1016 input,.alert-form-grid-v1016 input,.alert-form-grid-v1016 select,.alert-form-grid-v1016 textarea{width:100%;box-sizing:border-box;background:#050505;color:#fff;border:1px solid #385a7e;border-radius:4px;padding:9px;font-weight:900;}
.alert-form-grid-v1016 textarea{min-height:130px;resize:vertical;}
.inline-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;}
.alerts-list-v1016{height:100%;overflow:auto;}
.alerts-table-v1016{width:100%;border-collapse:collapse;}
.alerts-table-v1016 th,.alerts-table-v1016 td{border:1px solid #3c4654;padding:8px;font-weight:900;vertical-align:top;}
.alerts-table-v1016 th{background:#0e4b86;}
.alerts-table-v1016 tr{cursor:pointer;}
.alerts-table-v1016 tr:hover{background:#102b55;}
.alert-type-pill,.alert-priority-pill{display:inline-block;border:1px solid #2d6fb7;background:#061b33;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:1000;}
.priority-low{color:#9fb3ca!important;}
.priority-normal{color:#00ff66!important;}
.priority-high{color:#ffd400!important;}
.priority-emergency{color:#ff4d5f!important;}
.alert-detail-v1016{padding:10px;}
.alerts-record-topbar-v1016{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.alert-record-v1016{display:grid;gap:10px;}
.alert-priority-card-v1016{border:1px solid #555;background:#050505;border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;font-size:18px;font-weight:1000;}
.alert-fields-v1016{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.alert-fields-v1016 div{border:1px solid #375272;background:#03070d;border-radius:5px;padding:8px;}
.alert-fields-v1016 b{display:block;color:#9fbbe0;font-size:12px;}
.alert-fields-v1016 span{font-weight:1000;}
.alert-narrative-v1016 pre{white-space:pre-wrap;min-height:170px;margin:0;padding:12px;}
body.modal-open-v1016{overflow:hidden!important;}
.alert-modal-backdrop-v1016{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(2px);align-items:center!important;justify-content:center!important;padding:30px!important;box-sizing:border-box!important;}
.alert-modal-backdrop-v1016[hidden]{display:none!important;}
.alert-modal-backdrop-v1016.show{display:flex!important;}
.alert-modal-v1016{width:min(760px,calc(100vw - 80px))!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;background:#071427!important;border:1px solid #2d6fb7!important;border-radius:12px!important;box-shadow:0 22px 70px rgba(0,0,0,.9)!important;transform:none!important;margin:0!important;position:relative!important;}
.alert-modal-v1016 header{position:sticky;top:0;z-index:5;background:#0c2547;border-bottom:1px solid #2d6fb7;padding:16px;display:flex;justify-content:space-between;align-items:center;}
.alert-modal-v1016 h2{margin:0;}
.alert-modal-v1016 .modal-x{width:44px;height:40px;border-radius:8px;background:#2870d6;color:#fff;border:0;font-size:20px;font-weight:1000;}
.alert-form-grid-v1016{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;}
.alert-form-grid-v1016 label{font-weight:1000;}
.alert-form-grid-v1016 .wide{grid-column:1/-1;}
.alert-modal-v1016 footer{position:sticky;bottom:0;background:#0b1f38;border-top:1px solid #315d8c;padding:12px 14px;display:flex;justify-content:flex-end;gap:8px;}
.unit-status-extra-wrap-v1016{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.unit-status-extra-v1016{background:#163a69;color:#fff;border:1px solid #2d6fb7;border-radius:6px;padding:10px;font-weight:1000;cursor:pointer;}
.unit-status-extra-v1016:hover{background:#245d9d;}
@media(max-width:900px){
.alerts-layout-v1016{grid-template-columns:1fr;}
.alert-form-grid-v1016,.alert-fields-v1016{grid-template-columns:1fr;}
}