/* AICS Stage 8 Notification Queues + Staff Clocking V1.14
   Presentation only. All source permissions remain server-side. */
.notification-dropdown-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start}
.aics-notification-header-icon{width:32px;height:32px;border:1px solid var(--aics-border,#e5e7eb);border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fff;font-size:16px;line-height:1}
.aics-notification-header-copy{min-width:0;display:block}
.aics-notification-header-copy strong,.aics-notification-header-copy small{display:block;min-width:0;overflow-wrap:anywhere}
.notification-centre .aics-notification-queue-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0}
.notification-centre .aics-notification-queue{position:relative;min-width:0;min-height:94px;padding:12px 10px;border:1px solid var(--aics-border,#dedee7);border-radius:14px;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}
.notification-centre .aics-notification-queue:hover{border-color:#8c4aa0;text-decoration:none}
.notification-centre .aics-notification-queue:focus-visible{outline:3px solid rgba(111,52,126,.2);outline-offset:2px}
.notification-centre .aics-notification-queue.is-active{border-color:#7a318b;box-shadow:inset 0 0 0 1px #7a318b;background:#fbf7fc}
.notification-centre .aics-notification-queue-icon{font-size:22px;line-height:1}
.notification-centre .aics-notification-queue-label{font-size:12px;font-weight:800;line-height:1.2}
.notification-centre .aics-notification-queue-description{font-size:10px;line-height:1.25;color:var(--aics-muted,#667085)}
.notification-centre .aics-notification-queue-count{position:absolute;top:7px;right:7px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#6f347e;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.notification-centre .aics-notification-queue[data-queue="action"] .aics-notification-queue-count{background:#a12a2a}
.notification-centre .aics-notification-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px}
.notification-centre .aics-notification-list-head h2{margin:0;font-size:16px}
.notification-centre .aics-notification-list-head p{margin:3px 0 0;color:var(--aics-muted,#667085);font-size:12px}
.notification-centre .aics-notification-card-icon{width:38px;height:38px;border:1px solid var(--aics-border,#dedee7);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}
.notification-centre.is-queue-mode .notification-card-main{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px}
.notification-centre .aics-notification-card-copy{min-width:0}
@media (max-width:900px){.notification-centre .aics-notification-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
  .notification-centre .aics-notification-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .notification-centre .aics-notification-queue{min-height:88px;padding:10px 8px}
  .notification-centre .aics-notification-list-head{align-items:flex-start;flex-direction:column}
  .notification-dropdown-item{grid-template-columns:30px minmax(0,1fr)}
  .aics-notification-header-icon{width:30px;height:30px}
}

/* AICS Stage 8 Staff Clocking Details V1.15 */
.notification-centre.aics-clocking-detail{max-width:1180px}
.aics-clocking-detail .aics-clocking-detail-head{align-items:flex-start}
.aics-clocking-detail .aics-clocking-back{display:inline-block;margin:0 0 7px;color:#6f347e;font-size:12px;font-weight:750;text-decoration:none}
.aics-clocking-detail .aics-clocking-back:hover{text-decoration:underline}
.aics-clocking-detail .aics-clocking-identity{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;margin:16px 0;padding:18px}
.aics-clocking-detail .aics-clocking-avatar{width:58px;height:58px;border-radius:16px;background:#f5edf7;color:#6f347e;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:850}
.aics-clocking-detail .aics-clocking-identity-copy{min-width:0}
.aics-clocking-detail .aics-clocking-kicker{display:block;color:var(--aics-muted,#667085);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.aics-clocking-detail .aics-clocking-identity-copy h2{margin:3px 0 2px;font-size:22px;overflow-wrap:anywhere}
.aics-clocking-detail .aics-clocking-identity-copy p{margin:0;color:var(--aics-muted,#667085);font-size:12px}
.aics-clocking-detail .aics-clocking-status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid #d7dbe3;background:#f7f7f9;color:#475467}
.aics-clocking-detail .aics-clocking-status.is-active{background:#eaf8ef;border-color:#b9e4c7;color:#19643a}
.aics-clocking-detail .aics-clocking-status.is-completed{background:#f2edf8;border-color:#d8cbe7;color:#5f2d78}
.aics-clocking-detail .aics-clocking-status.is-review{background:#fff6e8;border-color:#f1d6a6;color:#81581d}
.aics-clocking-detail .aics-clocking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.aics-clocking-detail .aics-clocking-panel{padding:18px;min-width:0}
.aics-clocking-detail .aics-clocking-panel-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}
.aics-clocking-detail .aics-clocking-panel-title>span{font-size:20px;line-height:1.1}
.aics-clocking-detail .aics-clocking-panel-title h2{margin:0;font-size:16px}
.aics-clocking-detail .aics-clocking-panel-title p{margin:3px 0 0;color:var(--aics-muted,#667085);font-size:11px;line-height:1.4}
.aics-clocking-detail .aics-clocking-detail-list{margin:0;display:grid;gap:0;border-top:1px solid var(--aics-border,#e3e4e8)}
.aics-clocking-detail .aics-clocking-detail-list>div{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--aics-border,#e3e4e8)}
.aics-clocking-detail .aics-clocking-detail-list dt{color:var(--aics-muted,#667085);font-size:11px;font-weight:700}
.aics-clocking-detail .aics-clocking-detail-list dd{margin:0;font-size:12px;font-weight:650;overflow-wrap:anywhere;text-align:right}
.aics-clocking-detail .aics-clocking-note{margin-top:12px;padding:10px 11px;border:1px solid #dfd6e6;border-radius:10px;background:#fbf8fc;color:#5f5363;font-size:11px;line-height:1.45}
.aics-clocking-detail .aics-clocking-timesheet{margin-bottom:14px}
.aics-clocking-detail .aics-clocking-detail-list--wide{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.aics-clocking-detail .aics-clocking-empty{padding:14px;border:1px dashed var(--aics-border,#dedee7);border-radius:10px;color:var(--aics-muted,#667085);font-size:12px;background:#fafafa}
.aics-clocking-detail .aics-clocking-footer-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px}
@media (max-width:760px){
  .aics-clocking-detail .aics-clocking-grid{grid-template-columns:1fr}
  .aics-clocking-detail .aics-clocking-identity{grid-template-columns:50px minmax(0,1fr);padding:14px}
  .aics-clocking-detail .aics-clocking-avatar{width:50px;height:50px;border-radius:13px;font-size:20px}
  .aics-clocking-detail .aics-clocking-status{grid-column:1/-1;justify-self:start}
  .aics-clocking-detail .aics-clocking-detail-list--wide{grid-template-columns:1fr}
}
@media (max-width:480px){
  .aics-clocking-detail .aics-clocking-panel{padding:14px}
  .aics-clocking-detail .aics-clocking-detail-list>div{grid-template-columns:1fr;gap:3px}
  .aics-clocking-detail .aics-clocking-detail-list dd{text-align:left}
  .aics-clocking-detail .aics-clocking-footer-actions .aics-button{width:100%;justify-content:center}
}

/* Stage 8 V1.16 - Staff Clocking point-in-time geolocation evidence */
.notification-centre .aics-clocking-location-review{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid #e2b04f;border-radius:12px;background:#fff8e8;color:#674d16}
.notification-centre .aics-clocking-location-review>div{min-width:0;display:grid;gap:4px}.notification-centre .aics-clocking-location-review strong{font-size:15px}.notification-centre .aics-clocking-location-review span{font-size:12px;line-height:1.45}
.notification-centre .aics-clocking-review-done{margin:0 0 16px;padding:11px 14px;border:1px solid #bddfc7;border-radius:10px;background:#eef8f1;color:#215d34;font-size:12px;font-weight:700}
.notification-centre .aics-clocking-location-panel{margin-top:16px}.notification-centre .aics-clocking-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.notification-centre .aics-clocking-location-event{min-width:0;border:1px solid var(--aics-border,#e4dce8);border-radius:12px;padding:14px;background:#fff}.notification-centre .aics-clocking-location-event.is-verified{border-color:#bddfc7;background:#f5fbf7}.notification-centre .aics-clocking-location-event.is-review{border-color:#e7c47c;background:#fffaf0}
.notification-centre .aics-clocking-location-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.notification-centre .aics-clocking-location-event-head strong{font-size:13px}.notification-centre .aics-clocking-location-event-head span{max-width:55%;text-align:right;font-size:11px;font-weight:700;color:#6a4b75}
.notification-centre .aics-clocking-location-error{margin:10px 0 0;font-size:11px;line-height:1.45;color:#7d5816}.notification-centre .aics-clocking-location-policy{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f7f4f8;font-size:11px;line-height:1.5;color:#584a60}
@media(max-width:720px){.notification-centre .aics-clocking-location-review{align-items:stretch;flex-direction:column}.notification-centre .aics-clocking-location-review form,.notification-centre .aics-clocking-location-review button{width:100%}.notification-centre .aics-clocking-location-grid{grid-template-columns:1fr}.notification-centre .aics-clocking-location-event-head{flex-direction:column}.notification-centre .aics-clocking-location-event-head span{max-width:none;text-align:left}}