:root{
  --bg:#f3f6fb;
  --bg-strong:#e9eef6;
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --sidebar:#0a1d38;
  --sidebar-2:#102a4d;
  --sidebar-line:rgba(255,255,255,.08);
  --primary:#0f8ea0;
  --primary-2:#1458b8;
  --text:#18304b;
  --muted:#6b7b90;
  --line:#dde6f0;
  --line-strong:#cbd8e5;
  --success-bg:#edf9f1;
  --success-text:#1f6a40;
  --error-bg:#fff1f1;
  --error-text:#9e2d2d;
  --shadow:0 14px 34px rgba(15,35,65,.06);
  --shadow-strong:0 24px 56px rgba(10,23,46,.12);
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:18px;
  --radius-sm:14px;
  --sidebar-width:236px;
  --ink:#12233d;
}

/* Backoffice login 2026 */
body.ds-auth-body{
  min-height:100vh !important;
  margin:0 !important;
  background:#f7fbff !important;
  color:#0b1f3d !important;
}
body.ds-auth-body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(0,29,82,.96) 0%,rgba(0,68,156,.86) 46%,rgba(244,248,252,.96) 46%,#f7fbff 100%),
    radial-gradient(circle at 18% 22%,rgba(255,215,0,.20),transparent 34%) !important;
  pointer-events:none !important;
}
body.ds-auth-body .ds-auth-shell{
  position:relative !important;
  z-index:1 !important;
  min-height:100vh !important;
  display:grid !important;
  place-items:center !important;
  padding:34px 18px !important;
}
body.ds-auth-body .ds-auth-shell::before{
  content:"Misericordia di Palinuro" !important;
  position:absolute !important;
  left:max(34px,7vw) !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  max-width:430px !important;
  color:#fff !important;
  font-size:58px !important;
  line-height:.98 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}
body.ds-auth-body .ds-auth-shell::after{
  content:"Gestione operativa, amministrativa e documentale" !important;
  position:absolute !important;
  left:max(34px,7vw) !important;
  top:calc(50% + 92px) !important;
  max-width:390px !important;
  color:rgba(228,240,255,.82) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
}
body.ds-auth-body .ds-auth-pill{display:none !important}
body.ds-auth-body .ds-auth-card{
  width:min(430px,94vw) !important;
  margin-left:min(44vw,620px) !important;
  border:1px solid rgba(160,188,225,.38) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 28px 80px rgba(2,20,53,.24) !important;
  overflow:hidden !important;
  backdrop-filter:blur(18px) !important;
}
body.ds-auth-body .ds-auth-card-head{
  padding:30px 36px 18px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f3f8ff 100%) !important;
  display:flex !important;
  gap:18px !important;
  align-items:center !important;
  text-align:left !important;
}
body.ds-auth-body .ds-auth-logo{
  flex:0 0 auto !important;
  width:82px !important;
  height:82px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 18px rgba(0,51,122,.16)) !important;
}
body.ds-auth-body .ds-auth-title span{
  display:inline-flex !important;
  margin-bottom:7px !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  background:#e4f4fb !important;
  color:#00859b !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}
body.ds-auth-body .ds-auth-card-head h1{
  margin:0 !important;
  color:#071f45 !important;
  font-size:28px !important;
  line-height:1.04 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}
body.ds-auth-body .ds-auth-card-head p{
  display:block !important;
  margin:8px 0 0 !important;
  color:#657896 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
body.ds-auth-body .ds-auth-card-body{
  padding:24px 36px 36px !important;
  background:#fff !important;
}
body.ds-auth-body .ds-auth-alert{
  margin-bottom:16px !important;
  border-radius:12px !important;
  border:1px solid #ffc8bd !important;
  background:#fff3f1 !important;
  color:#9b3020 !important;
}
body.ds-auth-body .ds-auth-fields{
  display:grid !important;
  gap:15px !important;
}
body.ds-auth-body .ds-auth-fields label{
  display:grid !important;
  gap:8px !important;
  color:#4e6380 !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}
body.ds-auth-body .ds-auth-fields label > span{
  position:static !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
  clip:auto !important;
}
body.ds-auth-body .ds-auth-field{
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 14px !important;
  border:1px solid #d5e2f1 !important;
  border-radius:12px !important;
  background:#f9fcff !important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}
body.ds-auth-body .ds-auth-field:focus-within{
  border-color:#1268df !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(18,104,223,.12) !important;
}
body.ds-auth-body .ds-auth-field svg{
  flex:0 0 auto !important;
  color:#165bb8 !important;
}
body.ds-auth-body .ds-auth-fields .ds-input{
  min-height:52px !important;
  flex:1 1 auto !important;
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#071f45 !important;
  font-size:16px !important;
  font-weight:760 !important;
  outline:0 !important;
  box-shadow:none !important;
}
body.ds-auth-body .ds-auth-fields .ds-input::placeholder{
  color:#8394ad !important;
  opacity:1 !important;
  font-weight:700 !important;
}
body.ds-auth-body .ds-auth-submit{
  width:100% !important;
  min-height:54px !important;
  margin-top:7px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:0 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#006cff 0%,#003fbd 100%) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:900 !important;
  box-shadow:0 16px 28px rgba(0,81,205,.28) !important;
}
body.ds-auth-body .ds-auth-submit:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 18px 34px rgba(0,81,205,.34) !important;
}
body.ds-auth-body .ds-auth-footer{
  position:relative !important;
  z-index:1 !important;
  margin-top:18px !important;
  margin-left:min(44vw,620px) !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.ds-auth-body .ds-auth-powered{
  color:#5e718d !important;
  font-size:12px !important;
  font-weight:750 !important;
}
body.ds-auth-body .ds-auth-powered img{
  height:18px !important;
  width:auto !important;
}
@media (max-width: 900px){
  body.ds-auth-body::before{
    background:linear-gradient(180deg,rgba(0,57,145,.96) 0%,rgba(0,81,182,.88) 34%,#f7fbff 34%,#f7fbff 100%) !important;
  }
  body.ds-auth-body .ds-auth-shell{place-items:center !important;padding:24px 16px !important}
  body.ds-auth-body .ds-auth-shell::before,
  body.ds-auth-body .ds-auth-shell::after{display:none !important}
  body.ds-auth-body .ds-auth-card,
  body.ds-auth-body .ds-auth-footer{margin-left:0 !important}
  body.ds-auth-body .ds-auth-card-head{padding:24px 24px 16px !important}
  body.ds-auth-body .ds-auth-card-body{padding:20px 24px 28px !important}
  body.ds-auth-body .ds-auth-logo{width:70px !important;height:70px !important}
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Segoe UI",Tahoma,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(20,88,184,.05), transparent 24%),
    radial-gradient(circle at top right, rgba(15,142,160,.04), transparent 20%),
    linear-gradient(180deg,#f6f9fc 0%,#f1f5fa 100%);
  color:var(--text);
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}

.sidebar-state{
  position:fixed;width:1px;height:1px;opacity:0;pointer-events:none
}
.menu-toggle{
  position:relative;display:none;width:48px;height:36px;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.14);border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05)),rgba(255,255,255,.02);
  color:#fff;cursor:pointer;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,22,36,.16);
  transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease
}
.menu-toggle span{
  position:absolute;font-size:11px;font-weight:900;line-height:1;transition:opacity 180ms ease,transform 180ms ease
}
.menu-toggle .toggle-open{opacity:1;transform:translateY(0)}
.menu-toggle .toggle-closed{opacity:0;transform:translateY(8px)}
.sidebar-state:checked ~ .sidebar .menu-toggle .toggle-open,
.sidebar-state:checked ~ .page .menu-toggle .toggle-open{opacity:0;transform:translateY(-8px)}
.sidebar-state:checked ~ .sidebar .menu-toggle .toggle-closed,
.sidebar-state:checked ~ .page .menu-toggle .toggle-closed{opacity:1;transform:translateY(0)}
.sidebar{
  width:var(--sidebar-width);padding:18px 10px 12px;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-2) 100%);
  color:#fff;position:fixed;top:0;left:0;bottom:0;border-right:1px solid var(--sidebar-line);
  z-index:40;overflow:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none
}
.sidebar::-webkit-scrollbar{width:0;height:0;display:none}
.sidebar-inner{
  height:100%;overflow:auto;display:flex;flex-direction:column;padding-right:2px;
  scrollbar-width:none;-ms-overflow-style:none
}
.sidebar-inner::-webkit-scrollbar{width:0;height:0}
.sidebar-head{position:relative;display:flex;justify-content:center;align-items:center;height:120px;min-height:120px;margin-bottom:12px;overflow:hidden}
.brand{display:flex;align-items:center;justify-content:center;padding:0}
.brand-text{display:grid;justify-items:center;text-align:center;padding-top:8px}
.brand-text strong{display:block;font-size:22px;line-height:1;color:#fff;font-weight:800;letter-spacing:0}
.brand-text span{display:block;margin-top:3px;font-size:15px;line-height:1.05;color:rgba(255,255,255,.76);font-weight:600}
.brand-logo{width:120px;height:120px;text-decoration:none;overflow:hidden;flex:0 0 120px}
.brand-logo img{
  display:block;
  width:105px !important;
  max-width:105px !important;
  height:105px !important;
  max-height:105px !important;
  margin:0 auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.18));
}
.sidebar-section-label{
  padding:0 10px 8px;color:rgba(255,255,255,.42);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase
}
.sidebar-nav{display:grid;gap:6px}
.navgroup{display:grid;gap:6px}
.navgroup summary{list-style:none}
.navgroup summary::-webkit-details-marker{display:none}
.navgroup{position:relative}
.navgroup::after{
  content:"";display:none;height:1px;margin:8px 10px 0;background:rgba(255,255,255,.14)
}
.navgroup:last-of-type::after{display:none}
.navgroup[open]::after{display:block;background:rgba(255,255,255,.34)}
.navgroup:last-of-type[open]::after{display:none}
.navitem{
  min-height:42px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:12px;
  color:#eff7ff;font-size:13px;font-weight:700;cursor:pointer;transition:.16s ease
}
.navitem:hover{background:rgba(255,255,255,.04)}
.navitem.active{background:rgba(255,255,255,.06)}
.navitem b{font-weight:700}
.chevron{
  margin-left:auto;width:8px;height:8px;border-right:1.6px solid rgba(255,255,255,.66);border-bottom:1.6px solid rgba(255,255,255,.66);
  transform:rotate(45deg);transition:.16s ease
}
.navgroup[open] .chevron{transform:rotate(225deg)}
.submenu{display:grid;gap:4px;padding-left:8px}
.submenu a{
  min-height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:12px;
  color:#dce9f6;font-size:12px;font-weight:650;transition:.18s ease;background:transparent;border:1px solid transparent
}
.submenu a:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.04)}
.submenu a.active{
  background:linear-gradient(90deg,rgba(15,142,160,.52),rgba(20,88,184,.48));
  box-shadow:none;border-color:rgba(255,255,255,.05)
}
.nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;color:#d8efff}
.nav-icon svg{width:17px;height:17px;stroke-width:2.2}
.side-user{
  min-height:58px;margin-top:auto;display:inline-flex;align-items:center;gap:12px;padding:0 14px;
  border:1px solid rgba(255,255,255,.14);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  color:#f7fbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)
}
.side-user-icon{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(180deg,rgba(74,196,0,.18),rgba(74,196,0,.30));
  color:#fff;box-shadow:0 10px 22px rgba(74,196,0,.14)
}
.side-user-icon svg,.side-user-logout svg{width:15px;height:15px;stroke-width:2.05}
.side-user-copy{display:grid;line-height:1.06;text-align:left;min-width:0;flex:1}
.side-user-copy strong{display:block;font-size:12px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-user-copy small{display:block;margin-top:2px;color:#abc9d9;font-size:10px}
.side-user-logout{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);
  border-radius:10px;color:#fff;background:rgba(255,255,255,.05)
}
.side-user-logout:hover{background:rgba(255,255,255,.12)}

.page{flex:1;min-width:0;margin-left:var(--sidebar-width);padding:24px;transition:margin-left .18s ease}
.mobile-toggle{display:none}
.mobile-only{display:none}
.sidebar-scrim{display:none}
.topbar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px
}
.topbar-heading{max-width:840px}
.eyebrow{
  display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
  background:rgba(15,142,160,.08);color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.topbar h1{margin:10px 0 4px;font-size:34px;line-height:1.02;letter-spacing:0}
.topbar p{margin:0;color:var(--muted);font-size:14px}
.accounting-entry{display:inline-flex;align-items:center;gap:9px;flex:none;border:1px solid rgba(15,142,160,.22);border-radius:12px;padding:11px 15px;background:linear-gradient(135deg,rgba(15,142,160,.1),rgba(20,88,184,.06));color:#0b7181;font-size:12px;font-weight:800;box-shadow:0 5px 14px rgba(15,85,145,.06);transition:.16s ease}
.accounting-entry:hover{background:rgba(15,142,160,.14);transform:translateY(-1px)}
.content{display:flex;flex-direction:column;gap:22px}
.cards{display:grid;gap:14px}
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric-card,.panel{
  background:rgba(255,255,255,.98);border:1px solid rgba(223,230,240,.84);box-shadow:0 10px 26px rgba(15,35,65,.05)
}
.metric-card{
  min-height:118px;padding:16px 16px 14px;border-radius:20px;position:relative;overflow:hidden
}
.metric-card::after{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-2))
}
.metric-card span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.metric-card strong{display:block;font-size:30px;line-height:1;letter-spacing:0}
.metric-card small{display:block;margin-top:8px;color:var(--muted);font-size:12px}

.panel-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:18px}
.panel{padding:18px;border-radius:20px}
.panel-head,.toolbar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px
}
.panel h2,.toolbar h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:0}
.toolbar p,.panel-head p{margin:6px 0 0;color:var(--muted)}
.toolbar-actions,.actions,.modal-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid #2f80ed;border-radius:2px;
  background:#2f80ed;color:#fff;font-weight:800;cursor:pointer;box-shadow:none;transition:.16s ease;white-space:nowrap
}
.button:hover{transform:translateY(-1px)}
.button.alt{
  background:#fff;color:var(--text);border:1px solid #d7e2ef;box-shadow:none
}

.badge{
  display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;
  background:#f3f7fc;color:#48627f;font-size:12px;font-weight:700;white-space:nowrap
}

.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.list li:last-child{border-bottom:0}

.context-note{
  margin-top:10px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#f4f8fd,#eef5fc);
  color:var(--muted);border:1px solid var(--line)
}

.table-shell{
  width:100%;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)
}
.table-shell::-webkit-scrollbar{height:10px;width:10px}
.table-shell::-webkit-scrollbar-thumb{background:#cbd7e6;border-radius:999px}
.data-table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.data-table th,.data-table td{
  padding:14px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;background:#fff
}
.data-table th{
  position:sticky;top:0;background:#f7fbff;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase
}
.data-table tr:last-child td{border-bottom:0}
.data-table td strong{display:block}
.actions{justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap}

.pagination{
  display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;flex-wrap:wrap
}
.pagination-meta{color:var(--muted);font-size:14px}
.pagination-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination-link{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:14px;
  background:#eef4fb;border:1px solid var(--line);color:var(--text);font-weight:700
}
.pagination-link.is-active{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;border-color:transparent}

.code-block{
  white-space:pre-wrap;background:#0f213f;color:#dce8f7;padding:18px;border-radius:20px;overflow:auto
}

.install-body,.login-body{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#ecf2fa,#f8fbfd)
}
.install-wrap,.login-card{
  width:min(920px,92vw);background:var(--surface);border:1px solid var(--line);
  box-shadow:var(--shadow);border-radius:30px;padding:28px
}
.login-card{width:min(460px,92vw);text-align:center}
.login-logo{width:132px;height:132px;object-fit:contain}
.install-brand{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.install-brand img{width:110px;height:110px;object-fit:contain}
.auth-shell{
  width:min(1200px,94vw);display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(380px,.95fr);
  background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-strong);
  border-radius:34px;overflow:hidden
}
.auth-hero{
  padding:42px;background:
    radial-gradient(circle at top left, rgba(15,142,160,.26), transparent 28%),
    radial-gradient(circle at bottom right, rgba(20,88,184,.22), transparent 28%),
    linear-gradient(180deg,#0b1d37,#12335c);
  color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:680px
}
.auth-brand{display:flex;align-items:center;gap:16px}
.auth-brand-mark{
  width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center
}
.auth-brand-mark img{width:42px;height:42px;object-fit:contain}
.auth-brand-copy strong{display:block;font-size:28px;line-height:1.05}
.auth-brand-copy span{display:block;margin-top:4px;color:rgba(255,255,255,.72)}
.auth-copy h1{margin:24px 0 12px;font-size:52px;line-height:.98;letter-spacing:0}
.auth-copy p{margin:0;color:rgba(255,255,255,.8);font-size:17px;max-width:520px}
.auth-points{display:grid;gap:14px;margin-top:26px}
.auth-point{
  padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)
}
.auth-point strong{display:block;font-size:15px}
.auth-point span{display:block;margin-top:4px;color:rgba(255,255,255,.72);font-size:14px}
.auth-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;color:rgba(255,255,255,.68);font-size:14px}
.auth-panel{
  padding:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff,#f6f9fd)
}
.auth-card{
  width:min(460px,100%);padding:30px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)
}
.auth-card h2{margin:0 0 8px;font-size:34px;letter-spacing:0}
.auth-card p{margin:0 0 22px;color:var(--muted)}
.auth-card form{display:grid;gap:16px}
.auth-actions{display:grid;gap:12px;margin-top:8px}
.auth-helper{
  margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:14px
}

