:root{
  --centrl-bg:#f4f6fa;
  --centrl-card:#fff;
  --centrl-ink:#111827;
  --centrl-muted:#64748b;
  --centrl-border:#e2e8f0;
  --centrl-navy:#0f172a;
  --centrl-navy2:#26374f;
  --centrl-blue:#2563eb;
  --centrl-green:#16a34a;
  --centrl-red:#dc2626;
  --centrl-orange:#f59e0b;
}
.centrl-app,.centrl-app *{box-sizing:border-box}
.centrl-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:var(--centrl-ink)!important;line-height:1.4}
.centrl-app h1,.centrl-app h2,.centrl-app h3,.centrl-app h4,.centrl-app p{color:inherit!important}
.centrl-app button,.centrl-app input,.centrl-app textarea,.centrl-app select{font:inherit}
.centrl-app button{line-height:1.2}
.centrl-app a{text-decoration:none}
#centrl-control{width:100%;max-width:1180px;margin:18px auto;padding:18px;background:var(--centrl-bg);border-radius:24px;min-height:520px}
.centrl-loading{padding:80px 20px;text-align:center;color:var(--centrl-muted);font-weight:800}

/* Access / setup */
.centrl-access-card{max-width:620px;margin:40px auto;padding:24px;border:1px solid var(--centrl-border);border-radius:18px;background:#fff;color:#111827}
.centrl-access-card strong{font-size:24px}
.centrl-setup-shell{max-width:860px;margin:20px auto;padding:24px}
.centrl-setup-brand{font-size:14px;font-weight:1000;letter-spacing:.28em;color:#334155;margin:0 0 14px 4px}
.centrl-setup-card{background:#fff;border:1px solid #dde3ec;border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(15,23,42,.10)}
.centrl-setup-kicker,.centrl-section-kicker{font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#64748b}
.centrl-setup-card h1{margin:5px 0 8px!important;font-size:34px!important;line-height:1.1!important;color:#0f172a!important}
.centrl-setup-card>p{max-width:700px;color:#64748b!important;margin:0 0 26px!important}
.centrl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.centrl-form-grid label,.centrl-form-stack label{display:grid;gap:7px}
.centrl-form-grid label.full{grid-column:1/-1}
.centrl-form-grid label>span,.centrl-form-stack label>span,.centrl-modal-field>span,.centrl-field-label{font-size:13px;font-weight:850;color:#334155}
.centrl-form-grid input,.centrl-form-stack input,.centrl-form-stack textarea,.centrl-modal-field select,.centrl-inline-form input,.centrl-compose textarea,.centrl-map-toolbar input,.point-note textarea,.point-compose textarea,.pda-compose textarea{width:100%!important;background:#fff!important;border:1.5px solid #cbd5e1!important;color:#111827!important;border-radius:12px!important;padding:12px 13px!important;box-shadow:none!important;outline:none!important}
.centrl-form-grid input:focus,.centrl-form-stack input:focus,.centrl-form-stack textarea:focus,.centrl-modal-field select:focus,.centrl-inline-form input:focus,.centrl-compose textarea:focus,.centrl-map-toolbar input:focus,.point-note textarea:focus,.point-compose textarea:focus,.pda-compose textarea:focus{border-color:#64748b!important;box-shadow:0 0 0 3px rgba(100,116,139,.10)!important}
.centrl-form-stack{display:grid;gap:18px}.centrl-form-stack small{color:#64748b}
.centrl-recent{margin-top:20px;background:#fff;border:1px solid var(--centrl-border);border-radius:18px;padding:18px}
.centrl-section-title{font-size:14px;font-weight:900;color:#334155;margin-bottom:10px}
.recent-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eef2f7;padding:12px 0}.recent-row:first-of-type{border-top:0}.recent-row strong,.recent-row span{display:block}.recent-row span{font-size:12px;color:#64748b;margin-top:2px}

/* Buttons */
.centrl-btn{appearance:none!important;border:0!important;border-radius:12px!important;padding:11px 15px!important;background:linear-gradient(135deg,#1f2937,#334155)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:850!important;cursor:pointer!important;box-shadow:0 7px 16px rgba(15,23,42,.12)!important;transition:.16s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important}
.centrl-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.centrl-btn:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important}
.centrl-btn.primary{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important}
.centrl-btn.secondary{background:#fff!important;color:#334155!important;-webkit-text-fill-color:#334155!important;border:1px solid #cbd5e1!important;box-shadow:0 3px 8px rgba(15,23,42,.05)!important}
.centrl-btn.success{background:linear-gradient(135deg,#15803d,#16a34a)!important}
.centrl-btn.danger{background:linear-gradient(135deg,#991b1b,#dc2626)!important}
.centrl-btn.small{min-height:36px!important;padding:8px 11px!important;font-size:12px!important;border-radius:10px!important}
.centrl-btn.xl{min-height:54px!important;padding:14px 24px!important;font-size:16px!important}
.centrl-btn.linkbtn{width:max-content}
.centrl-action-row{display:flex;gap:10px;flex-wrap:wrap}

/* Control header */
.centrl-dashboard{width:100%}
.centrl-cp-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-radius:20px;background:linear-gradient(135deg,#020817,#0f172a);color:#fff!important;box-shadow:0 18px 38px rgba(2,6,23,.22)}
.centrl-cp-left{min-width:0}.centrl-cp-caption{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#93c5fd}.centrl-cp-centralist{font-size:25px;font-weight:950;margin-top:2px;color:#fff}.centrl-cp-event{margin-top:3px;color:#cbd5e1;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}
.centrl-cp-right{text-align:right;position:relative;padding-right:78px;min-width:250px}.centrl-cp-time{font-size:34px;font-weight:950;letter-spacing:.06em;color:#fff}.centrl-cp-date{font-size:12px;color:#cbd5e1;text-transform:capitalize;margin-top:2px}.centrl-live-badge{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.42);font-size:11px;font-weight:950;letter-spacing:.08em;color:#86efac}.centrl-live-badge i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.85)}
.centrl-session-line{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 3px 0;color:#64748b;font-size:12px}.centrl-session-line b{color:#334155}

/* Main tiles */
.centrl-main-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.centrl-main-tile{position:relative;min-height:92px;padding:18px 18px;border:0;border-radius:17px;background:linear-gradient(135deg,#1f2937,#334155);color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.16);transition:.17s ease;display:flex;align-items:center;gap:13px;text-align:left}
.centrl-main-tile:hover,.centrl-main-tile.active{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.24)}
.centrl-main-tile.active{outline:3px solid rgba(59,130,246,.18)}
.centrl-main-tile.danger{background:linear-gradient(135deg,#991b1b,#dc2626)}
.centrl-main-tile.sound-warning{background:linear-gradient(135deg,#b45309,#f59e0b);animation:soundWarn 1.8s ease-in-out infinite}
@keyframes soundWarn{0%,100%{box-shadow:0 10px 24px rgba(15,23,42,.16)}50%{box-shadow:0 12px 28px rgba(245,158,11,.34),0 0 0 6px rgba(245,158,11,.10)}}
.centrl-main-tile.pulse{animation:centrlPulse 1s ease-in-out infinite}
@keyframes centrlPulse{0%,100%{box-shadow:0 10px 24px rgba(15,23,42,.16)}50%{box-shadow:0 10px 24px rgba(220,38,38,.35),0 0 0 7px rgba(220,38,38,.12)}}
.centrl-tile-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);flex:0 0 44px}.centrl-tile-icon svg{width:24px;height:24px;fill:#fff}
.centrl-count{position:absolute;right:12px;top:10px;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#fff;color:#111827!important;-webkit-text-fill-color:#111827!important;font-size:12px;display:grid;place-items:center}

/* Panel */
.centrl-panel{background:#fff;border:1px solid #dfe5ed;border-radius:20px;padding:22px;min-height:320px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.centrl-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.centrl-panel-head h2{margin:3px 0 0!important;font-size:25px!important;color:#111827!important}.centrl-open-counter{padding:6px 10px;background:#f1f5f9;border-radius:999px;font-size:12px;font-weight:850;color:#475569}
.centrl-unit-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.centrl-subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.centrl-subhead h3{font-size:16px!important;margin:0!important;color:#334155!important}.centrl-subhead span{min-width:27px;height:27px;display:grid;place-items:center;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:900}
.centrl-unit-grid{display:grid;gap:11px}.centrl-unit-card{border:1px solid #e2e8f0;border-radius:15px;padding:15px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 3px 10px rgba(15,23,42,.04)}.centrl-unit-card-top{display:flex;justify-content:space-between;gap:10px}.centrl-unit-type{font-size:10px;font-weight:950;letter-spacing:.12em;color:#94a3b8}.centrl-unit-card h4{font-size:18px!important;margin:2px 0!important;color:#111827!important}.centrl-state{display:inline-flex;align-items:center;gap:6px;height:max-content;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.centrl-state i{width:8px;height:8px;border-radius:50%}.centrl-state.available{background:#dcfce7;color:#166534}.centrl-state.available i{background:#22c55e}.centrl-state.busy{background:#fee2e2;color:#991b1b}.centrl-state.busy i{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.6)}.centrl-state.offline{background:#f1f5f9;color:#64748b}.centrl-state.offline i{background:#94a3b8}.centrl-unit-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.centrl-unit-meta span{font-size:11px;color:#64748b;padding:4px 7px;border-radius:7px;background:#f8fafc}.centrl-unit-actions{display:flex;gap:7px;flex-wrap:wrap}.centrl-empty-block{border:1px dashed #cbd5e1;border-radius:14px;padding:22px;text-align:center;color:#64748b;background:#f8fafc}.centrl-empty-block.large{padding:50px 20px}

/* Alarms */
.centrl-alarm-list{display:grid;gap:10px}.centrl-alarm-row{width:100%;border:1px solid #f0b5b5;border-radius:14px;padding:14px 15px;background:linear-gradient(145deg,#fff4f4,#fee2e2);display:flex;justify-content:space-between;gap:18px;align-items:center;text-align:left;cursor:pointer;color:#111827!important}.centrl-alarm-row:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.08)}.centrl-alarm-row.opened{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-color:#93c5fd}.centrl-alarm-row.in_progress{background:linear-gradient(145deg,#1e4fc0,#2563eb);border-color:#1d4ed8;color:#fff!important}.centrl-alarm-row.closed{background:linear-gradient(145deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#14532d!important}.alarm-main span,.alarm-main strong,.alarm-main small{display:block}.alarm-source{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.68}.alarm-main strong{font-size:17px;margin-top:2px}.alarm-main small{font-size:12px;margin-top:5px;opacity:.82;max-width:660px}.alarm-side{text-align:right;display:flex;flex-direction:column;gap:3px;font-size:11px;min-width:165px}.alarm-side .alarm-status{font-weight:900}.alarm-side b{font-size:12px}.centrl-history{margin-top:20px;border-top:1px solid #e2e8f0;padding-top:14px}.centrl-history summary{cursor:pointer;color:#475569;font-size:13px;font-weight:850;margin-bottom:10px}.centrl-alarm-list.history{opacity:.78}

/* Communication */
.centrl-comm-layout{display:grid;grid-template-columns:290px 1fr;gap:16px;min-height:430px}.centrl-contact-list{border:1px solid #e2e8f0;border-radius:14px;padding:8px;background:#f8fafc;display:flex;flex-direction:column;gap:5px}.centrl-contact{border:0;background:transparent;padding:10px;border-radius:11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;color:#111827!important}.centrl-contact.active{background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.07)}.centrl-contact span:nth-child(2){min-width:0}.centrl-contact b,.centrl-contact small{display:block}.centrl-contact b{font-size:13px}.centrl-contact small{font-size:10px;color:#64748b;margin-top:2px}.contact-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.contact-dot.online{background:#22c55e}.contact-dot.offline{background:#94a3b8}.centrl-chat-pane{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;min-width:0}.centrl-chat-head{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.centrl-chat-head b,.centrl-chat-head span{display:block}.centrl-chat-head span{font-size:11px;color:#64748b}.centrl-message-list{height:310px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#fff}.centrl-message{max-width:76%;padding:9px 11px;border-radius:13px;font-size:13px}.centrl-message.mine{align-self:flex-end;background:#dbeafe;border-bottom-right-radius:4px}.centrl-message.theirs{align-self:flex-start;background:#f1f5f9;border-bottom-left-radius:4px}.centrl-message .message-who{font-size:10px;font-weight:900;color:#64748b;margin-bottom:3px}.centrl-message small{display:block;font-size:9px;color:#64748b;text-align:right;margin-top:4px}.centrl-chat-empty{margin:auto;color:#94a3b8;text-align:center}.centrl-compose{display:flex;gap:8px;padding:10px;border-top:1px solid #e2e8f0;background:#f8fafc}.centrl-compose textarea{resize:none;min-height:48px!important}

/* Settings */
.centrl-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.centrl-setting-card{border:1px solid #e2e8f0;border-radius:15px;padding:17px;background:#fbfdff}.centrl-setting-card h3{font-size:16px!important;margin:0 0 5px!important;color:#111827!important}.centrl-setting-card p{font-size:12px;color:#64748b!important;margin:0 0 13px!important}.centrl-inline-form{display:flex;gap:8px}

/* Map */
.centrl-map-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:11px}.centrl-map-toolbar input{width:330px!important}.centrl-map-legend{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto;font-size:10px;color:#64748b}.centrl-map-legend span{display:flex;align-items:center;gap:5px}.centrl-map-legend i{width:9px;height:9px;border-radius:50%}.centrl-map-legend .green{background:#22c55e}.centrl-map-legend .red{background:#ef4444}.centrl-map-legend .gray{background:#64748b}.centrl-map-canvas{height:500px;border-radius:15px;overflow:hidden;border:1px solid #dbe2ea;background:#eef2f7}.centrl-map-notice{display:flex;gap:18px;align-items:center;padding:30px;border-radius:16px;background:#f8fafc;border:1px dashed #cbd5e1}.map-notice-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#e2e8f0;flex:0 0 64px}.map-notice-icon svg{width:32px;height:32px;fill:#475569}.centrl-map-notice h3{font-size:19px!important;margin:0 0 4px!important;color:#111827!important}.centrl-map-notice p{color:#64748b!important;margin:0 0 12px!important}.centrl-team-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;white-space:nowrap}.centrl-team-marker i{width:22px;height:22px;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.38)}.centrl-team-marker b{margin-top:3px;background:#0f172a;color:#fff;padding:3px 7px;border-radius:6px;font-size:11px;box-shadow:0 2px 7px rgba(0,0,0,.24)}

/* Modal */
.centrl-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.centrl-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(2px)}.centrl-modal-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;color:#111827;border-radius:20px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.centrl-modal-card.wide{width:min(820px,100%)}.centrl-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.centrl-modal-eyebrow{font-size:10px;font-weight:950;letter-spacing:.18em;color:#64748b}.centrl-modal-head h2{margin:2px 0 0!important;color:#111827!important;font-size:24px!important}.centrl-modal-x{border:0;background:#f1f5f9;color:#111827;width:36px;height:36px;border-radius:11px;font-size:24px;line-height:1;cursor:pointer}.centrl-modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:20px}.access-layout{display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center}.centrl-big-code{font-size:34px;font-weight:1000;letter-spacing:.15em;margin:8px 0}.centrl-help{color:#64748b!important;font-size:12px!important}.centrl-qr{display:grid;place-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:14px}.centrl-access-link{margin-top:14px;padding:10px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:10px;word-break:break-all}.incident-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.incident-detail-head h3{font-size:23px!important;margin:3px 0!important;color:#111827!important}.incident-detail-head p{color:#64748b!important;margin:7px 0 0!important}.incident-source{font-size:11px;font-weight:950;letter-spacing:.08em;color:#64748b;text-transform:uppercase}.centrl-status-pill{font-size:11px;font-weight:900;border-radius:999px;padding:6px 9px;white-space:nowrap;background:#f1f5f9;color:#475569}.centrl-status-pill.received{background:#c2410c;color:#fff;-webkit-text-fill-color:#fff}.centrl-status-pill.opened{background:#dbeafe;color:#1e40af}.centrl-status-pill.in_progress{background:#fee2e2;color:#991b1b}.centrl-status-pill.closed{background:#dcfce7;color:#166534}.incident-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.incident-info-grid div{padding:11px;border-radius:11px;background:#f8fafc}.incident-info-grid span,.incident-info-grid b{display:block}.incident-info-grid span{font-size:10px;color:#64748b}.incident-info-grid b{font-size:13px;margin-top:2px}.centrl-modal-field{display:grid;gap:6px}.incident-status-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:16px}.incident-contact{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0;font-size:12px;color:#64748b}.centrl-warning-box{padding:16px;border-radius:13px;background:#f8fafc;color:#475569}.centrl-warning-box.danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

/* Toast / error */
.centrl-toast{position:fixed;right:20px;bottom:20px;z-index:1000000;background:#0f172a;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none;font:700 13px/1.3 Inter,system-ui,sans-serif}.centrl-toast.show{opacity:1;transform:none}.centrl-toast.err{background:#991b1b}.centrl-error-screen{max-width:620px;margin:60px auto;padding:25px;border:1px solid #fecaca;background:#fff1f2;border-radius:17px;color:#991b1b;display:grid;gap:8px}.centrl-error-screen .centrl-btn{width:max-content;margin-top:8px}

/* Unit login */
.centrl-unit-app{margin:0!important;padding:0!important;max-width:none!important}
.centrl-unit-login-shell{min-height:75vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#020617,#0b1220);border-radius:22px}.centrl-unit-login-brand{position:absolute;top:28px;left:34px;color:#fff;font-weight:1000;letter-spacing:.28em;font-size:14px}.centrl-unit-login-card{width:min(430px,100%);background:linear-gradient(145deg,#152238,#0f172a);border:1px solid rgba(148,163,184,.25);border-radius:28px;padding:28px;color:#fff;text-align:center;box-shadow:0 30px 75px rgba(0,0,0,.42)}.centrl-unit-login-card .login-type{font-size:12px;font-weight:950;letter-spacing:.18em;color:#7dd3fc}.centrl-unit-login-card h1{font-size:28px!important;margin:5px 0!important;color:#fff!important}.centrl-unit-login-card p{font-size:13px;color:#cbd5e1!important}.code-input-wrap{margin:22px 0 14px}.code-input-wrap input{width:100%!important;height:60px!important;background:#020617!important;border:1px solid #475569!important;border-radius:14px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important;font-size:27px!important;font-weight:950!important;letter-spacing:.18em!important;text-transform:uppercase!important}.centrl-unit-login-card .centrl-btn{width:100%!important}.centrl-login-error{margin-top:12px;color:#fecaca;font-size:12px;font-weight:750}

/* PDA */
.centrl-pda-shell{min-height:100vh;padding:8px;background:radial-gradient(circle at 50% -10%,rgba(59,130,246,.18),transparent 35%),linear-gradient(180deg,#020617,#0b1220)}
.centrl-pda-device{width:min(100%,520px);min-height:calc(100vh - 16px);margin:0 auto;padding:11px;border-radius:30px;background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.14),transparent 30%),linear-gradient(180deg,#0f172a,#020617);border:2px solid rgba(148,163,184,.27);box-shadow:0 30px 75px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07);color:#fff}
.centrl-pda-header{padding:17px;border-radius:23px;background:linear-gradient(145deg,rgba(30,41,59,.96),rgba(15,23,42,.96));border:1px solid rgba(125,211,252,.18);box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.pda-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pda-word{font-size:clamp(48px,15vw,66px);font-weight:1000;letter-spacing:.03em;line-height:.9;color:#fff;text-shadow:0 0 14px rgba(125,211,252,.30)}.pda-timebox{text-align:right;min-width:116px}.pda-timebox #pda-time{font-size:clamp(28px,8vw,37px);font-weight:950;line-height:1;color:#fff}.pda-timebox #pda-date{font-size:10px;color:#bfd6ff;margin-top:5px}.pda-live{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 8px;border-radius:999px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.40);font-size:9px;font-weight:950;letter-spacing:.08em;color:#86efac}.pda-live i{width:6px;height:6px;border-radius:50%;background:#22c55e}.pda-team{font-size:clamp(25px,8vw,37px);font-weight:950;margin-top:13px;color:#fff}.pda-event{font-size:12px;font-weight:750;color:#93c5fd;margin-top:3px}
.centrl-pda-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:16px 0 10px}.pda-app{border:0;background:transparent!important;color:#eaf2ff!important;padding:6px 1px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;font-size:11px;font-weight:850}.pda-app-icon{position:relative;width:clamp(58px,16vw,72px);height:clamp(58px,16vw,72px);border-radius:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);box-shadow:0 13px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.18)}.pda-app-icon svg{width:32px;height:32px;fill:#fff}.pda-app-icon.alarms{background:linear-gradient(145deg,#7f1d1d,#dc2626)}.pda-app-icon.chat{background:linear-gradient(145deg,#0ea5e9,#2563eb)}.pda-app-icon.location{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.pda-app-icon.status{background:linear-gradient(145deg,#10b981,#047857)}.pda-app.active .pda-app-icon{outline:3px solid rgba(255,255,255,.20);transform:translateY(-1px)}.pda-app-icon>b{position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ef4444;border:2px solid #fff;color:#fff;display:grid;place-items:center;font-size:10px}
.centrl-pda-content{background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:15px;min-height:390px;color:#fff}.pda-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pda-panel-title>svg,.pda-panel-title>.pda-back{width:34px;height:34px;fill:#7dd3fc}.pda-panel-title>.pda-back{border:0;background:transparent;padding:0}.pda-panel-title span,.pda-panel-title h2{display:block}.pda-panel-title span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#93c5fd;font-weight:900}.pda-panel-title h2{margin:1px 0 0!important;font-size:23px!important;color:#fff!important}.pda-alarm-list{display:grid;gap:9px}.pda-alarm{padding:13px;border-radius:15px;border:1px solid rgba(239,68,68,.35);background:linear-gradient(145deg,rgba(127,29,29,.45),rgba(69,10,10,.40));display:flex;justify-content:space-between;gap:10px}.pda-alarm span,.pda-alarm h3,.pda-alarm p{display:block}.pda-alarm span{font-size:10px;color:#fca5a5;font-weight:850}.pda-alarm h3{font-size:16px!important;margin:2px 0!important;color:#fff!important}.pda-alarm p{font-size:12px;color:#e5e7eb!important;margin:4px 0 0!important}.pda-alarm-meta{text-align:right;min-width:110px}.pda-alarm-meta b,.pda-alarm-meta span{display:block}.pda-alarm-meta b{font-size:10px;color:#fff}.pda-alarm-meta span{font-size:9px;color:#cbd5e1;margin-top:4px}.pda-empty{padding:50px 20px;text-align:center;color:#94a3b8;font-size:13px}.pda-messages{height:265px;overflow:auto;display:flex;flex-direction:column;gap:7px}.pda-msg{max-width:82%;padding:9px 10px;border-radius:13px;background:#1e293b;color:#fff}.pda-msg.mine{align-self:flex-end;background:#075985}.pda-msg.theirs{align-self:flex-start}.pda-msg small,.pda-msg time{display:block;font-size:9px;color:#bae6fd}.pda-msg time{text-align:right;margin-top:3px}.pda-compose{display:flex;gap:7px;margin-top:10px}.pda-compose textarea{background:#0f172a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#334155!important;resize:none}.pda-location-card{text-align:center;padding:16px 5px}.location-radar{width:118px;height:118px;margin:8px auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#4c1d95 0 18%,#6d28d9 19% 30%,rgba(139,92,246,.25) 31% 55%,rgba(139,92,246,.08) 56% 100%);position:relative}.location-radar i{width:18px;height:18px;border-radius:50%;background:#a78bfa;box-shadow:0 0 18px #a78bfa}.pda-location-card.on .location-radar{animation:radarPulse 1.8s ease-in-out infinite}@keyframes radarPulse{50%{box-shadow:0 0 0 16px rgba(139,92,246,.10)}}.pda-location-card h3{font-size:19px!important;margin:0 0 5px!important;color:#fff!important}.pda-location-card p{font-size:12px;color:#cbd5e1!important;margin:0 auto 15px!important;max-width:390px}.pda-location-card small{display:block;margin:13px auto 0;color:#94a3b8;font-size:9px;max-width:400px}.pda-team-status{text-align:center;padding:26px;border-radius:18px}.pda-team-status.available{background:rgba(22,163,74,.12);border:1px solid rgba(34,197,94,.30)}.pda-team-status.busy{background:rgba(220,38,38,.15);border:1px solid rgba(239,68,68,.35)}.big-state-dot{width:54px;height:54px;border-radius:50%;margin:0 auto 12px}.pda-team-status.available .big-state-dot{background:#22c55e;box-shadow:0 0 28px rgba(34,197,94,.55)}.pda-team-status.busy .big-state-dot{background:#ef4444;box-shadow:0 0 28px rgba(239,68,68,.65);animation:centrlPulse 1.1s infinite}.pda-team-status h3{font-size:22px!important;margin:0!important;color:#fff!important}.pda-team-status p{color:#cbd5e1!important;font-size:12px!important}.pda-info-row{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid rgba(148,163,184,.14);color:#cbd5e1;font-size:12px}.pda-info-row b{color:#fff}

/* Point */
.centrl-point-shell{width:min(760px,calc(100% - 20px));margin:10px auto 30px;padding:16px;color:#111827}.point-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#020817,#0f172a);color:#fff;box-shadow:0 18px 40px rgba(2,6,23,.22);margin-bottom:14px}.point-brand{font-size:10px;letter-spacing:.2em;font-weight:950;color:#7dd3fc}.point-header h1{font-size:27px!important;margin:2px 0!important;color:#fff!important}.point-header p{font-size:12px;color:#cbd5e1!important;margin:0!important}.point-live{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.4);color:#86efac;font-size:9px;font-weight:950;letter-spacing:.07em}.point-live i{width:7px;height:7px;border-radius:50%;background:#22c55e}.point-alarm-card,.point-status-card,.point-chat-card{background:#fff;border:1px solid #e2e8f0;border-radius:19px;padding:20px;margin-bottom:13px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.point-section-kicker,.point-card-head span{font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;color:#64748b}.point-alarm-card h2,.point-card-head h2{font-size:23px!important;margin:3px 0 15px!important;color:#111827!important}.point-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.point-preset{min-height:58px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#111827;font-weight:850;cursor:pointer;padding:12px}.point-preset.selected{border-color:#7c3aed;background:#f5f3ff;color:#5b21b6;box-shadow:0 0 0 3px rgba(124,58,237,.10)}.point-note{display:grid;gap:6px;margin-top:15px}.point-note>span{font-size:12px;font-weight:850;color:#334155}.point-note small{font-weight:600;color:#94a3b8}.point-ready{text-align:center;color:#64748b;font-size:12px;padding:10px 0}.point-alarm-button{width:100%;min-height:62px;border:0;border-radius:16px;background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;font-size:19px;font-weight:1000;letter-spacing:.06em;cursor:pointer;box-shadow:0 12px 28px rgba(220,38,38,.24)}.point-alarm-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.point-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.point-card-head>div h2{margin-bottom:0!important}.point-card-head>b{font-size:12px;color:#334155}.point-timeline{margin-top:15px}.timeline-step{display:flex;align-items:center;gap:10px;padding:7px 0;color:#94a3b8;font-size:12px}.timeline-step i{width:12px;height:12px;border-radius:50%;background:#e2e8f0;box-shadow:0 0 0 4px #f1f5f9}.timeline-step.on{color:#111827;font-weight:800}.timeline-step.on i{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.point-messages{max-height:270px;overflow:auto;display:flex;flex-direction:column;gap:7px}.point-msg{max-width:82%;padding:9px 10px;border-radius:12px;background:#f1f5f9}.point-msg.mine{align-self:flex-end;background:#dbeafe}.point-msg b,.point-msg span,.point-msg small{display:block}.point-msg b{font-size:9px;color:#64748b}.point-msg span{font-size:12px}.point-msg small{font-size:9px;color:#94a3b8;text-align:right}.point-compose{display:flex;gap:8px;margin-top:10px}.point-compose textarea{resize:none}
.centrl-ended{min-height:70vh;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:20px;background:#f8fafc;border-radius:20px;color:#111827}.ended-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;font-size:28px;font-weight:1000}.centrl-ended h1{font-size:28px!important;margin:6px 0 0!important;color:#111827!important}.centrl-ended p{color:#64748b!important}

@media(max-width:900px){
  #centrl-control{margin:8px auto;padding:10px;border-radius:16px}
  .centrl-main-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.centrl-main-tile{min-height:78px;padding:14px;font-size:14px}.centrl-unit-columns,.centrl-settings-grid{grid-template-columns:1fr}.centrl-comm-layout{grid-template-columns:220px 1fr}.centrl-map-canvas{height:430px}
}
@media(max-width:680px){
  .centrl-setup-shell{padding:8px}.centrl-setup-card{padding:22px}.centrl-form-grid{grid-template-columns:1fr}.centrl-form-grid label.full{grid-column:auto}
  .centrl-cp-header{padding:17px;align-items:flex-start}.centrl-cp-right{min-width:155px;padding-right:0}.centrl-live-badge{position:static;transform:none;margin-top:8px}.centrl-cp-time{font-size:27px}.centrl-cp-date{font-size:10px}.centrl-cp-centralist{font-size:20px}.centrl-cp-event{max-width:220px}
  .centrl-main-tiles{grid-template-columns:1fr 1fr}.centrl-main-tile{min-height:72px}.centrl-tile-icon{width:38px;height:38px;flex-basis:38px}.centrl-tile-icon svg{width:21px;height:21px}.centrl-panel{padding:15px}.centrl-panel-head{flex-direction:column}.centrl-action-row{width:100%}.centrl-action-row .centrl-btn{flex:1}.centrl-alarm-row{align-items:flex-start}.alarm-side{min-width:110px}.centrl-comm-layout{grid-template-columns:1fr}.centrl-contact-list{display:grid;grid-template-columns:1fr 1fr;max-height:190px;overflow:auto}.centrl-message-list{height:280px}.centrl-map-toolbar input{width:100%!important}.centrl-map-legend{margin-left:0}.centrl-map-canvas{height:420px}.centrl-map-notice{align-items:flex-start}.access-layout{grid-template-columns:1fr}.incident-status-actions{grid-template-columns:1fr}.incident-info-grid{grid-template-columns:1fr}.centrl-inline-form{flex-direction:column}.point-preset-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
  #centrl-control{padding:7px}.centrl-cp-header{gap:8px}.centrl-cp-right{min-width:120px}.centrl-cp-time{font-size:24px}.centrl-cp-date{max-width:120px}.centrl-cp-centralist{font-size:18px}.centrl-cp-event{max-width:180px}.centrl-main-tiles{gap:8px}.centrl-main-tile{min-height:68px;padding:10px;font-size:12px;gap:8px}.centrl-tile-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.centrl-count{right:6px;top:5px}.centrl-session-line{font-size:10px}.centrl-contact-list{grid-template-columns:1fr}.centrl-compose,.point-compose,.pda-compose{flex-direction:column}.centrl-compose .centrl-btn,.point-compose .centrl-btn,.pda-compose .centrl-btn{width:100%!important}.centrl-alarm-row{flex-direction:column}.alarm-side{text-align:left;min-width:0}.centrl-unit-login-brand{left:18px}.centrl-pda-apps{gap:3px}.pda-app-icon{border-radius:18px}.pda-app{font-size:10px}.point-header{padding:16px}.point-live{font-size:8px}
}

/* ===== Centrl 0.3 - Secu-Sim parity / operational detail ===== */
.centrl-cp-header{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;position:relative}
.centrl-cp-left{justify-self:start}.centrl-cp-center{text-align:center;justify-self:center}.centrl-cp-livewrap{justify-self:end;display:flex;align-items:center}
.centrl-live-badge{position:static;transform:none}.centrl-cp-time{font-size:42px;line-height:1;font-variant-numeric:tabular-nums}.centrl-cp-date{margin-top:7px}.session-active{color:#15803d!important}
.centrl-form-grid.compact{margin:0;gap:12px}.centrl-form-stack select,.centrl-alarm-toolbar select{width:100%;background:#fff;border:1.5px solid #cbd5e1;color:#111827;border-radius:12px;padding:10px 12px;outline:none}

/* PDA team card: keep the richer Secu-Sim communication-card behaviour */
.centrl-unit-card.pda-detailed{background:linear-gradient(145deg,#172033,#253651);border:1px solid #52627b;color:#fff;padding:20px;border-radius:20px;box-shadow:0 16px 34px rgba(15,23,42,.18)}
.centrl-unit-card.pda-detailed h4{font-size:24px!important;color:#fff!important;margin:0!important;text-transform:none}.centrl-team-status{border:1.5px solid rgba(255,255,255,.20);border-radius:999px;padding:9px 14px;color:#fff;font-weight:900;display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:rgba(255,255,255,.08)}.centrl-team-status i{width:11px;height:11px;border-radius:50%}.centrl-team-status.available{background:linear-gradient(135deg,rgba(20,83,45,.95),rgba(22,101,52,.82));border-color:#22c55e}.centrl-team-status.available i{background:#22f281;box-shadow:0 0 14px #22f281}.centrl-team-status.busy{background:linear-gradient(135deg,rgba(127,29,29,.98),rgba(185,28,28,.86));border-color:#ef4444}.centrl-team-status.busy i{background:#ff4d4f;box-shadow:0 0 14px #ff4d4f}.team-detail-meta{margin:18px 0 14px;font-size:13px;line-height:1.65;color:#e5e7eb}.team-detail-meta b{color:#fff}.team-connection{margin-top:5px;color:#cbd5e1}.team-connection .online{color:#86efac;font-weight:850}.team-connection .offline{color:#cbd5e1;font-weight:850}.team-linked{margin:8px 0 16px;padding:8px 10px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:rgba(255,255,255,.04);color:#cbd5e1;font-size:12px}.team-linked.active{border-color:rgba(239,68,68,.45);background:rgba(127,29,29,.18)}.team-linked b,.team-linked span{display:block}.team-linked span{margin-top:3px;color:#fff}.team-history h5{font-size:16px!important;margin:0 0 8px!important;color:#fff!important}.team-history-row{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.09);margin-top:6px;color:#fff;font-size:12px}.team-history-row b{min-width:46px}.team-history.empty>span{font-size:12px;color:#cbd5e1}.team-updated{margin:14px 0 12px;color:#cbd5e1;font-size:11px}.team-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.team-actions .centrl-btn{width:100%;min-width:0;padding:9px 7px!important}.team-actions .accent-orange{border-color:#f59e0b!important}.team-actions .accent-green{background:transparent!important;border:1px solid #22c55e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}

/* Alarm list / priority */
.centrl-alarm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.centrl-alarm-toolbar select{width:auto;min-width:170px;min-height:42px;font-size:12px;font-weight:800}.alarm-prio{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950;white-space:nowrap}.alarm-prio.prio-1{background:#fee2e2;color:#991b1b}.alarm-prio.prio-2{background:#c2410c;color:#fff;-webkit-text-fill-color:#fff}.alarm-prio.prio-3{background:#e0f2fe;color:#075985}.incident-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.incident-title-line h3{margin-right:2px!important}

/* Incident-bound reporting */
.incident-report-section{margin-top:20px;padding-top:18px;border-top:1px solid #e2e8f0}.incident-section-head span{font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#64748b}.incident-section-head h4{margin:2px 0 10px!important;font-size:17px!important;color:#111827!important}.incident-report-list{display:grid;gap:8px;max-height:230px;overflow:auto}.incident-report-row{padding:10px 12px;border:1px solid #e2e8f0;border-radius:11px;background:#f8fafc}.incident-report-row>div{display:flex;gap:9px;align-items:center;font-size:10px;color:#64748b}.incident-report-row p{margin:5px 0 0!important;white-space:pre-wrap;color:#111827!important;font-size:12px}.incident-report-empty{padding:14px;border:1px dashed #cbd5e1;border-radius:11px;color:#64748b;font-size:12px;text-align:center}.incident-report-compose{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}.incident-report-compose textarea,.centrl-report-compose textarea{width:100%;border:1.5px solid #cbd5e1;border-radius:12px;padding:11px 12px;resize:vertical;color:#111827;background:#fff;outline:none}

/* Dienst report */
.centrl-report-compose{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:16px}.centrl-report-list{display:grid;gap:9px}.centrl-report-row{border:1px solid #e2e8f0;border-radius:13px;padding:12px 14px;background:#fbfdff}.centrl-report-row .report-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:#64748b}.centrl-report-row .report-meta em{font-style:normal;background:#eef2ff;color:#3730a3;padding:2px 6px;border-radius:999px;font-weight:800}.centrl-report-row h4{font-size:13px!important;margin:7px 0 3px!important;color:#111827!important}.centrl-report-row p{margin:0!important;white-space:pre-wrap;color:#334155!important;font-size:12px}

@media(max-width:900px){.team-actions{grid-template-columns:1fr 1fr}.centrl-cp-time{font-size:35px}}
@media(max-width:680px){
  .centrl-cp-header{grid-template-columns:1fr auto;grid-template-areas:"left live" "center center";gap:12px}.centrl-cp-left{grid-area:left}.centrl-cp-center{grid-area:center;width:100%;padding-top:4px}.centrl-cp-livewrap{grid-area:live}.centrl-cp-time{font-size:31px}.centrl-cp-date{font-size:10px}.centrl-team-status{padding:7px 10px;font-size:11px}.team-actions{grid-template-columns:1fr 1fr}.incident-report-compose,.centrl-report-compose{grid-template-columns:1fr}.centrl-alarm-toolbar{width:100%}.centrl-alarm-toolbar select,.centrl-alarm-toolbar .centrl-btn{flex:1;min-width:0}
}
.incident-assignment-grid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.incident-assignment-grid select{width:100%;background:#fff;border:1.5px solid #cbd5e1;color:#111827;border-radius:12px;padding:11px 12px;outline:none}
@media(max-width:680px){.incident-assignment-grid{grid-template-columns:1fr}}

/* ===== Centrl 0.4 - realtime input stability / PDA media / visual parity ===== */
/* Secu-Sim style status glow */
.centrl-team-status.available{
  box-shadow:0 0 0 1px rgba(34,197,94,.12),0 0 25px rgba(34,197,94,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.centrl-team-status.available i{
  box-shadow:0 0 7px 3px rgba(34,242,129,.50),0 0 20px rgba(34,242,129,.95)!important;
}
.centrl-live-badge{
  box-shadow:0 0 18px rgba(34,197,94,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
.centrl-live-badge i,
.pda-live i,
.point-live i{
  box-shadow:0 0 6px 3px rgba(34,197,94,.42),0 0 16px rgba(34,197,94,.92)!important;
}

/* Teamtile actions: dark card stays visible; only the borders carry status colours */
.team-actions .centrl-btn.team-outline{
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  border:2px solid #778398!important;
}
.team-actions .centrl-btn.team-outline:hover{background:rgba(255,255,255,.055)!important;filter:none}
.team-actions .centrl-btn.accent-orange{border-color:#f59e0b!important}
.team-actions .centrl-btn.accent-green{border-color:#22c55e!important}
.team-actions .centrl-btn.accent-gray{border-color:#8793a7!important}
.team-actions .centrl-btn.accent-red{border-color:#ef4444!important}

/* Separate colour for adding a fixed post */
.centrl-btn.point-add{
  background:linear-gradient(135deg,#d97706,#f59e0b)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 18px rgba(245,158,11,.20)!important;
}

/* PDA header GPS state under LIVE */
.pda-gps{
  margin-left:auto;
  margin-top:6px;
  width:max-content;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
  color:#94a3b8;
}
.pda-gps svg{width:11px;height:11px;fill:currentColor}
.pda-gps.on{color:#86efac;text-shadow:0 0 10px rgba(34,197,94,.36)}
.pda-gps.off{color:#94a3b8}

/* More compact PDA work areas */
.centrl-pda-content{min-height:285px}
.pda-messages{height:175px}
.pda-alarm-list{max-height:235px;overflow:auto;padding-right:2px}
.pda-empty{padding:30px 16px}

/* Photos in PDA chat */
.pda-photo-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.pda-photo-btn{
  flex:1 1 130px;
  min-height:38px;
  border:1px solid #475569;
  border-radius:10px;
  background:#111c2f;
  color:#e5edf8;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.pda-photo-btn svg{width:17px;height:17px;fill:#7dd3fc}
.pda-photo-selection{margin-top:8px;padding:8px;border:1px solid rgba(125,211,252,.18);border-radius:11px;background:rgba(2,6,23,.32)}
.pda-photo-selection>span{display:block;margin-bottom:6px;font-size:9px;color:#bae6fd;font-weight:800}
.pda-photo-selection>div{display:flex;gap:5px;flex-wrap:wrap}
.pda-photo-chip{border:1px solid #475569;border-radius:999px;background:#1e293b;color:#e2e8f0;padding:5px 8px;font-size:9px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Photos inside chat messages */
.centrl-message-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}
.centrl-message-media a{display:block;min-width:0}
.centrl-message-media img{display:block;width:100%;height:105px;object-fit:cover;border-radius:9px;border:1px solid rgba(148,163,184,.28);background:#0f172a}
.pda-msg .centrl-message-media img{height:92px}

/* Keep mobile PDA/Point close to the viewport edges, even inside a narrow WP content column. */
@media(max-width:680px){
  #centrl-pda.centrl-unit-app,
  #centrl-point.centrl-unit-app{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
  }
  .centrl-pda-shell{padding:2px}
  .centrl-pda-device{width:100%;max-width:none;padding:7px;border-radius:22px;min-height:100vh}
  .centrl-pda-header{padding:14px;border-radius:18px}
  .centrl-pda-content{min-height:255px;padding:12px;border-radius:18px}
  .pda-messages{height:158px}
  .pda-alarm-list{max-height:210px}
  .centrl-point-shell{width:100%;max-width:none;margin:0 auto 20px;padding:4px}
  .point-header{border-radius:16px;margin-bottom:8px}
  .point-alarm-card,.point-status-card,.point-chat-card{border-radius:15px;padding:15px;margin-bottom:8px}
}

/* ===== Centrl 0.5 - desktop control cockpit / weather / media ===== */
.pda-gps.off{color:#f87171!important;text-shadow:0 0 10px rgba(239,68,68,.42)!important}
.pda-gps.off svg{filter:drop-shadow(0 0 5px rgba(239,68,68,.45))}
.pda-gps.on{color:#86efac!important;text-shadow:0 0 11px rgba(34,197,94,.48)!important}
.pda-gps.on svg{filter:drop-shadow(0 0 5px rgba(34,197,94,.50))}

/* Weather strip is part of the status bar without disturbing the centered clock. */
.centrl-cp-header{grid-template-rows:auto auto}
.centrl-weather-strip{grid-column:2/4;grid-row:2;justify-self:end;display:flex;gap:7px;align-items:center;margin-top:11px;max-width:100%;overflow:hidden}
.centrl-weather-strip.is-empty{display:none}
.centrl-weather-hour{min-width:66px;height:52px;padding:4px 7px;border-radius:12px;border:1px solid rgba(125,211,252,.15);background:rgba(15,23,42,.50);display:grid;grid-template-columns:22px auto;grid-template-rows:15px 1fr;column-gap:4px;align-items:center;color:#dbeafe;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.centrl-weather-hour>span{grid-column:1/3;font-size:8px;font-weight:900;letter-spacing:.05em;color:#94a3b8;text-align:center}
.centrl-weather-hour img{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(96,165,250,.55));justify-self:center}
.centrl-weather-hour b{font-size:12px;line-height:1;color:#fff}
.centrl-weather-hour small{display:block;grid-column:2;font-size:7px;color:#93c5fd;margin-top:-9px;align-self:end}
.centrl-weather-unavailable{font-size:9px;font-weight:800;color:#94a3b8;border:1px solid rgba(148,163,184,.16);border-radius:999px;padding:5px 9px;background:rgba(15,23,42,.36)}

/* Realtime notifications at Control: normal message = green, alarm = red. */
.centrl-control-alerts{position:fixed;left:20px;top:112px;z-index:1000000;width:min(360px,calc(100vw - 40px));display:flex;flex-direction:column;gap:10px;pointer-events:none}
.centrl-control-alert{pointer-events:auto;width:100%;border:1px solid transparent;border-radius:16px;padding:13px 14px;display:grid;grid-template-columns:13px minmax(0,1fr) 20px;gap:10px;align-items:start;text-align:left;color:#fff;cursor:pointer;box-shadow:0 18px 46px rgba(2,6,23,.30);opacity:0;transform:translateX(-18px);transition:.2s ease;backdrop-filter:blur(9px)}
.centrl-control-alert.show{opacity:1;transform:translateX(0)}
.centrl-control-alert.leave{opacity:0;transform:translateX(-15px)}
.centrl-control-alert.message{background:linear-gradient(135deg,rgba(20,83,45,.97),rgba(21,128,61,.95));border-color:rgba(74,222,128,.55);box-shadow:0 18px 46px rgba(2,6,23,.30),0 0 25px rgba(34,197,94,.16)}
.centrl-control-alert.alarm{background:linear-gradient(135deg,rgba(127,29,29,.98),rgba(220,38,38,.96));border-color:rgba(248,113,113,.65);box-shadow:0 18px 46px rgba(2,6,23,.32),0 0 28px rgba(239,68,68,.20)}
.control-alert-dot{width:11px;height:11px;border-radius:50%;margin-top:5px;background:#86efac;box-shadow:0 0 12px rgba(134,239,172,.9)}
.centrl-control-alert.alarm .control-alert-dot{background:#fecaca;box-shadow:0 0 13px rgba(254,202,202,.9)}
.control-alert-copy{min-width:0}.control-alert-copy b,.control-alert-copy span{display:block}.control-alert-copy b{font-size:12px;letter-spacing:.02em}.control-alert-copy span{font-size:11px;margin-top:3px;color:rgba(255,255,255,.86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.control-alert-close{font-size:19px;line-height:1;text-align:right;color:rgba(255,255,255,.75)}

/* Media previews and operational actions in Control. */
.centrl-message-media{grid-template-columns:repeat(2,minmax(125px,1fr));gap:8px}
.centrl-media-item{min-width:0;border-radius:11px;overflow:hidden;background:rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.22)}
.centrl-media-item img,.centrl-media-item video{display:block;width:100%;height:130px;object-fit:cover;background:#0f172a;border:0;border-radius:0}
.centrl-media-name{padding:5px 7px;font-size:8px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.78)}
.centrl-media-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(148,163,184,.20)}
.centrl-media-action{appearance:none;border:0!important;background:#fff!important;color:#334155!important;-webkit-text-fill-color:#334155!important;padding:6px 7px;font-size:9px;font-weight:850;cursor:pointer;text-align:center;text-decoration:none!important;box-shadow:none!important;border-radius:0!important;min-height:0!important}
.centrl-media-action+ .centrl-media-action{border-left:1px solid #e2e8f0!important}
.centrl-media-action:hover{background:#f8fafc!important}
.centrl-compose-wrap{border-top:1px solid #e2e8f0;background:#f8fafc}
.centrl-compose-wrap .centrl-compose{border-top:0}
.control-media-tools{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:0 10px 10px}
.control-media-selection{flex:1 1 260px;min-width:0;padding:7px 9px;border:1px solid #dbe2ea;border-radius:10px;background:#fff}.control-media-selection>span{display:block;font-size:9px;font-weight:850;color:#64748b;margin-bottom:5px}.control-media-selection>div{display:flex;gap:5px;flex-wrap:wrap}
.control-media-chip{border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;color:#334155;padding:4px 7px;font-size:9px;cursor:pointer;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forward-media-preview{display:grid;gap:8px}.forward-media-preview img,.forward-media-preview video{width:100%;max-height:300px;object-fit:contain;background:#0f172a;border-radius:12px}.forward-media-preview b{font-size:11px;color:#475569}

/* PDA message media supports photos and video. */
.pda-msg .centrl-message-media{grid-template-columns:1fr}
.pda-msg .centrl-media-item img,.pda-msg .centrl-media-item video{height:118px;border-radius:8px}
.pda-msg .centrl-media-name{background:rgba(15,23,42,.35);color:#cbd5e1}
.pda-photo-tools .pda-photo-btn{flex:1 1 100%;min-height:40px}

/* Desktop cockpit: use the unused black margins, keep navigation left, content high on screen. */
.centrl-workspace{display:block}
.centrl-side-nav{min-width:0}
@media(min-width:1050px){
  #centrl-control{
    width:min(1680px,calc(100vw - 34px));
    max-width:none;
    margin-left:50%;
    margin-right:0;
    transform:translateX(-50%);
    padding:16px;
  }
  .centrl-workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:16px;align-items:start;margin-top:14px}
  .centrl-side-nav{min-height:calc(100vh - 250px)}
  .centrl-main-tiles{display:flex;flex-direction:column;gap:9px;margin:0;height:calc(100vh - 250px);min-height:520px;max-height:760px}
  .centrl-main-tile{min-height:62px;padding:11px 13px;border-radius:14px;font-size:13px;flex:0 0 auto}
  .centrl-main-tile .centrl-tile-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}.centrl-main-tile .centrl-tile-icon svg{width:20px;height:20px}
  .centrl-main-tile[data-tile="close"]{margin-top:auto}
  .centrl-panel{margin:0;min-height:calc(100vh - 250px);max-height:760px;overflow:auto;padding:18px}
  .centrl-comm-layout{height:calc(100vh - 350px);min-height:470px;max-height:650px}
  .centrl-chat-pane{height:100%;min-height:0}
  .centrl-message-list{height:auto;min-height:0;flex:1}
  .centrl-contact-list{overflow:auto;min-height:0}
}

@media(max-width:1180px) and (min-width:1050px){
  .centrl-workspace{grid-template-columns:190px minmax(0,1fr)}
  .centrl-main-tile{font-size:12px;padding:10px}
  .centrl-weather-hour:nth-child(n+5){display:none}
}

@media(max-width:1049px){
  .centrl-workspace{display:block}
  .centrl-side-nav{min-height:0}
  .centrl-main-tiles{display:grid}
  .centrl-panel{max-height:none}
  .centrl-cp-header{grid-template-rows:auto auto}
  .centrl-weather-strip{grid-column:1/4;justify-self:center;margin-top:10px}
}

@media(max-width:680px){
  .centrl-weather-hour{min-width:59px;height:48px;padding:3px 5px}.centrl-weather-hour:nth-child(n+4){display:none}
  .centrl-weather-strip{max-width:100%;overflow-x:auto;justify-self:stretch;justify-content:center}
  .centrl-control-alerts{left:10px;top:84px;width:calc(100vw - 20px)}
  .centrl-message-media{grid-template-columns:1fr}
  .centrl-media-item img,.centrl-media-item video{height:170px}
}


/* Centrl 0.5.2 - never show accidental duplicate/empty Control roots. */
#centrl-control:empty{display:none!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important}

/* ===== Centrl 0.6 - operational polish / weather severity / receipts / persistent map ===== */

/* Weather: larger, location label, severity colours. */
.centrl-weather-strip{display:grid!important;grid-template-rows:auto auto;gap:5px!important;justify-items:end;overflow:visible!important;max-width:none!important}
.centrl-weather-strip.is-empty{display:none!important}
.centrl-weather-location{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;padding-right:3px;text-shadow:0 0 8px rgba(148,163,184,.15)}
.centrl-weather-hours{display:flex;gap:8px;align-items:center}
.centrl-weather-hour{min-width:82px!important;height:64px!important;padding:6px 8px!important;border-radius:15px!important;grid-template-columns:29px auto!important;grid-template-rows:17px 1fr!important;column-gap:5px!important;border:1.5px solid #22c55e!important;box-shadow:0 0 13px rgba(34,197,94,.09),inset 0 1px 0 rgba(255,255,255,.04)!important}
.centrl-weather-hour.severity-orange{border-color:#f59e0b!important;box-shadow:0 0 15px rgba(245,158,11,.18),inset 0 1px 0 rgba(255,255,255,.04)!important}
.centrl-weather-hour.severity-red{border-color:#ef4444!important;box-shadow:0 0 17px rgba(239,68,68,.22),inset 0 1px 0 rgba(255,255,255,.04)!important}
.centrl-weather-hour>span{font-size:9px!important}
.centrl-weather-hour img{width:33px!important;height:33px!important;filter:drop-shadow(0 0 8px rgba(96,165,250,.68))!important}
.centrl-weather-hour b{font-size:15px!important}
.centrl-weather-hour small{font-size:8px!important;margin-top:-10px!important;color:#bfdbfe!important}

/* Session meta: clear separators and full CP start timestamp. */
.centrl-session-line{align-items:center!important;padding:10px 4px 0!important}
.centrl-session-line .session-primary{display:flex;align-items:center;gap:8px}
.centrl-session-line .session-primary em{display:inline-block;width:1px;height:14px;background:#cbd5e1}
.centrl-session-line .session-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.centrl-session-line .session-meta>i{display:inline-block;width:1px;height:17px;background:#cbd5e1}

/* Alarm counter and continuous alert pulse. */
.centrl-count{min-width:22px!important;height:22px!important;padding:0 6px!important;font-size:11px!important;right:8px!important;top:7px!important;border:0!important}
.centrl-count.danger{background:#dc2626!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 14px rgba(220,38,38,.32)}
.centrl-count.progress{background:#facc15!important;color:#172033!important;-webkit-text-fill-color:#172033!important}
.centrl-count.empty{background:#fff!important;color:#111827!important;-webkit-text-fill-color:#111827!important}
.centrl-main-tile[data-tile="alarms"].has-open-alarms{animation:centrlAlarmOuterPulse 2s ease-in-out infinite}
.centrl-main-tile[data-tile="alarms"].alarm-burst{animation:centrlAlarmBurst .75s ease-in-out 3!important}
@keyframes centrlAlarmOuterPulse{0%,100%{box-shadow:0 8px 18px rgba(15,23,42,.10),0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 8px 18px rgba(15,23,42,.10),0 0 0 7px rgba(239,68,68,.13),0 0 26px rgba(239,68,68,.22)}}
@keyframes centrlAlarmBurst{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 0 11px rgba(239,68,68,.20),0 0 36px rgba(239,68,68,.30)}}

/* Settings and service modal sizing. */
.centrl-inline-form.compact-name input{max-width:330px!important;flex:0 1 330px}
.weather-setting-list{display:grid;gap:10px;margin:8px 0 14px}
.weather-setting-list label{display:flex;align-items:center;gap:8px;font-size:12px;color:#334155;font-weight:700}
.weather-setting-list label:last-child{justify-content:space-between;flex-wrap:wrap}
.weather-setting-list input[type="checkbox"]{width:17px;height:17px;accent-color:#2563eb}
.weather-setting-list select{min-width:150px;border:1.5px solid #cbd5e1;border-radius:10px;background:#fff;padding:8px 10px;color:#111827}
.centrl-modal-form-narrow{max-width:520px}
.centrl-modal-form-narrow label{max-width:500px}
.centrl-modal-form-narrow .field-centralist{max-width:255px}
.centrl-modal-form-narrow input{max-width:500px!important}
.centrl-modal-form-narrow .field-centralist input{max-width:255px!important}

/* Messages: slightly larger, read receipts, manual scroll control. */
.centrl-message-stage,.pda-message-stage{position:relative;min-height:0;display:flex;flex:1}
.centrl-message-list{font-size:14px!important;gap:10px!important}
.centrl-message{padding:11px 13px!important;border-radius:15px!important;font-size:14px!important;line-height:1.45}
.centrl-message .message-who{font-size:11px!important}
.centrl-message .message-body{white-space:pre-wrap}
.centrl-message .message-time{font-size:10px!important;margin-top:5px!important}
.message-receipt{display:flex!important;align-items:center;justify-content:flex-end;gap:5px;margin-top:3px!important;font-size:9px!important;line-height:1.2;color:#64748b!important}
.message-receipt .receipt-checks{font-size:12px;font-weight:1000;letter-spacing:-3px;padding-right:3px}
.message-receipt.read{color:#16a34a!important}
.message-receipt.delivered{color:#64748b!important}
.message-receipt.sent{color:#94a3b8!important}
.centrl-jump-latest,.pda-jump-latest{position:absolute;right:18px;bottom:14px;width:38px;height:38px;border:0;border-radius:50%;background:#172033;color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:8;box-shadow:0 8px 22px rgba(15,23,42,.28);animation:centrlJumpBob 1.15s ease-in-out infinite}
.pda-jump-latest{right:12px;bottom:10px;width:34px;height:34px;background:#2563eb}
@keyframes centrlJumpBob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.pda-msg{font-size:13px!important;padding:10px 11px!important}
.pda-message-body{font-size:13px;line-height:1.4;white-space:pre-wrap}
.pda-msg .message-receipt{color:#bfdbfe!important}
.pda-msg .message-receipt.read{color:#86efac!important}
.point-msg .message-receipt{font-size:8px!important;margin-top:3px!important}

/* Realtime notifications: alarm left, normal messages right, weather right. */
.centrl-control-alerts.alarm-stack{left:20px!important;right:auto!important}
.centrl-control-alerts.message-stack{right:20px!important;left:auto!important}
.centrl-control-alert.message{background:linear-gradient(135deg,rgba(20,83,45,.98),rgba(22,163,74,.96))!important}
.centrl-control-alert.weather{background:linear-gradient(135deg,rgba(120,53,15,.98),rgba(217,119,6,.96));border-color:rgba(251,191,36,.65);box-shadow:0 18px 46px rgba(2,6,23,.30),0 0 28px rgba(245,158,11,.20)}
.centrl-control-alert.weather .control-alert-dot{background:#fb923c;box-shadow:0 0 13px rgba(251,146,60,.95)}

/* Team actions and Point identification. */
.team-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.team-actions .accent-blue{border-color:#60a5fa!important}
.centrl-unit-card.point-card{border:2px solid #f59e0b!important;box-shadow:0 10px 28px rgba(245,158,11,.10)!important}

/* Persistent live map and drawing controls. */
.centrl-map-slot{min-height:500px}
.centrl-map-help{min-height:22px;margin-top:8px;color:#64748b;font-size:11px}
.centrl-map-help b{color:#334155}
.map-actions{flex-wrap:wrap}
#map-fence.drawing{border-color:#c2410c!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#c2410c!important}
.centrl-team-marker{pointer-events:auto!important;border:0;background:transparent;cursor:pointer;z-index:5;overflow:visible}
.centrl-team-marker i{position:relative;background:var(--team-color)!important;width:22px!important;height:22px!important;border:4px solid #fff!important;box-shadow:0 2px 10px rgba(0,0,0,.38),0 0 0 0 color-mix(in srgb,var(--team-color) 45%,transparent);animation:centrlTeamPulse 1.9s ease-out infinite}
.centrl-team-marker.focus i{animation:centrlTeamFocus 1.2s ease-out infinite;width:27px!important;height:27px!important}
.centrl-team-marker.focus b{font-size:13px!important;padding:5px 9px!important;box-shadow:0 0 24px color-mix(in srgb,var(--team-color) 35%,transparent),0 2px 7px rgba(0,0,0,.24)}
@keyframes centrlTeamPulse{0%{box-shadow:0 2px 10px rgba(0,0,0,.38),0 0 0 0 color-mix(in srgb,var(--team-color) 42%,transparent)}70%{box-shadow:0 2px 10px rgba(0,0,0,.38),0 0 0 11px color-mix(in srgb,var(--team-color) 0%,transparent)}100%{box-shadow:0 2px 10px rgba(0,0,0,.38),0 0 0 0 transparent}}
@keyframes centrlTeamFocus{0%{box-shadow:0 2px 10px rgba(0,0,0,.38),0 0 0 0 color-mix(in srgb,var(--team-color) 70%,transparent)}75%{box-shadow:0 2px 10px rgba(0,0,0,.38),0 0 0 28px color-mix(in srgb,var(--team-color) 0%,transparent)}100%{box-shadow:0 2px 10px rgba(0,0,0,.38),0 0 0 0 transparent}}
.centrl-map-object{position:absolute;transform:translate(-50%,-50%);border:1px solid rgba(15,23,42,.30);border-radius:10px;background:rgba(255,255,255,.96);padding:5px 7px;display:flex;align-items:center;gap:5px;color:#172033;box-shadow:0 5px 15px rgba(15,23,42,.18);cursor:pointer;white-space:nowrap}
.centrl-map-object span{font-size:16px}.centrl-map-object b{font-size:10px}
.centrl-grid-overlay{position:absolute;pointer-events:none;border:2px solid rgba(30,64,175,.92);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset;z-index:3}
.centrl-grid-overlay .grid-lines{position:absolute;inset:0}
.centrl-grid-overlay .grid-v,.centrl-grid-overlay .grid-h{position:absolute;display:block;background:rgba(30,64,175,.72);box-shadow:0 0 0 .5px rgba(255,255,255,.45)}
.centrl-grid-overlay .grid-v{top:0;bottom:0;width:1px}.centrl-grid-overlay .grid-h{left:0;right:0;height:1px}
.centrl-grid-overlay .grid-label{position:absolute;z-index:2;display:grid;place-items:center;min-width:18px;height:18px;border-radius:5px;background:#172033;color:#fff;font-size:9px;box-shadow:0 2px 7px rgba(0,0,0,.28)}
.centrl-grid-overlay .grid-top{top:-22px;transform:translateX(-50%)}.centrl-grid-overlay .grid-bottom{bottom:-22px;transform:translateX(-50%)}
.centrl-grid-overlay .grid-left{left:-23px;transform:translateY(-50%)}.centrl-grid-overlay .grid-right{right:-23px;transform:translateY(-50%)}
.centrl-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important;font-weight:750;color:#334155}
.centrl-check input{width:17px!important;height:17px!important}

/* PDA grid map. */
.pda-grid-map{height:360px;border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.22);background:#0f172a}
.pda-grid-map-host{width:100%;height:100%}

@media(max-width:1180px){.team-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){
  .centrl-weather-hour{min-width:74px!important;height:60px!important}
  .centrl-weather-hours{max-width:100%;overflow-x:auto;padding-bottom:2px}
  .team-actions{grid-template-columns:1fr 1fr!important}
}
@media(max-width:680px){
  .centrl-weather-strip{grid-column:1/4!important;justify-self:stretch!important;justify-items:center!important}
  .centrl-weather-location{justify-self:center}
  .centrl-weather-hours{justify-content:flex-start!important;width:100%;overflow-x:auto}
  .centrl-weather-hour{min-width:76px!important;height:59px!important;display:grid!important}
  .centrl-control-alerts.alarm-stack,.centrl-control-alerts.message-stack{left:10px!important;right:10px!important;width:auto!important}
  .centrl-inline-form.compact-name input{max-width:none!important;flex:1}
  .centrl-modal-form-narrow,.centrl-modal-form-narrow label,.centrl-modal-form-narrow .field-centralist{max-width:none}
  .centrl-modal-form-narrow input,.centrl-modal-form-narrow .field-centralist input{max-width:none!important}
  .centrl-session-line .session-meta{gap:6px}.centrl-session-line .session-meta>i{height:12px}
  .pda-grid-map{height:62vh;min-height:330px}
}
/* Tighter new-service form proportions. */
.centrl-modal-form-narrow{max-width:420px}
.centrl-modal-form-narrow label{max-width:420px}
.centrl-modal-form-narrow .field-centralist{max-width:210px}
.centrl-modal-form-narrow input{max-width:420px!important}
.centrl-modal-form-narrow .field-centralist input{max-width:210px!important}
@media(max-width:680px){.centrl-modal-form-narrow,.centrl-modal-form-narrow label,.centrl-modal-form-narrow .field-centralist{max-width:none}.centrl-modal-form-narrow input,.centrl-modal-form-narrow .field-centralist input{max-width:none!important}}

/* ===== Centrl 0.6.1 - PWA, secure GPS, richer map editor, mobile chat polish ===== */
.pda-gps.off{color:#f87171!important;text-shadow:0 0 10px rgba(239,68,68,.42)!important}
.pda-gps.off svg{filter:drop-shadow(0 0 5px rgba(239,68,68,.45))}
.pda-gps.on{color:#86efac!important;text-shadow:0 0 10px rgba(34,197,94,.42)!important}

.centrl-pwa-offer{margin:8px auto 12px;width:min(100%,520px);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:10px 12px;border-radius:15px;background:linear-gradient(135deg,rgba(30,64,175,.94),rgba(91,33,182,.95));border:1px solid rgba(147,197,253,.38);box-shadow:0 12px 30px rgba(2,6,23,.28);color:#fff}
.centrl-pwa-offer>div{min-width:0}.centrl-pwa-offer b,.centrl-pwa-offer span{display:block}.centrl-pwa-offer b{font-size:12px}.centrl-pwa-offer span{font-size:9px;color:#dbeafe;margin-top:2px;line-height:1.35}.centrl-pwa-offer button{border:0;border-radius:10px;cursor:pointer;font-weight:900}.centrl-pwa-offer .pwa-primary{background:#fff;color:#172033;padding:8px 10px;font-size:10px}.centrl-pwa-offer .pwa-close{width:28px;height:28px;background:rgba(255,255,255,.13);color:#fff;font-size:18px}

.centrl-weather-hour.severity-yellow{border-color:#f97316!important;box-shadow:0 0 15px rgba(249,115,22,.20),inset 0 1px 0 rgba(255,255,255,.04)!important}
.centrl-weather-hour{position:relative!important;grid-template-columns:34px 1fr 24px!important;padding-right:7px!important}
.centrl-weather-hour>span{grid-column:1/4!important}
.centrl-weather-hour img{grid-column:1!important}
.centrl-weather-hour>b{grid-column:2!important;justify-self:start}
.centrl-weather-hour .weather-precip{grid-column:3!important;grid-row:2!important;align-self:center!important;justify-self:center!important;margin:0!important;display:flex!important;flex-direction:column;align-items:center;line-height:1!important;color:#bfdbfe!important}
.centrl-weather-hour .weather-precip i{font-style:normal;font-size:19px;filter:drop-shadow(0 0 5px rgba(96,165,250,.48))}.centrl-weather-hour .weather-precip em{font-style:normal;font-size:7px;margin-top:1px}

.team-live-chip{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.08em;border:1px solid rgba(255,255,255,.15)}.team-live-chip i{width:7px;height:7px;border-radius:50%}.team-live-chip.online{color:#86efac;background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.35)}.team-live-chip.online i{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.85)}.team-live-chip.offline{color:#cbd5e1;background:rgba(148,163,184,.08)}.team-live-chip.offline i{background:#94a3b8}

/* Grid labels stay inside the raster so they are immediately visible without zooming out. */
.centrl-grid-overlay .grid-top{top:3px!important;transform:translateX(-50%)!important}.centrl-grid-overlay .grid-bottom{bottom:3px!important;transform:translateX(-50%)!important}.centrl-grid-overlay .grid-left{left:3px!important;transform:translateY(-50%)!important}.centrl-grid-overlay .grid-right{right:3px!important;transform:translateY(-50%)!important}
.centrl-grid-overlay .grid-label{background:rgba(23,32,51,.94)!important;border:1px solid rgba(255,255,255,.7);pointer-events:none}

.centrl-shape-label{position:absolute;transform:translate(-50%,-50%);z-index:7;pointer-events:none;background:rgba(15,23,42,.90);color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:7px;padding:3px 7px;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.22)}
/* Vorm, Object en Hekwerk delen dezelfde neutrale subknop-stijl. */

/* Mobile chat: wider opposing bubbles and slightly larger copy. */
.pda-messages{width:100%!important;padding-left:0!important;padding-right:0!important;gap:10px!important}
.pda-msg{width:fit-content;max-width:88%!important;font-size:14px!important;padding:11px 13px!important;line-height:1.42;border-radius:15px!important}
.pda-msg.mine{margin-left:auto!important;border-bottom-right-radius:4px!important}.pda-msg.theirs{margin-right:auto!important;border-bottom-left-radius:4px!important}
.pda-msg small{font-size:10px!important}.pda-msg time{font-size:10px!important}.pda-message-body{font-size:14px!important}.pda-msg .message-receipt{font-size:9px!important;margin-top:5px!important}.pda-msg .receipt-checks{font-size:13px!important}
.point-msg{width:fit-content;max-width:88%}

@media(max-width:680px){
  .centrl-pda-content{padding-left:10px!important;padding-right:10px!important}
  .pda-message-stage{margin-left:-2px;margin-right:-2px}
  .centrl-pwa-offer{width:calc(100% - 14px);grid-template-columns:minmax(0,1fr) auto auto;margin-top:6px}
  .centrl-weather-hour{grid-template-columns:31px 1fr 22px!important}
}

/* ===== Centrl 0.6.2 - chat clearing, shape locking, map info, weather alignment ===== */
/* Header clock slightly lower, closer to the weather strip. */
.centrl-cp-center{align-self:end!important;transform:translateY(18px)}
@media(max-width:900px){.centrl-cp-center{transform:none!important;align-self:center!important}}

/* Weather cards: stricter alignment and precipitation below each card. */
.centrl-weather-location{font-size:12px!important;letter-spacing:.10em!important;margin-bottom:2px!important}
.centrl-weather-hours{align-items:flex-start!important;gap:10px!important}
.centrl-weather-hour{width:92px!important;min-width:92px!important;height:66px!important;display:grid!important;grid-template-columns:38px 1fr 23px!important;grid-template-rows:17px 1fr!important;align-items:center!important;justify-items:center!important;padding:6px 7px!important;overflow:visible!important;margin-bottom:22px!important}
.centrl-weather-hour>span{grid-column:1/4!important;grid-row:1!important;width:100%;text-align:center!important}
.centrl-weather-hour img{grid-column:1!important;grid-row:2!important;width:36px!important;height:36px!important;justify-self:center!important;align-self:center!important;object-fit:contain!important}
.centrl-weather-hour>b{grid-column:2!important;grid-row:2!important;font-size:17px!important;justify-self:center!important;align-self:center!important}
.centrl-weather-hour .weather-precip{position:absolute!important;right:6px!important;top:25px!important;width:22px!important;height:34px!important;display:grid!important;place-items:center!important;margin:0!important;color:#60a5fa!important}
.centrl-weather-hour .weather-precip i{font-size:21px!important;line-height:1!important}
.centrl-weather-hour .weather-precip em{position:absolute!important;top:45px!important;right:-3px!important;width:92px!important;text-align:center!important;font-size:10px!important;font-weight:900!important;color:#3b82f6!important;line-height:1!important}
@media(max-width:680px){.centrl-weather-location{font-size:11px!important}.centrl-weather-hour{width:82px!important;min-width:82px!important;height:62px!important;margin-bottom:20px!important}.centrl-weather-hour .weather-precip em{width:82px!important}}

/* Stronger alarm attention pulse. */
.centrl-main-tile[data-tile="alarms"].has-open-alarms{animation:centrlAlarmOuterPulseStrong 1.35s ease-in-out infinite!important}
@keyframes centrlAlarmOuterPulseStrong{
  0%,100%{transform:scale(1);box-shadow:0 9px 20px rgba(15,23,42,.13),0 0 0 0 rgba(239,68,68,0),0 0 18px rgba(239,68,68,.10)}
  50%{transform:scale(1.018);box-shadow:0 12px 28px rgba(15,23,42,.18),0 0 0 11px rgba(239,68,68,.19),0 0 42px rgba(239,68,68,.42)}
}
.centrl-main-tile[data-tile="alarms"].alarm-burst{animation:centrlAlarmBurstStrong .65s ease-in-out 4!important}
@keyframes centrlAlarmBurstStrong{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 0 16px rgba(239,68,68,.26),0 0 50px rgba(239,68,68,.55)}}

/* Color picker gets a visible live preview next to the native color control. */
.shape-color-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px;align-items:center}
.shape-color-row input[type="color"]{width:100%!important;height:46px!important;padding:3px!important;border-radius:12px!important;cursor:pointer!important}
.shape-color-row i{display:block;width:52px;height:46px;border-radius:12px;background:var(--preview);border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1,0 5px 12px rgba(15,23,42,.10)}

/* Map object information block. */
.map-object-info{margin-top:12px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#334155;font-size:13px;line-height:1.55;white-space:normal}
.map-object-info.muted{color:#94a3b8;font-style:italic}

/* Read receipt now uses one clear green check when opened/read. */
.message-receipt.read .receipt-checks{color:#22c55e!important;text-shadow:0 0 6px rgba(34,197,94,.28)}
.message-receipt.delivered .receipt-checks,.message-receipt.sent .receipt-checks{color:#94a3b8!important}
.centrl-weather-hour .weather-precip em{display:none!important}
.centrl-weather-hour .weather-precip-percent{position:absolute!important;left:0!important;right:0!important;bottom:-18px!important;text-align:center!important;color:#3b82f6!important;font-size:10px!important;font-weight:900!important;font-style:normal!important;line-height:1!important}

/* ===== Centrl 0.7.0 - reporting, notes/reminders, coordinator view, chat receipts ===== */
.incident-status-actions.two-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:18px!important}
.incident-status-actions.two-actions .centrl-btn{min-height:48px!important}
.report-filter-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#f8fafc;border:1px solid #dbe4ef;border-radius:14px;padding:12px 14px;margin-bottom:12px;color:#334155}.report-filter-bar>b{margin-right:4px}.report-filter-bar label{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px}.report-filter-bar input{width:17px;height:17px;accent-color:#2563eb}
.centrl-note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.centrl-note-card{border:1px solid #dce5f0;border-radius:16px;padding:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.centrl-note-card.focus{animation:noteFocus 1.1s ease 2;border-color:#8b5cf6}.note-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.note-top h3{margin:0}.note-reminder{font-size:11px;font-weight:800;color:#7c3aed;background:#f3e8ff;border-radius:999px;padding:5px 8px}.centrl-note-card p{white-space:pre-wrap;color:#475569}.note-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.quick-reminder{display:flex;gap:7px;flex-wrap:wrap}.note-reminder-options{display:grid;gap:8px}
@keyframes noteFocus{50%{box-shadow:0 0 0 7px rgba(139,92,246,.14)}}
.centrl-control-alert.reminder{background:linear-gradient(135deg,#5b21b6,#7c3aed);border-color:rgba(196,181,253,.65);box-shadow:0 18px 46px rgba(2,6,23,.28),0 0 30px rgba(139,92,246,.25);animation:reminderPulse 1.15s ease-in-out infinite}.centrl-control-alert.reminder .control-alert-dot{background:#ddd6fe;box-shadow:0 0 14px #c4b5fd}@keyframes reminderPulse{50%{transform:scale(1.035);box-shadow:0 18px 46px rgba(2,6,23,.3),0 0 44px rgba(139,92,246,.48)}}
.coord-badge{display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:8px;letter-spacing:.05em;vertical-align:middle}.coordinator-check{margin-top:4px!important;background:#f8fafc;border:1px solid #dbe4ef;border-radius:12px;padding:10px!important}
.coord-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.coord-summary>div{background:#121c30;border:1px solid #2c3b57;border-radius:14px;padding:12px;text-align:center}.coord-summary b{display:block;font-size:24px;color:#fff}.coord-summary span{font-size:10px;color:#94a3b8}.coord-readonly-list,.coord-team-grid{display:grid;gap:9px}.coord-readonly-list details,.coord-team-card{background:#111a2e;border:1px solid #2c3b57;border-radius:13px;padding:0 12px;color:#e5e7eb}.coord-readonly-list summary,.coord-team-card summary{padding:12px 0;cursor:pointer;font-weight:800}.coord-readonly-list p{white-space:pre-wrap}.coord-team-card summary{display:flex;justify-content:space-between;gap:8px;align-items:center}.coord-team-card summary span{display:grid}.coord-team-card summary small{color:#94a3b8;font-weight:500}.coord-team-card summary em{font-style:normal;font-size:10px;border-radius:999px;padding:5px 8px}.coord-team-card summary em.available{color:#86efac;background:#14532d}.coord-team-card summary em.busy{color:#fecaca;background:#7f1d1d}.coord-detail-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;padding:8px 0 12px;font-size:11px}.coord-detail-grid span{color:#94a3b8}.coord-history{display:grid;gap:4px;border-top:1px solid #263550;padding:10px 0 12px}.coord-history span{font-size:10px;color:#cbd5e1}

/* Fence placement uses a precise arrow cursor instead of the browser hand. */
.centrl-map-canvas.fence-drawing,.centrl-map-canvas.fence-drawing *{cursor:default!important}

/* Weather: preserve layout, only smaller drop / larger percentage and time. */
.centrl-weather-hour>span{font-size:11px!important;font-weight:900!important}
.centrl-weather-hour .weather-precip i{font-size:16px!important}
.centrl-weather-hour .weather-precip-percent{font-size:12px!important;bottom:-19px!important}

/* Stronger ongoing alarm attention. */
.centrl-main-tile.has-open-alarms{animation:centrlAlarmStrong 1.15s ease-in-out infinite!important;transform-origin:center}
@keyframes centrlAlarmStrong{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.2),0 10px 24px rgba(15,23,42,.12);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(239,68,68,.16),0 0 34px rgba(239,68,68,.58),0 12px 30px rgba(127,29,29,.30);transform:scale(1.035)}}

@media(max-width:680px){.coord-summary{grid-template-columns:repeat(3,1fr)}.coord-summary b{font-size:20px}.centrl-pda-apps{flex-wrap:wrap!important}.centrl-pda-apps .pda-app{min-width:72px;flex:1 1 20%}}
.coord-summary>button{appearance:none;border:1px solid #2c3b57;background:#121c30;border-radius:14px;padding:12px;text-align:center;color:#fff}.coord-summary>button.active{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.16)}.coord-summary>button b{display:block;font-size:24px}.coord-summary>button span{font-size:10px;color:#94a3b8}

/* 0.7.1 GPS marker reliability */
.centrl-gmaps-team-label{background:#0f172a!important;border-radius:7px!important;padding:3px 7px!important;transform:translateY(24px)!important;box-shadow:0 2px 7px rgba(0,0,0,.28)!important}
.centrl-team-pulse{position:absolute;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:2px solid var(--team-color);box-shadow:0 0 0 0 color-mix(in srgb,var(--team-color) 45%,transparent);animation:centrlGpsPulse 1.9s ease-out infinite;z-index:4}
.centrl-team-pulse.focus{width:40px;height:40px;border-width:3px;animation:centrlGpsFocus 1.15s ease-out infinite}
@keyframes centrlGpsPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--team-color) 55%,transparent);opacity:1}75%{box-shadow:0 0 0 18px transparent;opacity:.65}100%{box-shadow:0 0 0 22px transparent;opacity:.1}}
@keyframes centrlGpsFocus{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--team-color) 75%,transparent);opacity:1}70%{box-shadow:0 0 0 34px transparent;opacity:.8}100%{box-shadow:0 0 0 42px transparent;opacity:.12}}

/* 0.7.3 Web Push status */
.centrl-push-warning{margin:10px auto;max-width:760px;padding:11px 14px;border:1px solid rgba(239,68,68,.6);border-radius:12px;background:rgba(127,29,29,.18);color:#fecaca;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:13px}
.centrl-push-warning b{color:#fff}

/* 0.7.4 PDA camera controls */
.pda-photo-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.pda-photo-tools .pda-photo-btn{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;}
.pda-photo-tools .pda-media-library{grid-column:1/-1;}
@media (max-width:520px){.pda-photo-tools{grid-template-columns:1fr 1fr}.pda-photo-tools .pda-photo-btn{font-size:15px;padding:10px 8px}}

/* Centrl 0.7.6 - Smart GPS + Pocketmodus */

.pda-pocket-btn{margin-top:22px!important}.pda-pocket-btn.active{border-color:#8b5cf6!important;color:#c4b5fd!important;box-shadow:0 0 18px rgba(139,92,246,.25)}
.centrl-pocket-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483646!important;background:#000!important;color:#fff!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;touch-action:none;user-select:none;-webkit-user-select:none}
.centrl-pocket-overlay .pocket-time{position:absolute;top:max(28px,env(safe-area-inset-top));left:0;right:0;font-size:clamp(34px,10vw,54px);font-weight:800;letter-spacing:.02em;color:#f8fafc}.centrl-pocket-overlay .pocket-callsign{font-size:clamp(44px,14vw,72px);font-weight:900;letter-spacing:.03em}.centrl-pocket-overlay .pocket-statusbar{position:absolute;bottom:max(78px,calc(env(safe-area-inset-bottom) + 58px));left:24px;right:24px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#94a3b8}.centrl-pocket-overlay .pocket-live{display:flex;align-items:center;gap:7px;color:#86efac;font-weight:900}.centrl-pocket-overlay .pocket-live i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.9);animation:centrlPocketPulse 1.5s ease-in-out infinite}.centrl-pocket-overlay .pocket-gps b{font-weight:700;color:#cbd5e1}.centrl-pocket-overlay .pocket-help{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:24px;right:24px;color:#334155;font-size:11px}@keyframes centrlPocketPulse{50%{box-shadow:0 0 0 10px rgba(34,197,94,.08),0 0 22px rgba(34,197,94,.8)}}
.centrl-connection-warning{position:fixed;right:22px;bottom:22px;z-index:999999;background:#172033;color:#fff;border:1px solid #f59e0b;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 40px rgba(15,23,42,.25);font-size:13px}.centrl-connection-warning i{width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.55);animation:centrlConnPulse 1.4s infinite}@keyframes centrlConnPulse{70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}}
.centrl-gps-interval{display:flex;align-items:center;gap:8px;padding:0 6px;font-size:12px;font-weight:800;color:#64748b}.centrl-gps-interval select{min-width:92px;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;background:#fff;color:#0f172a;font-weight:800}

/* 0.7.7 Pocket lock + broadcast media */
.centrl-pocket-overlay{padding:0!important}
.centrl-pocket-overlay .pocket-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:88px 24px 94px;box-sizing:border-box}
.centrl-pocket-overlay .pocket-time{position:static!important;font-size:clamp(42px,12vw,62px)!important;line-height:1;font-weight:850}
.centrl-pocket-overlay .pocket-callsign{font-size:clamp(38px,12vw,68px)!important;line-height:1.05;margin:0}
.centrl-pocket-overlay .pocket-statusbar{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:4px;display:flex!important;justify-content:center!important}
.centrl-pocket-overlay .pocket-message-tile{min-width:170px;max-width:min(82vw,360px);padding:13px 22px;border:1px solid #334155;border-radius:16px;background:#0f172a;color:#f8fafc;font-weight:800;font-size:16px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.centrl-pocket-overlay .pocket-message-tile[hidden]{display:none!important}
.centrl-pocket-pin-screen{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.98);display:flex;align-items:center;justify-content:center;padding:24px;color:#fff}
.pocket-pin-panel{width:min(430px,100%);background:#0b1220;border:1px solid #263449;border-radius:26px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.55);text-align:left}
.pocket-pin-brand{font-size:12px;font-weight:900;letter-spacing:.24em;color:#93c5fd}.pocket-pin-panel h2{margin:10px 0 8px;font-size:26px}.pocket-pin-panel p{margin:0 0 20px;color:#94a3b8;line-height:1.45}
.pocket-pin-row{display:block;margin:16px 0}.pocket-pin-row>span{display:block;margin-bottom:8px;font-weight:800;color:#cbd5e1}.pocket-pin-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pocket-pin-boxes i{height:58px;border:1px solid #334155;border-radius:14px;background:#020617;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:34px;transition:.15s}.pocket-pin-boxes.focus i{border-color:#3b82f6}.pocket-pin-boxes i.filled{color:#fff}.pocket-pin-input{position:absolute!important;opacity:0!important;pointer-events:none;width:1px!important;height:1px!important}.pocket-pin-error{min-height:22px;color:#fca5a5;font-weight:700;margin-top:8px}.pocket-pin-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.pin-shake .pocket-pin-panel{animation:centrlPinShake .28s ease-in-out}@keyframes centrlPinShake{25%{transform:translateX(-8px)}50%{transform:translateX(8px)}75%{transform:translateX(-5px)}}
.broadcast-media-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.broadcast-media-list span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dbe3ee;border-radius:999px;background:#f8fafc;font-size:12px}.broadcast-media-list button{border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer}

/* 0.7.8 - rustiger scrollen, weersinformatie en opvallende meldingen */
.centrl-message-list,.pda-messages,.point-messages,.centrl-contact-list{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.centrl-message-list::-webkit-scrollbar,.pda-messages::-webkit-scrollbar,.point-messages::-webkit-scrollbar,.centrl-contact-list::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important;
}
.centrl-count[hidden]{display:none!important}

/* Ongelezen communicatie krijgt dezelfde operationele aandacht als alarmen, maar groen. */
.centrl-main-tile[data-tile="comm"].has-unread-messages{
  animation:centrlCommUnreadPulse 1.2s ease-in-out infinite!important;
  transform-origin:center;
}
.centrl-main-tile[data-tile="comm"] .comm-count.danger{
  background:#16a34a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 0 15px rgba(34,197,94,.48)!important;
}
@keyframes centrlCommUnreadPulse{
  0%,100%{box-shadow:0 8px 18px rgba(15,23,42,.10),0 0 0 0 rgba(34,197,94,0);transform:scale(1)}
  50%{box-shadow:0 8px 18px rgba(15,23,42,.12),0 0 0 8px rgba(34,197,94,.24),0 0 32px rgba(34,197,94,.38);transform:scale(1.018)}
}

/* Popups zelf pulseren ook. Alarmen blijven staan tot status 'In behandeling'. */
.centrl-control-alert.message.show{animation:centrlMessagePopupPulse 1.45s ease-in-out infinite}
.centrl-control-alert.alarm.show{animation:centrlAlarmPopupPulse 1.05s ease-in-out infinite}
@keyframes centrlMessagePopupPulse{
  0%,100%{box-shadow:0 18px 46px rgba(2,6,23,.30),0 0 18px rgba(34,197,94,.20);transform:translateX(0) scale(1)}
  50%{box-shadow:0 18px 46px rgba(2,6,23,.34),0 0 34px rgba(34,197,94,.48),0 0 0 4px rgba(34,197,94,.14);transform:translateX(0) scale(1.018)}
}
@keyframes centrlAlarmPopupPulse{
  0%,100%{box-shadow:0 18px 46px rgba(2,6,23,.34),0 0 22px rgba(239,68,68,.30);transform:translateX(0) scale(1)}
  50%{box-shadow:0 20px 52px rgba(2,6,23,.38),0 0 42px rgba(239,68,68,.62),0 0 0 5px rgba(239,68,68,.18);transform:translateX(0) scale(1.024)}
}

/* Weer: windkracht in tegel en vier druppelgroottes. Positie van de druppel blijft gelijk. */
.centrl-weather-hour .weather-wind{
  position:absolute!important;left:7px!important;bottom:4px!important;margin:0!important;
  padding:2px 4px!important;border-radius:5px!important;font-size:8px!important;font-weight:950!important;
  line-height:1!important;color:#bfdbfe!important;background:rgba(15,23,42,.64)!important;
  border:1px solid rgba(147,197,253,.24)!important;white-space:nowrap!important;
}
.centrl-weather-hour .weather-wind.wind-orange{
  color:#fbbf24!important;border-color:rgba(245,158,11,.66)!important;background:rgba(120,53,15,.36)!important;
}
.centrl-weather-hour .weather-wind.wind-red{
  color:#fecaca!important;border-color:rgba(239,68,68,.72)!important;background:rgba(127,29,29,.43)!important;
  box-shadow:0 0 9px rgba(239,68,68,.26)!important;
}
.centrl-weather-hour .weather-precip.drop-sm i{font-size:10px!important}
.centrl-weather-hour .weather-precip.drop-md i{font-size:13px!important}
.centrl-weather-hour .weather-precip.drop-lg i{font-size:16px!important}
.centrl-weather-hour .weather-precip.drop-xl i{font-size:18px!important}
.centrl-weather-hour .weather-precip-percent{font-size:13px!important;font-weight:950!important}
.centrl-control-alerts.alarm-stack{max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:none!important;-ms-overflow-style:none!important;padding:3px}
.centrl-control-alerts.alarm-stack::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}


/* 0.7.9 - acties direct boven GPS-teammarker */
.centrl-map-team-menu{min-width:230px;padding:4px 2px 2px;font-family:inherit;color:#0f172a}.centrl-map-team-menu .map-team-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.centrl-map-team-menu .map-team-menu-head b{font-size:15px}.map-team-state{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:5px 8px}.map-team-state.available{background:#dcfce7;color:#166534}.map-team-state.busy{background:#fee2e2;color:#991b1b}.centrl-map-menu-btn{width:100%;border-radius:10px;border:1px solid #cbd5e1;padding:10px 12px;margin-top:7px;font-weight:800;cursor:pointer;background:#fff;color:#1e293b}.centrl-map-menu-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.centrl-map-menu-btn.secondary{background:#f8fafc}.centrl-map-menu-btn.available{background:#dcfce7;border-color:#22c55e;color:#166534}.centrl-map-menu-btn.busy{background:#fee2e2;border-color:#ef4444;color:#991b1b}.centrl-map-menu-btn.ghost{background:#fff;color:#475569}.map-team-linked-warning{background:#c2410c;border:1px solid #9a3412;border-radius:10px;padding:10px 11px;color:#fff;font-size:13px;line-height:1.4}.map-team-menu-copy{margin:4px 0 2px;color:#64748b;font-size:13px}.gm-style .gm-style-iw-c{border-radius:14px!important;padding:12px 12px 8px!important}.gm-style .gm-style-iw-d{overflow:auto!important;padding:0!important}


/* ===== Centrl 0.8.0 - weather km/h layout + reliable GPS marker hit target ===== */
.centrl-weather-hour{
  grid-template-columns:38px minmax(38px,1fr) 29px!important;
  grid-template-rows:17px 27px 16px!important;
  height:70px!important;
  padding:6px 7px!important;
}
.centrl-weather-hour>span{
  grid-column:1/4!important;
  grid-row:1!important;
  font-size:10px!important;
}
.centrl-weather-hour img{
  grid-column:1!important;
  grid-row:2/4!important;
  width:36px!important;
  height:36px!important;
  align-self:center!important;
}
.centrl-weather-hour>b{
  grid-column:2!important;
  grid-row:2!important;
  align-self:end!important;
  justify-self:center!important;
  font-size:17px!important;
  line-height:1!important;
  transform:translateY(-1px);
}
.centrl-weather-hour .weather-wind{
  grid-column:2!important;
  grid-row:3!important;
  position:static!important;
  display:block!important;
  align-self:start!important;
  justify-self:center!important;
  margin:1px 0 0!important;
  padding:0!important;
  white-space:nowrap!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#bfdbfe!important;
  background:transparent!important;
  border:0!important;
}
.centrl-weather-hour .weather-wind.wind-orange{color:#fbbf24!important}
.centrl-weather-hour .weather-wind.wind-red{color:#f87171!important}
.centrl-weather-hour .weather-precip{
  right:1px!important;
  top:27px!important;
  width:26px!important;
  height:32px!important;
}
.centrl-weather-hour .weather-precip-percent{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-21px!important;
  width:100%!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  color:#3b82f6!important;
  font-style:normal!important;
}
/* Keep droplet sizing from the precipitation buckets, only move it right. */
.centrl-weather-hour .weather-precip.drop-sm i{font-size:15px!important}
.centrl-weather-hour .weather-precip.drop-md i{font-size:19px!important}
.centrl-weather-hour .weather-precip.drop-lg i{font-size:23px!important}
.centrl-weather-hour .weather-precip.drop-xl i{font-size:27px!important}

@media(max-width:680px){
  .centrl-weather-hour{grid-template-columns:34px minmax(35px,1fr) 26px!important;height:67px!important}
  .centrl-weather-hour .weather-wind{font-size:8px!important}
}

/* ===== Centrl 0.8.2 - Pocket long-press reliability + lower weather droplets ===== */
.centrl-pocket-overlay.holding-unlock::after{content:'Blijf vasthouden…';position:absolute;left:50%;bottom:max(52px,calc(env(safe-area-inset-bottom) + 52px));transform:translateX(-50%);font-size:12px;font-weight:800;color:#64748b;letter-spacing:.02em;pointer-events:none}
.centrl-weather-hour .weather-precip{top:33px!important}

/* ===== Centrl 0.8.3 - proportional precipitation droplet sizing ===== */
.centrl-weather-hour .weather-precip.drop-sm i{font-size:8px!important}
.centrl-weather-hour .weather-precip.drop-md i{font-size:11px!important}
.centrl-weather-hour .weather-precip.drop-lg i{font-size:14px!important}
.centrl-weather-hour .weather-precip.drop-xl i{font-size:17px!important}


/* ===== Centrl 0.8.4 - compact precipitation droplets =====
   Render the droplet as CSS geometry instead of an emoji so its physical size
   is predictable across Windows, Android, iOS and macOS. */
.centrl-weather-hour .weather-precip i{
  display:block!important;
  font-size:0!important;
  width:6px!important;
  height:6px!important;
  background:#60a5fa!important;
  border-radius:50% 50% 50% 0!important;
  transform:rotate(-45deg)!important;
  filter:drop-shadow(0 0 3px rgba(96,165,250,.58))!important;
  flex:0 0 auto!important;
}
.centrl-weather-hour .weather-precip.drop-sm i{width:6px!important;height:6px!important}
.centrl-weather-hour .weather-precip.drop-md i{width:8px!important;height:8px!important}
.centrl-weather-hour .weather-precip.drop-lg i{width:10px!important;height:10px!important}
.centrl-weather-hour .weather-precip.drop-xl i{width:12px!important;height:12px!important}


/* ===== Centrl 0.8.5 - clean PDA team modal + persistent coordinator accordions ===== */
.centrl-modal-card.unit-modal{width:min(660px,calc(100vw - 36px))}
.unit-form-clean{gap:20px}
.unit-form-clean .centrl-form-grid.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px;margin:0}
.unit-form-clean .centrl-form-grid.compact>label{min-width:0}
.unit-form-clean .centrl-form-grid.compact>label.full{grid-column:1/-1}
.unit-form-clean label>span{margin-bottom:1px}
.unit-form-clean input{min-height:48px}
.unit-form-clean .coordinator-check{min-height:54px;margin-top:2px!important;padding:13px 15px!important;border-radius:14px}
.unit-form-clean .coordinator-check input{min-height:0;width:18px!important;height:18px!important;flex:0 0 18px}
.unit-modal .centrl-modal-actions{padding-top:2px;margin-top:22px;border-top:1px solid #eef2f7}
@media(max-width:680px){
  .centrl-modal-card.unit-modal{width:min(100%,calc(100vw - 24px));padding:19px}
  .unit-form-clean .centrl-form-grid.compact{grid-template-columns:1fr;gap:14px}
  .unit-form-clean .centrl-form-grid.compact>label.full{grid-column:auto}
}
\n\n/* ===== Centrl 0.8.6 - precipitation count + closed incident actions ===== */\n/* Use one fixed droplet size; precipitation probability is communicated by count (1-4). */\n.centrl-weather-hour .weather-precip{\n  position:absolute!important;\n  right:2px!important;\n  top:29px!important;\n  width:24px!important;\n  height:30px!important;\n  margin:0!important;\n  pointer-events:none!important;\n}\n.centrl-weather-hour .weather-precip i{\n  position:absolute!important;\n  display:block!important;\n  width:6px!important;\n  height:6px!important;\n  background:#60a5fa!important;\n  border-radius:50% 50% 50% 0!important;\n  transform:rotate(-45deg)!important;\n  filter:drop-shadow(0 0 3px rgba(96,165,250,.55))!important;\n}\n/* A neat diagonal rain ladder from top-right to bottom-left. */\n.centrl-weather-hour .weather-precip i:nth-child(1){right:1px!important;top:1px!important}\n.centrl-weather-hour .weather-precip i:nth-child(2){right:6px!important;top:8px!important}\n.centrl-weather-hour .weather-precip i:nth-child(3){right:11px!important;top:15px!important}\n.centrl-weather-hour .weather-precip i:nth-child(4){right:16px!important;top:22px!important}\n/* One droplet sits a little lower so a single-rain indicator does not look glued to the top edge. */\n.centrl-weather-hour .weather-precip.drops-1 i:nth-child(1){right:5px!important;top:15px!important}\n.centrl-weather-hour .weather-precip.drops-2 i:nth-child(1){right:2px!important;top:8px!important}\n.centrl-weather-hour .weather-precip.drops-2 i:nth-child(2){right:9px!important;top:16px!important}\n.centrl-weather-hour .weather-precip.drops-3 i:nth-child(1){right:1px!important;top:4px!important}\n.centrl-weather-hour .weather-precip.drops-3 i:nth-child(2){right:7px!important;top:11px!important}\n.centrl-weather-hour .weather-precip.drops-3 i:nth-child(3){right:13px!important;top:18px!important}\n\n.incident-status-actions .centrl-btn:disabled{\n  opacity:.46!important;\n  cursor:not-allowed!important;\n  filter:saturate(.55)!important;\n  box-shadow:none!important;\n}\n

/* ===== Centrl 0.8.7 - afgehandelde alarmknop ===== */
.incident-status-actions .centrl-btn.success:disabled{
  background:#e5e7eb!important;
  color:#94a3b8!important;
  -webkit-text-fill-color:#94a3b8!important;
  border:1px solid #d1d5db!important;
  opacity:1!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}

/* ===== Centrl 0.8.8 - compact en strak PDA-team formulier ===== */
.centrl-modal-card.unit-modal{width:min(560px,calc(100vw - 32px));padding:20px 22px 18px}
.unit-modal .centrl-modal-head{margin-bottom:14px}
.unit-modal .centrl-modal-head h2{font-size:22px!important}
.unit-form-clean{gap:13px}
.unit-form-clean>label,
.unit-form-clean .centrl-form-grid.compact>label{gap:5px}
.unit-form-clean label>span{font-size:12px;margin:0}
.unit-form-clean .centrl-form-grid.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;row-gap:12px;margin:0}
.unit-form-clean .centrl-form-grid.compact>label{min-width:0;margin:0}
.unit-form-clean .centrl-form-grid.compact>label.full{grid-column:1/-1}
.unit-form-clean input{height:40px!important;min-height:40px!important;padding:8px 11px!important;border-radius:10px!important;font-size:14px!important;box-sizing:border-box!important}
.unit-form-clean input::placeholder{font-size:13px}
.unit-form-clean .coordinator-check{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px;margin-top:1px!important;padding:9px 12px!important;border-radius:11px;font-size:13px;line-height:1.25}
.unit-form-clean .coordinator-check input{width:16px!important;height:16px!important;min-height:0!important;padding:0!important;flex:0 0 16px}
.unit-modal .centrl-modal-actions{margin-top:15px;padding-top:13px;gap:8px}
.unit-modal .centrl-modal-actions .centrl-btn{min-height:40px;padding:9px 14px;font-size:13px}
@media(max-width:680px){
  .centrl-modal-card.unit-modal{width:min(100%,calc(100vw - 18px));padding:17px 16px 15px}
  .unit-form-clean{gap:11px}
  .unit-form-clean .centrl-form-grid.compact{grid-template-columns:1fr;gap:10px}
  .unit-form-clean .centrl-form-grid.compact>label.full{grid-column:auto}
  .unit-form-clean input{height:39px!important;min-height:39px!important}
}


/* ===== Centrl 0.8.9 - PDA incident status, sticky grid fullscreen, weather droplet position ===== */
/* Move the compact rain indicator slightly down and left toward its percentage. */
.centrl-weather-hour .weather-precip{right:8px!important;top:32px!important}

/* PDA: open incidents remain red; completed incidents are clearly green. */
.pda-alarm.closed{
  border-color:rgba(34,197,94,.42)!important;
  background:linear-gradient(145deg,rgba(20,83,45,.48),rgba(5,46,22,.42))!important;
}
.pda-alarm.closed>div>span{color:#86efac!important}
.pda-alarm.closed .pda-alarm-meta b{color:#86efac!important}


/* ===== Centrl 0.9.0 - header balance, pocket simplification, weather spacing ===== */
/* Left side: event name prominent, centralist anchored lower in the status bar. */
.centrl-cp-left{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:118px!important;
  padding:4px 0 1px!important;
}
.centrl-cp-event-name{
  font-size:clamp(24px,2.1vw,34px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  color:#fff!important;
  letter-spacing:-.02em!important;
  max-width:560px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.centrl-cp-centralist-block{margin-top:auto!important}
.centrl-cp-caption{font-size:10px!important;margin-bottom:2px!important}
.centrl-cp-centralist{font-size:22px!important;line-height:1.05!important;margin-top:0!important}

/* Clock slightly lower in the middle column, just above the weather row. */
.centrl-cp-center{
  align-self:end!important;
  transform:translateY(31px)!important;
}

/* Rain indicator: a touch lower and further left, away from the tile edge. */
.centrl-weather-hour .weather-precip{
  right:14px!important;
  top:36px!important;
}

@media(max-width:900px){
  .centrl-cp-left{min-height:0!important;padding:0!important}
  .centrl-cp-event-name{font-size:21px!important;max-width:52vw}
  .centrl-cp-centralist{font-size:17px!important}
  .centrl-cp-center{transform:none!important;align-self:center!important}
}
\n\n/* ===== Centrl 0.9.2 - header anchoring + compact notes reminder UX ===== */\n/* Span the full two-row status header so the centralist block can truly sit at the bottom edge. */\n.centrl-cp-left{\n  grid-row:1 / 3!important;\n  align-self:stretch!important;\n  min-height:0!important;\n  padding:2px 0 0!important;\n}\n.centrl-cp-centralist-block{\n  margin-top:auto!important;\n  padding-bottom:1px!important;\n}\n.centrl-cp-caption{margin:0 0 2px!important}\n.centrl-cp-centralist{margin:0!important}\n@media(max-width:680px){\n  .centrl-cp-left{grid-row:auto!important;min-height:0!important}\n}\n\n/* Notes modal: smaller fields, tighter alignment and reminder choices only when enabled. */\n.centrl-modal-card.note-modal{\n  width:min(600px,calc(100vw - 32px));\n  padding:21px 24px 19px;\n}\n.note-modal .centrl-modal-head{margin-bottom:14px}\n.note-modal .centrl-modal-head h2{font-size:24px!important}\n.note-form-compact{gap:14px;align-items:flex-start}\n.note-form-compact>label{width:100%;max-width:500px;gap:5px}\n.note-form-compact label>span{font-size:12px;font-weight:850;color:#334155}\n.note-form-compact .note-title-field{max-width:390px}\n.note-form-compact .note-body-field{max-width:500px}\n.note-form-compact input[type=\"text\"],\n.note-form-compact input:not([type]),\n.note-form-compact textarea{\n  width:100%!important;\n  box-sizing:border-box!important;\n  border-radius:11px!important;\n  font-size:14px!important;\n}\n.note-form-compact input[type=\"text\"],\n.note-form-compact input:not([type]){height:42px!important;min-height:42px!important;padding:9px 12px!important}\n.note-form-compact textarea{min-height:90px!important;padding:10px 12px!important;resize:vertical}\n.note-reminder-toggle{\n  width:max-content!important;\n  max-width:100%!important;\n  display:flex!important;\n  align-items:center!important;\n  gap:9px!important;\n  padding:9px 12px!important;\n  border:1px solid #dbe4ef;\n  border-radius:11px;\n  background:#f8fafc;\n}\n.note-reminder-toggle input{width:17px!important;height:17px!important;min-height:0!important;margin:0!important;flex:0 0 17px}\n.note-reminder-toggle span{font-size:13px!important;margin:0!important}\n.note-reminder-options{\n  width:100%;\n  max-width:500px;\n  padding:13px 14px 14px;\n  border:1px solid #dbe4ef;\n  border-radius:13px;\n  background:#f8fafc;\n  gap:10px;\n}\n.note-reminder-options[hidden]{display:none!important}\n.note-reminder-options.is-visible{display:grid!important}\n.note-reminder-label{font-size:12px;font-weight:900;color:#334155}\n.quick-reminder{display:flex;gap:7px;flex-wrap:wrap}\n.quick-reminder .centrl-btn{min-height:36px!important;padding:7px 11px!important}\n.note-reminder-or{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}\n.note-reminder-or:before,.note-reminder-or:after{content:\"\";height:1px;background:#dbe4ef;flex:1}\n.note-date-time-row{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(110px,.75fr);gap:10px;max-width:360px}\n.note-date-time-row label{display:grid;gap:5px;margin:0}\n.note-date-time-row label>span{font-size:11px;font-weight:850;color:#475569}\n.note-date-time-row input{\n  width:100%!important;\n  height:40px!important;\n  min-height:40px!important;\n  padding:7px 9px!important;\n  border:1.5px solid #cbd5e1!important;\n  border-radius:10px!important;\n  background:#fff!important;\n  color:#111827!important;\n  font-size:13px!important;\n  box-sizing:border-box!important;\n}\n.note-modal .centrl-modal-actions{margin-top:17px;padding-top:13px;border-top:1px solid #eef2f7;gap:8px}\n.note-modal .centrl-modal-actions .centrl-btn{min-height:40px;padding:9px 15px;font-size:13px}\n@media(max-width:620px){\n  .centrl-modal-card.note-modal{width:min(100%,calc(100vw - 18px));padding:17px 16px 15px}\n  .note-form-compact .note-title-field,.note-form-compact .note-body-field,.note-reminder-options{max-width:none}\n  .note-date-time-row{grid-template-columns:1fr 120px;max-width:none}\n}\n

/* ===== Centrl 0.9.3 - notes modal hard reset ===== */
.centrl-modal-card.note-modal{
  width:min(520px,calc(100vw - 28px))!important;
  padding:18px 20px 16px!important;
}
.note-modal .centrl-modal-head{margin-bottom:12px!important}
.note-modal .centrl-modal-head h2{font-size:22px!important;line-height:1.1!important}
.note-form-compact{display:flex!important;flex-direction:column!important;gap:11px!important;align-items:flex-start!important}
.note-form-compact>label{margin:0!important}
.note-form-compact .note-title-field{width:320px!important;max-width:100%!important}
.note-form-compact .note-body-field{width:420px!important;max-width:100%!important}
.note-form-compact label>span{font-size:12px!important;line-height:1.2!important}
.note-form-compact input:not([type="checkbox"]),
.note-form-compact textarea{
  box-sizing:border-box!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.note-form-compact .note-title-field input{
  width:100%!important;height:38px!important;min-height:38px!important;padding:8px 11px!important;
}
.note-form-compact .note-body-field textarea{
  width:100%!important;min-height:68px!important;height:68px!important;padding:9px 11px!important;resize:vertical!important;
}
.note-reminder-toggle{
  width:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:7px 9px!important;border:1px solid #dbe4ef!important;border-radius:10px!important;background:#f8fafc!important;
}
.note-reminder-toggle input{width:16px!important;height:16px!important;min-height:0!important;margin:0!important}
.note-reminder-toggle span{font-size:12px!important}
.note-reminder-options{
  width:420px!important;max-width:100%!important;padding:10px 11px 11px!important;
  border:1px solid #dbe4ef!important;border-radius:11px!important;background:#f8fafc!important;gap:8px!important;
}
.note-reminder-label{font-size:12px!important}
.quick-reminder{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.quick-reminder .centrl-btn{min-height:32px!important;height:32px!important;padding:5px 10px!important;font-size:12px!important;border-radius:9px!important}
.note-date-time-row{grid-template-columns:1fr 110px!important;gap:8px!important;width:100%!important;max-width:320px!important;margin-top:2px!important}
.note-date-time-row label{gap:4px!important}
.note-date-time-row input{height:36px!important;min-height:36px!important;padding:6px 8px!important;font-size:12px!important;border-radius:9px!important}
.note-modal .centrl-modal-actions{margin-top:14px!important;padding-top:11px!important}
.note-modal .centrl-modal-actions .centrl-btn{min-height:36px!important;height:36px!important;padding:7px 13px!important;font-size:12px!important}
@media(max-width:560px){
  .centrl-modal-card.note-modal{width:calc(100vw - 18px)!important;padding:16px 14px 14px!important}
  .note-form-compact .note-title-field,.note-form-compact .note-body-field,.note-reminder-options{width:100%!important}
  .note-date-time-row{grid-template-columns:1fr 100px!important;max-width:none!important}
}


/* ===== Centrl 0.9.4 - header bottom anchoring + consistent compact modal forms ===== */
@media(min-width:681px){
  .centrl-cp-header{position:relative!important}
  .centrl-cp-left{grid-column:1!important;grid-row:1 / 3!important;align-self:stretch!important;justify-self:stretch!important;position:relative!important;min-height:150px!important;padding:4px 0 5px!important;display:block!important}
  .centrl-cp-event-name{position:absolute!important;left:0!important;top:0!important;margin:0!important}
  .centrl-cp-centralist-block{position:absolute!important;left:0!important;bottom:0!important;margin:0!important;padding:0!important}
  .centrl-cp-caption{margin:0 0 3px!important}
  .centrl-cp-centralist{margin:0!important}
}

.centrl-modal-card input:not([type="checkbox"]):not([type="radio"]),.centrl-modal-card select{box-sizing:border-box!important;min-height:40px!important;height:40px!important;padding:8px 11px!important;border-radius:10px!important;font-size:13px!important}
.centrl-modal-card textarea{box-sizing:border-box!important;padding:9px 11px!important;border-radius:10px!important;font-size:13px!important}
.centrl-modal-card .centrl-modal-field{gap:5px!important}
.centrl-modal-card .centrl-modal-field>span,.centrl-modal-card .centrl-form-grid label>span,.centrl-modal-card .centrl-form-stack label>span{font-size:12px!important}

.centrl-modal-card.incident-modal{width:min(690px,calc(100vw - 32px))!important;padding:20px 22px 18px!important}
.incident-modal .centrl-modal-head{margin-bottom:13px!important}
.incident-modal .centrl-modal-head h2{font-size:22px!important}
.incident-modal .incident-detail-head{gap:12px!important}
.incident-modal .incident-detail-head h3{font-size:20px!important;line-height:1.1!important}
.incident-modal .incident-detail-head p{font-size:12px!important;margin-top:5px!important}
.incident-modal .incident-info-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:13px 0!important}
.incident-modal .incident-info-grid div{padding:9px 10px!important;border-radius:10px!important}
.incident-modal .incident-assignment-grid{grid-template-columns:minmax(0,1.55fr) minmax(140px,.65fr)!important;gap:9px!important;max-width:560px!important}
.incident-modal .incident-report-section{margin-top:15px!important;padding-top:14px!important}
.incident-modal .incident-section-head h4{font-size:15px!important;margin-bottom:8px!important}
.incident-modal .incident-report-list{max-height:165px!important;gap:6px!important}
.incident-modal .incident-report-row{padding:8px 10px!important}
.incident-modal .incident-report-empty{padding:11px!important}
.incident-modal .incident-report-compose{grid-template-columns:1fr auto!important;gap:8px!important;margin-top:8px!important;align-items:stretch!important}
.incident-modal .incident-report-compose textarea{min-height:62px!important;height:62px!important;resize:none!important}
.incident-modal .incident-report-compose .centrl-btn{min-height:40px!important;padding:8px 13px!important;font-size:12px!important}
.incident-modal .incident-contact{margin-top:12px!important;padding-top:12px!important}
.incident-modal .incident-status-actions{margin-top:12px!important;gap:8px!important}
.incident-modal .incident-status-actions .centrl-btn{min-height:40px!important;padding:8px 13px!important;font-size:12px!important}
@media(max-width:680px){.centrl-modal-card.incident-modal{width:calc(100vw - 18px)!important;padding:17px 15px 15px!important}.incident-modal .incident-assignment-grid{grid-template-columns:1fr!important;max-width:none!important}.incident-modal .incident-report-compose{grid-template-columns:1fr!important}}

/* 0.9.5 - alarm sharing is an explicit Control choice. */
.incident-share-team{display:flex;align-items:flex-start;gap:10px;margin:10px 0 2px;padding:10px 12px;border:1px solid #dbe4ef;border-radius:12px;background:#f8fafc;cursor:pointer}
.incident-share-team input{width:18px;height:18px;min-width:18px;margin-top:2px}
.incident-share-team span{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.incident-share-team b{font-size:14px;color:#1f2f46}
.incident-share-team small{font-size:12px;color:#718096;font-weight:500}
.incident-share-team:has(input:disabled){opacity:.55;cursor:not-allowed}


/* ===== Centrl 0.9.6 - cockpit alignment, horizontal rain, responsive scale ===== */
/* Header: event title aligned lower/right; clock lowered while centralist stays anchored to bottom. */
@media(min-width:901px){
  .centrl-cp-event-name{left:22px!important;top:34px!important;font-size:clamp(25px,2vw,36px)!important}
  .centrl-cp-center{transform:translateY(43px)!important}
  .centrl-cp-centralist-block{left:0!important;bottom:2px!important}
}

/* Rain probability: equal-sized droplets in one horizontal row. */
.centrl-weather-hour .weather-precip{
  position:absolute!important;
  top:auto!important;
  bottom:-15px!important;
  right:8px!important;
  width:auto!important;
  height:8px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  pointer-events:none!important;
}
.centrl-weather-hour .weather-precip i{
  position:static!important;
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  display:block!important;
  background:#60a5fa!important;
  border-radius:50% 50% 50% 0!important;
  transform:rotate(-45deg)!important;
}
.centrl-weather-hour .weather-precip-percent{
  left:calc(50% - (var(--drops,0) * 3px))!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:-24px!important;
  font-size:13px!important;
}

/* Alarm modal: more compact and visually grouped. */
.centrl-modal-card.incident-modal{width:min(650px,calc(100vw - 28px))!important;padding:18px 20px 16px!important}
.incident-modal .incident-detail-head{align-items:flex-start!important;margin-bottom:2px!important}
.incident-modal .incident-info-grid{margin:10px 0!important;gap:7px!important}
.incident-modal .incident-info-grid div{padding:8px 10px!important}
.incident-modal .incident-assignment-grid{max-width:none!important;grid-template-columns:minmax(0,1.7fr) minmax(135px,.7fr)!important;gap:8px!important}
.incident-modal .incident-share-team{margin:8px 0 0!important;padding:9px 10px!important}
.incident-modal .incident-share-team b{font-size:12px!important}
.incident-modal .incident-share-team small{font-size:10px!important;line-height:1.25!important}
.incident-modal .incident-report-section{margin-top:11px!important;padding-top:11px!important}
.incident-modal .incident-report-list{max-height:140px!important}
.incident-modal .incident-report-compose textarea{height:54px!important;min-height:54px!important}
.incident-modal .incident-contact{margin-top:9px!important;padding-top:9px!important}
.incident-modal .incident-status-actions{margin-top:9px!important}

/* Report screen: tighter controls and log rows. */
.report-filter-bar{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;padding:10px 12px!important;border-radius:12px!important}
.report-filter-bar>b{margin-right:2px!important;font-size:12px!important}
.report-filter-bar label{font-size:11px!important;gap:5px!important}
.centrl-report-compose{margin-top:10px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
.centrl-report-compose textarea{min-height:62px!important;height:62px!important;resize:none!important}
.centrl-report-compose .centrl-btn{min-height:40px!important;padding:8px 14px!important}
.centrl-report-list{gap:7px!important}
.centrl-report-row{padding:9px 11px!important;border-radius:11px!important}
.centrl-report-row h4{font-size:13px!important;margin:5px 0 2px!important}
.centrl-report-row p{font-size:12px!important;margin:2px 0!important}

/* Display presets. */
.centrl-display-size{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.centrl-display-size button{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:10px;padding:8px 11px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.centrl-display-size button.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 5px 14px rgba(37,99,235,.18)}
/* Display presets affect operational reading text, not the left navigation. */
#centrl-control[data-display-scale="compact"] .centrl-panel,
#centrl-control[data-display-scale="compact"] .centrl-modal-card{--centrl-reading-size:12px;--centrl-reading-small:10px;--centrl-reading-heading:15px}
#centrl-control[data-display-scale="normal"] .centrl-panel,
#centrl-control[data-display-scale="normal"] .centrl-modal-card{--centrl-reading-size:14px;--centrl-reading-small:11px;--centrl-reading-heading:17px}
#centrl-control[data-display-scale="large"] .centrl-panel,
#centrl-control[data-display-scale="large"] .centrl-modal-card{--centrl-reading-size:16px;--centrl-reading-small:13px;--centrl-reading-heading:19px}
#centrl-control[data-display-scale] .centrl-panel textarea,
#centrl-control[data-display-scale] .centrl-panel input:not([type="checkbox"]):not([type="radio"]),
#centrl-control[data-display-scale] .centrl-panel select,
#centrl-control[data-display-scale] .centrl-modal-card textarea,
#centrl-control[data-display-scale] .centrl-modal-card input:not([type="checkbox"]):not([type="radio"]),
#centrl-control[data-display-scale] .centrl-modal-card select{font-size:var(--centrl-reading-size,14px)!important}
#centrl-control[data-display-scale] .centrl-message,
#centrl-control[data-display-scale] .centrl-report-row p,
#centrl-control[data-display-scale] .incident-report-row p,
#centrl-control[data-display-scale] .alarm-main small,
#centrl-control[data-display-scale] .centrl-unit-meta span,
#centrl-control[data-display-scale] .centrl-setting-card p{font-size:var(--centrl-reading-size,14px)!important}
#centrl-control[data-display-scale] .report-meta,
#centrl-control[data-display-scale] .incident-report-row>div,
#centrl-control[data-display-scale] .message-who,
#centrl-control[data-display-scale] .centrl-message small{font-size:var(--centrl-reading-small,11px)!important}
#centrl-control[data-display-scale] .centrl-report-row h4,
#centrl-control[data-display-scale] .incident-section-head h4{font-size:var(--centrl-reading-heading,17px)!important}
/* Navigation stays deliberately fixed/readable for every display preset. */
#centrl-control[data-display-scale] .centrl-side-nav .centrl-main-tile{font-size:13px!important;min-height:62px!important;padding:11px 13px!important}
#centrl-control[data-display-scale] .centrl-side-nav .centrl-tile-icon{width:38px!important;height:38px!important;flex-basis:38px!important}

/* Laptop/tablet: preserve readability without overflowing the cockpit. */
@media(max-width:1366px){
  .centrl-cp-header{padding:18px 20px!important}
  .centrl-cp-event-name{left:12px!important;top:26px!important;font-size:27px!important;max-width:36vw!important}
  .centrl-cp-center{transform:translateY(34px)!important}
  .centrl-cp-time{font-size:31px!important}
  .centrl-weather-hour{min-width:74px!important;height:59px!important}
  .centrl-weather-hours{gap:6px!important}
  .centrl-panel{padding:16px!important}
}
@media(max-width:1024px){
  .centrl-cp-header{grid-template-columns:minmax(150px,1fr) auto minmax(160px,1fr)!important}
  .centrl-cp-event-name{font-size:23px!important;max-width:34vw!important}
  .centrl-cp-center{transform:translateY(27px)!important}
  .centrl-cp-time{font-size:28px!important}
  .centrl-weather-hour{min-width:68px!important;height:56px!important}
  .centrl-weather-hours{gap:5px!important}
  .centrl-weather-hour:nth-child(n+5){display:none!important}
  .centrl-side-nav{min-width:185px!important}
}
@media(max-width:820px){
  .centrl-cp-header{grid-template-columns:1fr auto!important;grid-template-areas:"left live" "center center" "weather weather"!important;grid-template-rows:auto auto auto!important}
  .centrl-cp-left{grid-area:left!important;position:relative!important;min-height:90px!important}
  .centrl-cp-event-name{position:static!important;font-size:22px!important;max-width:70vw!important;margin-left:0!important}
  .centrl-cp-centralist-block{position:absolute!important;left:0!important;bottom:0!important}
  .centrl-cp-center{grid-area:center!important;transform:none!important;padding-top:3px!important}
  .centrl-cp-livewrap{grid-area:live!important}
  .centrl-weather-strip{grid-area:weather!important;margin-top:7px!important}
  .centrl-weather-hours{overflow-x:auto!important;max-width:100%!important;padding-bottom:25px!important}
  .centrl-workspace{grid-template-columns:1fr!important}
  .centrl-side-nav{min-width:0!important}
}

/* Centrl 0.9.7: incident reporting workflow. */
.incident-modal .incident-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.incident-modal .incident-print-btn{min-height:34px!important;padding:6px 10px!important;font-size:11px!important;white-space:nowrap}
.incident-modal .incident-report-compose{margin-top:5px!important;margin-bottom:9px!important}
.incident-modal .incident-report-list-after-compose{margin-top:0!important}
@media(max-width:680px){.incident-modal .incident-section-head{align-items:flex-start;flex-direction:column}.incident-modal .incident-print-btn{width:auto!important}}


/* ===== Centrl 0.9.8 - readable operations, percentage-only weather, compact settings ===== */
/* Weather icons already communicate rain amount. Keep only the numeric probability below. */
.centrl-weather-hour .weather-precip{display:none!important}
.centrl-weather-hour .weather-precip-percent{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:-24px!important;
  font-size:13px!important;
  min-width:44px!important;
  text-align:center!important;
}

/* Setting cards must size to their own content instead of stretching to the tallest neighbour. */
.centrl-settings-grid{align-items:start!important}
.centrl-setting-card{align-self:start!important;min-height:0!important;height:auto!important}
.centrl-setting-card .centrl-inline-form{align-items:center!important}

/* Display presets: scale operational reading/content strongly, not the navigation geometry. */
#centrl-control[data-display-scale="compact"] .centrl-panel,
#centrl-control[data-display-scale="compact"] .centrl-modal-card{--centrl-reading-size:12px;--centrl-reading-small:10px;--centrl-reading-heading:15px;--centrl-nav-font:12px}
#centrl-control[data-display-scale="normal"] .centrl-panel,
#centrl-control[data-display-scale="normal"] .centrl-modal-card{--centrl-reading-size:14px;--centrl-reading-small:11px;--centrl-reading-heading:17px;--centrl-nav-font:13px}
#centrl-control[data-display-scale="large"] .centrl-panel,
#centrl-control[data-display-scale="large"] .centrl-modal-card{--centrl-reading-size:17px;--centrl-reading-small:14px;--centrl-reading-heading:20px;--centrl-nav-font:14px}
#centrl-control[data-display-scale="xlarge"] .centrl-panel,
#centrl-control[data-display-scale="xlarge"] .centrl-modal-card{--centrl-reading-size:20px;--centrl-reading-small:16px;--centrl-reading-heading:23px;--centrl-nav-font:15px}

/* Core operational text follows the selected reading size. */
#centrl-control[data-display-scale] .centrl-panel,
#centrl-control[data-display-scale] .centrl-modal-card{font-size:var(--centrl-reading-size,14px)}
#centrl-control[data-display-scale] .centrl-panel label,
#centrl-control[data-display-scale] .centrl-modal-card label,
#centrl-control[data-display-scale] .incident-modal .incident-detail-sub,
#centrl-control[data-display-scale] .incident-modal .incident-info-grid,
#centrl-control[data-display-scale] .incident-modal .incident-contact,
#centrl-control[data-display-scale] .centrl-chat-log,
#centrl-control[data-display-scale] .centrl-report-row,
#centrl-control[data-display-scale] .centrl-report-compose textarea,
#centrl-control[data-display-scale] .incident-report-compose textarea{
  font-size:var(--centrl-reading-size,14px)!important;
}
#centrl-control[data-display-scale] .centrl-panel input:not([type="checkbox"]):not([type="radio"]),
#centrl-control[data-display-scale] .centrl-panel textarea,
#centrl-control[data-display-scale] .centrl-panel select,
#centrl-control[data-display-scale] .centrl-modal-card input:not([type="checkbox"]):not([type="radio"]),
#centrl-control[data-display-scale] .centrl-modal-card textarea,
#centrl-control[data-display-scale] .centrl-modal-card select{
  font-size:var(--centrl-reading-size,14px)!important;
  line-height:1.35!important;
}

/* Navigation text may grow a little, but the tiles themselves keep exactly the same geometry. */
#centrl-control[data-display-scale] .centrl-side-nav .centrl-main-tile{
  font-size:var(--centrl-nav-font,13px)!important;
  min-height:62px!important;
  height:auto!important;
  padding:11px 13px!important;
}
#centrl-control[data-display-scale] .centrl-side-nav .centrl-tile-icon{
  width:38px!important;height:38px!important;flex-basis:38px!important
}


/* ===== Centrl 0.9.9 - complete readability audit, pocket unlock fix, incident v2 ===== */
/* Weather probability: one small blue droplet directly after the percentage. */
.centrl-weather-hour .weather-precip-percent{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;min-width:54px!important}
.weather-prob-drop{display:inline-block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;background:#60a5fa!important;border-radius:50% 50% 50% 0!important;transform:rotate(-45deg)!important;box-shadow:0 0 7px rgba(96,165,250,.35)!important}

/* Display size: variables live on Control itself so every operational component inherits them. */
#centrl-control[data-display-scale="compact"]{--centrl-reading-size:12px;--centrl-reading-small:10px;--centrl-reading-heading:15px;--centrl-reading-title:18px;--centrl-btn-font:12px;--centrl-team-title:20px}
#centrl-control[data-display-scale="normal"]{--centrl-reading-size:14px;--centrl-reading-small:11px;--centrl-reading-heading:17px;--centrl-reading-title:21px;--centrl-btn-font:13px;--centrl-team-title:24px}
#centrl-control[data-display-scale="large"]{--centrl-reading-size:17px;--centrl-reading-small:14px;--centrl-reading-heading:20px;--centrl-reading-title:24px;--centrl-btn-font:15px;--centrl-team-title:27px}
#centrl-control[data-display-scale="xlarge"]{--centrl-reading-size:20px;--centrl-reading-small:16px;--centrl-reading-heading:23px;--centrl-reading-title:28px;--centrl-btn-font:17px;--centrl-team-title:31px}

/* Buttons: text scales, geometry does not. */
#centrl-control[data-display-scale] .centrl-btn,
#centrl-control[data-display-scale] button.centrl-btn,
#centrl-control[data-display-scale] .team-actions .centrl-btn,
#centrl-control[data-display-scale] .centrl-main-tile{font-size:var(--centrl-btn-font,13px)!important}
#centrl-control[data-display-scale] .centrl-btn{line-height:1.15!important}
#centrl-control[data-display-scale] .centrl-side-nav .centrl-main-tile{min-height:62px!important;height:62px!important;padding:11px 13px!important}

/* Team tiles and operational cards are part of the reading preset. */
#centrl-control[data-display-scale] .centrl-unit-card.pda-detailed h4{font-size:var(--centrl-team-title,24px)!important}
#centrl-control[data-display-scale] .team-detail-meta,
#centrl-control[data-display-scale] .team-linked,
#centrl-control[data-display-scale] .team-history-row,
#centrl-control[data-display-scale] .team-updated,
#centrl-control[data-display-scale] .centrl-team-status,
#centrl-control[data-display-scale] .centrl-alarm-row,
#centrl-control[data-display-scale] .alarm-main,
#centrl-control[data-display-scale] .centrl-setting-card,
#centrl-control[data-display-scale] .centrl-note-card,
#centrl-control[data-display-scale] .centrl-contact,
#centrl-control[data-display-scale] .centrl-chat-log,
#centrl-control[data-display-scale] .centrl-message,
#centrl-control[data-display-scale] .centrl-report-row,
#centrl-control[data-display-scale] .incident-v2,
#centrl-control[data-display-scale] .centrl-history,
#centrl-control[data-display-scale] .centrl-empty-block{font-size:var(--centrl-reading-size,14px)!important}
#centrl-control[data-display-scale] .team-detail-meta,
#centrl-control[data-display-scale] .team-history-row,
#centrl-control[data-display-scale] .team-updated{line-height:1.5!important}
#centrl-control[data-display-scale] .team-history h5,
#centrl-control[data-display-scale] .centrl-panel h3,
#centrl-control[data-display-scale] .centrl-panel h4{font-size:var(--centrl-reading-heading,17px)!important}
#centrl-control[data-display-scale] .centrl-panel h2{font-size:var(--centrl-reading-title,21px)!important}
#centrl-control[data-display-scale] .alarm-source,
#centrl-control[data-display-scale] .alarm-status,
#centrl-control[data-display-scale] .report-meta,
#centrl-control[data-display-scale] .incident-v2-report-meta,
#centrl-control[data-display-scale] .centrl-section-kicker{font-size:var(--centrl-reading-small,11px)!important}

/* Pocket overlay must live outside #centrl-unit root. Make exit robust and never leave duplicates behind. */
body.centrl-pocket-active{overscroll-behavior:none!important}
.centrl-pocket-overlay{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
.centrl-pocket-overlay.holding-unlock .pocket-help{opacity:1!important;transform:translateY(-4px)!important}

/* Incident v2: a genuinely different layout; compact, colourful and scan-friendly. */
.centrl-modal-card.incident-modal-v2{width:min(760px,calc(100vw - 28px))!important;padding:14px!important;border-radius:22px!important;background:#f6f8fc!important;overflow:hidden!important}
.incident-modal-v2 .centrl-modal-head{padding:2px 3px 10px!important;margin-bottom:0!important}
.incident-modal-v2 .centrl-modal-head h2{font-size:18px!important;color:#172033!important}
.incident-v2{display:grid;gap:10px}
.incident-v2-hero{position:relative;display:flex;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:17px;background:linear-gradient(135deg,#111c31 0%,#1e2c47 100%);color:#fff;overflow:hidden}
.incident-v2-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#f59e0b}.incident-v2-hero.prio-1:before{background:#ef4444}.incident-v2-hero.prio-3:before{background:#38bdf8}
.incident-v2-eyebrow{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#9fb2cd}
.incident-v2-title-row{display:flex;gap:10px;align-items:center;margin-top:5px;flex-wrap:wrap}.incident-v2-title-row h3{margin:0!important;color:#fff!important;font-size:24px!important;line-height:1.1!important}.incident-v2-note{margin:6px 0 0!important;color:#cbd5e1!important;font-size:12px!important}
.incident-v2-prio{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:950;letter-spacing:.05em;background:#c2410c;color:#fff}.incident-v2-prio.prio-1{background:#fecaca;color:#991b1b}.incident-v2-prio.prio-3{background:#bae6fd;color:#075985}
.incident-v2-status{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;background:rgba(255,255,255,.09);white-space:nowrap}.incident-v2-status i{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 12px rgba(245,158,11,.75)}.incident-v2-status.in_progress i{background:#38bdf8;box-shadow:0 0 12px rgba(56,189,248,.8)}.incident-v2-status.closed i{background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.8)}
.incident-v2-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.incident-v2-stat{padding:10px 12px;border-radius:13px;border:1px solid #dde6f2;background:#fff;box-shadow:0 5px 15px rgba(15,23,42,.035)}.incident-v2-stat span,.incident-v2-stat b{display:block}.incident-v2-stat span{font-size:10px;color:#64748b;font-weight:800}.incident-v2-stat b{margin-top:2px;font-size:14px;color:#152238}.incident-v2-stat.blue{border-left:4px solid #3b82f6}.incident-v2-stat.purple{border-left:4px solid #8b5cf6}.incident-v2-stat.green{border-left:4px solid #22c55e}.incident-v2-stat.slate{border-left:4px solid #94a3b8}
.incident-v2-controls{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(150px,.65fr);gap:8px;padding:10px;border:1px solid #dde6f2;border-radius:15px;background:#fff}.incident-v2-field{display:grid;gap:5px}.incident-v2-field>span{font-size:10px;font-weight:900;color:#55657a;text-transform:uppercase;letter-spacing:.06em}.incident-v2-field select{height:42px!important;min-height:42px!important;padding:8px 11px!important;border-radius:10px!important;background:#f8fafc!important}
.incident-v2-share{grid-column:1/-1;display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 10px;border-radius:11px;background:#f8fafc;border:1px solid #e1e8f1;cursor:pointer}.incident-v2-share input{position:absolute;opacity:0;pointer-events:none}.incident-v2-switch{width:38px;height:21px;border-radius:999px;background:#cbd5e1;position:relative;transition:.18s}.incident-v2-switch i{position:absolute;width:15px;height:15px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.2);transition:.18s}.incident-v2-share.is-on .incident-v2-switch{background:#2563eb}.incident-v2-share.is-on .incident-v2-switch i{transform:translateX(17px)}.incident-v2-share-copy b{font-size:12px;color:#22324a}.incident-v2-share:has(input:disabled){opacity:.45;cursor:not-allowed}
.incident-v2-reporting{padding:11px;border:1px solid #dde6f2;border-radius:15px;background:#fff}.incident-v2-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:8px}.incident-v2-section-head span{font-size:9px;font-weight:950;letter-spacing:.12em;color:#7c8da5}.incident-v2-section-head h4{font-size:17px!important;margin:1px 0 0!important;color:#162238!important}.incident-v2-print{min-height:34px!important;padding:6px 10px!important;font-size:11px!important}
.incident-v2-compose{display:grid;grid-template-columns:1fr auto;gap:7px}.incident-v2-compose textarea{height:46px!important;min-height:46px!important;resize:none!important;border-radius:10px!important;padding:10px 11px!important;background:#f8fafc!important}.incident-v2-compose .centrl-btn{min-height:46px!important;height:46px!important;padding:8px 14px!important}
.incident-v2-report-list{display:grid;gap:6px;max-height:210px;overflow:auto;margin-top:8px;padding-right:2px}.incident-v2-report{display:grid;grid-template-columns:34px 1fr;border:1px solid #e3eaf3;border-radius:11px;overflow:hidden;background:#fbfdff}.incident-v2-report-index{display:grid;place-items:center;background:#eaf1fb;color:#3b5d88;font-size:10px;font-weight:950}.incident-v2-report-body{padding:8px 10px}.incident-v2-report-meta{display:flex;gap:7px;align-items:center;color:#718096;font-size:10px}.incident-v2-report-body p{margin:3px 0 0!important;color:#172033!important;font-size:12px!important;white-space:pre-wrap}.incident-v2-empty{display:flex;align-items:center;gap:9px;padding:10px;border:1px dashed #cbd5e1;border-radius:11px;color:#64748b}.incident-v2-empty span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#dcfce7;color:#15803d;font-weight:900}.incident-v2-empty b,.incident-v2-empty small{display:block}.incident-v2-empty b{font-size:11px}.incident-v2-empty small{font-size:10px;color:#94a3b8}
.incident-v2-footer{display:grid;gap:8px}.incident-v2-feedback{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:#eef3f9;color:#52647a;font-size:11px}.incident-v2-feedback .centrl-btn{min-height:34px!important;padding:6px 10px!important}.incident-v2-actions{display:flex;justify-content:flex-end;gap:8px}.incident-v2-actions .centrl-btn{min-width:150px!important;min-height:39px!important;height:39px!important;padding:7px 14px!important}.incident-v2-actions .centrl-btn[disabled]{background:#e5e7eb!important;color:#8b95a5!important;border-color:#d1d5db!important;box-shadow:none!important;cursor:not-allowed!important}

/* Scaling coverage for incident v2 while preserving fixed geometry. */
#centrl-control[data-display-scale] .incident-v2-title-row h3{font-size:calc(var(--centrl-reading-heading,17px) + 6px)!important}
#centrl-control[data-display-scale] .incident-v2-stat b,
#centrl-control[data-display-scale] .incident-v2-field select,
#centrl-control[data-display-scale] .incident-v2-compose textarea,
#centrl-control[data-display-scale] .incident-v2-report-body p,
#centrl-control[data-display-scale] .incident-v2-share-copy b{font-size:var(--centrl-reading-size,14px)!important}
#centrl-control[data-display-scale] .incident-v2-stat span,
#centrl-control[data-display-scale] .incident-v2-field>span,
#centrl-control[data-display-scale] .incident-v2-report-meta,
#centrl-control[data-display-scale] .incident-v2-eyebrow{font-size:var(--centrl-reading-small,11px)!important}

@media(max-width:680px){
  .centrl-modal-card.incident-modal-v2{width:calc(100vw - 14px)!important;padding:10px!important;border-radius:16px!important}
  .incident-v2-hero{padding:13px 14px!important}.incident-v2-title-row h3{font-size:20px!important}.incident-v2-stats{grid-template-columns:1fr 1fr}.incident-v2-stats .incident-v2-stat:last-child{grid-column:1/-1}.incident-v2-controls{grid-template-columns:1fr}.incident-v2-share{grid-column:auto}.incident-v2-compose{grid-template-columns:1fr}.incident-v2-compose .centrl-btn{width:100%!important}.incident-v2-actions{display:grid;grid-template-columns:1fr 1fr}.incident-v2-actions .centrl-btn{min-width:0!important;width:100%!important}.incident-v2-feedback{align-items:flex-start}
}


/* ===== Centrl 1.0.0 - compact operations + premium print ===== */
/* Correct precipitation icon: point upward, round bulb down. */
.weather-prob-drop{transform:rotate(135deg)!important}

/* PDA team cards are compact by default; details are opt-in and sticky. */
.centrl-unit-card.pda-detailed.is-collapsed{padding:15px 18px!important}
.centrl-unit-card.pda-detailed.is-collapsed .centrl-unit-card-top{align-items:center!important;margin-bottom:10px}
.centrl-unit-card.pda-detailed .team-title-wrap{min-width:0}
.team-head-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.team-expand-toggle{width:34px;height:34px;border-radius:10px;border:1px solid rgba(148,163,184,.5);background:rgba(255,255,255,.06);color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.18s}
.team-expand-toggle:hover{background:rgba(255,255,255,.12);border-color:#cbd5e1}
.team-collapsible[hidden]{display:none!important}
.centrl-unit-card.pda-detailed.is-collapsed .team-actions{margin-top:0}
.centrl-unit-card.pda-detailed.is-expanded .team-collapsible{animation:centrlTeamOpen .18s ease-out}
@keyframes centrlTeamOpen{from{opacity:.25;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Chat should not consume the whole Control workspace on wide screens. */
.centrl-comm-layout{grid-template-columns:250px minmax(0,860px)!important;max-width:1130px!important;justify-content:start!important}
.centrl-chat-pane{min-width:0!important}
@media(max-width:1180px){.centrl-comm-layout{grid-template-columns:220px minmax(0,1fr)!important;max-width:none!important}}
@media(max-width:760px){.centrl-comm-layout{grid-template-columns:1fr!important}}

/* Settings: compact two-column stacks; display size directly below location/weather. */
.centrl-settings-grid.compact-settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important;gap:14px!important}
.centrl-settings-column{display:grid;gap:14px;align-content:start}
.centrl-settings-grid.compact-settings .centrl-setting-card{min-height:0!important;height:auto!important}
@media(max-width:900px){.centrl-settings-grid.compact-settings{grid-template-columns:1fr!important}}

/* Incident share label wording is intentionally short. */
.incident-v2-share-copy b{white-space:nowrap}

/* Keep team actions visible and balanced when cards are collapsed. */
.team-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:1100px){.team-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.team-actions .unit-end{grid-column:auto}}
@media(max-width:700px){.team-actions{grid-template-columns:1fr 1fr!important}}

.centrl-unit-card.pda-detailed.is-collapsed .team-live-chip{display:none!important}

/* === Centrl 1.0.1 polish update === */
.incident-v2-stat{border-width:2px;padding:11px 13px}
.incident-v2-stat.blue{border:2px solid #3b82f6}
.incident-v2-stat.purple{border:2px solid #8b5cf6}
.incident-v2-stat.green{border:2px solid #22c55e}
.incident-v2-stat.slate{border:2px solid #94a3b8}

.centrl-comm-layout{grid-template-columns:260px minmax(0,760px) 1fr;align-items:start}
.centrl-chat-pane{max-width:760px}
.centrl-comm-spacer{min-height:1px}

.centrl-gps-interval.compact select{width:112px!important;min-width:112px}
.centrl-gps-interval.compact span{white-space:nowrap}
.map-actions{align-items:center;flex-wrap:wrap}
.map-tools-toggle.active{border-color:#94a3b8;box-shadow:0 0 0 2px rgba(148,163,184,.10);background:#fff;color:#334155}
.centrl-map-action-accordion{display:flex;gap:10px;flex-wrap:wrap;margin:-2px 0 12px;padding:12px 14px;border:1px solid #dbe3f1;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f6f9ff)}
.centrl-map-action-accordion.open{animation:centrlAccordionIn .18s ease-out}
@keyframes centrlAccordionIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.centrl-map-action-accordion[hidden]{display:none!important}
.centrl-map-action-accordion .map-sub-action{min-width:112px}
.centrl-map-action-accordion .map-sub-action.drawing{border-color:#c2410c;background:#c2410c;color:#fff;-webkit-text-fill-color:#fff;box-shadow:0 0 0 3px rgba(194,65,12,.10)}
.centrl-map-toolbar{gap:10px 12px}
.centrl-map-toolbar input{width:290px!important}
.centrl-map-legend{gap:18px;font-size:16px;color:#55657f;align-items:center}
.centrl-map-legend span{gap:8px;font-weight:700}
.centrl-map-legend i{width:16px;height:16px;box-shadow:0 0 0 4px rgba(255,255,255,.78)}

.centrl-modal-card.compact-shape-modal{max-width:860px}
.compact-shape-modal .centrl-modal-body{padding-top:6px}
.shape-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.shape-form-grid .full{grid-column:1/-1}
.shape-form-compact .centrl-help.compact{margin:4px 0 0;font-size:12px;line-height:1.45}
.shape-color-row{display:grid;grid-template-columns:1fr 74px;align-items:center;gap:10px}
.shape-color-row input[type="color"]{width:100%;height:44px;padding:4px;border-radius:12px}
.shape-color-row i{width:74px;height:44px;border-radius:14px;border:2px solid #d8e1ef;background:var(--preview);box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}

.pda-app-icon.grid{background:linear-gradient(145deg,#4f46e5,#7c3aed)}
.pda-app-icon.coord-report{background:linear-gradient(145deg,#0f766e,#14b8a6)}
.pda-app-icon.coord-alarms{background:linear-gradient(145deg,#b45309,#f59e0b)}
.pda-app-icon.coord-teams{background:linear-gradient(145deg,#1d4ed8,#38bdf8)}

@media(max-width:1180px){
  .centrl-comm-layout{grid-template-columns:240px minmax(0,1fr)}
  .centrl-comm-spacer{display:none}
}
@media(max-width:900px){
  .shape-form-grid{grid-template-columns:1fr}
  .centrl-map-legend{font-size:14px;gap:14px}
  .centrl-map-legend i{width:14px;height:14px}
}
@media(max-width:680px){
  .centrl-comm-layout{grid-template-columns:1fr}
  .centrl-contact-list{order:1}
  .centrl-chat-pane{order:2;max-width:none}
  .centrl-map-action-accordion .map-sub-action{flex:1 1 100%}
}

/* === Centrl 1.0.2 refinement update === */
/* Kaartbediening: compacte GPS-keuze en echte verticale harmonica onder de hoofdknop */
.centrl-gps-interval.compact{display:inline-flex;align-items:center;gap:7px}
.centrl-gps-interval.compact select{width:82px!important;min-width:82px!important;max-width:82px!important;padding-left:10px!important;padding-right:24px!important}
.map-tools-menu-wrap{position:relative;display:inline-block;z-index:20}
.map-tools-toggle{position:relative;padding-right:30px!important}
.map-tools-chevron{position:absolute;right:10px;top:50%;transform:translateY(-52%) rotate(0deg);transition:transform .2s ease;font-size:14px;line-height:1}
.map-tools-menu-wrap.open .map-tools-chevron{transform:translateY(-52%) rotate(180deg)}
.centrl-map-action-accordion{position:absolute;top:calc(100% + 5px);left:0;width:100%;min-width:100%;display:flex;flex-direction:column;gap:6px;margin:0;padding:0 6px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 12px 26px rgba(15,23,42,.12);transform:translateY(-8px);transition:max-height .24s ease,opacity .18s ease,transform .22s ease,padding .22s ease,border-color .22s ease;z-index:40}
.map-tools-menu-wrap.open .centrl-map-action-accordion{max-height:170px;opacity:1;pointer-events:auto;padding:7px 6px;border-color:#dbe3f1;transform:translateY(0)}
.centrl-map-action-accordion .map-sub-action{width:100%;min-width:0!important;justify-content:flex-start;text-align:left;margin:0!important}
.centrl-map-action-accordion .map-sub-action.drawing{border-color:#c2410c;background:#c2410c;color:#fff;-webkit-text-fill-color:#fff;box-shadow:0 0 0 2px rgba(194,65,12,.08)}

/* Legenda: duidelijk maar verfijnder dan 1.0.1 */
.centrl-map-legend{gap:15px;font-size:13px!important}
.centrl-map-legend span{gap:7px;font-weight:700}
.centrl-map-legend i{width:12px!important;height:12px!important;box-shadow:none!important}

/* Rapportage volgorde: klein en modern */
.report-head-actions{align-items:center!important;gap:8px!important}
.report-order-toggle{appearance:none;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:999px;height:34px;padding:0 12px;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px rgba(15,23,42,.05)}
.report-order-toggle:hover{border-color:#94a3b8;background:#fff}

@media(max-width:900px){
  .map-tools-menu-wrap{display:block;width:100%}
  .map-tools-toggle{width:100%}
  .centrl-map-action-accordion{position:relative;top:auto;left:auto;margin-top:5px;box-shadow:none}
  .centrl-gps-interval.compact select{width:78px!important;min-width:78px!important;max-width:78px!important}
  .centrl-map-legend{font-size:12px!important;gap:12px}
  .centrl-map-legend i{width:11px!important;height:11px!important}
}

/* === Centrl 1.0.3 map refinement === */
/* GPS-select: compact houden en de browserpijl zelf tekenen zodat er geen wit blok over de tekst valt. */
.centrl-gps-interval.compact select{
  width:82px!important;min-width:82px!important;max-width:82px!important;
  -webkit-appearance:none!important;appearance:none!important;
  padding:8px 25px 8px 9px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 7 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 7px center!important;background-size:12px 12px!important;
  white-space:nowrap!important;
}

/* Elementen-hoofdknop: compact, maar duidelijk genoeg ruimte tussen label en chevron. */
.map-tools-toggle{padding-left:16px!important;padding-right:38px!important;min-width:132px!important;text-align:left!important;justify-content:flex-start!important}
.map-tools-chevron{right:13px!important}

/* Legenda iets fijner dan in 1.0.2. */
.centrl-map-legend{gap:13px!important;font-size:12px!important}
.centrl-map-legend span{gap:6px!important}
.centrl-map-legend i{width:10px!important;height:10px!important}

@media(max-width:900px){
  .centrl-gps-interval.compact select{width:80px!important;min-width:80px!important;max-width:80px!important}
  .centrl-map-legend{font-size:11.5px!important;gap:11px!important}
  .centrl-map-legend i{width:9px!important;height:9px!important}
}

/* === Centrl 1.0.4 operational polish === */
.map-reset-view{border:2px solid #f59e0b!important;color:#334155!important;background:#fff!important;box-shadow:0 4px 12px rgba(245,158,11,.08)}
.map-reset-view:hover{background:#f8fafc!important;box-shadow:0 7px 18px rgba(245,158,11,.15)}
.fence-color-form{max-width:520px}
.incident-v2-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.incident-v2-head-actions .report-order-toggle{min-height:34px;height:34px;padding:5px 10px;font-size:11px;border-radius:10px;white-space:nowrap}
@media(max-width:680px){.incident-v2-head-actions{width:100%;justify-content:flex-start}.incident-v2-section-head{align-items:flex-start;flex-wrap:wrap}}

/* Centrl 1.0.5 — harmonica: de drie keuzen identiek vormgeven. */
#centrl-control .map-tools-menu-wrap .centrl-map-action-accordion .map-sub-action:not(.drawing){
  background:#fff!important;color:#334155!important;-webkit-text-fill-color:#334155!important;
  border:1px solid #cbd5e1!important;box-shadow:0 3px 8px rgba(15,23,42,.05)!important;
}
#centrl-control .map-tools-menu-wrap .centrl-map-action-accordion .map-sub-action:not(.drawing):hover{
  border-color:#94a3b8!important;background:#f8fafc!important;
}
#centrl-control .map-tools-menu-wrap .centrl-map-action-accordion .map-sub-action:focus:not(:focus-visible){outline:none!important}
#centrl-control .map-tools-menu-wrap .centrl-map-action-accordion .map-sub-action:focus-visible{outline:2px solid #2563eb!important;outline-offset:2px}
/* Prioriteit 2 gebruikt oranje + wit; statuskleuren rood/groen/blauw blijven ongewijzigd. */
.centrl-control-alert.weather .control-alert-dot{background:#fb923c}


/* ===== Centrl 1.0.6 - premium branded control banner ===== */
.centrl-dashboard-brand .centrl-cp-header{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(420px,1.25fr) minmax(220px,.72fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:
    "brand center live"
    "centralist weather weather"!important;
  align-items:center!important;
  gap:10px 26px!important;
  min-height:250px!important;
  padding:18px 26px 16px 22px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 16% 72%, rgba(27,120,255,.34), transparent 18%),
    radial-gradient(circle at 74% 24%, rgba(39,130,255,.14), transparent 22%),
    linear-gradient(90deg,#020817 0%, #03112f 24%, #041736 58%, #0c2147 100%)!important;
  box-shadow:0 18px 42px rgba(2,6,23,.24)!important;
}
.centrl-dashboard-brand .centrl-cp-header::before,
.centrl-dashboard-brand .centrl-cp-header::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(38,124,255,.28);
  pointer-events:none;
}
.centrl-dashboard-brand .centrl-cp-header::before{
  width:620px;height:620px;left:52px;bottom:-505px;
  box-shadow:0 0 0 1px rgba(10,79,191,.08) inset;
}
.centrl-dashboard-brand .centrl-cp-header::after{
  width:430px;height:430px;left:160px;bottom:-332px;opacity:.72;
}
.centrl-dashboard-brand .centrl-cp-brandpanel{grid-area:brand;display:flex;align-items:center;gap:12px;position:relative;z-index:1;min-width:0;padding-left:2px}
.centrl-dashboard-brand .centrl-brand-emblem{width:160px;flex:0 0 160px;display:flex;align-items:center;justify-content:center;transform:translateX(-4px)}
.centrl-dashboard-brand .centrl-brand-shield-svg{width:150px;height:auto;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.28))}
.centrl-dashboard-brand .centrl-brand-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:6px}
.centrl-dashboard-brand .centrl-brand-wordmark{font-size:72px;line-height:.94;font-weight:1000;letter-spacing:-.045em;color:#fff;text-shadow:0 6px 24px rgba(2,6,23,.38)}
.centrl-dashboard-brand .centrl-brand-rule{width:188px;max-width:72%;height:2px;border-radius:999px;margin:13px 0 12px;background:linear-gradient(90deg,rgba(255,255,255,.06) 0%, rgba(232,238,248,.94) 48%, rgba(255,255,255,.06) 100%);clip-path:polygon(0 50%, 7% 0, 93% 0, 100% 50%, 93% 100%, 7% 100%)}
.centrl-dashboard-brand .centrl-brand-tagline{font-size:27px;line-height:1.15;font-weight:300;letter-spacing:.01em;color:#ffffff}
.centrl-dashboard-brand .centrl-cp-center{grid-area:center;justify-self:center;text-align:center;position:relative;z-index:1;align-self:start;padding-top:18px}
.centrl-dashboard-brand .centrl-cp-time{font-size:54px!important;line-height:1;font-weight:1000!important;letter-spacing:.035em!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.18)}
.centrl-dashboard-brand .centrl-cp-date{margin-top:10px!important;font-size:14px!important;color:rgba(255,255,255,.82)!important;text-transform:none!important}
.centrl-dashboard-brand .centrl-cp-livewrap{grid-area:live;align-self:start;justify-self:end;position:relative;z-index:1;padding-top:8px}
.centrl-dashboard-brand .centrl-live-badge{background:rgba(16,185,129,.12)!important;border:1px solid rgba(16,185,129,.42)!important;color:#95f5bd!important;padding:11px 16px!important;font-size:14px!important;letter-spacing:.08em!important;border-radius:999px!important;box-shadow:0 0 20px rgba(16,185,129,.16), inset 0 1px 0 rgba(255,255,255,.06)!important}
.centrl-dashboard-brand .centrl-live-badge i{width:10px!important;height:10px!important;background:#22c55e!important;box-shadow:0 0 12px rgba(34,197,94,.9)!important}
.centrl-dashboard-brand .centrl-cp-centralist-block{grid-area:centralist;align-self:end;position:relative;z-index:1;padding-left:8px}
.centrl-dashboard-brand .centrl-cp-caption{font-size:14px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#8dc7ff!important;margin-bottom:2px}
.centrl-dashboard-brand .centrl-cp-centralist{font-size:25px!important;font-weight:950!important;color:#fff!important;letter-spacing:-.015em!important}
.centrl-dashboard-brand .centrl-weather-strip{grid-area:weather;justify-self:end;align-self:end;display:grid!important;grid-template-rows:auto auto!important;gap:10px!important;justify-items:stretch!important;min-width:540px;max-width:100%!important;margin:0 2px 2px 0!important;position:relative;z-index:1;overflow:visible!important}
.centrl-dashboard-brand .centrl-weather-head{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:0 2px}
.centrl-dashboard-brand .centrl-weather-eventtitle{font-size:22px;font-weight:950;letter-spacing:-.02em;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,.14)}
.centrl-dashboard-brand .centrl-weather-location{font-size:14px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#d9e7ff!important;white-space:nowrap!important;padding-right:1px}
.centrl-dashboard-brand .centrl-weather-hours{display:flex!important;justify-content:flex-end!important;gap:12px!important;align-items:flex-start!important}
.centrl-dashboard-brand .centrl-weather-hour{position:relative!important;width:108px!important;min-width:108px!important;height:90px!important;padding:8px 10px 18px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(18,29,57,.98),rgba(8,18,40,.98))!important;border:2px solid #f2a100!important;box-shadow:0 14px 28px rgba(1,7,22,.28),0 0 0 1px rgba(242,161,0,.08) inset!important;display:grid!important;grid-template-columns:42px minmax(30px,1fr)!important;grid-template-rows:18px 1fr!important;overflow:visible!important}
.centrl-dashboard-brand .centrl-weather-hour>span{grid-column:1/3!important;grid-row:1!important;width:100%;text-align:right!important;font-size:11px!important;font-weight:900!important;color:#b8c8ea!important;letter-spacing:.02em!important}
.centrl-dashboard-brand .centrl-weather-hour img{grid-column:1!important;grid-row:2!important;width:38px!important;height:38px!important;justify-self:center!important;align-self:center!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))!important}
.centrl-dashboard-brand .centrl-weather-hour b{grid-column:2!important;grid-row:2!important;font-size:22px!important;font-weight:950!important;color:#ffffff!important;justify-self:center!important;align-self:center!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-wind{grid-column:1/3!important;grid-row:2!important;align-self:end!important;justify-self:end!important;margin:0 2px 0 0!important;font-size:10px!important;color:#d8e6ff!important;line-height:1!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent{position:absolute!important;left:0!important;right:0!important;bottom:-21px!important;text-align:center!important;color:#3b82f6!important;font-size:12px!important;font-weight:950!important;line-height:1!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent i{font-style:normal!important;margin-left:4px!important}
.centrl-dashboard-brand .centrl-weather-hour.severity-orange,.centrl-dashboard-brand .centrl-weather-hour.severity-yellow,.centrl-dashboard-brand .centrl-weather-hour.severity-red{border-color:#f2a100!important}
.centrl-dashboard-brand .centrl-weather-unavailable{padding:13px 15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#e2e8f0;text-align:right}

@media (max-width: 1200px){
  .centrl-dashboard-brand .centrl-cp-header{grid-template-columns:minmax(350px,1fr) auto auto!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:60px}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:23px}
  .centrl-dashboard-brand .centrl-weather-strip{min-width:0}
  .centrl-dashboard-brand .centrl-weather-hours{gap:10px!important;overflow-x:auto}
}
@media (max-width: 1049px){
  .centrl-dashboard-brand .centrl-cp-header{
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "brand live"
      "center center"
      "weather weather"
      "centralist centralist"!important;
    min-height:auto!important;
    gap:14px 18px!important;
  }
  .centrl-dashboard-brand .centrl-cp-header::before{width:420px;height:420px;left:-18px;bottom:-324px}
  .centrl-dashboard-brand .centrl-cp-header::after{width:290px;height:290px;left:92px;bottom:-223px}
  .centrl-dashboard-brand .centrl-cp-brandpanel{gap:10px}
  .centrl-dashboard-brand .centrl-brand-emblem{width:116px;flex-basis:116px}
  .centrl-dashboard-brand .centrl-brand-shield-svg{width:108px}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:52px}
  .centrl-dashboard-brand .centrl-brand-rule{width:160px;margin:11px 0 10px}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:21px}
  .centrl-dashboard-brand .centrl-cp-center{padding-top:0}
  .centrl-dashboard-brand .centrl-cp-time{font-size:42px!important}
  .centrl-dashboard-brand .centrl-cp-livewrap{padding-top:0}
  .centrl-dashboard-brand .centrl-weather-strip{justify-self:stretch;min-width:0;width:100%}
  .centrl-dashboard-brand .centrl-weather-head{padding-right:2px}
  .centrl-dashboard-brand .centrl-weather-hours{justify-content:flex-start!important;width:100%;overflow-x:auto;padding-bottom:4px}
  .centrl-dashboard-brand .centrl-cp-centralist-block{padding-left:2px}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-header{padding:16px!important;border-radius:18px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{align-items:center}
  .centrl-dashboard-brand .centrl-brand-emblem{width:84px;flex-basis:84px}
  .centrl-dashboard-brand .centrl-brand-shield-svg{width:78px}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:39px}
  .centrl-dashboard-brand .centrl-brand-rule{width:126px;height:2px;margin:8px 0 8px}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:16px}
  .centrl-dashboard-brand .centrl-cp-time{font-size:33px!important}
  .centrl-dashboard-brand .centrl-cp-date{font-size:12px!important}
  .centrl-dashboard-brand .centrl-live-badge{padding:8px 12px!important;font-size:12px!important}
  .centrl-dashboard-brand .centrl-cp-centralist{font-size:21px!important}
  .centrl-dashboard-brand .centrl-weather-eventtitle{font-size:18px}
  .centrl-dashboard-brand .centrl-weather-location{font-size:12px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:92px!important;min-width:92px!important;height:84px!important}
  .centrl-dashboard-brand .centrl-weather-hour b{font-size:19px!important}
}
@media (max-width: 520px){
  .centrl-dashboard-brand .centrl-cp-header{grid-template-columns:1fr!important;grid-template-areas:"live" "brand" "center" "weather" "centralist"!important}
  .centrl-dashboard-brand .centrl-cp-livewrap{justify-self:start}
  .centrl-dashboard-brand .centrl-weather-head{flex-direction:column;align-items:flex-start}
}


/* ===== Centrl 1.0.7 - banner fix pack ===== */
.centrl-dashboard-brand .centrl-cp-header{
  display:block!important;
  position:relative!important;
  min-height:200px!important;
  height:auto!important;
  padding:18px 24px 16px 24px!important;
  overflow:hidden!important;
}
.centrl-dashboard-brand .centrl-cp-header::before{
  width:460px!important;height:460px!important;left:132px!important;bottom:-364px!important;
}
.centrl-dashboard-brand .centrl-cp-header::after{
  width:310px!important;height:310px!important;left:210px!important;bottom:-248px!important;
}
.centrl-dashboard-brand .centrl-cp-brandpanel{
  position:absolute!important;
  left:24px!important;
  top:16px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  padding-left:0!important;
}
.centrl-dashboard-brand .centrl-brand-emblem{width:118px!important;flex:0 0 118px!important;transform:none!important}
.centrl-dashboard-brand .centrl-brand-shield-svg{width:118px!important;filter:drop-shadow(0 8px 22px rgba(0,0,0,.24))!important}
.centrl-dashboard-brand .centrl-brand-copy{margin-top:6px!important}
.centrl-dashboard-brand .centrl-brand-wordmark{font-size:62px!important;line-height:.92!important;letter-spacing:-.05em!important}
.centrl-dashboard-brand .centrl-brand-rule{width:172px!important;height:2px!important;margin:12px 0 10px!important}
.centrl-dashboard-brand .centrl-brand-tagline{font-size:22px!important;line-height:1.1!important;font-weight:300!important}

.centrl-dashboard-brand .centrl-cp-center{
  position:absolute!important;
  left:50%!important;
  top:28px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  text-align:center!important;
  padding-top:0!important;
}
.centrl-dashboard-brand .centrl-cp-time{font-size:60px!important;line-height:1!important}
.centrl-dashboard-brand .centrl-cp-date{font-size:13px!important;margin-top:6px!important}

.centrl-dashboard-brand .centrl-cp-livewrap{
  position:absolute!important;
  right:24px!important;
  top:18px!important;
  padding-top:0!important;
}
.centrl-dashboard-brand .centrl-live-badge{padding:9px 14px!important;font-size:13px!important}

.centrl-dashboard-brand .centrl-cp-centralist-block{
  position:absolute!important;
  left:28px!important;
  bottom:20px!important;
  padding-left:0!important;
}
.centrl-dashboard-brand .centrl-cp-caption{font-size:11px!important;letter-spacing:.16em!important;margin-bottom:4px!important}
.centrl-dashboard-brand .centrl-cp-centralist{font-size:22px!important;line-height:1!important}

.centrl-dashboard-brand .centrl-weather-strip{
  position:absolute!important;
  right:24px!important;
  bottom:16px!important;
  min-width:0!important;
  width:auto!important;
  max-width:740px!important;
  margin:0!important;
  gap:8px!important;
}
.centrl-dashboard-brand .centrl-weather-head{padding:0 4px 2px 4px!important;align-items:center!important}
.centrl-dashboard-brand .centrl-weather-eventtitle{font-size:18px!important}
.centrl-dashboard-brand .centrl-weather-location{font-size:11px!important;letter-spacing:.12em!important}
.centrl-dashboard-brand .centrl-weather-hours{gap:10px!important;justify-content:flex-end!important}
.centrl-dashboard-brand .centrl-weather-hour{width:122px!important;min-width:122px!important;height:68px!important;padding:6px 8px 12px!important;border-radius:17px!important;grid-template-columns:39px minmax(42px,1fr)!important;grid-template-rows:15px 1fr!important}
.centrl-dashboard-brand .centrl-weather-hour>span{font-size:10px!important}
.centrl-dashboard-brand .centrl-weather-hour img{width:33px!important;height:33px!important}
.centrl-dashboard-brand .centrl-weather-hour b{font-size:19px!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-wind{font-size:9px!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent{bottom:-18px!important;font-size:11px!important}

@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:56px!important}
  .centrl-dashboard-brand .centrl-cp-time{font-size:54px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:110px!important;min-width:110px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:220px!important}
  .centrl-dashboard-brand .centrl-brand-emblem{width:104px!important;flex-basis:104px!important}
  .centrl-dashboard-brand .centrl-brand-shield-svg{width:104px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:48px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:18px!important}
  .centrl-dashboard-brand .centrl-brand-rule{width:148px!important}
  .centrl-dashboard-brand .centrl-cp-time{font-size:46px!important}
  .centrl-dashboard-brand .centrl-weather-strip{left:50%!important;right:20px!important;max-width:none!important}
  .centrl-dashboard-brand .centrl-weather-hours{overflow-x:auto!important;padding-bottom:2px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:100px!important;min-width:100px!important;height:64px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:240px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:22px!important}
  .centrl-dashboard-brand .centrl-weather-strip{left:24px!important;right:24px!important;bottom:14px!important;width:auto!important}
  .centrl-dashboard-brand .centrl-weather-head{justify-content:space-between!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:258px!important;padding:14px 14px 12px 14px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:14px!important;top:14px!important;gap:10px!important}
  .centrl-dashboard-brand .centrl-brand-emblem{width:82px!important;flex-basis:82px!important}
  .centrl-dashboard-brand .centrl-brand-shield-svg{width:82px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:37px!important}
  .centrl-dashboard-brand .centrl-brand-rule{width:120px!important;margin:8px 0 7px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:14px!important}
  .centrl-dashboard-brand .centrl-cp-center{position:absolute!important;left:auto!important;right:14px!important;top:16px!important;transform:none!important;text-align:right!important}
  .centrl-dashboard-brand .centrl-cp-time{font-size:30px!important}
  .centrl-dashboard-brand .centrl-cp-date{font-size:11px!important}
  .centrl-dashboard-brand .centrl-cp-livewrap{top:auto!important;right:14px!important;bottom:102px!important}
  .centrl-dashboard-brand .centrl-live-badge{padding:7px 10px!important;font-size:11px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:16px!important;bottom:98px!important}
  .centrl-dashboard-brand .centrl-cp-centralist{font-size:19px!important}
  .centrl-dashboard-brand .centrl-weather-strip{left:14px!important;right:14px!important;bottom:10px!important}
  .centrl-dashboard-brand .centrl-weather-head{padding:0 1px 2px 1px!important}
  .centrl-dashboard-brand .centrl-weather-eventtitle{font-size:15px!important}
  .centrl-dashboard-brand .centrl-weather-location{font-size:10px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:90px!important;min-width:90px!important;height:60px!important;padding:5px 7px 10px!important}
  .centrl-dashboard-brand .centrl-weather-hour b{font-size:16px!important}
  .centrl-dashboard-brand .centrl-weather-hour .weather-wind{font-size:8px!important}
}


/* ===== Centrl 1.0.8 - brand fidelity and weather compactness ===== */
.centrl-dashboard-brand .centrl-cp-brandpanel{left:48px!important;top:18px!important;gap:16px!important}
.centrl-dashboard-brand .centrl-brand-emblem{width:112px!important;flex:0 0 112px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}
.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{display:block!important;width:112px!important;height:auto!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))!important}
.centrl-dashboard-brand .centrl-brand-copy{margin-top:4px!important}
.centrl-dashboard-brand .centrl-brand-wordmark{font-size:58px!important;line-height:.92!important;letter-spacing:-.045em!important}
.centrl-dashboard-brand .centrl-brand-rule{width:164px!important;margin:10px 0 9px!important}
.centrl-dashboard-brand .centrl-brand-tagline{font-size:20px!important;line-height:1.08!important;font-weight:300!important}
.centrl-dashboard-brand .centrl-cp-centralist-block{left:52px!important}

.centrl-dashboard-brand .centrl-cp-center{top:30px!important}
.centrl-dashboard-brand .centrl-cp-time{font-size:56px!important}
.centrl-dashboard-brand .centrl-cp-date{margin-top:8px!important}

.centrl-dashboard-brand .centrl-weather-strip{right:28px!important;bottom:18px!important;max-width:720px!important;gap:6px!important}
.centrl-dashboard-brand .centrl-weather-head{padding:0 4px 0 4px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important}
.centrl-dashboard-brand .centrl-weather-eventtitle{font-size:17px!important;line-height:1!important;margin:0!important}
.centrl-dashboard-brand .centrl-weather-location{font-size:11px!important;line-height:1!important;padding-right:3px!important}
.centrl-dashboard-brand .centrl-weather-hours{gap:8px!important;justify-content:flex-end!important;align-items:flex-start!important}
.centrl-dashboard-brand .centrl-weather-hour{width:108px!important;min-width:108px!important;height:58px!important;padding:5px 8px 10px!important;border-width:2px!important;border-radius:16px!important;grid-template-columns:34px minmax(34px,1fr)!important;grid-template-rows:14px 1fr!important;column-gap:4px!important;margin-bottom:18px!important}
.centrl-dashboard-brand .centrl-weather-hour>span{font-size:9px!important;letter-spacing:.01em!important;text-align:right!important}
.centrl-dashboard-brand .centrl-weather-hour img{width:28px!important;height:28px!important}
.centrl-dashboard-brand .centrl-weather-hour b{font-size:17px!important;align-self:center!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-wind{font-size:8px!important;justify-self:end!important;margin:0!important;padding-right:2px!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:-16px!important;width:max-content!important;min-width:0!important;text-align:center!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent i{margin-left:0!important}

@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:42px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:104px!important;flex-basis:104px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:52px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:18px!important}
  .centrl-dashboard-brand .centrl-weather-strip{max-width:680px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:100px!important;min-width:100px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:210px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:28px!important;top:16px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:94px!important;flex-basis:94px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:44px!important}
  .centrl-dashboard-brand .centrl-brand-rule{width:142px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:16px!important}
  .centrl-dashboard-brand .centrl-cp-time{font-size:46px!important}
  .centrl-dashboard-brand .centrl-weather-strip{max-width:620px!important;right:20px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:92px!important;min-width:92px!important;height:56px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:230px!important}
  .centrl-dashboard-brand .centrl-weather-strip{left:24px!important;right:24px!important;max-width:none!important}
  .centrl-dashboard-brand .centrl-weather-hours{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:2px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:14px!important;top:14px!important;gap:10px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:78px!important;flex-basis:78px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:35px!important}
  .centrl-dashboard-brand .centrl-brand-rule{width:114px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:13px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:16px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:86px!important;min-width:86px!important;height:54px!important}
  .centrl-dashboard-brand .centrl-weather-hour b{font-size:15px!important}
}


/* ===== Centrl 1.0.9 - brand position + inline centralist ===== */
.centrl-dashboard-brand .centrl-cp-header{min-height:210px!important}
.centrl-dashboard-brand .centrl-cp-brandpanel{
  left:56px!important;
  top:34px!important;
  gap:18px!important;
  align-items:center!important;
}
.centrl-dashboard-brand .centrl-brand-emblem{width:116px!important;flex:0 0 116px!important;align-self:center!important}
.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{
  width:116px!important;
  height:auto!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.22)) saturate(1.03) brightness(1.02)!important;
}
.centrl-dashboard-brand .centrl-brand-copy{
  margin-top:2px!important;
  justify-content:center!important;
}
.centrl-dashboard-brand .centrl-brand-wordmark{font-size:60px!important;line-height:.9!important}
.centrl-dashboard-brand .centrl-brand-rule{width:168px!important;margin:10px 0 9px!important}
.centrl-dashboard-brand .centrl-brand-tagline{font-size:19px!important;line-height:1.08!important}

.centrl-dashboard-brand .centrl-cp-center{top:26px!important}
.centrl-dashboard-brand .centrl-cp-time{font-size:56px!important}

.centrl-dashboard-brand .centrl-cp-centralist-block{
  position:absolute!important;
  left:62px!important;
  bottom:18px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding-left:0!important;
  white-space:nowrap!important;
}
.centrl-dashboard-brand .centrl-cp-caption{
  margin:0!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  color:#8dc7ff!important;
}
.centrl-dashboard-brand .centrl-cp-centralist{
  margin:0!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#ffffff!important;
  letter-spacing:.01em!important;
}

/* keep weather compact and aligned */
.centrl-dashboard-brand .centrl-weather-strip{bottom:20px!important}
.centrl-dashboard-brand .centrl-weather-hour{height:56px!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent{bottom:-15px!important}

@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:48px!important;top:32px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:108px!important;flex-basis:108px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:54px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:18px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:52px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:212px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:28px!important;top:28px!important;gap:14px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:94px!important;flex-basis:94px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:44px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:15px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:30px!important;bottom:18px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:230px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:24px!important;bottom:82px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:14px!important;top:24px!important;gap:10px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:78px!important;flex-basis:78px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:34px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:13px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:16px!important;bottom:98px!important;gap:6px!important}
  .centrl-dashboard-brand .centrl-cp-caption,.centrl-dashboard-brand .centrl-cp-centralist{font-size:11px!important}
}


/* ===== Centrl 1.0.10 - visual parity pass ===== */
.centrl-dashboard-brand .centrl-cp-header{min-height:214px!important}
.centrl-dashboard-brand .centrl-cp-brandpanel{
  left:88px!important;
  top:44px!important;
  gap:20px!important;
  align-items:center!important;
}
.centrl-dashboard-brand .centrl-brand-emblem{width:136px!important;flex:0 0 136px!important}
.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{
  width:136px!important;
  height:auto!important;
  filter:
    drop-shadow(0 0 10px rgba(0,153,255,.38))
    drop-shadow(0 0 22px rgba(0,140,255,.24))
    drop-shadow(0 8px 18px rgba(0,0,0,.20))
    saturate(1.08) brightness(1.03)!important;
}
.centrl-dashboard-brand .centrl-brand-copy{margin-top:0!important}
.centrl-dashboard-brand .centrl-brand-wordmark{font-size:62px!important;line-height:.9!important;letter-spacing:-.04em!important}
.centrl-dashboard-brand .centrl-brand-rule{width:190px!important;height:2px!important;margin:12px 0 12px!important;background:linear-gradient(90deg,rgba(255,255,255,0) 0%, rgba(235,242,253,.98) 22%, rgba(235,242,253,.98) 78%, rgba(255,255,255,0) 100%)!important}
.centrl-dashboard-brand .centrl-brand-tagline{font-size:22px!important;line-height:1.08!important;font-weight:300!important}

.centrl-dashboard-brand .centrl-cp-center{top:24px!important}
.centrl-dashboard-brand .centrl-cp-time{font-size:58px!important}
.centrl-dashboard-brand .centrl-cp-date{font-size:13px!important;margin-top:8px!important}

.centrl-dashboard-brand .centrl-cp-centralist-block{
  left:92px!important;
  bottom:20px!important;
  gap:8px!important;
}
.centrl-dashboard-brand .centrl-cp-caption,
.centrl-dashboard-brand .centrl-cp-centralist{
  font-size:13px!important;
  line-height:1!important;
}
.centrl-dashboard-brand .centrl-cp-caption{letter-spacing:.13em!important}
.centrl-dashboard-brand .centrl-cp-centralist{font-weight:900!important}

.centrl-dashboard-brand .centrl-weather-strip{right:28px!important;bottom:18px!important;max-width:710px!important}
.centrl-dashboard-brand .centrl-weather-head{padding:0 4px 1px 4px!important}
.centrl-dashboard-brand .centrl-weather-eventtitle{font-size:18px!important}
.centrl-dashboard-brand .centrl-weather-location{font-size:11px!important}

@media (max-width: 1500px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:74px!important;top:42px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:126px!important;flex-basis:126px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:58px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:20px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:78px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:214px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:34px!important;top:34px!important;gap:14px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:102px!important;flex-basis:102px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:46px!important}
  .centrl-dashboard-brand .centrl-brand-rule{width:152px!important;margin:10px 0!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:16px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:38px!important;bottom:18px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:16px!important;top:24px!important;gap:10px!important}
  .centrl-dashboard-brand .centrl-brand-emblem,.centrl-dashboard-brand .centrl-brand-shield-img,.centrl-dashboard-brand .centrl-brand-shield-svg{width:80px!important;flex-basis:80px!important}
  .centrl-dashboard-brand .centrl-brand-wordmark{font-size:34px!important}
  .centrl-dashboard-brand .centrl-brand-rule{width:114px!important}
  .centrl-dashboard-brand .centrl-brand-tagline{font-size:13px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:18px!important}
  .centrl-dashboard-brand .centrl-cp-caption,.centrl-dashboard-brand .centrl-cp-centralist{font-size:11px!important}
}


/* ===== Centrl 1.0.11 - concept brand block + final alignment tuning ===== */
.centrl-dashboard-brand .centrl-cp-header{min-height:214px!important}
.centrl-dashboard-brand .centrl-cp-brandpanel{
  position:absolute!important;
  left:30px!important;
  top:26px!important;
  display:block!important;
  z-index:2!important;
}
.centrl-dashboard-brand .centrl-brand-block-img{
  display:block!important;
  width:520px!important;
  height:auto!important;
  max-width:none!important;
  image-rendering:auto!important;
}
/* Hide old brand elements if they still exist in cache/markup */
.centrl-dashboard-brand .centrl-brand-emblem,
.centrl-dashboard-brand .centrl-brand-copy,
.centrl-dashboard-brand .centrl-brand-wordmark,
.centrl-dashboard-brand .centrl-brand-rule,
.centrl-dashboard-brand .centrl-brand-tagline{display:none!important}

.centrl-dashboard-brand .centrl-cp-center{
  top:38px!important;
}
.centrl-dashboard-brand .centrl-cp-time{font-size:58px!important}
.centrl-dashboard-brand .centrl-cp-date{margin-top:8px!important}

.centrl-dashboard-brand .centrl-cp-centralist-block{
  left:96px!important;
  bottom:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.centrl-dashboard-brand .centrl-cp-caption,
.centrl-dashboard-brand .centrl-cp-centralist{
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
}
.centrl-dashboard-brand .centrl-cp-caption{
  color:#8dc7ff!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
}
.centrl-dashboard-brand .centrl-cp-centralist{
  color:#ffffff!important;
  letter-spacing:0!important;
}

.centrl-dashboard-brand .centrl-weather-strip{right:30px!important;bottom:18px!important;max-width:670px!important}
.centrl-dashboard-brand .centrl-weather-head{padding:0 4px 2px 4px!important}
.centrl-dashboard-brand .centrl-weather-hour{
  width:94px!important;
  min-width:94px!important;
  height:56px!important;
  padding:5px 7px 10px!important;
  border-radius:16px!important;
}
.centrl-dashboard-brand .centrl-weather-hour img{width:27px!important;height:27px!important}
.centrl-dashboard-brand .centrl-weather-hour b{font-size:16px!important}
.centrl-dashboard-brand .centrl-weather-hour>span{font-size:9px!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-wind{font-size:8px!important}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent{bottom:-16px!important;font-size:11px!important}

@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-brand-block-img{width:500px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:90px!important;min-width:90px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:22px!important;top:26px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:455px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:36px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:74px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:216px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:16px!important;top:28px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:370px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:34px!important}
  .centrl-dashboard-brand .centrl-cp-time{font-size:46px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:44px!important;bottom:10px!important}
  .centrl-dashboard-brand .centrl-cp-caption,.centrl-dashboard-brand .centrl-cp-centralist{font-size:12px!important}
  .centrl-dashboard-brand .centrl-weather-strip{max-width:620px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:86px!important;min-width:86px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-header{min-height:235px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:14px!important;top:18px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:340px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:18px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:24px!important;bottom:82px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:12px!important;top:16px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:280px!important}
  .centrl-dashboard-brand .centrl-cp-center{right:14px!important;top:16px!important;left:auto!important;transform:none!important;text-align:right!important}
  .centrl-dashboard-brand .centrl-cp-time{font-size:31px!important}
  .centrl-dashboard-brand .centrl-cp-date{font-size:11px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:18px!important;bottom:98px!important;gap:6px!important}
  .centrl-dashboard-brand .centrl-cp-caption,.centrl-dashboard-brand .centrl-cp-centralist{font-size:11px!important}
  .centrl-dashboard-brand .centrl-weather-hour{width:82px!important;min-width:82px!important}
}


/* ===== Centrl 1.0.12 - arc emphasis + brand lift + weather text tuning ===== */
.centrl-dashboard-brand .centrl-cp-header::before,
.centrl-dashboard-brand .centrl-cp-header::after{
  opacity:1!important;
}
.centrl-dashboard-brand .centrl-cp-header::before{
  width:760px!important;
  height:760px!important;
  left:-165px!important;
  bottom:-595px!important;
  border:1.5px solid rgba(36,121,255,.34)!important;
  box-shadow:
    0 0 0 1px rgba(33,118,255,.08) inset,
    0 0 32px rgba(31,127,255,.08)!important;
}
.centrl-dashboard-brand .centrl-cp-header::after{
  width:560px!important;
  height:560px!important;
  left:-48px!important;
  bottom:-462px!important;
  border:1.3px solid rgba(36,121,255,.24)!important;
  box-shadow:0 0 22px rgba(31,127,255,.06)!important;
}

.centrl-dashboard-brand .centrl-cp-brandpanel{
  top:18px!important;
}
.centrl-dashboard-brand .centrl-brand-block-img{
  width:528px!important;
}

.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent{
  color:#d7e0ec!important;
}
.centrl-dashboard-brand .centrl-weather-hour .weather-precip-percent i,
.centrl-dashboard-brand .centrl-weather-hour .weather-prob-drop,
.centrl-dashboard-brand .weather-prob-drop{
  background:#60a5fa!important;
  box-shadow:0 0 7px rgba(96,165,250,.35)!important;
}

@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:18px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:505px!important}
  .centrl-dashboard-brand .centrl-cp-header::before{width:700px!important;height:700px!important;left:-150px!important;bottom:-548px!important}
  .centrl-dashboard-brand .centrl-cp-header::after{width:510px!important;height:510px!important;left:-34px!important;bottom:-420px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:20px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:462px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:24px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:378px!important}
  .centrl-dashboard-brand .centrl-cp-header::before{width:560px!important;height:560px!important;left:-130px!important;bottom:-435px!important}
  .centrl-dashboard-brand .centrl-cp-header::after{width:410px!important;height:410px!important;left:-28px!important;bottom:-333px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:16px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:345px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:12px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:284px!important}
}


/* ===== Centrl 1.0.13 - brand higher, clock lower ===== */
.centrl-dashboard-brand .centrl-cp-brandpanel{
  top:2px!important;
}
.centrl-dashboard-brand .centrl-cp-center{
  top:50px!important;
}

@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:4px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:48px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:8px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:46px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:12px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:42px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:10px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:24px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:8px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:20px!important}
}


/* ===== Centrl 1.0.14 - brand left, centralist caps, clock lower, extra rings ===== */
.centrl-dashboard-brand .centrl-cp-brandpanel{
  left:12px!important;
  top:2px!important;
  overflow:visible!important;
}
.centrl-dashboard-brand .centrl-cp-brandpanel::before,
.centrl-dashboard-brand .centrl-cp-brandpanel::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}
.centrl-dashboard-brand .centrl-cp-brandpanel::before{
  width:620px;
  height:620px;
  left:-6px;
  top:-108px;
  border:1.5px solid rgba(45,130,255,.26);
  box-shadow:0 0 22px rgba(30,120,255,.08);
}
.centrl-dashboard-brand .centrl-cp-brandpanel::after{
  width:455px;
  height:455px;
  left:52px;
  top:-28px;
  border:1.2px solid rgba(42,125,255,.18);
  box-shadow:0 0 18px rgba(30,120,255,.05);
}
.centrl-dashboard-brand .centrl-brand-block-img{
  width:528px!important;
  position:relative!important;
  z-index:1!important;
}

.centrl-dashboard-brand .centrl-cp-center{
  top:60px!important;
}

.centrl-dashboard-brand .centrl-cp-centralist-block{
  left:120px!important;
  bottom:10px!important;
  gap:12px!important;
}
.centrl-dashboard-brand .centrl-cp-caption,
.centrl-dashboard-brand .centrl-cp-centralist{
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
}
.centrl-dashboard-brand .centrl-cp-caption{color:#8dc7ff!important}
.centrl-dashboard-brand .centrl-cp-centralist{color:#ffffff!important}

@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:8px!important;top:4px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:585px;height:585px;left:-10px;top:-96px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:430px;height:430px;left:50px;top:-20px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:505px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:58px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:4px!important;top:8px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:520px;height:520px;left:-16px;top:-80px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:390px;height:390px;left:40px;top:-12px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:462px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:54px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:96px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:2px!important;top:10px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:430px;height:430px;left:-18px;top:-58px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:315px;height:315px;left:32px;top:-4px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:378px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:48px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:68px!important;bottom:10px!important}
  .centrl-dashboard-brand .centrl-cp-caption,.centrl-dashboard-brand .centrl-cp-centralist{font-size:12px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:0!important;top:8px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:390px;height:390px;left:-26px;top:-46px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:285px;height:285px;left:22px;top:-2px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:345px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:28px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:30px!important;bottom:82px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:0!important;top:6px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:310px;height:310px;left:-22px;top:-36px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:225px;height:225px;left:18px;top:0}
  .centrl-dashboard-brand .centrl-brand-block-img{width:284px!important}
  .centrl-dashboard-brand .centrl-cp-center{top:22px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:22px!important;bottom:98px!important;gap:8px!important}
  .centrl-dashboard-brand .centrl-cp-caption,.centrl-dashboard-brand .centrl-cp-centralist{font-size:11px!important}
}


/* ===== Centrl 1.0.15 - final nudge left/up for brand block ===== */
.centrl-dashboard-brand .centrl-cp-brandpanel{
  left:-8px!important;
  top:-8px!important;
}
@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-10px!important;top:-6px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-12px!important;top:0!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-8px!important;top:4px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-6px!important;top:4px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-4px!important;top:4px!important}
}


/* ===== Centrl 1.0.16 - clean brand block + centralist right shift ===== */
.centrl-dashboard-brand .centrl-cp-centralist-block{
  left:154px!important;
}
@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:150px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:126px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:92px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:42px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:26px!important}
}


/* ===== Centrl 1.0.17 - restored concept brand block ===== */
.centrl-dashboard-brand .centrl-cp-brandpanel{
  left:-18px!important;
  top:-2px!important;
}
.centrl-dashboard-brand .centrl-brand-block-img{
  width:560px!important;
}
.centrl-dashboard-brand .centrl-cp-centralist-block{
  left:210px!important;
  bottom:10px!important;
}
@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-20px!important;top:-2px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:540px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:205px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-14px!important;top:2px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:500px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:170px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-8px!important;top:8px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:410px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:110px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-4px!important;top:8px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:360px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:48px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-2px!important;top:6px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:290px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:28px!important}
}


/* ===== Centrl 1.0.18 - clean brand block + conditional weather borders restored ===== */
.centrl-dashboard-brand .centrl-cp-brandpanel{
  left:-8px!important;
  top:-6px!important;
}
.centrl-dashboard-brand .centrl-brand-block-img{
  width:528px!important;
}
/* ensure no hard crop look behind title/slogan */
.centrl-dashboard-brand .centrl-brand-block-img{
  filter:drop-shadow(0 0 14px rgba(28,110,255,.08))!important;
}
.centrl-dashboard-brand .centrl-cp-centralist-block{
  left:170px!important;
  bottom:10px!important;
}
/* Restore severity-based weather borders */
.centrl-dashboard-brand .centrl-weather-hour{border-color:#f2a100!important;box-shadow:0 14px 28px rgba(1,7,22,.28),0 0 0 1px rgba(242,161,0,.08) inset!important}
.centrl-dashboard-brand .centrl-weather-hour.severity-green{border-color:#22c55e!important;box-shadow:0 14px 28px rgba(1,7,22,.28),0 0 0 1px rgba(34,197,94,.12) inset!important}
.centrl-dashboard-brand .centrl-weather-hour.severity-yellow{border-color:#facc15!important;box-shadow:0 14px 28px rgba(1,7,22,.28),0 0 0 1px rgba(250,204,21,.12) inset!important}
.centrl-dashboard-brand .centrl-weather-hour.severity-orange{border-color:#f59e0b!important;box-shadow:0 14px 28px rgba(1,7,22,.28),0 0 0 1px rgba(245,158,11,.12) inset!important}
.centrl-dashboard-brand .centrl-weather-hour.severity-red{border-color:#ef4444!important;box-shadow:0 14px 28px rgba(1,7,22,.28),0 0 0 1px rgba(239,68,68,.14) inset!important}

@media (max-width: 1600px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-10px!important;top:-4px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:505px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:162px!important}
}
@media (max-width: 1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-8px!important;top:0!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:462px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:136px!important}
}
@media (max-width: 1180px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-4px!important;top:8px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:378px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:96px!important}
}
@media (max-width: 900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-2px!important;top:8px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:345px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:42px!important}
}
@media (max-width: 680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:0!important;top:6px!important}
  .centrl-dashboard-brand .centrl-brand-block-img{width:284px!important}
  .centrl-dashboard-brand .centrl-cp-centralist-block{left:24px!important}
}


/* ===== Centrl 1.0.19 - fuller concept arcs and brand presence ===== */
.centrl-dashboard-brand .centrl-cp-header{
  overflow:hidden!important;
}
/* Stronger concept-like arcs in the background */
.centrl-dashboard-brand .centrl-cp-header::before,
.centrl-dashboard-brand .centrl-cp-header::after{
  content:""!important;
  position:absolute!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.centrl-dashboard-brand .centrl-cp-header::before{
  width:760px!important;
  height:760px!important;
  left:-205px!important;
  bottom:-565px!important;
  border:1.6px solid rgba(39,123,255,.34)!important;
  box-shadow:0 0 26px rgba(33,118,255,.08)!important;
}
.centrl-dashboard-brand .centrl-cp-header::after{
  width:560px!important;
  height:560px!important;
  left:-42px!important;
  bottom:-455px!important;
  border:1.35px solid rgba(39,123,255,.22)!important;
  box-shadow:0 0 18px rgba(33,118,255,.05)!important;
}
/* Additional ring accents around the brand block itself */
.centrl-dashboard-brand .centrl-cp-brandpanel{
  left:-2px!important;
  top:-4px!important;
  z-index:2!important;
  overflow:visible!important;
}
.centrl-dashboard-brand .centrl-cp-brandpanel::before,
.centrl-dashboard-brand .centrl-cp-brandpanel::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}
.centrl-dashboard-brand .centrl-cp-brandpanel::before{
  width:640px;
  height:640px;
  left:-54px;
  top:-108px;
  border:1.4px solid rgba(49,132,255,.18);
}
.centrl-dashboard-brand .centrl-cp-brandpanel::after{
  width:430px;
  height:430px;
  left:-116px;
  top:64px;
  border:1.2px solid rgba(49,132,255,.14);
}
.centrl-dashboard-brand .centrl-brand-block-img{
  width:540px!important;
  filter:drop-shadow(0 0 18px rgba(30,120,255,.10))!important;
}
/* Keep centralist and clock as previously tuned */
.centrl-dashboard-brand .centrl-cp-centralist-block{
  left:170px!important;
  bottom:10px!important;
}
.centrl-dashboard-brand .centrl-cp-center{
  top:60px!important;
}

@media (max-width:1600px){
  .centrl-dashboard-brand .centrl-cp-header::before{width:710px!important;height:710px!important;left:-190px!important;bottom:-528px!important}
  .centrl-dashboard-brand .centrl-cp-header::after{width:525px!important;height:525px!important;left:-28px!important;bottom:-426px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-4px!important;top:-2px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:605px;height:605px;left:-46px;top:-98px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:405px;height:405px;left:-106px;top:66px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:520px!important}
}
@media (max-width:1400px){
  .centrl-dashboard-brand .centrl-cp-header::before{width:620px!important;height:620px!important;left:-170px!important;bottom:-458px!important}
  .centrl-dashboard-brand .centrl-cp-header::after{width:455px!important;height:455px!important;left:-18px!important;bottom:-365px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:-2px!important;top:0!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:535px;height:535px;left:-38px;top:-82px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:360px;height:360px;left:-90px;top:62px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:470px!important}
}
@media (max-width:1180px){
  .centrl-dashboard-brand .centrl-cp-header::before{width:520px!important;height:520px!important;left:-144px!important;bottom:-384px!important}
  .centrl-dashboard-brand .centrl-cp-header::after{width:382px!important;height:382px!important;left:-14px!important;bottom:-309px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:0!important;top:6px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:430px;height:430px;left:-28px;top:-54px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:290px;height:290px;left:-68px;top:55px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:385px!important}
}
@media (max-width:900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:0!important;top:6px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:380px;height:380px;left:-25px;top:-42px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:250px;height:250px;left:-58px;top:54px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:348px!important}
}
@media (max-width:680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{left:0!important;top:6px!important}
  .centrl-dashboard-brand .centrl-cp-brandpanel::before{width:310px;height:310px;left:-20px;top:-36px}
  .centrl-dashboard-brand .centrl-cp-brandpanel::after{width:205px;height:205px;left:-46px;top:48px}
  .centrl-dashboard-brand .centrl-brand-block-img{width:286px!important}
}


/* ===== Centrl 1.0.20 - logo slightly higher ===== */
.centrl-dashboard-brand .centrl-cp-brandpanel{top:-10px!important}
@media (max-width:1600px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:-8px!important}
}
@media (max-width:1400px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:-6px!important}
}
@media (max-width:1180px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:2px!important}
}
@media (max-width:900px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:4px!important}
}
@media (max-width:680px){
  .centrl-dashboard-brand .centrl-cp-brandpanel{top:4px!important}
}

/* v1.0.41: distinguish live interface from retained native push registration. */
#centrl-control .team-live-chip.push{background:rgba(180,115,24,.13)!important;color:#ffcc78!important;border-color:rgba(255,186,71,.40)!important;}
#centrl-control .team-live-chip.push i{background:#ffbf63!important;box-shadow:0 0 10px rgba(255,187,70,.35)!important;}
#centrl-control .team-connection .push{color:#ffd08a!important;}
#centrl-control .centrl-state.push-linked{color:#c78c31;border-color:rgba(220,163,65,.45);}

/* v1.0.43 - Personal PDA guards, one code and QR per guard. */
.centrl-guard-manager{display:grid;gap:20px;max-width:100%;}
.centrl-guard-list{display:grid;gap:10px;max-height:min(45vh,390px);overflow-y:auto;overscroll-behavior:contain;}
.centrl-guard-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-radius:14px;border:1px solid rgba(115,143,183,.27);background:rgba(32,48,72,.045);}
.centrl-guard-item>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0;}
.centrl-guard-item b{font-size:15px;overflow-wrap:anywhere;}
.centrl-guard-item small{font-size:12px;color:#59667a;}
.centrl-guard-item small strong{font-variant-numeric:tabular-nums;letter-spacing:1.5px;color:#192b47;}
.centrl-guard-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;}
.centrl-guard-actions .centrl-btn{white-space:nowrap;}
.centrl-guard-new{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid rgba(115,143,183,.2);}
.centrl-guard-new label{flex:1 1 220px;display:grid;gap:6px;font-weight:600;}
.centrl-guard-new input{box-sizing:border-box;min-height:46px;width:100%;padding:10px 12px;border:1px solid #abb8ca;border-radius:10px;}
@media(max-width:640px){.centrl-guard-item{flex-direction:column;align-items:stretch}.centrl-guard-actions{justify-content:flex-start}.centrl-guard-new{align-items:stretch}.centrl-guard-new>.centrl-btn{width:100%}}