/* ChaloKaamPe v48.1.4 — compact feedback, notifications and operational UI */
:root{--ckp-compact-radius:12px;--ckp-compact-gap:10px}

/* Keep server and client feedback inside the page. Never convert a field error into a full-screen/floating notice. */
[data-ui-flash],.ui-inline-feedback{
  position:static!important;inset:auto!important;transform:none!important;
  display:block;max-width:100%;margin:0 0 10px;padding:9px 11px;
  border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a;
  box-shadow:none!important;font-size:12.5px;line-height:1.42;font-weight:700;
  overflow-wrap:anywhere;animation:none!important
}
[data-ui-flash][data-type="success"],.ui-inline-feedback-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
[data-ui-flash][data-type="warning"],.ui-inline-feedback-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
[data-ui-flash][data-type="danger"],.ui-inline-feedback-danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.ui-inline-feedback-stack{display:grid;gap:8px;margin:0 0 10px;max-width:100%}
.ui-inline-feedback-stack:empty{display:none}
.ui-inline-feedback-stack .ui-inline-feedback{margin:0}
.ui-toast-stack{display:none!important}

/* Field-specific validation. */
.field-error-message{display:block;margin:5px 0 0;color:#b42318;font-size:12px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.field-invalid,[aria-invalid="true"]{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.11)!important;outline:none!important}
.has-inline-error>label,.has-inline-error>.field-label,.has-inline-error>strong{color:#b42318}
.form-error-summary{display:none;margin:0 0 10px;padding:9px 11px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#991b1b;font-size:12.5px;font-weight:750;line-height:1.4}
.form-error-summary.is-visible{display:block}

/* Compact notifications across Admin and shared surfaces. */
.notification-toolbar,.browser-notification-settings{padding:12px!important;margin-bottom:10px!important;border-radius:14px!important}
.notification-card{padding:12px 14px!important;margin:0 0 9px!important;border-radius:14px!important;box-shadow:none!important}
.notification-card .row{gap:8px!important;align-items:flex-start!important}
.notification-card .row strong{font-size:14px!important;line-height:1.3!important}
.notification-card>p{margin:7px 0!important;font-size:12.5px!important;line-height:1.45!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.notification-card .actions{gap:7px!important;margin-top:8px!important}
.notification-card .btn,.notification-card button{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}
.notification-attachment{padding:8px!important;gap:8px!important;border-radius:10px!important}
.notification-attachment img{width:52px!important;height:52px!important;object-fit:cover!important;border-radius:8px!important}

/* Clickable Admin KPI cards. */
a.stat.admin-kpi-link{display:grid;text-decoration:none;color:inherit;cursor:pointer;position:relative;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
a.stat.admin-kpi-link::after{content:"Open";position:absolute;right:12px;top:11px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#4f46e5}
a.stat.admin-kpi-link:hover,a.stat.admin-kpi-link:focus-visible{transform:translateY(-1px);border-color:#a5b4fc!important;box-shadow:0 10px 26px rgba(79,70,229,.10)!important;outline:none}
.admin-primary-actions{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
.admin-secondary-actions{margin-top:12px}
.admin-secondary-actions summary{cursor:pointer;font-weight:850;color:#334155;padding:10px 0}

@media(max-width:720px){
  [data-ui-flash],.ui-inline-feedback{padding:8px 10px;font-size:12px;border-radius:9px}
  .notification-card{padding:10px 11px!important}
  .notification-card>p{-webkit-line-clamp:3}
  .notification-toolbar,.browser-notification-settings{padding:10px!important}
  a.stat.admin-kpi-link::after{right:9px;top:8px}
}

/* Clickable Admin KPIs and progressive disclosure for occasional tools. */
.admin-kpi-link{position:relative;text-decoration:none!important;color:inherit!important;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.admin-kpi-link:hover,.admin-kpi-link:focus-visible{transform:translateY(-2px);border-color:#93c5fd!important;box-shadow:0 10px 22px rgba(15,23,42,.08)!important;outline:none}
.admin-kpi-link em{display:block;margin-top:7px;color:#2563eb;font-size:11.5px;font-style:normal;font-weight:850}
.admin-action-card .section-head{margin-bottom:10px}
.admin-primary-actions{margin-bottom:10px}
.admin-secondary-actions{border-top:1px solid #e2e8f0;padding-top:9px}
.admin-secondary-actions>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px;border-radius:10px;background:#f8fafc;color:#334155;font-size:12.5px;font-weight:850}
.admin-secondary-actions>summary::-webkit-details-marker{display:none}
.admin-secondary-actions>summary::after{content:'＋';font-size:16px}
.admin-secondary-actions[open]>summary::after{content:'−'}
.admin-secondary-actions>.admin-sidebar-grid{margin-top:9px}

/* Worker notifications remain readable without taking over the page. */
.worker-notification-toolbar-compact{padding:11px!important;margin-bottom:9px!important}
.worker-notification-list{display:grid!important;gap:8px!important}
.worker-notification-card{padding:11px 12px!important;border-radius:12px!important;box-shadow:none!important}
.worker-notification-card .worker-list-head{gap:8px!important;margin-bottom:5px!important}
.worker-notification-card .worker-list-head h2{font-size:14px!important;line-height:1.3!important;margin:0!important}
.worker-notification-card .worker-list-head p{font-size:10.5px!important;margin:2px 0 0!important}
.worker-notification-body{font-size:12px!important;line-height:1.45!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.worker-notification-attachment{display:flex!important;align-items:center!important;gap:8px!important;padding:7px!important;margin-top:7px!important;border-radius:9px!important}
.worker-notification-preview img{width:48px!important;height:48px!important;object-fit:cover!important;border-radius:7px!important}
.worker-notification-actions{gap:6px!important;margin-top:7px!important}
.worker-notification-actions .btn{min-height:34px!important;padding:6px 9px!important;font-size:11.5px!important}
.worker-pagination,.notification-pagination{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:8px;font-size:12px;font-weight:750}
.worker-pagination .btn,.notification-pagination a{min-height:34px!important;padding:6px 10px!important}

.form-error-summary ul{margin:6px 0 0 18px;padding:0;font-weight:650}
.form-error-summary li+li{margin-top:3px}

@media(max-width:720px){
  .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-kpi-link{padding:12px!important}
  .admin-kpi-link b{font-size:24px!important}
  .admin-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  .admin-kpi-grid,.admin-primary-actions{grid-template-columns:1fr!important}
}

/* Keep the Admin sidebar focused; advanced pages remain available under More tools. */
.admin-nav-more{margin:5px 0 10px;border-top:1px solid rgba(148,163,184,.18);padding-top:7px}
.admin-nav-more>summary{display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 10px;border-radius:10px;cursor:pointer;list-style:none;color:inherit;font-size:12.5px;font-weight:800}
.admin-nav-more>summary::-webkit-details-marker{display:none}
.admin-nav-more>summary::after{content:'＋';margin-left:auto;font-size:15px;opacity:.7}
.admin-nav-more[open]>summary::after{content:'−'}
.admin-nav-more-body{margin-top:5px}