.grid,.modal-grid{display:grid;gap:16px}
.grid.two,.modal-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:var(--text)}
input,select,textarea{
  width:100%;padding:10px 12px;border:1px solid #dce6f1;border-radius:2px;background:#fff;color:var(--text)
}
textarea{resize:vertical;min-height:110px}
input[readonly],textarea[readonly]{background:#f7fafd;color:#496178}
.checkbox{flex-direction:row;align-items:center;gap:10px}
.checkbox input{width:auto}
.switch-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #dce6f1;border-radius:2px;background:#fff}
.switch-field span{font-weight:700;color:var(--text)}
.switch{
  position:relative;display:inline-flex;width:52px;height:32px;flex:0 0 52px
}
.switch input{opacity:0;width:0;height:0}
.switch-slider{
  position:absolute;inset:0;border-radius:999px;background:#d8e1ec;transition:.18s ease;cursor:pointer
}
.switch-slider::before{
  content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;
  background:#fff;box-shadow:0 2px 10px rgba(15,35,65,.14);transition:.18s ease
}
.switch input:checked + .switch-slider{background:linear-gradient(90deg,var(--primary),var(--primary-2))}
.switch input:checked + .switch-slider::before{transform:translateX(20px)}
.inline-form{margin:0}

.alert{
  padding:15px 18px;border-radius:18px;border:1px solid transparent
}
.alert-success{background:var(--success-bg);color:var(--success-text);border-color:#cbe8d5}
.alert-error{background:var(--error-bg);color:var(--error-text);border-color:#efc2c2}
.alert-warning{background:#fff7e6;color:#9a4f00;border-color:#ffd596}

.modal-root{position:fixed;inset:0;z-index:60;pointer-events:none}
.modal-root.is-open{pointer-events:auto}
.modal-backdrop{position:absolute;inset:0;background:rgba(7,18,38,.46);backdrop-filter:blur(4px)}
.modal-dialog{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(960px,92vw);max-height:min(88vh,900px);overflow:auto;background:#fff;
  border:1px solid #dfe8f3;border-radius:2px;box-shadow:0 18px 42px rgba(20,45,80,.14);padding:24px
}
.modal-dialog::-webkit-scrollbar{width:0;height:0}
.modal-dialog{scrollbar-width:none}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.modal-head h3{margin:0;font-size:20px;line-height:1.1;letter-spacing:0;font-weight:900}
.modal-head p{margin:6px 0 0;color:var(--muted)}
.signature-preview{
  min-height:160px;
  display:grid;
  place-items:center;
  padding:18px;
  border:1px solid #d7e2ef;
  border-radius:8px;
  background:#fff;
}
.signature-preview img{
  display:block;
  max-width:100%;
  max-height:220px;
  object-fit:contain;
}
.modal-close{
  width:38px;height:38px;border:1px solid #d7e2ef;border-radius:2px;background:#fff;color:var(--muted);font-size:24px;cursor:pointer;line-height:1
}
.hidden{display:none!important}

.ds-auth-body{
  min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(47,128,237,.12),transparent 34%),linear-gradient(180deg,#f5f8fb 0%,#edf3f8 100%)
}
.ds-auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px 18px}
.ds-auth-card{
  width:min(520px,100%);border:1px solid rgba(202,216,233,.82);border-radius:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.998),rgba(247,250,252,.99));box-shadow:var(--shadow);overflow:hidden
}
.ds-auth-card-head{
  padding:38px 32px 28px;background:linear-gradient(180deg,rgba(8,24,38,.95),rgba(12,33,52,.98));
  display:grid;justify-items:center;gap:16px;text-align:center
}
.ds-auth-logo{width:156px;max-width:100%;height:auto}
.ds-auth-card-head h1{margin:0;font-size:32px;line-height:1.04;color:#fff;letter-spacing:0}
.ds-auth-card-head p{margin:0;max-width:360px;color:rgba(216,237,247,.88);font-size:14px;line-height:1.5}
.ds-auth-card-body{padding:30px 32px 32px;display:grid;gap:20px}
.ds-auth-alert{padding:12px 14px;border:1px solid rgba(201,84,63,.22);background:#fff6f5;color:#8c3b2d;font-size:13px;font-weight:600}
.ds-auth-fields{display:grid;gap:16px}
.ds-auth-fields label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ds-auth-submit{width:100%;min-height:46px;font-size:16px}
.ds-auth-footer{display:flex;justify-content:center;margin-top:8px;padding-top:14px;border-top:1px solid rgba(202,216,233,.55)}
.ds-auth-powered{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:700}
.ds-auth-powered img{height:20px;width:auto}

.ds-auth-body{
  min-height:100vh !important;
  margin:0 !important;
  background:
    radial-gradient(circle at 15% 15%,rgba(47,128,237,.18),transparent 45%),
    radial-gradient(circle at 85% 85%,rgba(15,142,160,.12),transparent 40%),
    linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%) !important;
}
.ds-auth-shell{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:28px 18px !important;
}
.ds-auth-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-bottom:16px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(17,24,39,.06) !important;
  color:#475569 !important;
  font-size:13px !important;
  font-weight:750 !important;
}
.ds-auth-card{
  width:min(430px,94vw) !important;
  border:1px solid rgba(17,24,39,.06) !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 20px 50px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
}
.ds-auth-card-head{
  padding:34px 32px 10px !important;
  background:#fff !important;
  display:grid !important;
  gap:14px !important;
  justify-items:center !important;
  text-align:center !important;
}
.ds-auth-logo{
  width:94px !important;
  max-width:100% !important;
  height:auto !important;
}
.ds-auth-card-head h1{
  margin:0 !important;
  font-size:24px !important;
  line-height:1.1 !important;
  color:#0f213f !important;
  letter-spacing:-.02em !important;
}
.ds-auth-card-body{padding:18px 32px 32px !important;display:grid !important;gap:20px !important}
.ds-auth-alert{border-radius:12px !important;font-weight:650 !important}
.ds-auth-fields{display:grid !important;gap:16px !important}
.ds-auth-fields label{
  display:grid !important;
  gap:7px !important;
  color:#334155 !important;
  font-size:13px !important;
  font-weight:750 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.ds-auth-fields .ds-input{
  min-height:52px !important;
  border-radius:10px !important;
  border-color:#d8e3ef !important;
}
.ds-auth-submit{
  width:100% !important;
  min-height:48px !important;
  border-radius:10px !important;
  font-size:16px !important;
}

/* V2 parity layer */
.btn,
.btn-primary{
  min-height:40px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;padding:0 14px;border:1px solid #2f80ed;background:#2f80ed;color:#fff;
  font-weight:800;text-decoration:none;white-space:nowrap;line-height:1
}
.btn svg,.btn-primary svg{width:18px;height:18px;stroke-width:2.2}
.btn:hover,.btn-primary:hover{background:#1767d7;border-color:#1767d7;color:#fff}
.button{border-radius:2px;gap:8px;line-height:1;white-space:nowrap}
.ds-btn{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 14px;border:1px solid #dce6f1;border-radius:2px;background:#fff;color:var(--ink);
  font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:none
}
.ds-btn-primary{background:#0f3f8a;border-color:#0f3f8a;color:#fff}
.ds-btn-primary:hover{background:#0b3474;border-color:#0b3474;color:#fff}
.ds-btn-secondary{background:#fff;border-color:#dce6f1;color:var(--ink)}
.ds-btn-danger{background:#fff6f5;border-color:#efc2b8;color:#b84531}
.modal-actions{justify-content:flex-start;flex-wrap:wrap}
.modal-grid label{font-size:13px;font-weight:800;color:var(--ink);gap:7px}
.switch-field{display:grid;justify-items:center;gap:12px;text-align:center}
.switch{width:44px;height:24px;flex:0 0 44px}
.switch-slider{background:#d7e2ef}
.switch-slider::before{left:3px;top:3px;width:18px;height:18px}
.switch input:checked + .switch-slider{background:#2f80ed}
.switch input:checked + .switch-slider::before{transform:translateX(20px)}
.ds-filter-shell{background:#fff;box-shadow:none}
.ds-filter-body{padding:12px}
.ds-toolbar-filters{align-items:start}
.v2-people-actions{display:flex;justify-content:flex-end;margin-bottom:0}
.presence-actions{gap:12px;align-items:center;flex-wrap:wrap}
.v2-people-filters{
  grid-template-columns:minmax(320px,520px) minmax(180px,220px);
  justify-content:start;gap:10px
}
.v2-people-filters .ds-filter-actions-right{
  grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px
}
.ds-filter-field-shell .ds-input{padding-left:40px;min-height:38px}
.ds-filter-field-shell select.ds-input{padding-right:34px}
.ds-filter-icon svg{width:14px;height:14px;display:block}
.v2-people-card-body{padding:0}
.v2-people-mobile .ds-icon-actions,
.v2-people-desktop .ds-icon-actions{
  display:inline-flex;flex-wrap:nowrap;gap:8px;align-items:center
}
.v2-people-mobile .ds-icon-actions{justify-content:flex-end;flex-wrap:wrap}
.v2-action-btn{
  width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;border:1px solid #d7e2ef;border-radius:2px;background:#fff;box-shadow:none;
  color:#1b2c43;text-decoration:none;line-height:1
}
.v2-action-btn svg{width:15px;height:15px;stroke-width:2}
.v2-action-btn:hover{background:#f7fbff;border-color:#bfd4ea;color:#0f3f8a}
.v2-action-btn.is-danger{color:#c9543f}
.v2-action-btn.is-danger:hover{background:#fff6f5;border-color:#efc2b8;color:#b84531}
.v2-people-desktop{
  min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;display:block;overflow:visible;height:auto;max-height:none
}
.v2-people-desktop .services-body{width:100%;height:auto;flex:0 0 auto;max-height:none;overflow:visible}
.v2-people-desktop .services-body table{width:100%;min-width:0;table-layout:auto}
.v2-people-desktop .services-body th,
.v2-people-desktop .services-body td{white-space:nowrap;height:48px;padding:0 18px}
.v2-people-desktop .services-body th:first-child,
.v2-people-desktop .services-body td:first-child{width:250px}
.v2-people-desktop .services-body th:last-child,
.v2-people-desktop .services-body td:last-child{width:140px;text-align:left}
mark{border-radius:8px;padding:6px 11px;background:none;font-size:10px;font-weight:850}
mark.success{background:var(--success-soft);color:#2f7a00}
mark.danger{background:#fff0f0;color:#b42318}
.ds-count-box{display:inline-flex;align-items:center;padding-right:10px}

.ds-section{display:grid;gap:16px}
.ds-crud-shell{display:grid;gap:14px}
.fuel-automation-panel{margin:18px 20px 8px;padding:14px 16px;border:1px solid #cfe0f2;border-radius:8px;background:#f7fbff;color:var(--text)}
.fuel-automation-head{display:flex;align-items:center;gap:8px;font-size:14px}.fuel-status-dot{width:9px;height:9px;border-radius:50%;background:#159447;box-shadow:0 0 0 3px #d9f4e4}.fuel-automation-time{margin-left:auto;color:var(--muted);font-size:12px;font-weight:700}
.fuel-automation-source{margin-top:7px;color:var(--muted);font-size:12px}.fuel-automation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.fuel-automation-stats div{padding:9px 10px;border:1px solid #dce8f3;border-radius:6px;background:#fff}.fuel-automation-stats span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.fuel-automation-stats strong{display:block;margin-top:4px;font-size:14px}.fuel-automation-note{margin-top:10px;color:var(--muted);font-size:11px}
@media(max-width:700px){.fuel-automation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-automation-time{display:none}}
.ds-crud-card{
  border:1px solid #dfe8f3;border-radius:2px;background:#fff;box-shadow:0 10px 24px rgba(20,45,80,.04)
}
.ds-crud-card-header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #edf3fb
}
.ds-crud-card-header h3,.ds-crud-card-header h4{margin:0;font-size:16px;font-weight:900;color:var(--text)}
.ds-crud-card-header p{margin:6px 0 0;color:var(--muted);font-size:12px}
.ds-crud-card-body{padding:20px}
.ds-filter-shell{border:1px solid #dfe8f3;border-radius:2px;background:#fff}
.ds-filter-toggle{display:none}
.ds-filter-body{display:block;padding:12px}
.ds-filter-shell:not([open]) .ds-filter-body{display:block}
.ds-toolbar-filters{display:grid;gap:10px}
.ds-crud-field{display:grid;gap:7px}
.ds-filter-label{
  color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em
}
.ds-filter-field-shell{position:relative}
.ds-filter-icon{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#5a6b7f;font-size:13px;font-weight:900;pointer-events:none
}
.ds-input{
  width:100%;min-height:38px;padding:0 12px;border:1px solid #dce6f1;border-radius:2px;background:#fff;color:var(--text)
}
.ds-input.has-icon{padding-left:40px}
.ds-filter-actions-left,.ds-icon-actions,.ds-table-pager-nav{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap
}
.ds-btn{
  min-height:38px;padding:0 14px;border:1px solid #dce6f1;border-radius:2px;background:#fff;color:var(--text);font-weight:800;cursor:pointer
}
.ds-btn-primary{background:#2f80ed;border-color:#2f80ed;color:#fff}
.ds-btn-secondary{background:#fff}
.ds-sort-control{display:inline-flex;align-items:center;gap:8px}
.ds-sort-label{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ds-sort-select{
  min-width:170px;min-height:36px;padding:0 32px 0 10px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--text);font-size:13px;font-weight:600
}
.services{border:0;border-radius:0;box-shadow:none;background:transparent}
.services-body{width:100%;overflow:auto}
.services-body table{width:100%;border-collapse:collapse;table-layout:auto}
.services-body th,.services-body td{
  padding:14px 18px;border-bottom:1px solid #edf3fb;text-align:left;vertical-align:middle;background:#fff;white-space:nowrap
}
.services-body th{
  color:#6c7f95;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em
}
.services-body tr:last-child td{border-bottom:0}
.ds-table-pager{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.ds-table-pager-info{color:var(--muted);font-size:13px}
.ds-page-btn{
  min-width:36px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce6f1;border-radius:2px;background:#fff;color:var(--text);font-weight:800
}
.ds-page-btn.is-active{background:#2f80ed;border-color:#2f80ed;color:#fff}
.v2-action-btn{
  width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;padding:0;
  border:1px solid #d7e2ef;border-radius:2px;background:#fff;color:#1b2c43;text-decoration:none
}
.v2-action-btn:hover{background:#f7fbff;border-color:#bfd4ea;color:#0f3f8a}
.v2-action-btn.is-danger{color:#c9543f}
.v2-action-btn.is-danger:hover{background:#fff6f5;border-color:#efc2b8;color:#b84531}
.v2-badge{
  display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:2px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent
}
.v2-badge-success{color:#157347;background:#ebfff4;border-color:#b7efcf}
.v2-badge-warn{color:#9a6700;background:#fff8db;border-color:#f1d68a}
.v2-badge-danger{color:#b42318;background:#fff0f0;border-color:#f7c8c8}
.v2-badge-muted{color:#5a6b7f;background:#f4f7fb;border-color:#dde7f1}
.v2-status-mark{
  display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:800
}
.v2-status-mark.success{background:#eef9df;color:#478000}
.v2-status-mark.danger{background:#fff0f0;color:#b42318}
.v2-people-actions{display:flex;justify-content:flex-end}
.v2-people-actions .button{min-height:40px;border-radius:2px;box-shadow:none}
.v2-people-filters{grid-template-columns:minmax(320px,520px) minmax(180px,220px) minmax(180px,220px)}
.v2-people-filters .ds-filter-actions-right{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2-people-desktop .services-body th:first-child,.v2-people-desktop .services-body td:first-child{width:240px}
.v2-people-desktop .services-body th:last-child,.v2-people-desktop .services-body td:last-child{width:150px}
.v2-people-mobile{display:none;padding:20px}
.v2-people-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v2-people-mobile-card{
  border:1px solid #e3ebf5;border-radius:2px;background:#fff;padding:14px;box-shadow:0 6px 18px rgba(17,38,68,.06);display:grid;gap:12px
}
.v2-people-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v2-people-mobile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.v2-people-mobile-facts span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.v2-people-mobile-facts strong{display:block;color:var(--text);font-size:13px;line-height:1.35}
.detail-modal-head{
  align-items:flex-start;
  margin-bottom:18px;
  padding:0 0 20px;
  border-bottom:1px solid #e3eaf2;
}
.detail-modal-hero{
  display:grid;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
}
.detail-modal-kicker{
  display:inline-flex;
  width:max-content;
  color:#6f8095;
  font-size:13px;
  font-weight:700;
}
.detail-modal-head h3{
  margin:0;
  color:#102744;
  font-size:34px;
  line-height:.98;
  font-weight:900;
}
.detail-modal-head p{
  margin:0;
  color:#334e70;
  font-size:20px;
  line-height:1.15;
  font-weight:700;
}
.detail-modal-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:2px;
  color:#274467;
  font-size:14px;
  font-weight:700;
}
.detail-modal-meta span{
  position:relative;
}
.detail-modal-meta span + span::before{
  content:"";
  position:absolute;
  left:-10px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:999px;
  background:#b3c0d0;
  transform:translateY(-50%);
}
.detail-modal-meta .is-active{color:#1f6a40}
.detail-modal-meta .is-inactive{color:#9e2d2d}
.detail-modal-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.detail-modal-section{
  border:1px solid #dde6f0;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.detail-modal-section:last-child{
  grid-column:1 / -1;
}
.detail-modal-section-head{
  display:grid;
  gap:4px;
  padding:18px 20px 12px;
  border-bottom:1px solid #edf2f7;
  background:#fafcff;
}
.detail-modal-section-head h4{
  margin:0;
  color:#132a46;
  font-size:18px;
  font-weight:900;
}
.detail-modal-section-head p{
  margin:0;
  color:#6f8095;
  font-size:13px;
  font-weight:600;
}
.detail-modal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 20px;
  padding:8px 20px 18px;
}
.detail-modal-item{
  min-width:0;
  padding:12px 0;
  border-top:1px solid #f0f4f8;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.detail-modal-grid .detail-modal-item:nth-child(-n+2){border-top:0}
.detail-modal-item-wide{
  grid-column:1 / -1;
}
.detail-modal-label{
  display:block;
  margin:0;
  color:#718399;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
}
.detail-modal-value{
  display:block;
  color:#12233d;
  font-size:15px;
  line-height:1.4;
  font-weight:800;
  word-break:break-word;
  margin:0;
}
.detail-modal-mono{
  font-family:Consolas,"Courier New",monospace;
  font-size:14px;
}
.detail-modal-notes{
  font-weight:700;
  white-space:pre-wrap;
}
.detail-modal-actions{
  justify-content:flex-start;
  gap:12px;
  padding-top:16px;
}
.detail-modal-actions-group{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.mr-kpi-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
}
.mr-hero-tools{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.mr-manual-add{
  display:block;
  width:100%;
  margin-top:8px;
}
.mr-manual-add-panel{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding:18px 20px;
  border:1px solid #dbe6f2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15, 36, 64, .08);
}
.mr-manual-add-panel[hidden]{
  display:none;
}
.mr-manual-add-panel .mr-line-edit-form{
  width:100%;
}
.ds-checkbox-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  padding:4px 0 2px;
}
.ds-toggle-grid{
  gap:12px 18px;
}
.ds-checklist-field{
  display:grid;
  gap:10px;
}
.ds-checklist-label{
  display:block;
  font-size:13px;
  font-weight:800;
  color:var(--ink);
}
.ds-checkbox-item{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:20px;
  font-size:14px;
  font-weight:700;
  color:#12233d;
}
.ds-checkbox-item input[type=checkbox]{
  width:18px;
  height:18px;
  margin:0;
  flex:0 0 18px;
}
.ds-checkbox-item span{
  display:block;
  line-height:1.35;
}
.ds-toggle-item{
  justify-content:space-between !important;
  align-items:center !important;
  padding:10px 12px !important;
  border:1px solid #dce6f1;
  border-radius:2px;
  background:#fff;
}
.ds-toggle-item > span:first-child{
  flex:1 1 auto;
  min-width:0;
  padding-right:12px;
  line-height:1.35;
}
.workstation-form{
  gap:16px 18px !important;
}
.workstation-switch-card{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:44px !important;
  padding:12px 14px !important;
}
.workstation-switch-copy{
  display:grid !important;
  gap:3px !important;
  text-align:left !important;
  justify-items:start !important;
}
.workstation-switch-copy strong{
  font-size:13px !important;
  font-weight:800 !important;
  color:var(--ink) !important;
}
.workstation-switch-copy small{
  color:var(--muted) !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}
.workstation-form .ds-checklist-field{
  gap:12px !important;
}
.workstation-form .ds-checklist-label{
  color:var(--ink) !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.workstation-form .ds-toggle-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
.workstation-vehicle-item{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:68px !important;
  padding:12px 14px !important;
}
.workstation-vehicle-copy{
  display:grid !important;
  gap:3px !important;
  min-width:0 !important;
  text-align:left !important;
  justify-items:start !important;
}
.workstation-vehicle-copy strong{
  font-size:13px !important;
  font-weight:800 !important;
  color:var(--ink) !important;
  line-height:1.2 !important;
}
.workstation-vehicle-copy small{
  color:var(--muted) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}
.workstation-shift-row{
  display:grid !important;
  gap:10px !important;
  padding:14px !important;
  border:1px solid #dce6f1 !important;
  border-radius:2px !important;
  background:#fbfdff !important;
}
.workstation-shift-index{
  color:var(--primary-2) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
.workstation-shift-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(140px,.7fr)) !important;
  gap:12px !important;
}
@media (max-width:760px){
  .workstation-form .ds-toggle-grid{
    grid-template-columns:1fr !important;
  }
  .workstation-shift-grid{
    grid-template-columns:1fr !important;
  }
  .workstation-switch-card,
  .workstation-vehicle-item{
    align-items:flex-start !important;
  }
}
.dashboard-kpis .metric-card{border-radius:2px;min-height:110px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);gap:16px}
.dashboard-review-list{display:grid;padding:10px 18px 18px}
.dashboard-review-item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #edf3fb;color:var(--text)
}
.dashboard-review-item:last-child{border-bottom:0}
.dashboard-review-item span{font-weight:800}
.dashboard-review-item strong{font-size:12px;color:#0f3f8a}
.dashboard-review-empty{padding:14px 0;color:var(--muted)}

@media (max-width:1280px){
  .cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel-grid{grid-template-columns:1fr}
  .dashboard-grid{grid-template-columns:1fr}
}
@media (max-width:980px){
  .mobile-only{display:block}
  .sidebar-head{height:132px;min-height:132px;margin-bottom:12px}
  .brand-logo{width:132px;height:132px;flex-basis:132px}
  .brand-logo img{width:117px !important;max-width:117px !important;height:117px !important;max-height:117px !important}
  .sidebar-scrim{
    position:fixed;inset:0;background:rgba(7,18,38,.36);opacity:0;pointer-events:none;z-index:35;transition:.18s ease
  }
  .sidebar{
    width:min(84vw,320px);padding:14px 8px 10px;transform:translateX(-100%);transition:.2s ease;box-shadow:var(--shadow-strong)
  }
  .sidebar-state:checked ~ .sidebar{transform:translateX(0)}
  .sidebar-state:checked ~ .sidebar-scrim{opacity:1;pointer-events:auto}
  .page{margin-left:0;padding:76px 16px 20px}
  .topbar{flex-direction:column}
  .accounting-entry{align-self:flex-end;margin-top:-8px}
  .topbar h1{font-size:34px}
  .mobile-toggle,
  .sidebar-state:checked ~ .page .mobile-toggle{
    display:inline-flex !important;position:fixed !important;
    top:max(10px, env(safe-area-inset-top, 0px) + 8px) !important;
    left:14px !important;width:42px !important;height:42px !important;min-width:42px !important;
    z-index:2000 !important;border-radius:12px !important;background:#fff !important;color:var(--text) !important;
    border:1px solid rgba(207,219,234,.92) !important;box-shadow:var(--shadow) !important
  }
  .mobile-toggle .toggle-open,
  .mobile-toggle .toggle-closed{font-size:0 !important}
  .mobile-toggle::before,
  .mobile-toggle::after,
  .sidebar-state:checked ~ .page .mobile-toggle::before,
  .sidebar-state:checked ~ .page .mobile-toggle::after{
    content:"" !important;position:absolute !important;left:50% !important;top:50% !important;
    width:18px !important;height:2px !important;border-radius:999px !important;background:currentColor !important;
    transform-origin:center !important
  }
  .mobile-toggle::before{
    transform:translate(-50%, calc(-50% - 6px)) !important;
    box-shadow:0 6px 0 currentColor, 0 12px 0 currentColor !important
  }
  .mobile-toggle::after{
    opacity:0 !important;transform:translate(-50%, -50%) !important
  }
  .sidebar-state:checked ~ .page .mobile-toggle::before{
    transform:translate(-50%, -50%) rotate(45deg) !important;box-shadow:none !important
  }
  .sidebar-state:checked ~ .page .mobile-toggle::after{
    opacity:1 !important;transform:translate(-50%, -50%) rotate(-45deg) !important
  }
  .v2-people-desktop{display:none !important}
  .v2-people-mobile{display:grid !important}
  .v2-people-filters{grid-template-columns:1fr 1fr}
  .v2-people-filters .ds-crud-field:first-child{grid-column:1 / -1}
  .ds-filter-shell{overflow:hidden}
  .ds-filter-toggle{
    min-height:48px;display:flex !important;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer
  }
  .ds-filter-toggle strong{font-size:16px;font-weight:900;color:var(--text)}
  .ds-filter-toggle .ds-filter-chevron-down,.ds-filter-toggle .ds-filter-chevron-up{
    font-size:24px !important;font-weight:900;line-height:1;min-width:20px;justify-content:center
  }
  .ds-filter-body{display:none;padding:12px;border-top:1px solid #e7eef6}
  .ds-filter-shell:not([open]) .ds-filter-body{display:none}
  .ds-filter-shell[open] .ds-filter-body{display:block}
  .ds-filter-chevron-up{display:none}
  .ds-filter-shell[open] .ds-filter-chevron-down{display:none}
  .ds-filter-shell[open] .ds-filter-chevron-up{display:inline-flex}
}
@media (max-width:760px){
  .notification-form{grid-template-columns:1fr}
  .notification-clean .nf-row{grid-template-columns:1fr}
  .notification-clean .nf-row > .nf-field,
  .notification-clean .nf-block:nth-of-type(2) .nf-row > .nf-field:first-child,
  .notification-clean .nf-block:nth-of-type(3) .nf-row > .nf-field,
  .nf-switch,
  .nf-toggle,
  .notification-clean .ds-repeat-control{grid-column:1/-1}
  .nf-repeat{grid-template-columns:1fr}
  .nf-actions .ds-btn{width:100%}
  .cards.four,.grid.two,.modal-grid.two{grid-template-columns:1fr}
  .panel,.metric-card,.install-wrap,.login-card{border-radius:22px}
  .data-table{min-width:560px}
  .modal-dialog{width:min(96vw,96vw);padding:18px;border-radius:24px}
  .pagination{align-items:flex-start}
  .auth-shell{grid-template-columns:1fr}
  .auth-hero{min-height:auto;padding:28px}
  .auth-copy h1{font-size:38px}
  .auth-panel{padding:20px}
  .auth-card{padding:24px}
  .v2-people-mobile-grid,.v2-people-filters,.v2-people-mobile-facts{grid-template-columns:1fr}
  .detail-modal-head h3{font-size:26px}
  .detail-modal-head p{font-size:17px}
  .detail-modal-layout{grid-template-columns:1fr}
  .detail-modal-section:last-child{grid-column:auto}
  .detail-modal-grid{grid-template-columns:1fr;padding:8px 16px 16px}
  .detail-modal-grid .detail-modal-item:nth-child(-n+2){border-top:1px solid #f0f4f8}
  .detail-modal-grid .detail-modal-item:first-child{border-top:0}
  .detail-modal-section-head{padding:16px 16px 12px}
  .detail-modal-actions{justify-content:flex-start}
}

/* Backoffice login final override */
body.ds-auth-body{
  min-height:100vh !important;
  margin:0 !important;
  background:
    radial-gradient(circle at 15% 15%,rgba(47,128,237,.18),transparent 45%),
    radial-gradient(circle at 85% 85%,rgba(15,142,160,.12),transparent 40%),
    linear-gradient(180deg,#eef4ff 0%,#f8fbff 100%) !important;
}
body.ds-auth-body .ds-auth-shell{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:28px 18px !important;
}
body.ds-auth-body .ds-auth-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 0 18px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(17,24,39,.06) !important;
  box-shadow:none !important;
  color:#475569 !important;
  font-size:14px !important;
  font-weight:800 !important;
}
body.ds-auth-body .ds-auth-card{
  width:min(430px,94vw) !important;
  border:1px solid rgba(17,24,39,.06) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 20px 50px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
}
body.ds-auth-body .ds-auth-card-head{
  padding:38px 48px 16px !important;
  background:#fff !important;
  background-image:none !important;
  display:grid !important;
  gap:14px !important;
  justify-items:center !important;
  text-align:center !important;
}
body.ds-auth-body .ds-auth-logo{
  width:120px !important;
  max-width:100% !important;
  height:auto !important;
}
body.ds-auth-body .ds-auth-card-head h1{
  margin:0 !important;
  font-size:24px !important;
  line-height:1.1 !important;
  color:#0f213f !important;
  letter-spacing:-.02em !important;
}
body.ds-auth-body .ds-auth-card-head p{display:none !important}
body.ds-auth-body .ds-auth-card-body{
  padding:18px 48px 46px !important;
  display:grid !important;
  gap:20px !important;
  background:#fff !important;
}
body.ds-auth-body .ds-auth-fields label{
  position:relative !important;
  color:#334155 !important;
  font-size:0 !important;
  font-weight:800 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
body.ds-auth-body .ds-auth-fields label span{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
}
body.ds-auth-body .ds-auth-fields .ds-input{
  min-height:58px !important;
  border-radius:6px !important;
  border:1px solid #d8e3ef !important;
  background:#fff !important;
  padding:0 14px !important;
  font-size:16px !important;
  font-weight:700 !important;
}
body.ds-auth-body .ds-auth-fields .ds-input::placeholder{color:#0f213f !important;opacity:1 !important;font-weight:800 !important}
body.ds-auth-body .ds-auth-submit{
  width:100% !important;
  min-height:48px !important;
  border-radius:7px !important;
  background:#1677ff !important;
  border-color:#1677ff !important;
  font-size:20px !important;
  font-weight:800 !important;
}
body.ds-auth-body .ds-auth-footer{
  margin-top:26px !important;
  padding:8px 12px !important;
  border:1px solid rgba(17,24,39,.05) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.6) !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
}

/* Stato attivo più leggibile */
mark.success,
.v2-badge-success,
.v2-status-mark.success{
  background:#d9f99d !important;
  color:#245900 !important;
  border:1px solid #9bd322 !important;
  font-weight:900 !important;
}

.modal-actions{
  margin-top:18px !important;
}
body.ds-auth-body .ds-auth-powered{
  color:rgba(20,62,106,.70) !important;
  font-size:14px !important;
  font-weight:500 !important;
}
body.ds-auth-body .ds-auth-powered img{
  height:16px !important;
  width:auto !important;
}

/* Final V2 override: keep this last. */
.btn,.btn-primary{
  min-height:40px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 14px;border:1px solid #2f80ed;background:#2f80ed;color:#fff;font-weight:800;
  text-decoration:none;white-space:nowrap;line-height:1;box-shadow:none
}
.btn svg,.btn-primary svg{width:18px;height:18px;stroke-width:2.2}
.ds-btn{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;
  border:1px solid #dce6f1;border-radius:2px;background:#fff;color:var(--ink);font-weight:800;
  line-height:1;text-decoration:none;white-space:nowrap;box-shadow:none
}
.ds-btn-primary{background:#0f3f8a;border-color:#0f3f8a;color:#fff}
.ds-btn-secondary{background:#fff;border-color:#dce6f1;color:var(--ink)}
.ds-btn-danger{background:#fff6f5;border-color:#efc2b8;color:#b84531}
.v2-people-actions{display:flex;justify-content:flex-end}
.v2-people-filters{grid-template-columns:minmax(320px,520px) minmax(180px,220px);justify-content:start;gap:10px}
.v2-people-filters .ds-filter-actions-right{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ds-filter-shell{background:#fff;box-shadow:none}
.ds-filter-shell:not([open]) .ds-filter-body{display:block}
.ds-filter-body{display:block;padding:12px}
.ds-filter-field-shell .ds-input{padding-left:40px;min-height:38px;border-radius:2px}
.ds-filter-field-shell select.ds-input{padding-right:34px}
.ds-filter-icon svg{width:14px;height:14px;display:block}
.v2-people-card-body{padding:0}
.v2-people-desktop{border:0;border-radius:0;box-shadow:none;background:transparent;display:block;overflow:visible;height:auto;max-height:none}
.v2-people-desktop .services-body{width:100%;height:auto;max-height:none;overflow:visible}
.v2-people-desktop .services-body table{width:100%;min-width:0;table-layout:auto}
.v2-people-desktop .services-body th,.v2-people-desktop .services-body td{white-space:nowrap;height:48px;padding:0 18px}
.v2-people-desktop .services-body th:first-child,.v2-people-desktop .services-body td:first-child{width:250px}
.v2-people-desktop .services-body th:last-child,.v2-people-desktop .services-body td:last-child{width:220px;text-align:left}
.v2-people-mobile .ds-icon-actions,.v2-people-desktop .ds-icon-actions{display:inline-flex;flex-wrap:nowrap;gap:8px;align-items:center}
.v2-action-btn{
  width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;border:1px solid #d7e2ef;border-radius:2px;background:#fff;box-shadow:none;color:#1b2c43;text-decoration:none;line-height:1
}
.v2-action-btn svg{width:15px;height:15px;stroke-width:2}
.v2-action-btn.is-success{color:#2f7a00}
.v2-action-btn.is-danger{color:#c9543f}
mark{border-radius:8px;padding:6px 11px;background:none;font-size:10px;font-weight:850}
mark.success{background:var(--success-soft);color:#2f7a00}
mark.danger{background:#fff0f0;color:#b42318}
.modal-dialog{border-radius:2px;border:1px solid #dfe8f3;box-shadow:0 18px 42px rgba(20,45,80,.14)}
.modal-head h3{font-size:20px;letter-spacing:0;font-weight:900}
.modal-close{border-radius:2px;border:1px solid #d7e2ef;background:#fff}
.modal-grid label{font-size:13px;font-weight:800;color:var(--ink);gap:7px}
.modal-section-title{
  margin-top:4px;
  padding:10px 0 6px;
  border-top:1px solid #e5edf6;
  color:#58708e;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.modal-section-title:first-of-type{
  margin-top:0;
  border-top:0;
  padding-top:0;
}
.switch-field{display:grid;justify-items:center;gap:12px;text-align:center;border-radius:2px}
.switch{width:44px;height:24px;flex:0 0 44px}
.switch-slider::before{left:3px;top:3px;width:18px;height:18px}
.switch input:checked + .switch-slider::before{transform:translateX(20px)}
@media (max-width:980px){
  .ds-filter-shell:not([open]) .ds-filter-body{display:none}
  .v2-people-desktop{display:none !important}
  .v2-people-mobile{display:grid !important}
  .v2-people-filters{grid-template-columns:1fr 1fr}
  .v2-people-filters .ds-crud-field:first-child{grid-column:1 / -1}
}

/* DS V2 surgical parity layer: tables, buttons, modals, toggles. Keep last. */
.content > .panel{
  display:grid !important;
  gap:14px !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.content > .panel > .toolbar{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  min-height:0 !important;
  padding:0 0 14px !important;
  border-bottom:1px solid #dfe8f3 !important;
  background:transparent !important;
}
.content > .panel > .toolbar h2{font-size:20px !important;font-weight:900 !important;color:var(--text) !important}
.content > .panel > .toolbar p{margin:6px 0 0 !important;color:var(--muted) !important}
.toolbar-actions{display:inline-flex !important;align-items:center !important;justify-content:flex-end !important;gap:8px !important;flex-wrap:nowrap !important}
.table-shell{
  width:100% !important;
  overflow-x:auto !important;
  border:1px solid #dfe8f3 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(20,45,80,.04) !important;
}
.data-table{
  width:100% !important;
  min-width:920px !important;
  border-collapse:collapse !important;
  table-layout:auto !important;
}
.data-table th,.data-table td{
  height:48px !important;
  padding:0 18px !important;
  border-bottom:1px solid #edf3fb !important;
  background:#fff !important;
  text-align:left !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}
.data-table th{
  color:#6c7f95 !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
.data-table tr:last-child td{border-bottom:0 !important}
.vat-single-table-shell{overflow-x:visible !important}
.vat-single-table{min-width:0 !important;width:100% !important;table-layout:fixed !important}
.vat-single-table th,.vat-single-table td{padding:0 12px !important}
.vat-single-table th:nth-child(1),.vat-single-table td:nth-child(1){width:43%}
.vat-single-table th:nth-child(2),.vat-single-table td:nth-child(2){width:18%}
.vat-single-table th:nth-child(3),.vat-single-table td:nth-child(3){width:11%;text-align:center !important}
.vat-single-table th:nth-child(4),.vat-single-table td:nth-child(4){width:18%;text-align:right !important}
.vat-single-table th:nth-child(5),.vat-single-table td:nth-child(5){width:10%;text-align:center !important}
.data-table .actions,
td.actions,
.ds-icon-actions{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:var(--success-soft) !important;
  color:#2f7a00 !important;
  font-size:10px !important;
  font-weight:850 !important;
  line-height:1 !important;
}
.button,
.button.alt{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 14px !important;
  border:1px solid #dce6f1 !important;
  border-radius:2px !important;
  background:#fff !important;
  color:var(--ink) !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
.button:not(.alt){background:#0f3f8a !important;border-color:#0f3f8a !important;color:#fff !important}
.modal-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
}
.modal-grid{
  gap:14px 16px !important;
}
.modal-grid input,
.modal-grid select,
.modal-grid textarea{
  min-height:43px !important;
  border:1px solid #d7e2ef !important;
  border-radius:2px !important;
  background:#fff !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
.modal-grid textarea{min-height:96px !important;padding-top:10px !important}
.checkbox-inline{
  min-height:43px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid #d7e2ef;
  background:#fff;
  color:#061a3c;
  font-weight:700;
}
.checkbox-inline input{
  width:18px;
  height:18px;
  min-height:18px !important;
}
.notification-form{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  max-width:none;
  width:100%;
}
.nf-field,
.nf-roles{
  display:grid;
  gap:7px;
  margin:0;
  color:var(--ink);
  font-size:13px;
  font-weight:850;
  border:0;
  padding:0;
}
.nf-full,
.nf-actions{grid-column:1/-1}
.nf-field input,
.nf-field select,
.nf-field textarea,
.nf-multi-select{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d7e2ef;
  border-radius:6px;
  background:#fff;
  color:var(--text);
  font:inherit;
  font-weight:650;
}
.nf-field textarea{min-height:118px;resize:vertical}
.nf-combo{
  position:relative;
}
.nf-combo input{
  padding-right:44px;
}
.nf-combo-toggle{
  position:absolute;
  right:8px;
  bottom:7px;
  width:30px;
  height:30px;
  border:0;
  background:transparent;
  color:#15375d;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.nf-combo-menu{
  position:absolute;
  z-index:30;
  top:calc(100% + 6px);
  left:0;
  right:0;
  max-height:240px;
  overflow:auto;
  border:1px solid #d7e2ef;
  border-radius:8px;
  background:#fff;
  box-shadow:0 16px 34px rgba(15,35,65,.14);
  padding:6px;
}
.nf-combo-menu button{
  width:100%;
  min-height:38px;
  border:0;
  border-radius:6px;
  background:#fff;
  color:#0b2445;
  text-align:left;
  padding:8px 10px;
  font-weight:750;
  cursor:pointer;
}
.nf-combo-menu button:hover,
.nf-combo-menu button:focus{
  background:#eef6ff;
  outline:0;
}
.nf-multi-combo{
  position:relative;
  display:block;
}
.nf-multi-button{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid #d7e2ef;
  border-radius:6px;
  background:#fff;
  color:var(--text);
  font-weight:750;
  text-align:left;
  cursor:pointer;
}
.nf-multi-button span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nf-multi-menu{
  position:absolute;
  z-index:30;
  top:calc(100% + 6px);
  left:0;
  right:0;
  max-height:240px;
  overflow:auto;
  border:1px solid #d7e2ef;
  border-radius:8px;
  background:#fff;
  box-shadow:0 16px 34px rgba(15,35,65,.14);
  padding:8px;
}
.nf-multi-menu label{
  min-height:36px;
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:9px;
  padding:7px 8px;
  border-radius:6px;
  color:#0b2445;
  font-size:13px;
  font-weight:750;
}
.nf-multi-menu label:hover{
  background:#eef6ff;
}
.nf-multi-menu input{
  width:16px !important;
  height:16px !important;
  min-height:16px !important;
  margin:0;
  padding:0;
}
.nf-multi-select{
  min-height:112px;
  background:#fbfdff;
}
.nf-repeat{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(260px,1fr);
  gap:16px;
  align-items:end;
}
.nf-field small,
.nf-check small,
.nf-switch small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.nf-roles legend{
  padding:0;
  margin:0 0 7px;
  font-size:13px;
  font-weight:850;
  color:var(--ink);
}
.nf-check-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px;
  min-height:44px;
  border:1px solid #d7e2ef;
  border-radius:6px;
  background:#fbfdff;
}
.nf-check-grid label,
.nf-check{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  color:var(--text);
  font-size:13px;
  font-weight:750;
}
.nf-check-grid input,
.nf-check input{
  flex:0 0 18px;
  width:18px !important;
  height:18px !important;
  min-height:18px !important;
  margin:0;
  padding:0;
}
.nf-check{
  align-self:end;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d7e2ef;
  border-radius:6px;
  background:#fbfdff;
}
.nf-actions{display:flex;justify-content:flex-start}
.notification-clean{
  max-width:none;
  width:100%;
  grid-template-columns:1fr;
  gap:16px;
}
.notification-clean .nf-block{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid #e3ebf5;
  border-radius:10px;
  background:#fbfdff;
}
.notification-clean .nf-block h4{
  margin:0;
  color:#0b2445;
  font-size:14px;
  font-weight:900;
}
.notification-clean .nf-row{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px 16px;
}
.notification-clean .nf-row > .nf-field{grid-column:span 4}
.notification-clean .nf-row > .nf-wide{grid-column:1/-1}
.notification-clean .nf-block:nth-of-type(2) .nf-row > .nf-field:first-child{grid-column:span 4}
.notification-clean .nf-block:nth-of-type(3) .nf-row > .nf-field{grid-column:span 4}
.notification-clean .nf-block:nth-of-type(3) .nf-row{
  align-items:start;
}
.notification-clean .nf-block:nth-of-type(3) .nf-field{
  grid-template-rows:auto 44px auto;
}
.notification-clean .nf-multi-select{
  min-height:84px;
}
.notification-clean [hidden]{
  display:none !important;
}
.notification-clean .nf-check{
  align-self:start;
  min-height:44px;
}
.nf-switch{
  grid-column:span 4;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:10px 12px;
  border:1px solid #d7e2ef;
  border-radius:8px;
  background:#fff;
  color:var(--text);
  font-size:13px;
  font-weight:750;
}
.nf-switch > i{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eef6ff;
  color:#1458b8;
  font-size:18px;
}
.nf-switch b{
  display:grid;
  gap:1px;
  min-width:0;
  font-style:normal;
  margin-right:auto;
}
.nf-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.nf-switch > span{
  position:relative;
  flex:0 0 58px;
  width:58px;
  height:32px;
  border-radius:999px;
  background:#ccd8e6;
  box-shadow:inset 0 0 0 1px rgba(20,55,90,.1);
  transition:background .18s ease, box-shadow .18s ease;
}
.nf-switch > span::after{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 7px rgba(15,35,65,.22);
  transition:transform .18s ease;
}
.nf-switch input:checked + span{
  background:#2f80ed;
  box-shadow:inset 0 0 0 1px rgba(47,128,237,.2);
}
.nf-switch input:checked + span::after{
  transform:translateX(26px);
}
.nf-switch input:focus-visible + span{
  outline:3px solid rgba(66,165,245,.28);
  outline-offset:3px;
}
.nf-toggle{
  grid-column:span 4;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--text);
  font-size:13px;
  font-weight:750;
  align-self:end;
}
.nf-toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.nf-toggle > span{
  position:relative;
  flex:0 0 52px;
  width:52px;
  height:30px;
  border-radius:999px;
  background:#cfd9e6;
  box-shadow:inset 0 0 0 1px rgba(12,36,65,.08);
  transition:background .18s ease, box-shadow .18s ease;
}
.nf-toggle > span::after{
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(15,35,65,.24);
  transition:transform .18s ease;
}
.nf-toggle input:checked + span{
  background:#2f80ed;
  box-shadow:inset 0 0 0 1px rgba(47,128,237,.2);
}
.nf-toggle input:checked + span::after{
  transform:translateX(22px);
}
.nf-toggle input:focus-visible + span{
  outline:3px solid rgba(47,128,237,.25);
  outline-offset:3px;
}
.nf-toggle b{
  display:grid;
  gap:1px;
  min-width:0;
  font-style:normal;
}
.nf-toggle small{
  display:block;
  margin-top:1px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.notification-clean .ds-repeat-control{
  grid-column:span 4;
  align-self:start;
}
.notification-clean .ds-toggle-line{
  min-height:44px;
  height:44px;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding:0 !important;
}
.notification-clean .ds-toggle-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.notification-clean .ds-toggle-track{
  position:relative !important;
  flex:0 0 54px !important;
  width:54px !important;
  height:30px !important;
  border-radius:999px !important;
  background:#cfd9e6 !important;
  box-shadow:inset 0 0 0 1px rgba(12,36,65,.1) !important;
  transition:background .18s ease !important;
}
.notification-clean .ds-toggle-track::after{
  content:"" !important;
  position:absolute !important;
  top:4px !important;
  left:4px !important;
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 2px 7px rgba(15,35,65,.24) !important;
  transition:transform .18s ease !important;
}
.notification-clean .ds-toggle-input:checked + .ds-toggle-track{
  background:#2f80ed !important;
}
.notification-clean .ds-toggle-input:checked + .ds-toggle-track::after{
  transform:translateX(24px) !important;
}
.notification-clean .ds-toggle-input:focus-visible + .ds-toggle-track{
  outline:3px solid rgba(47,128,237,.25) !important;
  outline-offset:3px !important;
}
.notification-clean .ds-toggle-copy{
  display:grid !important;
  gap:1px !important;
  min-width:0 !important;
  line-height:1.15 !important;
}
.notification-clean .ds-toggle-copy small{
  color:var(--muted) !important;
  font-size:11px !important;
  font-weight:700 !important;
}
.modal-root{
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
}
.modal-dialog{
  width:min(960px,calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  overflow:auto !important;
  scrollbar-width:none !important;
  border-radius:2px !important;
}
.modal-dialog::-webkit-scrollbar{width:0 !important;height:0 !important}
.modal-head{
  position:static !important;
  top:auto !important;
  z-index:2 !important;
  margin:0 0 18px !important;
  padding:0 0 16px !important;
  border-bottom:1px solid #edf3fb !important;
  background:#fff !important;
  backdrop-filter:none !important;
}
.modal-close{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  font-size:22px !important;
  line-height:1 !important;
}
.switch-field{
  min-height:74px !important;
  align-content:center !important;
  border:1px solid #dfe8f3 !important;
  background:#fff !important;
}
.switch{
  position:relative !important;
  display:inline-flex !important;
  width:46px !important;
  height:26px !important;
}
.switch input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
}
.switch-slider{
  position:absolute !important;
  inset:0 !important;
  cursor:pointer !important;
  border-radius:999px !important;
  background:#d7e2ef !important;
  transition:background .16s ease !important;
}
.switch-slider::before{
  content:"" !important;
  position:absolute !important;
  left:3px !important;
  top:3px !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(18,35,61,.18) !important;
  transition:transform .16s ease !important;
}
.switch input:checked + .switch-slider{background:#2f80ed !important}
.switch input:checked + .switch-slider::before{transform:translateX(20px) !important}
.pagination{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.pagination-meta{color:var(--muted) !important;font-size:13px !important}

/* Monthly vehicle assignment: keep the page aligned with the DS cards instead of a raw table. */
.monthly-assignment-list{display:grid;gap:14px}
.monthly-assignment-card{border:1px solid #e2eaf4;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 16px rgba(22,54,93,.04)}
.monthly-assignment-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #edf2f8;background:linear-gradient(90deg,#fbfdff,#f5f9fd)}
.monthly-assignment-card-head h4{margin:4px 0 3px;font-size:17px;color:var(--text)}
.monthly-assignment-card-head p{margin:0;color:var(--muted);font-size:12px}
.monthly-assignment-card .ds-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#1593ad}
.monthly-assignment-grid{padding:16px 20px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.monthly-assignment-grid .switch-field{min-height:66px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;padding:12px 14px;border-radius:9px!important}
.monthly-assignment-grid .workstation-vehicle-copy{display:grid;gap:3px;min-width:0}
.monthly-assignment-grid .workstation-vehicle-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.monthly-assignment-grid .workstation-vehicle-copy small{font-size:11px;color:var(--muted)}
.monthly-assignment-grid .switch{flex:0 0 46px!important;justify-self:auto!important}
.monthly-assignment-grid .switch-field > .switch{margin-left:12px!important}
.monthly-assignment-card.is-disabled{opacity:.58}
@media (max-width:700px){.monthly-assignment-card-head{align-items:flex-start;flex-direction:column}.monthly-assignment-grid{grid-template-columns:1fr;padding:12px}.monthly-assignment-card-head{padding:16px}}
.pagination-links{display:inline-flex !important;align-items:center !important;gap:8px !important}
.pagination-link{
  min-width:36px !important;
  height:36px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #dce6f1 !important;
  border-radius:2px !important;
  background:#fff !important;
  color:var(--text) !important;
  font-weight:800 !important;
}
.pagination-link.is-active{background:#2f80ed !important;border-color:#2f80ed !important;color:#fff !important}
.navgroup:not([open]) .submenu::after{display:none !important}
.navgroup[open] .submenu::after{
  background:rgba(255,255,255,.26) !important;
  margin-top:10px !important;
}
@media (min-width:981px){
  .ds-filter-toggle{display:none !important}
  .ds-filter-body,
  .ds-filter-shell:not([open]) .ds-filter-body{
    display:block !important;
  }
  .ds-filter-shell{overflow:visible !important}
}
@media (max-width:980px){
  .content > .panel > .toolbar{align-items:stretch !important;flex-direction:column !important}
  .toolbar-actions{justify-content:flex-start !important}
  .modal-root{padding:10px !important}
  .modal-dialog{width:calc(100vw - 20px) !important;max-height:calc(100vh - 20px) !important;padding:18px !important}
  .modal-head{margin:0 0 16px !important;padding:0 0 14px !important}
  .modal-actions{flex-wrap:wrap !important}
}

/* DS V2 all-pages completion layer. */
.content{
  display:grid !important;
  gap:16px !important;
}
.content > section,
.content > .panel,
.content > .ds-section,
.content > .ds-crud-card{
  max-width:none !important;
}
.panel > table.data-table,
.panel > .data-table{
  border:1px solid #dfe8f3 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(20,45,80,.04) !important;
}
.panel > table.data-table{
  display:table !important;
}
.panel > .grid.two,
.panel > form.grid.two{
  border:1px solid #dfe8f3 !important;
  border-radius:2px !important;
  background:#fff !important;
  padding:20px !important;
  box-shadow:0 10px 24px rgba(20,45,80,.04) !important;
}
.panel > h2{
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 20px !important;
  border:1px solid #dfe8f3 !important;
  border-bottom:0 !important;
  border-radius:2px 2px 0 0 !important;
  background:#fff !important;
}
.list{
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dfe8f3 !important;
  border-radius:0 0 2px 2px !important;
  background:#fff !important;
  list-style:none !important;
}
.list li{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:48px !important;
  padding:0 20px !important;
  border-top:1px solid #edf3fb !important;
}
.code-block{
  margin:0 !important;
  padding:18px 20px !important;
  border:1px solid #dfe8f3 !important;
  border-radius:2px !important;
  background:#fff !important;
  color:var(--text) !important;
  box-shadow:0 10px 24px rgba(20,45,80,.04) !important;
}
.cards.four{
  gap:14px !important;
}
.metric-card{
  border-radius:2px !important;
  border:1px solid #dfe8f3 !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(20,45,80,.04) !important;
}
.modal-grid + .modal-grid,
.modal-grid + .table-shell,
.table-shell + .table-shell,
.table-shell + .modal-actions{
  margin-top:16px !important;
}
.modal-dialog .table-shell{
  box-shadow:none !important;
}
.modal-dialog p{
  margin:0 !important;
  color:var(--text) !important;
  line-height:1.45 !important;
}

/* Final dashboard KPI wave cards, V2 style. */
.dashboard-kpis{
  align-items:stretch !important;
}
.dashboard-kpis .metric-card.kpi-wave{
  position:relative !important;
  min-height:132px !important;
  overflow:hidden !important;
  padding:22px 22px 44px !important;
  border-radius:2px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
}
.dashboard-kpis .metric-card.kpi-wave::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto !important;
  height:3px !important;
  background:var(--kpi-accent) !important;
}
.dashboard-kpis .metric-card.kpi-wave span{
  position:relative !important;
  z-index:1 !important;
  color:var(--kpi-accent) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:none !important;
}
.dashboard-kpis .metric-card.kpi-wave strong{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin-top:8px !important;
  color:var(--kpi-accent) !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
.dashboard-kpis .metric-card.kpi-wave small{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  margin-top:8px !important;
  color:var(--muted) !important;
}
.dashboard-kpis .metric-card.kpi-wave svg{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:54px !important;
  }
.dashboard-kpis .metric-card.kpi-wave svg path:first-child{fill:var(--kpi-soft) !important}
.dashboard-kpis .metric-card.kpi-wave svg path:last-child{fill:none !important;stroke:var(--kpi-accent) !important;stroke-width:3 !important;stroke-linecap:round !important}
.kpi-blue{--kpi-accent:#2f80ed;--kpi-soft:#e8f2ff}
.kpi-green{--kpi-accent:#5ca900;--kpi-soft:#e7f6c8}
.kpi-orange{--kpi-accent:#f59e0b;--kpi-soft:#fff6df}
.kpi-purple{--kpi-accent:#6d5dfc;--kpi-soft:#f0efff}
.ds-param-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  padding:20px !important;
}
.ds-param-actions{
  display:flex !important;
  justify-content:flex-end !important;
}
@media (max-width:1100px){
  .ds-param-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:760px){
  .ds-param-grid{grid-template-columns:1fr !important}
  .ds-param-actions{justify-content:flex-start !important}
}
@media (max-width:760px){
  .cards.four.dashboard-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .dashboard-kpis .metric-card.kpi-wave{
    min-height:118px !important;
    padding:18px 16px 40px !important;
  }
  .dashboard-kpis .metric-card.kpi-wave strong{
    font-size:26px !important;
  }
  .dashboard-kpis .metric-card.kpi-wave svg{
    height:46px !important;
  }
}
@media (max-width:980px){
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .v2-people-desktop{
    display:block !important;
    overflow-x:auto !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .v2-people-desktop .services-body{
    overflow-x:auto !important;
  }
}

@media (max-width:980px){
  .modal-root{
    padding:18px !important;
    align-items:center !important;
  }
  .modal-dialog{
    width:calc(100vw - 36px) !important;
    max-height:calc(100vh - 36px) !important;
    padding:18px !important;
    overflow:auto !important;
    scrollbar-width:none !important;
  }
  .modal-dialog::-webkit-scrollbar{display:none !important}
}
@media (max-width:420px){
  .modal-root{padding:14px !important}
  .modal-dialog{
    width:calc(100vw - 28px) !important;
    max-height:calc(100vh - 28px) !important;
  }
}

@media (max-width:760px){
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .v2-people-desktop,
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .v2-people-desktop .services-body{
    overflow:visible !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) thead{display:none !important}
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tbody{
    display:grid !important;
    gap:12px !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tr{
    display:grid !important;
    gap:10px !important;
    padding:14px !important;
    border:1px solid var(--line) !important;
    background:#fff !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding:0 !important;
    border:0 !important;
    text-align:right !important;
    min-width:0 !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
    text-align:left;
    flex:0 0 42%;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:last-child{
    justify-content:flex-end !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:last-child::before{display:none}
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .ds-icon-actions{
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
  }
}

@media (max-width:760px){
  .dashboard-grid{
    grid-template-columns:1fr !important;
  }
  .ds-crud-card > .services-body{
    overflow:visible !important;
  }
  .ds-crud-card > .services-body table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
  }
  .ds-crud-card > .services-body thead{display:none !important}
  .ds-crud-card > .services-body tbody{
    display:grid !important;
    gap:12px !important;
  }
  .ds-crud-card > .services-body tr{
    display:grid !important;
    gap:10px !important;
    padding:14px !important;
    border:1px solid var(--line) !important;
    background:#fff !important;
  }
  .ds-crud-card > .services-body td{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding:0 !important;
    border:0 !important;
    text-align:right !important;
  }
  .ds-crud-card > .services-body td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
    text-align:left;
    flex:0 0 42%;
  }
}

/* Final UI fixes: modal precedence, table breathing room, mobile filters closed by default. */
.modal-root{
  z-index:3000 !important;
}
.modal-root.is-open ~ .mobile-toggle,
body:has(.modal-root.is-open) .mobile-toggle,
body.modal-open .mobile-toggle{
  z-index:10 !important;
  pointer-events:none !important;
}
.ds-crud-card-body,
.ds-crud-card > .services-body{
  padding-bottom:28px !important;
}
.ds-table-pager{
  margin-bottom:18px !important;
}
@media (max-width:760px){
  .ds-filter-shell:not([open]) .ds-filter-body{
    display:none !important;
  }
  .ds-crud-card-body,
  .ds-crud-card > .services-body{
    padding-bottom:22px !important;
  }
}

@media (max-width:760px){
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tbody{
    gap:12px !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tr{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px 14px !important;
    padding:16px !important;
    border-radius:2px !important;
    overflow:hidden !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    text-align:left !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td::before{
    display:block !important;
    margin-bottom:4px !important;
    color:var(--muted) !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    line-height:1.2 !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:first-child{
    grid-column:1/-1 !important;
    font-size:15px !important;
    line-height:1.25 !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:first-child::before{
    display:none !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:first-child strong{
    display:block !important;
    max-width:100% !important;
    color:var(--text) !important;
    font-size:15px !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:last-child{
    grid-column:1/-1 !important;
    display:flex !important;
    justify-content:flex-end !important;
    padding-top:2px !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:last-child::before{
    display:none !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td mark,
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td .v2-status-mark{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
  }
  .ds-crud-card > .services-body tr{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px 14px !important;
    padding:16px !important;
    overflow:hidden !important;
  }
  .ds-crud-card > .services-body td{
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
    text-align:left !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  .ds-crud-card > .services-body td::before{
    display:block !important;
    margin-bottom:4px !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    line-height:1.2 !important;
  }
  .ds-crud-card > .services-body td:first-child{
    grid-column:1/-1 !important;
    font-size:15px !important;
    line-height:1.25 !important;
  }
  .ds-crud-card > .services-body td:first-child::before{display:none !important}
}

.person-combobox{
  position:relative;
  display:grid;
  gap:6px;
}
.person-combobox select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.person-combobox-panel{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:3100;
  max-height:220px;
  overflow:auto;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 18px 44px rgba(8,26,52,.14);
  display:none;
}
.person-combobox.is-open .person-combobox-panel{
  display:block;
}
.person-combobox-option{
  width:100%;
  display:block;
  padding:10px 12px;
  border:0;
  border-bottom:1px solid #edf2f8;
  background:#fff;
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.person-combobox-option:hover,
.person-combobox-option.is-active{
  background:#eef6ff;
}
.person-combobox-input{
  width:100%;
  min-height:38px;
  padding:0 12px;
  border:1px solid #dce6f1;
  border-radius:2px;
  background:#fff;
  color:var(--text);
}
.person-combobox-hint{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:600;
}

/* Desktop DS normalization: same page rhythm + one-line filters when space allows. */
@media (min-width:981px){
  .page{
    padding:24px 24px 32px !important;
  }
  .topbar{
    margin-bottom:18px !important;
  }
  .content{
    gap:16px !important;
  }
  .content > .ds-section,
  .content > section.ds-section{
    width:100% !important;
    margin:0 !important;
  }
  .ds-section,
  .ds-crud-shell{
    gap:14px !important;
  }
  .v2-people-actions{
    min-height:40px !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }
  .ds-filter-body{
    padding:12px !important;
  }
  .ds-toolbar-filters.v2-people-filters,
  .ds-toolbar-filters.ds-filter-compact{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
  }
  .ds-toolbar-filters.v2-people-filters .ds-crud-field,
  .ds-toolbar-filters.ds-filter-compact .ds-crud-field{
    flex:0 1 220px !important;
    min-width:170px !important;
    max-width:280px !important;
  }
  .ds-toolbar-filters.v2-people-filters .ds-crud-field:first-of-type,
  .ds-toolbar-filters.ds-filter-compact .ds-crud-field:first-of-type{
    flex:1 1 420px !important;
    min-width:280px !important;
    max-width:560px !important;
  }
  .ds-toolbar-filters.v2-people-filters .ds-filter-actions-right,
  .ds-toolbar-filters.ds-filter-compact .ds-filter-actions-right{
    grid-column:auto !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    min-width:max-content !important;
  }
  .ds-filter-actions-left{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
  }
  .ds-crud-card,
  .ds-filter-shell{
    margin:0 !important;
  }
  .ds-crud-card-header{
    min-height:74px !important;
  }
  .ds-crud-card-body.v2-people-card-body{
    padding:0 !important;
  }
  .ds-table-pager{
    margin-top:0 !important;
  }
}

@media (min-width:981px) and (max-width:1260px){
  .ds-toolbar-filters.v2-people-filters,
  .ds-toolbar-filters.ds-filter-compact{
    flex-wrap:wrap !important;
  }
  .ds-toolbar-filters.v2-people-filters .ds-filter-actions-right,
  .ds-toolbar-filters.ds-filter-compact .ds-filter-actions-right{
    flex-basis:auto !important;
  }
}

@media (min-width:981px){
  .content > .panel{
    display:grid !important;
    gap:14px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .content > .panel > .toolbar{
    min-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:14px !important;
  }
  .content > .panel > .toolbar h2{
    display:none !important;
  }
  .content > .panel > .toolbar p{
    display:none !important;
  }
  .content > .panel > .toolbar .toolbar-actions{
    margin-left:auto !important;
  }
  .content > .panel > .table-shell{
    border:1px solid #dfe8f3 !important;
    border-radius:2px !important;
    background:#fff !important;
    box-shadow:0 10px 24px rgba(20,45,80,.04) !important;
    margin:0 !important;
  }
  .content > .panel > .table-shell .data-table{
    width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
  }
  .content > .panel > .table-shell .data-table th,
  .content > .panel > .table-shell .data-table td{
    height:48px !important;
    padding:0 18px !important;
    border-bottom:1px solid #edf3fb !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
  }
  .content > .panel > .pagination{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    margin:0 0 18px !important;
  }
  .pagination-meta{
    color:var(--muted) !important;
    font-size:13px !important;
  }
  .pagination-links{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  .pagination-link{
    min-width:36px !important;
    height:36px !important;
    padding:0 12px !important;
    border-radius:2px !important;
    border:1px solid #dce6f1 !important;
    background:#fff !important;
    color:var(--text) !important;
    font-weight:800 !important;
  }
  .pagination-link.is-active{
    background:#2f80ed !important;
    border-color:#2f80ed !important;
    color:#fff !important;
  }
}

/* Mobile table cards: final canonical layout, aligned like Personale. */
@media (max-width:760px){
  .ds-crud-card-body:not(:has(.v2-people-mobile)),
  .ds-crud-card > .services-body{
    padding:16px !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .services,
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .services-body,
  .ds-crud-card > .services-body{
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) table,
  .ds-crud-card > .services-body table{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    border:0 !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) thead,
  .ds-crud-card > .services-body thead{
    display:none !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tbody,
  .ds-crud-card > .services-body tbody{
    display:grid !important;
    width:100% !important;
    min-width:0 !important;
    gap:12px !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tr,
  .ds-crud-card > .services-body tr{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    gap:12px 14px !important;
    padding:16px !important;
    border:1px solid var(--line) !important;
    border-radius:2px !important;
    background:#fff !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td,
  .ds-crud-card > .services-body td{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:0 !important;
    border:0 !important;
    color:var(--text) !important;
    font-size:13px !important;
    line-height:1.35 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td::before,
  .ds-crud-card > .services-body td::before{
    content:attr(data-label) !important;
    display:block !important;
    margin:0 0 4px !important;
    color:var(--muted) !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    line-height:1.2 !important;
    text-align:left !important;
    text-transform:uppercase !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:first-child,
  .ds-crud-card > .services-body td:first-child{
    grid-column:1/-1 !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:first-child::before,
  .ds-crud-card > .services-body td:first-child::before{
    display:none !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:first-child strong,
  .ds-crud-card > .services-body td:first-child strong{
    display:block !important;
    max-width:100% !important;
    color:var(--text) !important;
    font-size:15px !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:last-child,
  .ds-crud-card > .services-body td:last-child{
    grid-column:1/-1 !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    padding-top:2px !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td:last-child::before,
  .ds-crud-card > .services-body td:last-child::before{
    display:none !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td[colspan],
  .ds-crud-card > .services-body td[colspan]{
    grid-column:1/-1 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    padding:2px 0 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) td[colspan]::before,
  .ds-crud-card > .services-body td[colspan]::before{
    display:none !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tr.is-empty-row,
  .ds-crud-card > .services-body tr.is-empty-row{
    display:block !important;
    padding:16px !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) tr.is-empty-row td,
  .ds-crud-card > .services-body tr.is-empty-row td{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    color:var(--muted) !important;
    font-weight:700 !important;
  }
  .ds-crud-card-body:not(:has(.v2-people-mobile)) .ds-icon-actions,
  .ds-crud-card > .services-body .ds-icon-actions{
    display:inline-flex !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
  }
  .v2-people-mobile .ds-icon-actions{
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
  }
}

/* Backoffice login final skin - keep last */
body.ds-auth-body{min-height:100vh!important;margin:0!important;background:#f7fbff!important;color:#0b1f3d!important}
body.ds-auth-body::before{content:""!important;position:fixed!important;inset:0!important;background:linear-gradient(90deg,rgba(0,29,82,.96) 0%,rgba(0,68,156,.86) 46%,rgba(244,248,252,.96) 46%,#f7fbff 100%),radial-gradient(circle at 18% 22%,rgba(255,215,0,.20),transparent 34%)!important;pointer-events:none!important}
body.ds-auth-body .ds-auth-shell{position:relative!important;z-index:1!important;min-height:100vh!important;display:grid!important;place-items:center!important;padding:34px 18px!important}
body.ds-auth-body .ds-auth-shell{grid-template-columns:46vw minmax(360px,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;justify-items:center!important;column-gap:0!important}
body.ds-auth-body .ds-auth-shell::before{content:"Misericordia di Palinuro"!important;position:absolute!important;left:max(34px,7vw)!important;top:50%!important;transform:translateY(-50%)!important;max-width:430px!important;color:#fff!important;font-size:58px!important;line-height:.98!important;font-weight:900!important;letter-spacing:0!important}
body.ds-auth-body .ds-auth-shell::after{content:"Gestione operativa, amministrativa e documentale"!important;position:absolute!important;left:max(34px,7vw)!important;top:calc(50% + 92px)!important;max-width:390px!important;color:rgba(228,240,255,.82)!important;font-size:16px!important;line-height:1.55!important;font-weight:650!important}
body.ds-auth-body .ds-auth-side-logo{position:absolute!important;left:max(34px,7vw)!important;top:calc(50% - 245px)!important;width:160px!important;height:160px!important;object-fit:contain!important;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))!important}
body.ds-auth-body .ds-auth-pill{display:none!important}
body.ds-auth-body .ds-auth-card{grid-column:2!important;grid-row:1!important;justify-self:center!important;width:min(430px,94vw)!important;margin:0!important;border:1px solid rgba(160,188,225,.38)!important;border-radius:0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 28px 80px rgba(2,20,53,.24)!important;overflow:hidden!important;backdrop-filter:blur(18px)!important}
body.ds-auth-body .ds-auth-card-head{padding:30px 36px 18px!important;background:linear-gradient(180deg,#fff 0%,#f3f8ff 100%)!important;display:flex!important;gap:18px!important;align-items:center!important;text-align:left!important}
body.ds-auth-body .ds-auth-logo{flex:0 0 auto!important;width:82px!important;height:82px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,51,122,.16))!important}
body.ds-auth-body .ds-auth-logo{display:none!important}
body.ds-auth-body .ds-auth-title span{display:inline-flex!important;margin-bottom:7px!important;padding:6px 9px!important;border-radius:999px!important;background:#e4f4fb!important;color:#00859b!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important}
body.ds-auth-body .ds-auth-card-head h1{margin:0!important;color:#071f45!important;font-size:28px!important;line-height:1.04!important;font-weight:900!important;letter-spacing:0!important}
body.ds-auth-body .ds-auth-card-head p{display:block!important;margin:8px 0 0!important;color:#657896!important;font-size:13px!important;line-height:1.45!important}
body.ds-auth-body .ds-auth-card-body{padding:24px 36px 36px!important;background:#fff!important}
body.ds-auth-body .ds-auth-alert{margin-bottom:16px!important;border-radius:12px!important;border:1px solid #ffc8bd!important;background:#fff3f1!important;color:#9b3020!important}
body.ds-auth-body .ds-auth-fields{display:grid!important;gap:15px!important}
body.ds-auth-body .ds-auth-fields label{display:grid!important;gap:8px!important;color:#4e6380!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.ds-auth-body .ds-auth-fields label>span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important}
body.ds-auth-body .ds-auth-field{min-height:54px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 14px!important;border:1px solid #d5e2f1!important;border-radius:12px!important;background:#f9fcff!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
body.ds-auth-body .ds-auth-field:focus-within{border-color:#1268df!important;background:#fff!important;box-shadow:0 0 0 4px rgba(18,104,223,.12)!important}
body.ds-auth-body .ds-auth-field svg{flex:0 0 auto!important;color:#165bb8!important}
body.ds-auth-body .ds-auth-fields .ds-input{min-height:52px!important;flex:1 1 auto!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#071f45!important;font-size:16px!important;font-weight:760!important;outline:0!important;box-shadow:none!important}
body.ds-auth-body .ds-auth-fields .ds-input::placeholder{color:#8394ad!important;opacity:1!important;font-weight:700!important}
body.ds-auth-body .ds-auth-check{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;color:#526985!important;font-size:13px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
body.ds-auth-body .ds-auth-check input{appearance:none!important;width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important;border:2px solid #b9c9dc!important;border-radius:4px!important;background:#fff!important;display:grid!important;place-items:center!important}
body.ds-auth-body .ds-auth-check input:checked{border-color:#006cff!important;background:#006cff!important}
body.ds-auth-body .ds-auth-check input:checked::after{content:""!important;width:9px!important;height:5px!important;border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;transform:rotate(-45deg) translateY(-1px)!important}
body.ds-auth-body .ds-auth-check>span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important}
body.ds-auth-body .ds-auth-submit{width:100%!important;min-height:54px!important;margin-top:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#006cff 0%,#003fbd 100%)!important;color:#fff!important;font-size:17px!important;font-weight:900!important;box-shadow:0 16px 28px rgba(0,81,205,.28)!important}
body.ds-auth-body .ds-auth-submit:hover{transform:translateY(-1px)!important;box-shadow:0 18px 34px rgba(0,81,205,.34)!important}
body.ds-auth-body .ds-auth-footer{grid-column:2!important;grid-row:2!important;justify-self:center!important;position:relative!important;z-index:1!important;width:min(430px,94vw)!important;margin:16px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(104,126,158,.18)!important;background:transparent!important;text-align:center!important}
body.ds-auth-body .ds-auth-powered{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;color:#5e718d!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.ds-auth-body .ds-auth-powered img{height:17px!important;width:auto!important}
@media (max-width:900px){body.ds-auth-body::before{background:linear-gradient(180deg,rgba(0,57,145,.96) 0%,rgba(0,81,182,.88) 31%,#f7fbff 31%,#f7fbff 100%)!important}body.ds-auth-body .ds-auth-shell{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;align-content:center!important;place-items:center!important;gap:0!important;min-height:100svh!important;padding:20px 16px!important}body.ds-auth-body .ds-auth-shell::before,body.ds-auth-body .ds-auth-shell::after,body.ds-auth-body .ds-auth-side-logo{display:none!important}body.ds-auth-body .ds-auth-card,body.ds-auth-body .ds-auth-footer{grid-column:1!important;width:min(420px,100%)!important;margin-left:0!important}body.ds-auth-body .ds-auth-card-head{padding:22px 22px 15px!important;gap:14px!important}body.ds-auth-body .ds-auth-card-body{padding:18px 22px 26px!important}body.ds-auth-body .ds-auth-logo{display:block!important;width:64px!important;height:64px!important}body.ds-auth-body .ds-auth-card-head h1{font-size:25px!important}body.ds-auth-body .ds-auth-card-head p{font-size:12px!important}body.ds-auth-body .ds-auth-footer{margin-top:14px!important;padding-top:10px!important}body.ds-auth-body .ds-auth-powered{font-size:10px!important}}

/* Login checkbox/footer polish */
body.ds-auth-body form.ds-auth-fields label.ds-auth-check{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  border:2px solid #b8c9df!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(24,62,110,.08)!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check input[type="checkbox"]:checked{
  border-color:#005fe8!important;
  background:#005fe8!important;
  background-image:linear-gradient(135deg,#0075ff,#0046c7)!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check input[type="checkbox"]:checked::after{
  content:""!important;
  display:block!important;
  width:9px!important;
  height:5px!important;
  margin:4px 0 0 3px!important;
  border-left:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:rotate(-45deg)!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check>span{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  color:#405774!important;
  font-size:12px!important;
  font-weight:850!important;
  text-transform:none!important;
  letter-spacing:0!important;
  line-height:1!important;
}
body.ds-auth-body .ds-auth-footer{
  width:min(430px,94vw)!important;
  margin-top:18px!important;
  padding:0!important;
  border:0!important;
}
body.ds-auth-body .ds-auth-powered{
  min-height:28px!important;
  padding:0!important;
  gap:8px!important;
  color:#60728f!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
body.ds-auth-body .ds-auth-powered img{
  height:15px!important;
  transform:translateY(1px)!important;
}

/* Login checkbox final: hide native, draw stable control */
body.ds-auth-body form.ds-auth-fields label.ds-auth-check{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:9px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  cursor:pointer!important;
  user-select:none!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  pointer-events:none!important;
}
body.ds-auth-body .ds-auth-check-box{
  position:relative!important;
  display:inline-block!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border:2px solid #b7c8dd!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(18,49,94,.08)!important;
}
body.ds-auth-body .ds-auth-check input[type="checkbox"]:focus-visible + .ds-auth-check-box{
  box-shadow:0 0 0 4px rgba(0,108,255,.14)!important;
}
body.ds-auth-body .ds-auth-check input[type="checkbox"]:checked + .ds-auth-check-box{
  border-color:#005fe8!important;
  background:linear-gradient(135deg,#0075ff,#0049ce)!important;
}
body.ds-auth-body .ds-auth-check input[type="checkbox"]:checked + .ds-auth-check-box::after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:3px!important;
  width:7px!important;
  height:4px!important;
  border-left:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:rotate(-45deg)!important;
}
body.ds-auth-body .ds-auth-check-text{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  color:#405774!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:18px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Login checkbox native reset */
body.ds-auth-body form.ds-auth-fields label.ds-auth-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  color:#405774!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  position:static!important;
  opacity:1!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  padding:0!important;
  border:initial!important;
  border-radius:0!important;
  background:initial!important;
  box-shadow:none!important;
  pointer-events:auto!important;
  accent-color:#005fe8!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check input[type="checkbox"]::after{
  content:none!important;
  display:none!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check input[type="checkbox"]:checked::after{
  content:none!important;
  display:none!important;
}
body.ds-auth-body form.ds-auth-fields label.ds-auth-check>span{
  display:inline!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  color:#405774!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:16px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.ds-auth-body .ds-auth-field:has(.ds-input:-webkit-autofill){
  background:#eef5ff!important;
  border-color:#1268df!important;
}
body.ds-auth-body .ds-auth-fields .ds-input:-webkit-autofill,
body.ds-auth-body .ds-auth-fields .ds-input:-webkit-autofill:hover,
body.ds-auth-body .ds-auth-fields .ds-input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #eef5ff inset!important;
  -webkit-text-fill-color:#071f45!important;
  caret-color:#071f45!important;
  border-radius:0!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* Sidebar aligned with login blue */
.sidebar{
  background:
    linear-gradient(180deg,rgba(0,29,82,.98) 0%,rgba(0,68,156,.92) 58%,rgba(0,42,111,.98) 100%),
    radial-gradient(circle at 20% 10%,rgba(255,215,0,.14),transparent 32%)!important;
  border-right:1px solid rgba(213,229,255,.16)!important;
  box-shadow:8px 0 30px rgba(0,25,70,.12)!important;
}
.sidebar-section-label{
  color:rgba(229,241,255,.52)!important;
}
.navitem{
  color:#f2f8ff!important;
  border:1px solid transparent!important;
}
.navitem:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.navitem.active{
  background:linear-gradient(90deg,rgba(0,117,255,.34),rgba(15,142,160,.24))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 3px 0 0 rgba(255,215,0,.9)!important;
}
.submenu a{
  color:rgba(235,245,255,.86)!important;
}
.submenu a:hover{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.submenu a.active{
  background:linear-gradient(90deg,rgba(0,117,255,.38),rgba(0,68,156,.22))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 3px 0 0 rgba(255,215,0,.88)!important;
}
.navgroup>.navitem.active{
  background:linear-gradient(90deg,rgba(0,117,255,.34),rgba(15,142,160,.24))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 3px 0 0 rgba(255,215,0,.9)!important;
}
.submenu a.active{
  position:relative!important;
  background:transparent!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
.submenu a.active::after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:2px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#ffd900!important;
}
.submenu a.active .nav-icon{color:#fff!important}
.submenu a.active b{font-weight:900!important}
.nav-icon{
  color:#d9eeff!important;
}
.side-user{
  border-color:rgba(226,240,255,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 28px rgba(0,20,58,.16)!important;
}
.side-user-icon{
  background:linear-gradient(180deg,rgba(0,117,255,.28),rgba(0,95,232,.42))!important;
  box-shadow:none!important;
}
.side-user-copy small{
  color:rgba(220,236,255,.68)!important;
}
.side-user-logout{
  border-color:rgba(226,240,255,.18)!important;
  background:rgba(255,255,255,.07)!important;
}

/* Real dropdown behavior for dynamic selects */
.person-combobox{
  position:relative!important;
  display:block!important;
  width:100%!important;
  overflow:visible!important;
}
.person-combobox-input{
  width:100%!important;
  min-height:42px!important;
  padding:0 38px 0 12px!important;
  border:1px solid #cfddec!important;
  border-radius:2px!important;
  background:#fff!important;
  color:var(--text)!important;
  font-weight:750!important;
}
.person-combobox::after{
  content:""!important;
  position:absolute!important;
  right:14px!important;
  top:16px!important;
  width:8px!important;
  height:8px!important;
  border-right:2px solid #5f728e!important;
  border-bottom:2px solid #5f728e!important;
  transform:rotate(45deg)!important;
  pointer-events:none!important;
}
.person-combobox-panel{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 4px)!important;
  z-index:5000!important;
  max-height:240px!important;
  overflow:auto!important;
  display:none!important;
  padding:6px!important;
  border:1px solid #cfddec!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:0 18px 38px rgba(8,26,52,.20)!important;
}
.person-combobox.is-open .person-combobox-panel{
  display:block!important;
}
.person-combobox-option{
  width:100%!important;
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:3px!important;
  background:#fff!important;
  color:var(--text)!important;
  font-weight:800!important;
  text-align:left!important;
  cursor:pointer!important;
}
.person-combobox-option:hover,
.person-combobox-option.is-active{
  background:#eaf4ff!important;
}
.person-combobox-hint{
  display:none!important;
}
.has-person-combobox{
  position:relative!important;
  overflow:visible!important;
}
.nf-combo{
  position:relative!important;
  overflow:visible!important;
}
.nf-combo-menu,
.nf-multi-menu{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 4px)!important;
  z-index:5000!important;
  max-height:240px!important;
  overflow:auto!important;
  padding:6px!important;
  border:1px solid #cfddec!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:0 18px 38px rgba(8,26,52,.20)!important;
}
.nf-combo-menu button{
  min-height:36px!important;
  border-radius:3px!important;
}

/* Bootstrap tooltip minimal styling without global Bootstrap CSS */
.tooltip{
  position:absolute;
  z-index:7000;
  display:block;
  margin:0;
  font-family:"Segoe UI",Tahoma,sans-serif;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  opacity:0;
}
.tooltip.show{opacity:1}
.tooltip .tooltip-arrow{
  position:absolute;
  display:block;
  width:.8rem;
  height:.4rem;
}
.tooltip .tooltip-arrow::before{
  position:absolute;
  content:"";
  border-color:transparent;
  border-style:solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow{bottom:calc(-.4rem + 1px)}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow{top:calc(-.4rem + 1px)}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow{right:calc(-.4rem + 1px);width:.4rem;height:.8rem}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow{left:calc(-.4rem + 1px);width:.4rem;height:.8rem}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}
.tooltip-inner{
  max-width:220px;
  padding:7px 9px;
  color:#fff;
  text-align:center;
  background:#000;
  border-radius:4px;
  box-shadow:0 10px 24px rgba(7,31,69,.22);
}

/* Dashboard cards equal size */
.dashboard-table table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
}
.dashboard-table thead{
  display:table-header-group!important;
}
.dashboard-table tbody{
  display:table-row-group!important;
}
.dashboard-table tr{
  display:table-row!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.dashboard-table th,
.dashboard-table td{
  display:table-cell!important;
  width:auto!important;
  padding:12px 14px!important;
  border-bottom:1px solid #edf3fb!important;
}
.dashboard-table td::before{
  content:none!important;
  display:none!important;
}
.dashboard-notices{
  display:grid;
  gap:12px;
  padding:16px 18px 18px;
}
.dashboard-notice{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  gap:18px;
  border:1px solid #e4edf6;
  border-left:4px solid #7aae32;
  background:#fff;
  padding:14px;
  border-radius:4px;
}
.dashboard-notice.is-problem{
  border-left-color:#d34a3a;
}
.dashboard-notice-status{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:10px;
}
.dashboard-notice-status strong{
  font-size:15px;
  line-height:1.2;
}
.dashboard-notice-copy{
  min-width:0;
}
.dashboard-notice-copy p{
  margin:0;
  color:var(--text);
  font-weight:800;
  line-height:1.35;
}
.dashboard-notice-summary{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 0;
}
.dashboard-notice-summary span{
  max-width:100%;
  padding:6px 9px;
  border:1px solid #edf3fb;
  background:#f8fbff;
  border-radius:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.25;
}
.dashboard-problem-btn{
  margin-top:12px;
  min-height:34px;
}
.dashboard-alerts-card{
  border:1px solid #f2c3bc;
  box-shadow:0 18px 40px rgba(170,42,24,.10);
}
.dashboard-alerts-card .ds-crud-card-header{
  background:linear-gradient(180deg,#fff4f1 0%,#fffaf8 100%);
  border-bottom:1px solid #f2c3bc;
}
.dashboard-alerts-card .ds-crud-card-header h3{
  color:#8f2318;
}
.dashboard-alerts-card .ds-crud-card-header p{
  color:#a34a40;
}
.dashboard-alerts-card .dashboard-table table tbody .dashboard-alert-row{
  background:#fff8f6;
}
.dashboard-alerts-card .dashboard-table table tbody .dashboard-alert-row td{
  border-top:1px solid #f6d4ce;
}
.dashboard-alert-title{
  color:#8f2318;
}
.dashboard-alert-message{
  display:inline-block;
  color:#7e261d;
  font-weight:800;
  line-height:1.45;
}
.dashboard-alerts-card .ds-btn.ds-btn-secondary{
  border-color:#e7a59a;
  background:#fff;
  color:#8f2318;
}
.dashboard-alerts-card .ds-btn.ds-btn-secondary:hover{
  background:#fff1ed;
}
.dashboard-notice-empty{
  display:block;
  margin:0;
  color:var(--muted);
  line-height:1.4;
}
@media (max-width:900px){
  .dashboard-notice{
    grid-template-columns:1fr;
  }
  .dashboard-notice-status{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
}
@media (min-width:901px){
  .dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  .dashboard-grid>.ds-crud-card{
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .dashboard-grid>.ds-crud-card>.services-body{
    flex:1 1 auto!important;
  }
}

/* Workstations modal: final local alignment for toggle controls. */
.modal-dialog .workstation-form .workstation-switch-card{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:52px!important;
  padding:10px 14px!important;
  text-align:left!important;
  justify-items:stretch!important;
}
.modal-dialog .workstation-form .workstation-switch-copy{
  display:block!important;
  min-width:0!important;
  text-align:left!important;
}
.modal-dialog .workstation-form .workstation-switch-copy strong{
  display:block!important;
  margin:0 0 2px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.modal-dialog .workstation-form .workstation-switch-copy small{
  display:block!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:var(--muted)!important;
}
.modal-dialog .workstation-form .ds-toggle-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  border:0!important;
}
.modal-dialog .workstation-form .workstation-vehicle-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:58px!important;
  padding:10px 12px!important;
  text-align:left!important;
  justify-items:start!important;
  border:1px solid #dce6f1!important;
  background:#fff!important;
}
.modal-dialog .workstation-form .workstation-vehicle-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
  padding:0!important;
  text-align:left!important;
  justify-items:start!important;
}
.modal-dialog .workstation-form .workstation-vehicle-copy strong,
.modal-dialog .workstation-form .workstation-vehicle-copy small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.25!important;
}
.modal-dialog .workstation-form .workstation-vehicle-copy strong{
  color:var(--ink)!important;
  font-size:13px!important;
  font-weight:800!important;
}
.modal-dialog .workstation-form .workstation-vehicle-copy small{
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:650!important;
}
.modal-dialog .workstation-form .switch{
  width:46px!important;
  height:26px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:26px!important;
  max-height:26px!important;
  flex:0 0 46px!important;
  margin:0!important;
  align-self:flex-start!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
}
.modal-dialog .workstation-form .switch input{
  position:absolute!important;
  inset:0!important;
  width:46px!important;
  height:26px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
}
.modal-dialog .workstation-form .switch-slider{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:46px!important;
  height:26px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:26px!important;
  max-height:26px!important;
  border-radius:999px!important;
  background:#d7e2ef!important;
}
.modal-dialog .workstation-form .switch-slider::before{
  content:""!important;
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(18,35,61,.18)!important;
}
.modal-dialog .workstation-form .switch input:checked + .switch-slider::before{
  transform:translateX(20px)!important;
}
@media (max-width:760px){
  .modal-dialog .workstation-form .ds-toggle-grid{
    grid-template-columns:1fr!important;
  }
}

.workstation-shift-list{
  display:grid!important;
  gap:6px!important;
}
.workstation-shift-list span{
  display:grid!important;
  gap:2px!important;
}
.workstation-shift-list strong{
  color:var(--ink)!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.workstation-shift-list small{
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.workstation-shift-list-detail{
  margin-top:0!important;
  gap:10px!important;
}
.workstation-shift-list-detail span{
  padding:0 0 10px!important;
  border-bottom:1px solid #edf3fb!important;
}
.workstation-shift-list-detail span:last-child{
  padding-bottom:0!important;
  border-bottom:0!important;
}
.workstation-shift-list-detail strong{
  font-size:14px!important;
}

/* Invoice create wizard */
.invoice-wizard-head{padding-bottom:18px;border-bottom:1px solid #e7eef7}
.invoice-wizard-kicker{
  display:block;margin-bottom:6px;color:#087f98;font-size:11px;font-weight:900;
  letter-spacing:.09em;text-transform:uppercase
}
.invoice-method-step{padding:10px 0 4px}
.invoice-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.invoice-method-card{
  position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;
  align-items:center;gap:16px;min-height:154px;padding:24px;border:1px solid #d9e5f2;
  border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f6f9fd 100%);
  color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(21,48,82,.06);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.invoice-method-card:hover,.invoice-method-card:focus-visible{
  transform:translateY(-2px);border-color:#2f80ed;
  box-shadow:0 14px 30px rgba(31,92,170,.13);outline:none
}
.invoice-method-card-ai{
  background:linear-gradient(145deg,#f2f8ff 0%,#eefcff 100%);border-color:#bcd8f7
}
.invoice-method-icon{
  display:grid;place-items:center;width:54px;height:54px;border-radius:15px;
  background:linear-gradient(145deg,#0c5dcc,#168ba4);color:#fff;
  box-shadow:0 8px 18px rgba(12,93,204,.2)
}
.invoice-method-copy{display:grid;gap:8px}
.invoice-method-copy strong{font-size:17px;line-height:1.2}
.invoice-method-copy small{color:var(--muted);font-size:13px;line-height:1.5}
.invoice-method-arrow{color:#1768cf;font-size:24px;font-weight:800}
.invoice-form-step{padding-top:2px}
.invoice-wizard-back{
  margin:0 0 16px;padding:0;border:0;background:transparent;color:#1768cf;
  font-size:13px;font-weight:800;cursor:pointer
}
.invoice-step-intro{
  display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;
  border:1px solid #dce8f4;border-radius:14px;background:#f7faff
}
.invoice-step-intro .invoice-method-icon{width:44px;height:44px;border-radius:12px;flex:0 0 44px}
.invoice-step-intro h4{margin:0 0 4px;font-size:17px}
.invoice-step-intro p{margin:0;color:var(--muted);font-size:13px}
.invoice-step-form{padding:2px}
.invoice-step-form .modal-actions{margin-top:4px}
.invoice-file-field input[type="file"]{
  min-height:52px;padding:12px;border-style:dashed;background:#f8fbff
}
.invoice-ai-loading{
  grid-column:1/-1;display:grid;gap:12px;margin:2px 0 8px;padding:15px 16px;
  border:1px solid #bcd8f7;border-radius:14px;background:linear-gradient(135deg,#f1f8ff 0%,#eefcff 100%);
  box-shadow:0 8px 20px rgba(23,104,207,.08)
}
.invoice-ai-loading-head{display:flex;align-items:center;gap:12px}
.invoice-ai-loading-icon{
  display:grid;place-items:center;width:38px;height:38px;border-radius:12px;
  background:linear-gradient(145deg,#0c5dcc,#168ba4);color:#fff;flex:0 0 38px
}
.invoice-ai-loading strong{display:block;font-size:14px;color:var(--ink)}
.invoice-ai-loading small{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.invoice-ai-progress{
  position:relative;height:8px;overflow:hidden;border-radius:999px;background:#d9e8f7
}
.invoice-ai-progress span{
  position:absolute;inset:0 auto 0 0;width:42%;border-radius:999px;
  background:linear-gradient(90deg,#168ba4,#0c5dcc,#168ba4);
  animation:invoiceAiProgress 1.15s ease-in-out infinite
}
.invoice-ai-review-head{
  margin:-24px -24px 18px;padding:22px 24px 18px;
  border-bottom:1px solid #ffd2d2;background:linear-gradient(135deg,#fff5f5 0%,#fff 68%)
}
.invoice-ai-review-head .invoice-wizard-kicker{color:#b42318}
.invoice-ai-blocking-alert{
  display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;
  border:2px solid #f04438;background:linear-gradient(135deg,#fff1f1 0%,#fff7ed 100%);
  box-shadow:0 12px 28px rgba(180,35,24,.12)
}
.invoice-ai-blocking-alert p{margin:4px 0 0;line-height:1.45}
.invoice-ai-blocking-icon{
  display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;
  border-radius:999px;background:#d92d20;color:#fff;box-shadow:0 8px 18px rgba(217,45,32,.22)
}
.invoice-ai-review-form{
  padding:18px;border:1px solid #ffe0b2;border-radius:18px;background:#fffaf3
}
@keyframes invoiceAiProgress{
  0%{transform:translateX(-105%)}
  100%{transform:translateX(245%)}
}
.global-loading{
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(7,18,38,.48);
  backdrop-filter:blur(4px);
}
.global-loading.is-visible{display:grid}
.global-loading-card{
  width:min(360px,calc(100vw - 48px));
  min-height:190px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:28px;
  border:1px solid #dfe8f3;
  background:#fff;
  color:var(--text);
  text-align:center;
  box-shadow:0 24px 52px rgba(7,18,38,.22);
}
.global-loading-spinner{
  width:42px;
  height:42px;
  border-radius:50%;
  border:4px solid #dce9fb;
  border-top-color:#2f80ed;
  animation:globalLoadingSpin .8s linear infinite;
}
.global-loading-card strong{font-size:17px;font-weight:900}
.global-loading-card small{color:var(--muted);line-height:1.4}
body.is-loading-action{cursor:wait}
@keyframes globalLoadingSpin{to{transform:rotate(360deg)}}
@media (max-width:760px){
  .invoice-method-grid{grid-template-columns:1fr}
  .invoice-method-card{min-height:132px;padding:20px}
}

/* Compact confirmation modals */
.modal-dialog.confirm-modal-dialog{
  width:min(540px,calc(100vw - 56px)) !important;
  min-height:300px;
  max-height:calc(100vh - 56px) !important;
  padding:28px 30px !important;
  overflow:visible !important;
}
.confirm-modal-dialog .modal-head{
  margin:0 0 20px !important;
  padding:0 0 18px !important;
}
.confirm-modal-dialog .modal-head h3{font-size:22px !important;line-height:1.05 !important}
.confirm-modal-dialog .modal-head p{font-size:15px !important}
.confirm-modal-dialog form.modal-grid{
  display:grid;
  gap:24px;
}
.confirm-modal-dialog form.modal-grid > p{
  max-width:430px;
  margin:0;
  color:#28405f;
  font-size:15px;
  line-height:1.45;
}
.confirm-modal-dialog .modal-actions{
  gap:10px !important;
  margin-top:2px;
}
.confirm-modal-dialog .ds-btn,
.confirm-modal-dialog .button{
  min-height:38px;
  padding:10px 15px;
}
@media (max-width:560px){
  .modal-dialog.confirm-modal-dialog{
    width:calc(100vw - 28px) !important;
    min-height:0;
    padding:22px !important;
  }
}

/* Final modal geometry: compact, less panoramic, actions right-aligned. */
.modal-dialog:not(.confirm-modal-dialog){
  width:min(780px,calc(100vw - 72px)) !important;
  min-height:min(560px,calc(100vh - 72px)) !important;
  max-height:calc(100vh - 72px) !important;
  padding:24px 28px !important;
}
.modal-dialog .modal-actions,
.modal-dialog .detail-modal-actions,
.modal-dialog .detail-modal-actions-group{
  justify-content:flex-end !important;
  align-items:center !important;
  width:100% !important;
  margin-left:auto !important;
}
.modal-dialog .modal-actions.full{
  grid-column:1 / -1;
}
.modal-dialog .table-shell + .modal-actions,
.modal-dialog .modal-grid .modal-actions{
  margin-top:10px !important;
}
@media (max-width:900px){
  .modal-dialog:not(.confirm-modal-dialog){
    width:calc(100vw - 36px) !important;
    min-height:0 !important;
    max-height:calc(100vh - 36px) !important;
    padding:20px !important;
  }
}

.ds-month-placeholder-shell{
  position:relative;
  display:block;
}
.ds-month-placeholder-shell input{
  width:100%;
}
.ds-month-placeholder-text{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#7b8ba3;
  pointer-events:none;
  font-size:14px;
  line-height:1;
  z-index:1;
}
.ds-month-placeholder-shell.has-value .ds-month-placeholder-text,
.ds-month-placeholder-shell.is-focused .ds-month-placeholder-text{
  display:none;
}
.bank-parser-page{gap:14px}
.bank-parser-toolbar-card .ds-crud-card-header{
  padding-bottom:12px;
}
.bank-parser-toolbar-body{
  display:grid;
  gap:14px;
}
.bank-parser-controls-grid{
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);
  gap:12px;
  align-items:stretch;
}
.bank-parser-import-block{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid #e1e8f0;
  background:#fff;
}
.bank-parser-filter-grid{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) auto;
  gap:10px;
  align-items:end;
  padding:14px;
  border:1px solid #e1e8f0;
  background:#fff;
}
.bank-parser-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid #e1e8f0;
  background:#fff;
}
.bank-parser-summary-item{
  padding:11px 14px;
  border-right:1px solid #e1e8f0;
  background:#fff;
}
.bank-parser-summary-item:last-child{border-right:0}
.bank-parser-summary-item strong{
  display:block;
  font-size:22px;
  line-height:1;
  color:var(--ink);
}
.bank-parser-summary-item span{
  display:block;
  margin-top:6px;
  font-size:10px;
  font-weight:900;
  color:#617892;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.bank-parser-panel,
.bank-parser-card{
  border-radius:22px !important;
  border:1px solid #dbe7f5 !important;
  box-shadow:0 14px 34px rgba(14,37,69,.06) !important;
  overflow:hidden;
}
.bank-parser-panel .ds-crud-card-header,
.bank-parser-card .ds-crud-card-header{
  padding:18px 22px 14px;
  background:#fff;
  border-bottom:1px solid #e5edf8;
}
.bank-parser-panel .ds-crud-card-body,
.bank-parser-card .ds-crud-card-body{padding:18px 22px}
.bank-parser-card > .ds-crud-card-body.bank-parser-list{
  padding-top:14px;
}
.ds-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 22px 20px;
  color:var(--ds-text-muted, #5c7191);
  font-size:13px;
  font-weight:700;
}
.ds-pagination .ds-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border:1px solid #cddbef;
  background:#fff;
  color:#123f82;
  text-decoration:none;
}
.ds-pagination .ds-button:hover{background:#f3f7fc}
.bank-parser-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
.bank-parser-form label{
  display:grid;
  gap:6px;
  color:#2c486a;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.bank-parser-form input[type="file"],
.bank-parser-form .ds-input{
  min-height:40px;
  border-radius:0;
  border:1px solid #d8e5f2;
  background:#fff;
}
.bank-parser-note-list{
  display:block;
}
.bank-parser-note-list span{
  position:relative;
  display:block;
  padding-left:16px;
  color:#5f7791;
  font-size:12px;
  line-height:1.45;
}
.bank-parser-note-list span::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#1f5eb8;
}
.bank-inline-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  padding:4px 9px;
  margin-left:10px;
  border-radius:999px;
  background:#e9f2ff;
  color:#184d9b;
  font-size:11px;
  font-weight:900;
  vertical-align:middle;
}
.bank-inline-count.is-success{
  background:#e8f8ee;
  color:#1f7448;
}
.bank-parser-form-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:end;
  padding-top:0;
}
.bank-parser-list{display:grid;gap:14px}
.bank-movement-card{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);
  gap:14px;
  padding:16px;
  border:1px solid #dfe8f3;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  box-shadow:0 10px 22px rgba(12,36,69,.04);
}
.bank-movement-card.is-review{border-left:7px solid #f0b429}
.bank-movement-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.bank-movement-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:6px;
}
.bank-movement-meta span{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#f1f6fb;
  color:#526a86;
  font-size:11px;
  font-weight:800;
}
.bank-movement-meta .is-amount{background:#eef8f3;color:#226843}
.bank-movement-head h4{margin:0 0 6px;font-size:18px;line-height:1.1;color:var(--ink)}
.bank-movement-causal{margin:0;color:#28405f;font-size:13px;line-height:1.5}
.bank-status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.bank-status-chip.is-review{background:#fff4d8;color:#976208}
.bank-status-chip.is-success{background:#e5f7eb;color:#1d6b41}
.bank-signal-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.bank-signal-row span{
  display:inline-flex;
  padding:6px 9px;
  border-radius:12px;
  background:#f7fafc;
  border:1px solid #e3ebf4;
  color:#4c6684;
  font-size:11px;
  font-weight:700;
}
.bank-movement-side{display:grid;gap:12px}
.bank-proposal-box{
  display:grid;
  gap:6px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(180deg,#f4f8ff 0%,#eef5ff 100%);
  border:1px solid #d4e3f8;
}
.bank-proposal-box.is-empty{
  background:linear-gradient(180deg,#fff8f1 0%,#fff3e1 100%);
  border-color:#f0d7a4;
}
.bank-proposal-label{
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#6b809a;
}
.bank-proposal-box strong{font-size:14px;line-height:1.35;color:var(--ink)}
.bank-proposal-box small{color:#58718d;font-size:12px;font-weight:700}
.bank-proposal-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid #d8e4f3;
}
.bank-proposal-details span{
  display:grid;
  gap:2px;
  color:#1e3b5d;
  font-size:12px;
  font-weight:800;
}
.bank-proposal-details span small{
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#71859c;
}
.bank-proposal-confidence{
  display:inline-flex;
  width:max-content;
  margin-top:2px;
  padding:4px 8px;
  border-radius:999px;
  background:#e5eefb;
  color:#315c91 !important;
}
.bank-action-row{display:flex;gap:10px;flex-wrap:wrap}
.bank-movement-foot{
  grid-column:1 / -1;
  display:grid;
  gap:8px;
  padding-top:10px;
  border-top:1px solid #e7eef7;
  color:#5a708c;
  font-size:13px;
  line-height:1.45;
}
.bank-auto-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.bank-auto-card{
  padding:16px;
  border-radius:16px;
  border:1px solid #d7eadc;
  background:linear-gradient(180deg,#fcfffd 0%,#f1fbf4 100%);
  box-shadow:0 10px 22px rgba(16,55,34,.04);
}
.bank-auto-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.bank-auto-top strong{display:block;font-size:15px;color:var(--ink)}
.bank-auto-top small{display:block;margin-top:5px;color:#5c748f}
.bank-auto-match{
  margin-top:8px;
  font-size:13px;
  font-weight:800;
  color:#1d6b41;
}
.bank-auto-evidence{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.bank-auto-evidence span{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#e7f5eb;
  color:#286949;
  font-size:10px;
  font-weight:800;
}
.bank-auto-card p{margin:8px 0 0;color:#4f6783;font-size:12px;line-height:1.4}
.bank-empty-state{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:100%;
  min-height:92px;
  padding:18px 20px;
  border:1px dashed #d4e1f0;
  border-radius:14px;
  background:#fbfdff;
  color:#697d95;
  text-align:left;
}
.bank-empty-state-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,#e1f5e8,#f0fbf4);
  color:#1b6b40;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  flex:0 0 auto;
}
.bank-empty-state-icon.is-neutral{background:#edf3f9;color:#597089}
.bank-empty-state strong{
  color:#1b3556;
  font-size:15px;
}
.bank-empty-state p{
  max-width:none;
  margin:4px 0 0;
  color:#677d97;
  font-size:12px;
  line-height:1.45;
}
@media (max-width: 1100px){
  .bank-parser-controls-grid,
  .bank-movement-card{grid-template-columns:1fr}
  .bank-auto-grid{grid-template-columns:1fr}
  .bank-parser-filter-grid{grid-template-columns:1fr 1fr}
  .bank-parser-form-actions{grid-column:1 / -1}
}
@media (max-width: 700px){
  .bank-parser-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bank-parser-summary-item:nth-child(2){border-right:0}
  .bank-parser-summary-item:nth-child(-n+2){border-bottom:1px solid #e1e8f0}
  .bank-parser-form,
  .bank-parser-filter-grid{grid-template-columns:1fr}
  .bank-parser-form-actions{grid-column:auto}
}
.transfer-parser-page{gap:14px}
.transfer-upload-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.transfer-upload-form label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#294666;text-transform:uppercase;letter-spacing:.05em}
.transfer-upload-form input[type="file"]{min-height:42px;padding:8px 10px;border:1px solid #d8e4f0;background:#fff}
.transfer-list{display:grid;gap:14px}
.transfer-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;padding:16px;border:1px solid #dfe8f3;border-left:6px solid #f0b429;border-radius:16px;background:#fff}
.transfer-card-main h4{margin:7px 0 4px;font-size:18px;color:#163250}
.transfer-card-main p{margin:0 0 10px;color:#435d79;font-size:13px;line-height:1.45}
.transfer-card-side{display:grid;gap:10px;align-content:start}
.transfer-pdf-link{display:inline-flex;width:max-content;color:#174f9b;font-size:12px;font-weight:850;text-decoration:none}
.transfer-pdf-link:hover{text-decoration:underline}
@media (max-width: 900px){.transfer-upload-form,.transfer-card{grid-template-columns:1fr}}
.shifts-overview-grid{align-items:start}
.shifts-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shifts-kpi-row div{padding:14px 16px;border:1px solid #dbe9df;border-radius:16px;background:#f3fbf6}
.shifts-kpi-row span{display:block;font-size:12px;color:#5f6f66}
.shifts-kpi-row strong{display:block;margin-top:6px;font-size:24px;color:#1d3525}
.shifts-kpi-row-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.shift-kpi-card{padding:18px 18px;border:1px solid #d8e7dd;border-radius:18px;background:linear-gradient(180deg,#f5fbf7 0%,#eef8f2 100%)}
.shifts-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;font-size:13px;color:#5e6d66}
.shifts-legend span{display:inline-flex;align-items:center;gap:7px}
.shift-dot{width:10px;height:10px;border-radius:999px;display:inline-block}
.shift-dot.is-open{background:#f6c96a}
.shift-dot.is-partial{background:#f0b429}
.shift-dot.is-assigned{background:#79d19a}
.shift-dot.is-idle{background:#d8e3dc}
.shift-dot.is-past{background:#98a6b7}
.shift-calendar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.shift-day-card{border:1px solid #cde7d4;border-radius:18px;background:#f2fbf4;padding:14px;display:grid;gap:12px;min-height:260px}
.shift-day-head strong{display:block;font-size:29px;line-height:1;color:#2a3d34}
.shift-day-head span{display:block;margin-top:4px;font-size:12px;letter-spacing:.08em;color:#68796f}
.shift-calendar-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;align-items:start;grid-auto-rows:auto}
.shift-day-card-compact{height:auto;min-height:0;padding:14px;background:#eefaf1;border-color:#bde7ca;align-content:start;grid-template-rows:auto auto auto auto}
.shift-day-card-compact.is-past{background:#f4f7fa;border-color:#d9e1ea}
.shift-day-head-compact{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.shift-day-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#eef2ef;color:#617268;font-size:11px;font-weight:700;white-space:nowrap}
.shift-day-status.is-assigned{background:#e1f5e8;color:#1f6a3f}
.shift-day-status.is-available{background:#fff3d9;color:#9a6a14}
.shift-day-status.is-idle{background:#eef1ef;color:#6a7771}
.shift-day-status.is-past{background:#e8edf3;color:#55677c}
.shift-day-kpis{display:grid;gap:4px}
.shift-day-kpis span{font-size:12px;color:#50645b}
.shift-day-kpis-inline{display:flex;gap:10px;flex-wrap:wrap}
.shift-day-summary{display:grid;gap:6px}
.shift-day-summary p{margin:0;font-size:12px;line-height:1.35;color:#5f7269}
.shift-day-open{margin-top:auto;width:100%}
.shift-turn-list{display:grid;gap:8px;align-content:start}
.shift-turn-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #dfe9e2}
.shift-turn-row.is-assigned{border-color:#c5e4d0;background:#fbfffc}
.shift-turn-row.is-available{border-color:#f1deaf;background:#fffaf1}
.shift-turn-row.is-idle{border-color:#dfe7e2;background:#fbfcfb}
.shift-turn-copy strong{display:block;font-size:13px;color:#1e3552}
.shift-turn-copy small{display:block;margin-top:2px;font-size:11px;color:#627487;line-height:1.35}
.shift-turn-copy small:last-child{min-height:30px}
.shift-turn-meta span{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#edf2f7;color:#56697e;font-size:11px;font-weight:700;white-space:nowrap}
.shift-day-modal-grid{display:grid;gap:16px}
.shift-modal-section{border:1px solid #dbe6ee;border-radius:18px;background:#f9fbfd;padding:16px;display:grid;gap:14px}
.shift-modal-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.shift-modal-section-head h4{margin:0;font-size:17px;color:#183758}
.shift-modal-section-head p{margin:5px 0 0;font-size:13px;color:#627891}
.shift-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shift-role-card{display:grid;gap:12px;padding:14px;border:1px solid #dde7ef;border-radius:16px;background:#fff}
.shift-role-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.shift-role-head strong{font-size:14px;color:#183656}
.shift-role-head span{font-size:12px;color:#687b90}
.shift-modal-box{display:grid;gap:10px}
.shift-modal-box strong{font-size:13px;color:#193552}
.shift-modal-chip{border:1px solid #dbe4ed;border-radius:14px;background:#fff;padding:10px 12px;display:grid;gap:4px}
.shift-modal-chip span{font-size:13px;font-weight:800;color:#1f3653}
.shift-modal-chip small{font-size:12px;color:#647c93}
.shift-modal-chip.is-assigned{border-color:#c5e4d0;background:#fbfffc}
.shift-modal-chip.is-available{border-color:#f3dcaa;background:#fffaf1}
.shift-modal-chip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.shift-chip-action-form{margin:0}
.shift-chip-action{width:30px !important;min-width:30px !important;height:30px !important;padding:0 !important;border-radius:999px !important;background:#fff !important}
.shift-chip-action svg{width:14px;height:14px}
.shift-modal-availability{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.shift-modal-chip.is-available{position:relative;padding-right:42px}
.shift-modal-chip.is-available>.shift-chip-action{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.shift-modal-empty{padding:12px 14px;border:1px dashed #d8e0e8;border-radius:14px;background:#fff;color:#6a7b8d;font-size:12px}
.shift-modal-form{padding-top:2px}
.shift-role-form{display:grid;gap:10px}
.shift-availability-admin-section{padding:0;overflow:hidden}
.shift-availability-admin-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;cursor:pointer;list-style:none}
.shift-availability-admin-summary::-webkit-details-marker{display:none}
.shift-availability-admin-summary strong,.shift-availability-admin-summary small{display:block}
.shift-availability-admin-summary strong{font-size:16px;color:#183758}
.shift-availability-admin-summary small{margin-top:4px;font-size:12px;font-weight:400;color:#627891}
.shift-availability-admin-toggle{flex:0 0 auto;color:#17458f;font-size:12px;font-weight:800}
.shift-availability-admin-toggle::after{content:' +'}.shift-availability-admin-section[open] .shift-availability-admin-toggle::after{content:' −'}
.shift-availability-admin-form{padding:0 16px 16px}
.shift-role-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#193552}
.shift-slot-block{display:grid;gap:8px}
.shift-slot-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.shift-slot-head h4{margin:0;font-size:14px;color:#294039}
.shift-slot-head mark{padding:5px 10px;border-radius:999px;background:#edf3ef;color:#5f6f66;font-size:11px}
.shift-slot-head mark.success{background:#dff5e5;color:#21643a}
.shift-slot-list{display:grid;gap:8px}
.shift-mini-card{border-radius:14px;padding:10px 12px;background:#fff;border:1px solid #e1ece4;display:grid;gap:4px}
.shift-mini-card strong{font-size:13px;color:#21352d}
.shift-mini-card span,.shift-mini-card small{font-size:12px;color:#62736a}
.shift-mini-card.is-assigned{border-color:#bfe1ca;background:#ffffff}
.shift-mini-card.is-available{border-color:#f2d89b;background:#fffaf0}
.shift-mini-card.is-muted{border-color:#d7e1da;background:#f8fbf9}
.shift-mini-card.is-idle{border-style:dashed;background:#f7faf8}
.shift-assign-form{display:grid;gap:8px;margin-top:4px}
.shift-assign-form label{font-size:12px;font-weight:700;color:#294039}
.shift-assign-form select{min-height:40px}
.shift-slot-list-real{gap:10px}
.shift-real-card{border:1px solid #dce8df;border-radius:16px;background:#fff;padding:12px;display:grid;gap:10px}
.shift-real-card.is-assigned{border-color:#bfe1ca;background:#fbfffc}
.shift-real-card.is-available{border-color:#f2d89b;background:#fffaf1}
.shift-real-card.is-idle{border-color:#e2e8e4;background:#f8fbf9}
.shift-real-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.shift-real-head strong{display:block;font-size:14px;color:#21352d}
.shift-real-head span{display:block;margin-top:3px;font-size:12px;color:#68796f}
.shift-real-head mark{padding:6px 10px;border-radius:999px;background:#edf3ef;color:#355046;font-size:11px;white-space:nowrap}
.shift-real-meta{display:flex;flex-wrap:wrap;gap:8px}
.shift-real-meta span{font-size:11px;color:#5f6f66;padding:5px 9px;border-radius:999px;background:#f2f6f3;border:1px solid #e0e8e2}
.shift-availability-stack{display:grid;gap:8px}
.shifts-inline-form .modal-actions{justify-content:flex-start}
@media (max-width: 1400px){
  .shift-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .shift-calendar-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width: 1100px){
  .shift-calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shift-calendar-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shift-role-grid{grid-template-columns:1fr}
  .shifts-kpi-row,.shifts-kpi-row-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 780px){
  .shift-calendar-grid,.shift-calendar-grid-compact{grid-template-columns:1fr}
  .shift-modal-availability{grid-template-columns:1fr}
  .shift-turn-row{grid-template-columns:1fr}
  .shifts-kpi-row,.shifts-kpi-row-compact{grid-template-columns:1fr}
}
/* Weekly turn planner: compact controls, scannable KPI cards, spreadsheet-like schedule. */
.shifts-top-card{overflow:hidden;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,35,65,.045)}
.shifts-top-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border-bottom:1px solid #e6edf4}
.shifts-week-heading h3{margin:0;color:#163451;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.shifts-week-heading p{margin:5px 0 0;color:#71849a;font-size:12px}
.shifts-top-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex:0 0 auto;min-width:0}
.shifts-month-form{margin:0}
.shifts-month-form .ds-crud-field{min-width:142px;margin:0}
.shifts-month-form .ds-input{height:38px;min-width:142px;padding:0 10px;font-size:12px}
.shifts-week-nav{display:flex;align-items:center;gap:7px;margin-left:2px}
.shifts-week-nav strong{min-width:145px;text-align:center;color:#1c3959;font-size:12px;font-weight:800;white-space:nowrap}
.shifts-week-arrow{width:36px;min-width:36px;height:38px;padding:0;font-size:18px}
.shifts-pdf-actions{display:flex;align-items:center;gap:7px;margin-left:5px;padding-left:12px;border-left:1px solid #dce5ee}
.shifts-pdf-actions .ds-btn{min-height:38px;border-radius:2px;font-size:11px}
.shifts-week-filters{display:flex;align-items:flex-end;gap:10px;padding:10px 20px;border-bottom:1px solid #e6edf4;background:#fbfcfe}
.shifts-week-filters .ds-crud-field{display:grid;gap:4px;min-width:174px;margin:0}
.shifts-week-filters .ds-filter-label{color:#647a90;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.shifts-week-filters .ds-input{height:34px;min-height:34px;padding:0 10px;font-size:11px}
.shifts-kpi-body{padding:16px 20px 18px}
.shifts-kpi-row-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.shifts-kpi-row-compact .shift-kpi-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:start;gap:0;min-height:100px;margin:0;padding:15px 17px;border:1px solid #dfe7ef;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(15,35,65,.035)}
.shifts-kpi-row-compact .shift-kpi-card>span{grid-column:1;grid-row:1;color:#61768c;font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.shifts-kpi-row-compact .shift-kpi-card>strong{grid-column:1;grid-row:2;align-self:end;margin:10px 0 0;color:#173c62;font-size:29px;line-height:1;font-weight:850;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.shifts-kpi-row-compact .shift-kpi-card:nth-child(2)>strong{color:#0f8ea0}
.shifts-kpi-row-compact .shift-kpi-card:nth-child(3)>strong{color:#a76712}
.shifts-kpi-row-compact .shift-kpi-card>small{grid-column:2;grid-row:2;align-self:end;margin:0 0 2px;color:#8494a5;font-size:10px;text-align:right}
.shifts-week-table-wrap{overflow:auto;border:1px solid #dfe7ef;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(15,35,65,.04)}
.shifts-week-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.shifts-week-table th,.shifts-week-table td{border-right:1px solid #e5ecf3;border-bottom:1px solid #e5ecf3}
.shifts-week-table tr>*:last-child{border-right:0}
.shifts-week-table tbody tr:last-child>*{border-bottom:0}
.shifts-week-table thead th{position:sticky;top:0;z-index:3;height:48px;padding:7px 9px;background:#f7f9fc;color:#60758d;font-size:10px;font-weight:800;text-align:center;white-space:nowrap}
.shifts-week-table thead th:first-child{left:0;z-index:5;width:112px;text-align:left}
.shifts-week-table thead th:nth-child(2){left:112px;z-index:5;width:150px;text-align:left}
.shifts-week-table thead th:nth-child(n+3){border-left:2px solid #ccd9e5}
.shifts-week-table thead th small{display:block;margin-top:1px;color:#91a0b0;font-size:9px;font-weight:600;text-transform:lowercase}
.shifts-week-table thead th.is-today{background:#e6f3f8;color:#0e718b}
.shifts-week-table thead th.is-outside{color:#aab5c1}
.shifts-week-role-band th{height:32px;padding:0 13px;background:#eef4f8;color:#2f4d6b;font-size:10px;font-weight:850;letter-spacing:.06em;text-align:left}
.shifts-week-role-band th>span{margin-right:8px;color:#0f8ea0;font-size:9px}
.shifts-week-role-band th small{margin-left:9px;color:#8496a8;font-size:10px;font-weight:600;letter-spacing:0}
.shifts-week-row{height:56px}
.shifts-week-row .shifts-week-role-cell{position:sticky;left:0;z-index:2;width:112px;padding:8px 11px;background:#fff;color:#26435f;font-size:11px;font-weight:750;text-align:left;box-shadow:1px 0 #e5ecf3}
.shifts-week-slot-cell{position:sticky;left:112px;z-index:2;width:150px;padding:7px 10px;background:#fff;text-align:left;box-shadow:1px 0 #e5ecf3}
.shifts-week-slot-cell strong,.shifts-week-slot-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shifts-week-slot-cell strong{color:#294a69;font-size:10px;font-weight:800}
.shifts-week-slot-cell small{margin-top:2px;color:#8092a5;font-size:9px;font-weight:500}
.shifts-week-day-cell{height:56px;padding:0;border-left:2px solid #d1dde7!important;background:#fbfdfc}
.shifts-week-day-cell.is-outside{background:#f7f9fb}
.shifts-week-cell{display:flex;width:100%;height:100%;min-height:55px;flex-direction:column;justify-content:center;gap:3px;padding:6px 8px;border:0;border-radius:0;background:transparent;color:#294967;text-align:left;cursor:pointer;transition:background .12s,box-shadow .12s}
.shifts-week-cell:hover,.shifts-week-cell:focus-visible{position:relative;z-index:1;background:#eef7f8;box-shadow:inset 0 0 0 2px #168aa1;outline:0}
.shifts-week-cell.is-assigned{background:#f7fcf9}
.shifts-week-cell.is-available{background:#fffaf1}
.shifts-week-cell.is-empty{background:#fbfcfd}
.shifts-week-cell-name{display:flex;align-items:center;gap:6px;overflow:hidden;color:#294967;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.shift-week-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#42a878}
.shift-week-dot.is-available{background:#d49a32}.shift-week-dot.is-empty{background:#b8c4d0}
.shifts-week-plus{color:#0b8093;font-size:14px;line-height:1}
.shifts-week-cell small{overflow:hidden;padding-left:13px;color:#8292a3;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.shifts-week-cell-disabled{display:block;padding:8px;color:#c4cdd6;text-align:center}
.shifts-week-empty{height:90px;padding:24px!important;color:#6c8096;text-align:center;font-size:12px}
@media(max-width:1250px){.shifts-top-header{align-items:flex-start;flex-direction:column;gap:13px}.shifts-top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:780px){.shifts-top-header{padding:15px}.shifts-top-actions{align-items:stretch;flex-direction:column}.shifts-month-form .ds-crud-field,.shifts-month-form .ds-input{width:100%}.shifts-week-nav{justify-content:space-between}.shifts-week-nav strong{flex:1}.shifts-pdf-actions{margin:0;padding:10px 0 0;border-left:0;border-top:1px solid #dce5ee}.shifts-pdf-actions .ds-btn{flex:1}.shifts-week-filters{padding:10px 15px}.shifts-week-filters .ds-crud-field{flex:1;min-width:130px}.shifts-kpi-body{padding:12px}.shifts-kpi-row-compact{grid-template-columns:1fr;gap:9px}.shifts-kpi-row-compact .shift-kpi-card{min-height:84px;padding:13px 14px}.shifts-kpi-row-compact .shift-kpi-card>strong{font-size:26px}.shifts-week-table-wrap{border-radius:10px}.shifts-week-table{min-width:1120px}}
.shifts-offcanvas-root{position:fixed;inset:0;z-index:58;visibility:hidden;pointer-events:none}
.shifts-offcanvas-root.is-open{visibility:visible;pointer-events:auto}
.shifts-offcanvas-backdrop{position:absolute;inset:0;background:rgba(13,30,52,.42);opacity:0;transition:opacity .22s ease}
.shifts-offcanvas-root.is-open .shifts-offcanvas-backdrop{opacity:1}
.shifts-offcanvas{position:absolute;top:0;right:0;display:flex;width:min(510px,100vw);height:100%;flex-direction:column;background:#fff;box-shadow:-18px 0 48px rgba(12,34,58,.2);transform:translateX(28px);transition:transform .24s ease;outline:0}
.shifts-offcanvas-root.is-open .shifts-offcanvas{transform:translateX(0)}
.shifts-offcanvas-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 24px 15px;border-bottom:1px solid #e5edf4}
.shifts-offcanvas-head h2{margin:0;color:#173b5d;font-size:21px;line-height:1.25;letter-spacing:-.02em}
.shifts-offcanvas-head p{margin:5px 0 0;color:#71849a;font-size:12px}
.shifts-offcanvas-close{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid #dce6ef;border-radius:10px;background:#fff;color:#506981;font-size:23px;line-height:1;cursor:pointer}
.shifts-offcanvas-close:hover{background:#f4f8fb;color:#173b5d}
.shifts-offcanvas-tags{display:flex;flex-wrap:wrap;gap:7px;padding:13px 24px}
.shifts-offcanvas-tags span{padding:6px 10px;border:1px solid #dce8f0;border-radius:999px;background:#f4f8fb;color:#41617e;font-size:10px;font-weight:750}
.shifts-offcanvas-tabs{display:flex;gap:23px;padding:0 24px;border-bottom:1px solid #e5edf4}
.shifts-offcanvas-tabs button{position:relative;padding:12px 0 11px;border:0;background:transparent;color:#73869b;font-size:12px;font-weight:750;cursor:pointer}
.shifts-offcanvas-tabs button.is-active{color:#087e91}
.shifts-offcanvas-tabs button.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#0b899d;content:""}
.shifts-offcanvas-tabs button span{margin-left:4px;color:#91a0af;font-size:10px;font-weight:600}
.shifts-offcanvas-body{display:grid;align-content:start;gap:9px;flex:1;overflow:auto;padding:18px 24px 22px}
.shifts-offcanvas-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 1px;color:#274765;font-size:12px;font-weight:800}
.shifts-offcanvas-section-title small{color:#8595a5;font-size:10px;font-weight:650}
.shifts-offcanvas-person{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 12px;border:1px solid #e1eaf1;border-radius:11px;background:#fff}
.shifts-offcanvas-avatar{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:50%;background:#eaf3f8;color:#236381;font-size:11px;font-weight:850}
.shifts-offcanvas-person-copy{display:grid;min-width:0;flex:1;gap:3px}
.shifts-offcanvas-person-copy strong{overflow:hidden;color:#264563;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.shifts-offcanvas-person-copy small,.shifts-offcanvas-status{color:#8191a1;font-size:10px}
.shifts-offcanvas-person-copy .shifts-offcanvas-person-state.is-assigned{color:#087b67;font-weight:800}
.shifts-offcanvas-person-copy .shifts-offcanvas-person-state.is-available{color:#6a8298}
.shifts-offcanvas-person-copy .shifts-offcanvas-person-state.is-muted{color:#8492a0}
.shifts-offcanvas-person:has(.shifts-offcanvas-person-state.is-assigned){border-color:#a9dfcf;background:#f2fbf8}
.shifts-offcanvas-person-actions{display:grid;flex:0 0 auto;gap:5px}
.shifts-offcanvas-person .ds-btn,.shifts-offcanvas-person .v2-action-btn{min-height:30px;padding:5px 9px;font-size:10px}
.shift-offcanvas-post-form{margin:0}
.shifts-offcanvas-empty{padding:14px;border:1px dashed #d9e4ec;border-radius:10px;background:#f8fafc;color:#7a8c9e;font-size:11px}
.shifts-offcanvas-manual-form{display:grid;gap:10px;margin-top:6px;padding:14px;border:1px solid #dfe8ef;border-radius:11px;background:#f8fafc}
.shifts-offcanvas-manual-form label{display:grid;gap:5px;color:#4d657d;font-size:10px;font-weight:750}
.shifts-offcanvas-manual-form .ds-input{width:100%;min-height:38px;font-size:11px}
.shifts-offcanvas-manual-form>.ds-btn{justify-self:start}
.shifts-offcanvas-add-availability{margin-top:4px;border:1px solid #dfe8ef;border-radius:11px;background:#fff}
.shifts-offcanvas-add-availability summary{padding:12px 14px;color:#267487;font-size:11px;font-weight:750;cursor:pointer}
.shifts-offcanvas-add-availability[open] summary{border-bottom:1px solid #e5edf4}
.shifts-offcanvas-add-availability .shifts-offcanvas-manual-form{margin:0;border:0;border-radius:0;background:#fff}
.shifts-offcanvas-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;border-top:1px solid #e5edf4;background:#fff}
.shifts-offcanvas-foot>span{color:#8998a7;font-size:10px}
body.shifts-offcanvas-open{overflow:hidden}
@media(max-width:600px){.shifts-offcanvas-head{padding:18px 17px 13px}.shifts-offcanvas-tags{padding:11px 17px}.shifts-offcanvas-tabs{gap:18px;padding:0 17px}.shifts-offcanvas-body{padding:15px 17px 18px}.shifts-offcanvas-foot{padding:12px 17px}.shifts-offcanvas-person{flex-wrap:wrap}.shifts-offcanvas-person-actions{width:100%;grid-template-columns:1fr 1fr;margin-left:47px}.shifts-offcanvas-person-actions form,.shifts-offcanvas-person-actions button{width:100%}}
.work-time-page{display:grid;gap:20px;max-width:1480px;margin:0 auto}
.work-time-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:stretch}
.work-time-clock-card,.work-time-quota-card{position:relative;overflow:hidden;border:1px solid #dce6f2;background:#fff;padding:26px 28px;min-height:270px;box-shadow:0 12px 35px rgba(10,29,56,.07)}
.work-time-clock-card{display:flex;flex-direction:column;justify-content:center}
.work-time-clock-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:#1458b8}
.work-time-clock-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(20,88,184,.14),rgba(20,88,184,0) 70%);pointer-events:none}
.work-time-status{display:flex;align-items:center;gap:9px;color:#5d718c;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.work-time-status-dot{width:10px;height:10px;border-radius:50%;background:#8999ad;box-shadow:0 0 0 5px rgba(137,153,173,.12)}
.work-time-status-dot.is-running{background:#13a36d;box-shadow:0 0 0 5px rgba(19,163,109,.13)}
.work-time-status-dot.is-paused{background:#d98c10;box-shadow:0 0 0 5px rgba(217,140,16,.13)}
.work-time-clock{position:relative;margin:16px 0 4px;color:#0a1d38;font-family:"Courier New",monospace;font-size:clamp(42px,5vw,66px);font-weight:900;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.work-time-clock-card>p,.work-time-quota-card>p{margin:8px 0 22px;color:#657993}
.work-time-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.work-time-controls form{margin:0}.work-time-control{min-width:116px;justify-content:center}
.work-time-quota-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0a1d38,#123c70);color:#fff;border-color:#0a1d38}
.work-time-quota-card .detail-modal-eyebrow,.work-time-quota-card>p{color:#a9c4e8}.work-time-quota-card h3{margin:8px 0 20px;color:#fff;font-size:22px}
.work-time-quota-number{font-size:38px;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.work-time-progress{height:9px;border-radius:20px;background:rgba(255,255,255,.14);overflow:hidden}.work-time-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#28c8b7,#72e0d3)}
.work-time-quota-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.work-time-quota-grid div{padding:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06)}.work-time-quota-grid small{display:block;color:#a9c4e8;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.work-time-quota-grid strong{display:block;margin-top:5px;font-size:18px}.work-time-quota-grid .is-extra{color:#ffbf69}
.work-time-workspace{display:grid;gap:0;border:1px solid #dce6f2;background:#fff;box-shadow:0 12px 35px rgba(10,29,56,.055)}
.work-time-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e3ebf4}.work-time-workspace-head h3,.work-time-history-head h3{margin:5px 0 0;color:#0a1d38;font-size:20px}.work-time-workspace-head p{margin:5px 0 0;color:#6b7b90}.work-time-primary-actions{display:flex;gap:10px;flex-wrap:wrap}
.work-time-filter{margin:18px 24px 0}.work-time-filter .ds-filter-body{padding:16px 18px}.work-time-report-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.work-time-period-form{display:flex;align-items:end;gap:10px}.work-time-period-form .ds-crud-field{min-width:245px;margin:0}.work-time-report-actions{display:flex;gap:10px;flex-wrap:wrap}.work-time-report-actions .ds-btn,.work-time-period-form .ds-btn{min-height:42px}
.work-time-history-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:24px 24px 14px}.work-time-session-count{padding:6px 10px;border:1px solid #dce6f2;background:#f6f9fd;color:#526983;font-size:12px;font-weight:800}.work-time-table-wrap{margin:0 24px 24px;border:1px solid #dce6f2}.work-time-table-wrap .ds-table{table-layout:fixed}.work-time-table-wrap th{background:#f5f8fc;color:#425a75;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.work-time-table-wrap td{vertical-align:top;line-height:1.45}.work-time-col-date{width:145px}.work-time-col-duration{width:105px}.work-time-col-type{width:145px}.work-time-col-status{width:115px}.work-time-col-actions{width:90px}.work-time-duration{font-family:"Courier New",monospace;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.work-time-table-wrap{border-radius:14px;overflow:hidden}.work-time-table-wrap th{padding:13px 14px;background:#f2f6fb;font-size:10px;letter-spacing:.09em}.work-time-table-wrap td{padding:15px 14px;vertical-align:middle;border-color:#e8eef5}.work-time-table-wrap tbody tr:hover{background:#f8fbff}.work-time-col-type{width:190px}.work-time-col-actions{width:76px}.work-time-duration{color:#164f91}.work-time-type-badge{display:inline-flex;padding:6px 9px;border:1px solid #cfe0f2;border-radius:999px;background:#edf5fd;color:#174f91;font-size:11px;font-weight:800;line-height:1.25}.work-time-notes{color:#334b66;overflow-wrap:anywhere}.work-time-edit-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;white-space:nowrap}
.modal-dialog:has(.work-time-email-preview){width:min(1120px,calc(100vw - 64px))!important;height:min(850px,calc(100vh - 48px))!important;min-height:0!important;max-height:calc(100vh - 48px)!important;padding:0!important;overflow:hidden!important}.work-time-email-preview{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-width:0}.work-time-email-preview .modal-head{margin:0!important;padding:24px 28px 20px!important}.work-time-email-preview-meta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;padding:18px 28px;background:#f5f8fc;border-bottom:1px solid #dce6f2}.work-time-email-preview-meta>div{display:grid;gap:5px;min-width:0;padding:14px 16px;border:1px solid #dce6f2;border-radius:12px;background:#fff}.work-time-email-preview-meta span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6a7e96}.work-time-email-preview-meta strong{color:#102a49;font-size:14px;overflow-wrap:anywhere}.work-time-email-preview-meta small{color:#60758e;overflow-wrap:anywhere}.work-time-email-preview-frame{min-height:0;margin:20px 28px;border:1px solid #d6e1ee;border-radius:12px;background:#e9eff6;padding:14px;overflow:hidden}.work-time-email-preview-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:7px;background:#fff}.work-time-email-preview-frame+.modal-actions{margin:0!important;padding:16px 28px 20px;border-top:1px solid #e2eaf3;background:#fff}
@media(max-width:900px){.work-time-hero{grid-template-columns:1fr}.work-time-clock-card,.work-time-quota-card{padding:22px;min-height:0}.work-time-workspace-head{align-items:flex-start;flex-direction:column}.work-time-primary-actions{width:100%}.work-time-primary-actions .ds-btn{flex:1}.work-time-report-toolbar,.work-time-period-form{align-items:stretch;flex-direction:column}.work-time-period-form .ds-crud-field{min-width:0}.work-time-report-actions{width:100%}.work-time-report-actions .ds-btn{flex:1}.work-time-clock{font-size:48px}.modal-dialog:has(.work-time-email-preview){width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important}.work-time-email-preview-meta{grid-template-columns:1fr;padding:14px 18px}.work-time-email-preview-frame{margin:14px 18px}.work-time-email-preview .modal-head{padding:20px 18px 16px!important}.work-time-email-preview-frame+.modal-actions{padding:14px 18px 18px}}
@media(max-width:760px){.work-time-table-wrap{margin:0 16px 20px;border:0;overflow:visible}.work-time-sessions-table,.work-time-sessions-table tbody,.work-time-sessions-table tr,.work-time-sessions-table td{display:block;width:100%}.work-time-sessions-table thead{display:none}.work-time-sessions-table tr{margin-bottom:12px;padding:5px 14px;border:1px solid #dce6f2;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(10,29,56,.05)}.work-time-sessions-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px 0;border:0;border-bottom:1px solid #edf2f7}.work-time-sessions-table td:last-child{border-bottom:0}.work-time-sessions-table td:before{content:attr(data-label);color:#718298;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.work-time-edit-btn{justify-self:start}}

.receipt-payment-button{color:#1b2c43}.receipt-payment-button:hover{color:#0f3f8a}.receipt-payment-button .bi{font-size:17px;line-height:1}