:root{background:#f6f7fb;color:#292d48}.sidebar,.auth-art{background:#282943}.logo b{background:#d5cbff;color:#37305f}.auth-art h1 em{color:#d4c9ff}.product-tag{color:#bbb7e5}.nav a.active{background:#ebe8ff;color:#393063}.nav a:hover{background:#ffffff18}.btn{border-color:#dbdbee;color:#56517d}.btn.primary{background:#59518d;border-color:#59518d}.btn.primary:hover{background:#4d437a}.btn:hover{background:#f3f1fc}.eyebrow{color:#7267ab}.metric,.panel{border-color:#e8e7f1}.panel-h{border-color:#eeeaf4}.metric span{color:#807c9b}.pill.scheduled{background:#eeeafd;color:#6a56a2}.pill.completed{background:#e1f3e9;color:#327b53}.pill.cancelled{background:#fce9eb;color:#aa5d6b}.pill.missed{background:#fdebd6;color:#a46b2c}.pill.open{background:#fee8e8;color:#b65d60}.pill.resolved{background:#e1f3e9;color:#327b53}.pill.high,.pill.critical{background:#ffe4e0;color:#bd5558}.pill.medium{background:#fff1d9;color:#a47d32}.pill.low{background:#e8f0fc;color:#567ba8}.pill.active{background:#e2f3e9;color:#378462}.note{background:#f0ecfb;color:#64588c;border-color:#ded6f3}.note.warn{background:#fff7e9;color:#947843;border-color:#f0e1c4}.shifts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.shift-card{padding:19px;background:white;border:1px solid #e5e4ef;border-radius:14px;display:flex;flex-direction:column;gap:13px}.shift-card h2{font-size:16px;font-family:Manrope,sans-serif;margin:5px 0}.shift-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px 0;border-top:1px solid #eeedf5;border-bottom:1px solid #eeedf5}.shift-meta span{font-size:10px;color:#8986a5}.shift-meta strong{display:block;font-size:12px;margin-top:5px;color:#454162}.shift-actions{display:flex;flex-wrap:wrap;gap:7px}.shift-summary{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#77718d;font-size:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #efedf5;padding:13px 0}.summary-row:last-child{border-bottom:0}.summary-row strong{display:block;font-size:12px}.summary-row small{color:#8985a2;font-size:10px}.summary-row .pill{flex-shrink:0}#modal .dialog-head h2{color:#34305b}.form-grid textarea{display:block;width:100%;min-height:88px;border:1px solid #dcd9ee;border-radius:9px;padding:12px;margin-top:6px}.report-title{font-size:12px;font-weight:800;margin:20px 0 12px;color:#524b7d}.warning-strip{border-radius:12px;background:#fff5e7;border:1px solid #f5dfb9;color:#90713b;padding:15px 18px;font-size:11px;line-height:1.75;margin-bottom:21px}.auth-art .eyebrow{color:#d8c8ff}@media(max-width:580px){.shift-meta{grid-template-columns:1fr 1fr}.shift-card{padding:15px}}
/* Workforce scheduling and patrol administration, responsive on smaller phones. */
#content .table-wrap{overflow-x:auto;max-width:100%}
#content .panel{min-width:0}
#content table td{overflow-wrap:anywhere;max-width:340px}
#content .page-head .actions{display:flex;flex-wrap:wrap;gap:8px}
.wa-coverage-gap{display:inline-block;color:#a24b2d;background:#fff0e7;padding:5px 9px;border-radius:8px}
#modal .form-grid{min-width:0}
#modal .form-grid label{min-width:0}
@media(max-width:700px){#content .table-wrap{overflow-x:auto}#content table{min-width:540px}#modal .form-grid{grid-template-columns:1fr}}
