/* Doggie Gestionale — Bootstrap-based theme overrides
   Goal: match the Learning/Onboarding look 1:1 (see onboarding/css/style.css)
   Note: Bootstrap is loaded first; this file intentionally overrides .btn/.badge, etc.
*/

:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --text:#111827;
  /* slightly darker than before for readability */
  --muted:#4b5563;
  --border:#e5e7eb;
  --accent:#f59e0b; /* warm doggie-like */
  --accent2:#0f172a;
  --ok:#10b981;
  --danger:#b91c1c;
}

*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

/* Global readability / overflow guards
   Avoid "letter-per-line" rendering on very narrow cells.
*/
p,li,td,th,div,span{overflow-wrap:break-word;word-break:normal;}

/* Layout */
.wrap{max-width:920px;margin:0 auto;padding:22px 16px 40px;}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.topbar__brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo{height:44px;width:auto;max-height:44px;display:block;}
.badge{
  font-size:12px;color:var(--muted);
  background:#fff;border:1px solid var(--border);
  padding:6px 10px;border-radius:999px;
  font-weight:600;
}

.topbar__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}

/* Buttons (override Bootstrap .btn) */
.btn{
  appearance:none;
  border:0;
  cursor:pointer;
  background:var(--accent);
  color:#111827;
  font-weight:800;
  padding:12px 16px;
  border-radius:14px;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  line-height:1;
  box-shadow:none;
}
.btn:hover{filter:brightness(.98);color:#111827;}
.btn:focus{outline:none;box-shadow:0 0 0 4px rgba(245,158,11,.15);}

.btnPill{border-radius:999px;padding:14px 18px;font-size:16px;}
@media (max-width:720px){.btnPill{padding:12px 14px;font-size:14px;}}

.btnPillDark{background:var(--accent2);color:#fff;}
.btnPillDark:hover{color:#fff;}

.btnSecondary{background:#111827;color:#fff;}
.btnSecondary:hover{color:#fff;}

/* Nav chips row */
.navLinks{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin:6px 0 18px;}
.navLinks a{
  font-size:12px;
  text-decoration:none;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border);
  color:var(--muted);
  font-weight:800;
  line-height:1;
}
.navLinks a:hover{filter:brightness(.99);color:var(--text)}
.navLinks a.is-active{
  color:#111827;
  border-color:rgba(245,158,11,.65);
  box-shadow:0 0 0 4px rgba(245,158,11,.12);
}

.navLinks .navSpacer{flex:1 1 auto;min-width:10px;}

/* Bootstrap text helpers: ensure contrast */
.text-muted,.text-body-secondary{color:var(--muted) !important;}

/* Cards (match onboarding) */
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:16px;
}

/* Lighter inset panels (filters/checkbox blocks) */
.panel{
  background:#f9fafb;
  border:1px solid #eef2f7;
  border-radius:14px;
  padding:12px;
}

/* Page toolbars */
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.toolbar .toolbarRight{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.toolbar .toolbarLeft{min-width:220px;}

/* Sometimes views use .toolbarRight without wrapping .toolbar (e.g., Dogs on /clients/new) */
.toolbarRight{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-top:10px;}

/* Big stat number */
.statValue{font-size:34px;font-weight:900;line-height:1.1;margin-top:6px;}

/* Typical page headings */
h1,h2,h3{color:var(--text);}
h2{font-size:20px;margin:0 0 8px;}

/* Muted helper */
.muted{color:var(--muted) !important;}

/* Grid helpers used by views */
.grid{display:grid;gap:14px;}
.grid.two{grid-template-columns:1fr 1fr;}
.grid.three{grid-template-columns:1fr 1fr 1fr;}
@media (max-width:900px){.grid.three{grid-template-columns:1fr;}}
@media (max-width:720px){.grid.two{grid-template-columns:1fr;}}

/* Tables (match learning header inline styles) */
.table{width:100%;border-collapse:separate;border-spacing:0 10px;margin:10px 0 0;}
.table th{font-size:12px;color:var(--muted);text-align:left;padding:0 10px;border:none;}
.table td{background:#fff;border:1px solid var(--border);padding:10px;vertical-align:middle;}
.table th,.table td{word-break:normal;overflow-wrap:break-word;}
.table tr td:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px;}
.table tr td:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px;}
.table thead tr{border:none;}
.table tbody tr{border:none;}

/* Table responsiveness: keep content readable (no letter-by-letter wrap)
   NOTE: Many views output <table class="table"> directly inside .card/.panel without
   a wrapper. On small screens, columns collapse and text becomes letter-by-letter.
   Fix globally by forcing a minimum table width + enabling horizontal scrolling
   on common containers.
*/
.tableWrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media (max-width:720px){
  .card,.panel,.wrap{overflow-x:visible;-webkit-overflow-scrolling:touch;}
  /* table can exceed viewport and scroll instead of collapsing */
  .table{min-width:760px;}
}

/* Action cell (users, etc.) */
.table td.actions{white-space:normal;}
.inlineForm{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;}
.inlineForm .pw{max-width:190px;min-width:140px;}
@media (max-width:720px){
  .inlineForm{display:flex;width:100%;}
  .inlineForm .pw{flex:1;max-width:none;min-width:0;}
}

/* Forms (Bootstrap-first)
   We rely on Bootstrap classes (.form-control/.form-select/.form-check-input).
   Keep only light theme tweaks to match the Doggie look.
*/
input,select,textarea{font-family:inherit;}

.form-control,
.form-select{
  border-radius:12px;
  border-color:var(--border);
}

.form-control:focus,
.form-select:focus{
  border-color:#fcd34d;
  box-shadow:0 0 0 4px rgba(245,158,11,.15);
}

.form-check-input:focus{
  box-shadow:0 0 0 4px rgba(245,158,11,.15);
}

label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px;}

/* Badges/Tags used across the app (e.g., Compensi "Stato") */
.tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#f9fafb;
  color:#374151;
  font-weight:700;
  white-space:nowrap;
}
.tag.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46;}
.tag.warn{background:#fffbeb;border-color:#fde68a;color:#92400e;}
.tag.danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239;}
.tag.off{background:#111827;border-color:#111827;color:#ffffff;}

/* Flash messages */
.flash{padding:12px;border-radius:14px;margin:12px 0;border:1px solid var(--border);background:#fff;}
.flash.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46;}
.flash.err{background:#fff1f2;border-color:#fecdd3;color:#9f1239;}

/* Footer pills */
.footer{margin-top:14px;padding:14px 18px;background:var(--accent2);color:#e5e7eb;border-radius:16px;}
.footer a{color:#fbbf24;text-decoration:none;}
.pills{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.footer .tag{border:1px solid rgba(229,231,235,.25);background:transparent;color:#e5e7eb;}
.footer .tag:hover{filter:brightness(1.05)}

/* Cookie */
.cookieBar{position:fixed;left:14px;right:14px;bottom:14px;z-index:9999;display:none;}
.cookieBar.is-visible{display:block;}

.cookieBackdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:9998;display:none;}
.cookieBackdrop.is-visible{display:block;}


/* Small utilities used in some views */
.hr{height:1px;background:var(--border);margin:14px 0;}
.box{background:#f9fafb;border:1px solid #eef2f7;border-radius:14px;padding:12px 12px;margin:12px 0;}

/* Ensure Bootstrap components don't override readability */
.btn.btn-link{background:transparent;border:0;color:var(--accent2);padding:0;border-radius:0;font-weight:700;}



/* ===========================
   Client tabs (scheda cliente)
   =========================== */
.tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 10px 0 14px;
}
.tabs .tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  color: var(--text);
  text-decoration:none;
  font-weight:800;
  font-size:12px;
  box-shadow: 0 1px 0 rgba(15,23,42,.04);
}
.tabs .tab:hover{
  transform: translateY(-1px);
  box-shadow: var(--shadow);
}
.tabs .tab.is-active{
  border-color: rgba(245,158,11,.55);
  box-shadow: 0 0 0 4px rgba(245,158,11,.15);
}


/* Dog edit (hide summary button while editing) */
.dog-edit[open] > summary{display:none;}
.dog-edit > summary{list-style:none;}
.dog-edit > summary::-webkit-details-marker{display:none;}


/* ===== Doggie Restyling V1 ===== */
:root{
  --bg:#f4f6fb;
  --bg-soft:#fbfcff;
  --card:#ffffff;
  --text:#111827;
  --muted:#667085;
  --border:#e7ebf3;
  --accent:#f4b000;
  --accent-strong:#e8a100;
  --accent-soft:rgba(244,176,0,.14);
  --accent2:#101828;
  --shadow-soft:0 18px 40px rgba(16,24,40,.08);
  --shadow-card:0 22px 55px rgba(16,24,40,.09);
}
html,body{background:#fbfaf6 !important;background-image:none !important;} 
body.doggie-app{min-height:100vh;background:#fbfaf6 !important;background-image:none !important;}
body .wrap{max-width:1280px;padding:26px 18px 42px;}
body.route-login .wrap, body.route-portal-login .wrap{max-width:1100px;}
.appChrome{position:fixed;inset:0;background:radial-gradient(circle at top right, rgba(244,176,0,.10), transparent 24%), linear-gradient(180deg, #fbfaf6 0%, #fbfaf6 100%);pointer-events:none;z-index:-1;}
.topbar--app{align-items:flex-start;padding:18px 20px;background:linear-gradient(135deg, rgba(16,24,40,.98), rgba(26,39,65,.92));border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 24px 60px rgba(16,24,40,.22);margin-bottom:16px;}
.topbar__brandZone{display:flex;align-items:center;gap:16px;}
.topbar__brand{gap:14px;align-items:center;color:#fff;}
.topbar__brand:hover{color:#fff;}
.brandCopy{display:flex;flex-direction:column;gap:7px;}
.brandCopy strong{color:#fff;font-size:1.05rem;letter-spacing:.01em;}
.topbar--app .badge{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#f8fafc;width:max-content;}
.userBadge{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:700;}
.navShell{background:rgba(255,255,255,.94);backdrop-filter:none;border:1px solid rgba(231,235,243,.96);border-radius:24px;padding:10px 12px;box-shadow:var(--shadow-soft);margin-bottom:14px;}
.navLinks{margin:0;}
.navLinks a{padding:11px 15px;background:#fff;border:1px solid #ebeff6;color:#344054;font-size:13px;font-weight:800;box-shadow:0 4px 14px rgba(15,23,42,.03);}
.navLinks a.is-active{background:linear-gradient(135deg, rgba(244,176,0,.18), #fff);border-color:rgba(244,176,0,.55);color:#101828;box-shadow:0 0 0 4px rgba(244,176,0,.10);}
.navLogout{padding:10px 15px !important;font-size:12px !important;}
.card{border:1px solid rgba(231,235,243,.95);border-radius:24px;box-shadow:var(--shadow-card);background:rgba(255,255,255,.96);overflow:visible;}
.cardHeader--soft{background:#fff;}
.cardHeader--accent{background:linear-gradient(135deg, rgba(244,176,0,.18), rgba(255,255,255,.98));}
.heroSection{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:0 4px;}
.heroSection__copy{max-width:880px;}
.heroSection__actions{align-self:flex-start;justify-content:flex-end;}
.sectionEyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:#8a5b00;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.sectionTitle{margin:0;font-size:clamp(28px, 4vw, 40px);line-height:1.05;color:#101828;font-weight:900;}
.sectionIntro{margin:12px 0 0;color:#475467;line-height:1.65;max-width:900px;font-size:15px;}
.metricGrid{display:grid;gap:14px;}
.metricGrid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.metricGrid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.metricCard{background:#fff;border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft);min-height:152px;display:flex;flex-direction:column;justify-content:space-between;}
.metricCard.accent{background:linear-gradient(135deg, rgba(244,176,0,.18), rgba(255,255,255,.98));}
.metricCard.dark{background:linear-gradient(135deg, #101828, #1d2939);color:#fff;border-color:#1d2939;}
.metricCard.dark .metricCard__label,.metricCard.dark .metricCard__meta{color:rgba(255,255,255,.78);}
.metricCard__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:800;}
.metricCard__value{font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1.02;color:#101828;overflow-wrap:anywhere;}
.metricCard.dark .metricCard__value{color:#fff;}
.metricCard__meta{font-size:13px;color:#667085;line-height:1.5;}
.dashboardLayout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:16px;align-items:start;}
.plannerCard{padding:20px;overflow:hidden;}
.plannerCard__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px;}
.doggieCalendar{min-height:720px;}
.fc{--fc-border-color:#edf0f7;--fc-daygrid-event-dot-width:8px;--fc-event-bg-color:#fef3c7;--fc-event-border-color:#f4b000;--fc-event-text-color:#111827;--fc-button-text-color:#111827;--fc-button-bg-color:#fff;--fc-button-border-color:#e7ebf3;--fc-button-hover-bg-color:#fff7e0;--fc-button-hover-border-color:#f4b000;--fc-button-active-bg-color:#f4b000;--fc-button-active-border-color:#f4b000;--fc-today-bg-color:rgba(244,176,0,.08);} 
.fc .fc-toolbar-title{font-size:1.15rem;font-weight:900;color:#101828;}
.fc .fc-button{border-radius:999px;padding:.55rem .95rem;font-weight:800;box-shadow:none;}
.fc .fc-daygrid-day-frame, .fc .fc-timegrid-col-frame{border-radius:14px;}
.fc .fc-daygrid-day-number,.fc .fc-col-header-cell-cushion{color:#344054;font-weight:700;text-decoration:none;}
.fc .fc-event{border-radius:12px;padding:2px 4px;font-size:12px;font-weight:700;cursor:pointer;}
.fc .fc-event.fc-event-marked{background:#ecfdf3;border-color:#16a34a;color:#14532d;}
.fc .fc-event.fc-event-unmarked{background:#fff1f2;border-color:#dc2626;color:#7f1d1d;}
.dashboardRail{display:grid;gap:16px;}
.railCard{padding:18px;}
.railCard__head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px;}
.stackList{display:flex;flex-direction:column;gap:10px;}
.stackList__item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:#fff;color:#101828;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.stackList__item:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(16,24,40,.06);border-color:rgba(244,176,0,.45);color:#101828;}
.stackList__main{display:flex;flex-direction:column;gap:4px;min-width:0;}
.stackList__main strong{font-size:14px;}
.stackList__main span{font-size:13px;color:#667085;}
.stackList__aside{font-size:12px;font-weight:800;white-space:nowrap;color:#8a5b00;background:var(--accent-soft);padding:8px 10px;border-radius:999px;}
.railCard--cta{background:linear-gradient(135deg, rgba(244,176,0,.14), rgba(255,255,255,.98));}
.actionGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
.toolbar--soft{margin-bottom:10px;}
.toolbar--stack-mobile{align-items:flex-start;}
.toolbarForm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:min(100%,420px);}
.toolbarForm .form-control{min-width:260px;}
.listCard{padding:18px;}
.tableWrap{overflow:auto;padding-bottom:4px;}
.table.table-modern{border-collapse:separate;border-spacing:0 10px;width:100%;}
.table.table-modern thead th{padding:0 14px 8px;border:0;color:#667085;font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:800;background:transparent;}
.table.table-modern tbody tr td{background:#fff;padding:14px;border-top:1px solid #edf0f7;border-bottom:1px solid #edf0f7;vertical-align:top;}
.table.table-modern tbody tr td:first-child{border-left:1px solid #edf0f7;border-radius:18px 0 0 18px;}
.table.table-modern tbody tr td:last-child{border-right:1px solid #edf0f7;border-radius:0 18px 18px 0;}
.tableTitle{font-weight:900;color:#101828;}
.btnTable{padding:10px 14px;border-radius:999px;font-size:12px;}
.btnTiny{padding:7px 10px;border-radius:999px;font-size:11px;}
.filterRow{display:flex;flex-direction:column;gap:12px;padding:6px 0 12px;}
.filterGroup{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.filterGroup__label{font-size:12px;color:#667085;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-right:4px;}
.chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;color:#344054;text-decoration:none;font-weight:800;font-size:13px;}
.chip.is-active{background:linear-gradient(135deg, rgba(244,176,0,.18), #fff);border-color:rgba(244,176,0,.55);color:#101828;box-shadow:0 0 0 4px rgba(244,176,0,.09);}
.authCard{overflow:hidden;}
.stackForm{display:flex;flex-direction:column;gap:14px;}
.featureList{display:flex;flex-direction:column;gap:12px;}
.featureList__item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#fff;}
.featureList__item strong{font-size:15px;color:#101828;}
.featureList__item span{font-size:14px;color:#475467;line-height:1.55;}
.surfaceCard,.surfaceForm,.panel--soft{border-radius:22px;}
.panel--soft{padding:18px;border:1px solid var(--border);background:linear-gradient(135deg, rgba(244,176,0,.08), rgba(255,255,255,.96));box-shadow:var(--shadow-soft);}
.appFooter{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:18px 22px;background:linear-gradient(135deg, #101828, #1d2939);border-radius:24px;color:#e5e7eb;box-shadow:0 22px 50px rgba(16,24,40,.18);}
.appFooter .tag{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08);color:#fff;}
.footerTitle{font-size:15px;font-weight:900;margin-bottom:6px;color:#fff;}
.emptyState{padding:18px;border:1px dashed #d0d5dd;border-radius:18px;background:#fff;min-height:92px;display:flex;align-items:center;justify-content:center;text-align:center;color:#667085;}
.emptyState.compact{min-height:auto;padding:14px;justify-content:flex-start;text-align:left;}
.card details summary.btn{list-style:none;}
.card details summary::-webkit-details-marker{display:none;}
@media (max-width:1100px){.metricGrid--4,.metricGrid--3{grid-template-columns:repeat(2,minmax(0,1fr));}.dashboardLayout{grid-template-columns:1fr;}.doggieCalendar{min-height:620px;}}
@media (max-width:720px){body .wrap{padding:18px 14px 34px;}.topbar--app{padding:16px;}.topbar__actions{width:100%;justify-content:flex-start;}.navShell{padding:10px;}.metricGrid--4,.metricGrid--3,.actionGrid{grid-template-columns:1fr;}.toolbarForm{width:100%;}.toolbarForm .form-control{min-width:0;width:100%;}.table.table-modern thead{display:none;}.table.table-modern tbody tr,.table.table-modern tbody td{display:block;width:100%;}.table.table-modern tbody tr{margin-bottom:12px;}.table.table-modern tbody tr td{border:1px solid #edf0f7 !important;border-radius:16px !important;margin-bottom:8px;}.doggieCalendar{min-height:540px;}.fc .fc-toolbar{flex-direction:column;align-items:flex-start;gap:10px;}.heroSection__actions{width:100%;justify-content:flex-start;}.userBadge{width:100%;justify-content:center;}}


/* ===== Doggie Restyling V2 ===== */
.btn.danger,.btnDanger{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;}
.btn.ok,.btn.success,.btnSuccess{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;}
.btn.accent,.btnAccent{background:var(--accent);color:#111827;}
.btn.warning,.btnWarning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;}
.progress{height:11px;background:#eef2f7;border-radius:999px;overflow:hidden;border:1px solid #e4e7ec;}
.progress__fill{height:100%;background:linear-gradient(90deg, var(--accent), #ffd25a);border-radius:999px;}
.clientOverviewGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;align-items:start;}
.summaryPanel,.portalPanel{padding:20px;}
.summaryHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.summaryHead h2{margin:0;font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.05;}
.summaryFacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.clientMetrics{margin-top:16px;}
.clientMetrics .metricCard{min-height:unset;padding:18px;}
.clientPlanBox{margin-top:16px;padding:18px;border-radius:22px;background:linear-gradient(135deg, rgba(244,176,0,.12), rgba(255,255,255,.98));border:1px solid rgba(244,176,0,.22);}
.clientPlanBox__title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8a5b00;font-weight:900;margin-bottom:8px;}
.clientActionRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.portalPanel{background:linear-gradient(135deg, rgba(16,24,40,.03), rgba(244,176,0,.09));border:1px solid rgba(244,176,0,.16);}
.portalPanel__status{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px;}
.portalPanel__section{padding:14px 0;border-top:1px solid rgba(16,24,40,.08);}
.portalPanel__section:first-of-type{border-top:0;padding-top:0;}
.portalPanel__label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#667085;font-weight:900;margin-bottom:8px;}
.portalLinkBox{padding:12px;border-radius:18px;background:#fff;border:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.portalLinkBox input{flex:1;min-width:220px;}
.portalInlineForm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.portalInlineForm .form-control{flex:1;min-width:220px;}
.portalCheckbox{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#475467;max-width:100%;}
.portalCheckbox input{margin-top:3px;}
.quickMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.quickMeta .box{margin:0;min-height:100%;}
.detailLabel{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#667085;font-weight:800;margin-bottom:6px;}
@media (max-width:1100px){.clientOverviewGrid{grid-template-columns:1fr;}}
@media (max-width:720px){.quickMeta{grid-template-columns:1fr;}}


/* ===== Doggie Restyling V4 ===== */
.authCard .cardHeader{padding-bottom:18px;}
.authCard--feature .featureList__item{background:linear-gradient(180deg,#fff, #fffaf0);}
.navLinks a{font-weight:800;}
.navLinks a.is-active{box-shadow:0 0 0 4px rgba(244,176,0,.10);}
.summaryPanel .sectionIntro,.portalPanel .muted,.surfaceLead{max-width:72ch;}
.clientOverviewGrid .metricCard__value{word-break:break-word;}
.table.table-modern tbody tr:hover td{border-color:rgba(244,176,0,.24);}
.table.table-modern tbody tr:hover td:first-child{box-shadow:inset 0 0 0 1px rgba(244,176,0,.12);}
.appFooter .muted{color:#d0d5dd;}


/* ===== Doggie Restyling V5 ===== */
.btnPillGhost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);}
.btnPillGhost:hover{background:rgba(255,255,255,.14);color:#fff;}
.mobileNavToggle{display:none;}
.brandCopy strong{max-width:28ch;}
.doggieCalendar{min-height:680px;}
.fc .fc-toolbar.fc-header-toolbar{margin-bottom:1rem;gap:10px;}
.fc .fc-daygrid-event-harness{margin-top:3px;}
.fc .fc-event{padding:4px 6px;border-width:1px;font-size:11px;line-height:1.25;box-shadow:none;}
.fc .fc-event-main{color:inherit;}
.fc .fc-list-event-title a,.fc .fc-list-event-time{color:#101828;}
.fc .fc-list-day-cushion,.fc .fc-list-table td,.fc .fc-list-table th{background:#fff;}
.fc .fc-list-event:hover td{background:#fffaf0;}
.fc-event-custom{display:flex;flex-direction:column;gap:2px;min-width:0;}
.fc-event-time{font-size:10px;font-weight:900;line-height:1.05;opacity:.88;}
.fc-event-title{font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media (max-width:900px){
  body .wrap{max-width:none;padding:16px 12px 30px;}
  .appChrome{height:118px;}
  .topbar--app{padding:16px;border-radius:22px;}
  .topbar__brandZone{width:100%;justify-content:space-between;align-items:center;}
  .topbar__brand{flex:1;min-width:0;}
  .brandCopy{min-width:0;}
  .brandCopy strong{font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mobileNavToggle{display:inline-flex;flex:0 0 auto;padding:11px 14px;font-size:13px;}
  .topbar__actions{width:100%;justify-content:stretch;}
  .topbar__actions .btn{flex:1 1 100%;justify-content:center;}
  .userBadge{width:100%;justify-content:center;}
  .navShell{display:none;padding:10px;}
  .navShell.is-open{display:block;}
  .navLinks{display:grid;grid-template-columns:1fr;gap:8px;}
  .navLinks a,.navLogout{width:100%;justify-content:center;text-align:center;}
  .navLinks form{display:block;width:100%;}
  .navLinks .navSpacer{display:none;}
  .heroSection,.plannerCard__head,.railCard__head,.summaryHead{align-items:flex-start;}
  .sectionTitle{font-size:clamp(24px,8vw,32px);}
  .sectionIntro{font-size:14px;line-height:1.55;}
  .card,.metricCard,.plannerCard,.railCard,.summaryPanel,.portalPanel,.listCard{border-radius:20px;}
  .metricCard{padding:16px;min-height:unset;}
  .dashboardLayout,.clientOverviewGrid{grid-template-columns:1fr;}
  .actionGrid,.quickMeta{grid-template-columns:1fr;}
  .card,.panel,.wrap{overflow-x:visible;}
  .table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:720px;}
  .table.table-modern{min-width:720px;display:table;}
  .table.table-modern thead{display:table-header-group;}
  .table.table-modern tbody tr{display:table-row;width:auto;}.table.table-modern tbody td{display:table-cell;width:auto;}
  .doggieCalendar{min-height:520px;}
}

@media (max-width:720px){
  .metricGrid--4,.metricGrid--3,.actionGrid{grid-template-columns:1fr;}
  .toolbarForm{width:100%;}
  .toolbarForm .form-control{min-width:0;width:100%;}
  .table.table-modern{display:block;min-width:100%;}
  .table.table-modern thead{display:none;}
  .table.table-modern tbody,.table.table-modern tr,.table.table-modern td{display:block;width:100%;}
  .table.table-modern tbody tr{margin-bottom:12px;}
  .table.table-modern tbody tr td{border:1px solid #edf0f7 !important;border-radius:16px !important;margin-bottom:8px;}
  .doggieCalendar{min-height:430px;}
  .fc .fc-toolbar{flex-direction:column;align-items:stretch;gap:10px;}
  .fc .fc-toolbar-title{font-size:1rem;}
  .fc .fc-toolbar-chunk{display:flex;flex-wrap:wrap;gap:8px;}
  .fc .fc-button{padding:.55rem .8rem;font-size:12px;}
  .fc-event-title{font-size:10px;}
  .fc .fc-list-event-title a{font-weight:700;}
}


/* ===== Doggie Refinement V6 ===== */
.brandCopy{justify-content:center;}
.brandCopy strong{display:none;}
.tableWrap--keep{overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
.table.keep-table-mobile,.table.table-modern.keep-table-mobile{min-width:760px;}
.academyNarrativeCard{margin-bottom:18px;}
.academyNarrative{display:flex;flex-direction:column;gap:16px;}
.academyNarrative__lead{font-size:15px;line-height:1.75;color:#1f2937;max-width:78ch;}
.academyNarrative__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.academyNarrative__grid .box{margin:0;min-height:100%;}
.academyNarrative__grid .box strong{display:block;margin-bottom:8px;color:#101828;}
.academyNarrative__foot{display:flex;flex-direction:column;gap:10px;color:#374151;line-height:1.75;max-width:78ch;}
.compensiPage .card{overflow:visible;}
.compensiPage .tableWrap--keep{margin-top:10px;}
@media (max-width:900px){
  .academyNarrative__grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .table.keep-table-mobile,.table.table-modern.keep-table-mobile{display:table !important;min-width:760px !important;}
  .table.keep-table-mobile thead,.table.table-modern.keep-table-mobile thead{display:table-header-group !important;}
  .table.keep-table-mobile tbody,.table.table-modern.keep-table-mobile tbody{display:table-row-group !important;}
  .table.keep-table-mobile tr,.table.table-modern.keep-table-mobile tr{display:table-row !important;}
  .table.keep-table-mobile td,.table.table-modern.keep-table-mobile td,
  .table.keep-table-mobile th,.table.table-modern.keep-table-mobile th{display:table-cell !important;width:auto !important;}
  .table.keep-table-mobile tbody tr td,.table.table-modern.keep-table-mobile tbody tr td{margin-bottom:0;border-radius:0 !important;}
  .compensiPage .grid.two,.compensiPage .grid.three{grid-template-columns:1fr;}
  .clientActionRow .btn,.clientActionRow form{width:100%;}
  .clientActionRow .btn{justify-content:center;}
}


/* ===== Doggie Refinement V8 ===== */
.table-clients.keep-table-mobile{min-width:860px;}
.table-clients .btnTiny{padding:8px 12px;font-size:12px;border-radius:999px;line-height:1.15;}
.table-clients .btnTable{white-space:nowrap;}
.tabs--scroll,.tabs{scrollbar-width:thin;}

@media (max-width:720px){
  .card,.metricCard,.plannerCard,.railCard,.summaryPanel,.portalPanel,.listCard,.surfaceCard,.panel--soft{border-radius:18px;}
  .box,.chip,.tag,.tabs .tab,.navLinks a,.btn,.btnPill{border-radius:14px;}
  .sectionEyebrow,.badge,.userBadge{border-radius:12px;}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:-4px;}
  .tabs .tab{white-space:nowrap;flex:0 0 auto;}
  .filterRow{gap:12px;}
  .filterGroup{gap:10px;}
  .filterGroup__label{width:100%;margin-bottom:0;}
  .table-clients.keep-table-mobile{display:table !important;min-width:860px !important;}
  .table-clients.keep-table-mobile thead{display:table-header-group !important;}
  .table-clients.keep-table-mobile tbody{display:table-row-group !important;}
  .table-clients.keep-table-mobile tr{display:table-row !important;}
  .table-clients.keep-table-mobile td,.table-clients.keep-table-mobile th{display:table-cell !important;width:auto !important;}
  .table-clients.keep-table-mobile tbody tr td{margin-bottom:0;border-radius:0 !important;padding:12px 10px !important;}
  .table-clients.keep-table-mobile tbody tr td:first-child{border-radius:16px 0 0 16px !important;}
  .table-clients.keep-table-mobile tbody tr td:last-child{border-radius:0 16px 16px 0 !important;}
  .clientOverviewGrid .box{border-radius:16px;}
  .portalLinkBox input,.portalInlineForm .form-control{min-width:0;}
}


/* ===== Doggie Refinement V9 ===== */
/* Mobile tabs: show all without horizontal scroll */
@media (max-width:720px){
  .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0;margin-right:0;}
  .tabs .tab{white-space:normal;flex:initial;justify-content:center;text-align:center;min-height:48px;padding:10px 12px;font-size:13px;line-height:1.2;}
}

/* Learning public: simplify hero meta block and avoid duplicate visual badge */
.academyHero--simple{grid-template-columns:minmax(0,1fr) 180px;align-items:stretch;}
.academyHero__meta--simple{background:linear-gradient(180deg,#fff,#fffaf1);color:#101828;display:flex;align-items:stretch;}
.academyHero__meta--simple .academyStat{background:transparent;border:1px solid var(--border);width:100%;display:flex;flex-direction:column;justify-content:center;}
.academyHero__meta--simple .academyStat strong{color:#101828;}
.academyHero__meta--simple .academyStat span{color:#667085;}
@media (max-width:900px){
  .academyHero--simple{grid-template-columns:1fr;}
}

/* Onboarding admin: cleaner mobile cards, hide wide table */
.onboardingMobileCards{display:none;}
.onboardingMobileCard{padding:16px;border:1px solid #e7ebf3;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05);margin-bottom:12px;}
.onboardingMobileCard__head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px;}
.onboardingMobileCard__title{font-weight:900;color:#101828;}
.onboardingMobileCard__meta{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px;}
.onboardingMobileCard__meta div{font-size:13px;line-height:1.45;color:#344054;}
.onboardingMobileCard__meta strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085;margin-bottom:3px;}
.onboardingMobileCard__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;}
.onboardingMobileCard__link{display:block;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e7ebf3;font-size:13px;line-height:1.45;overflow-wrap:anywhere;color:#344054;text-decoration:none;}
.onboardingMobileCard__link strong{display:block;color:#101828;margin-bottom:4px;}
@media (max-width:720px){
  .onboardingDesktopTable{display:none;}
  .onboardingMobileCards{display:block;}
}


/* ===== Doggie Refinement V10 ===== */
@media (max-width:720px){
  .card,.metricCard,.plannerCard,.railCard,.summaryPanel,.portalPanel,.listCard,.surfaceCard,.panel--soft,.clientPlanBox,.quickMeta .box,.clientOverviewGrid .box{border-radius:14px !important;}
  .box,.chip,.tag,.tabs .tab,.navLinks a,.btn,.btnPill,.btnTiny,.form-control,.form-select,select,input,textarea{border-radius:12px !important;}
  .tabs{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;}
  .tabs .tab{font-size:12px !important;padding:10px 8px !important;min-height:44px !important;}
  .appFooter{padding:14px 16px;border-radius:18px;margin-top:18px;}
  .appFooter .footerTitle{font-size:16px;}
  .appFooter .muted{font-size:14px;line-height:1.45;}

  /* Client task tables: convert to stacked cards on mobile */
  .tab-pane[data-tab-pane="todo"] .table.table-modern,
  .tab-pane[data-tab-pane="done"] .table.table-modern,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern{display:block !important;min-width:100% !important;}
  .tab-pane[data-tab-pane="todo"] .table.table-modern thead,
  .tab-pane[data-tab-pane="done"] .table.table-modern thead,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern thead{display:none !important;}
  .tab-pane[data-tab-pane="todo"] .table.table-modern tbody,
  .tab-pane[data-tab-pane="done"] .table.table-modern tbody,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern tbody,
  .tab-pane[data-tab-pane="todo"] .table.table-modern tr,
  .tab-pane[data-tab-pane="done"] .table.table-modern tr,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern tr{display:block !important;width:100% !important;}
  .tab-pane[data-tab-pane="todo"] .table.table-modern tbody tr,
  .tab-pane[data-tab-pane="done"] .table.table-modern tbody tr,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern tbody tr{background:#fff;border:1px solid #edf0f7;border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.05);padding:12px;margin-bottom:10px;}
  .tab-pane[data-tab-pane="todo"] .table.table-modern td,
  .tab-pane[data-tab-pane="done"] .table.table-modern td,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern td{display:block !important;width:100% !important;border:0 !important;border-radius:0 !important;padding:0 !important;margin:0 0 8px !important;background:transparent !important;}
  .tab-pane[data-tab-pane="todo"] .table.table-modern td:empty,
  .tab-pane[data-tab-pane="done"] .table.table-modern td:empty,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern td:empty{display:none !important;}
  .tab-pane[data-tab-pane="todo"] .table.table-modern td:last-child,
  .tab-pane[data-tab-pane="done"] .table.table-modern td:last-child,
  .tab-pane[data-tab-pane="lessons"] .table.table-modern td:last-child{margin-bottom:0 !important;}
  .tab-pane[data-tab-pane="todo"] details summary.btn,
  .tab-pane[data-tab-pane="done"] details summary.btn,
  .tab-pane[data-tab-pane="lessons"] details summary.btn{width:100%;justify-content:center;margin-top:8px;}
  .tab-pane[data-tab-pane="todo"] td[style*="white-space:nowrap"] form,
  .tab-pane[data-tab-pane="done"] td[style*="white-space:nowrap"] form,
  .tab-pane[data-tab-pane="lessons"] td[style*="white-space:nowrap"] form{display:block !important;margin:0 0 8px 0 !important;}
  .tab-pane[data-tab-pane="todo"] td[style*="white-space:nowrap"] .btn,
  .tab-pane[data-tab-pane="done"] td[style*="white-space:nowrap"] .btn,
  .tab-pane[data-tab-pane="lessons"] td[style*="white-space:nowrap"] .btn{width:100%;justify-content:center;}
}


/* ===== Doggie Refinement V11 ===== */
@media (max-width:720px){
  .onboardingMobileCard{padding:14px;border-radius:14px !important;box-shadow:0 8px 18px rgba(15,23,42,.045);}
  .onboardingMobileCard__head{align-items:center;margin-bottom:12px;}
  .onboardingMobileCard__title{font-size:18px;line-height:1.2;}
  .onboardingMobileCard__client{margin-top:4px;color:#667085 !important;line-height:1.35;}
  .onboardingMobileCard .pill{border-radius:999px !important;font-size:12px;padding:7px 10px;white-space:nowrap;}
  .onboardingMobileCard__meta{gap:10px;margin-bottom:12px;}
  .onboardingMobileField{padding:10px 12px;border:1px solid #edf0f7;border-radius:12px;background:#fafbff;}
  .onboardingMobileField strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085;margin-bottom:4px;}
  .onboardingMobileField span{display:block;font-size:15px;line-height:1.35;color:#101828;word-break:break-word;}
  .onboardingMobileCard__publicLink{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #edf0f7;border-radius:12px;background:#fffaf1;margin-bottom:12px;}
  .onboardingMobileCard__publicLink strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085;margin-bottom:4px;}
  .onboardingMobileCard__publicLink .small{line-height:1.35;color:#475467;overflow-wrap:anywhere;}
  .onboardingMobileOpenBtn{flex:0 0 auto;padding:10px 14px !important;border-radius:10px !important;background:#111827 !important;color:#fff !important;box-shadow:none !important;}
  .onboardingMobileCard__actions{grid-template-columns:1fr;gap:8px;}
  .onboardingMobileCard__actions form,.onboardingMobileCard__actions button{margin:0 !important;}
  .onboardingMobileCard__actions .btn{width:100%;justify-content:center;padding:11px 12px !important;font-size:14px !important;border-radius:10px !important;box-shadow:none !important;}
  .onboardingMobileCard__link{display:none !important;}
}


/* ===== Doggie Refinement V13 ===== */
.onboardingDesktopTable{display:block;}
.onboardingMobileCards{display:none !important;}
.onboardingLinksTable{min-width:1240px !important;table-layout:fixed;}
.onboardingLinksTable th,.onboardingLinksTable td{vertical-align:top;}
.onboardingActionsCell{min-width:250px;}
.onboardingLinkCell{min-width:280px;}
.onboardingLinkCell .small{display:block;max-width:260px;white-space:normal;overflow-wrap:anywhere;line-height:1.45;}
.onboardingLinkCell a{display:inline-flex;align-items:center;gap:6px;}
@media (max-width:720px){
  .card,.surfaceSection,.modeOption,.modeHint,.summaryCard,.linkBox{border-radius:12px !important;}
  .btn,.pill,.badge,input,select,textarea{border-radius:10px !important;}
  .tableScroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
  .onboardingDesktopTable{display:block !important;}
  .onboardingMobileCards{display:none !important;}
  .onboardingLinksTable{min-width:1240px !important;}
  .onboardingActionStack{display:grid;grid-template-columns:1fr;min-width:190px;gap:8px;}
  .onboardingActionStack form,.onboardingActionStack .btn{width:100%;margin:0 !important;}
  .onboardingActionStack .btn{padding:9px 10px;font-size:12px;line-height:1.2;}
  .onboardingLinkCell .small{max-width:240px;}
}


/* ===== Doggie Fix V11 ===== */
.compensiAdminPage{display:flex;flex-direction:column;gap:16px;}
.compensiAdminPage .surfaceCard,.compensiAdminPage .panel--soft{height:100%;}
.compensiAdminPage .surfaceForm{gap:12px;align-items:end;}
.compensiAdminPage .tableWrap--keep{margin-top:12px;}
.compensiActionCell .btn{margin-left:6px;}
.compensiActionCell .btn:first-child{margin-left:0;}
@media (max-width:900px){
  .compensiAdminPage .grid.two{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .compensiAdminPage .heroSection{gap:12px;}
  .compensiAdminPage .heroSection__actions{width:100%;justify-content:flex-start;}
  .compensiAdminPage .listCard,.compensiAdminPage .surfaceCard,.compensiAdminPage .panel--soft{padding:14px;}
  .compensiAdminPage .surfaceForm,.compensiAdminPage .grid.two,.compensiAdminPage .grid.three{grid-template-columns:1fr;}
  .compensiAdminPage .surfaceCard > form .btn,
  .compensiAdminPage .surfaceForm .btn{width:100%;justify-content:center;}
  .compensiAdminPage .tableWrap--keep{margin-left:-4px;margin-right:-4px;padding:0 4px 4px;}
  .compensiAdminPage .table.table-modern.keep-table-mobile{min-width:980px !important;}
  .compensiActionCell{min-width:220px;}
  .compensiActionCell .btn{display:inline-flex;margin:0 6px 6px 0;}
}


/* ===== Mobile/Login cleanup V14 ===== */
.route-login .loginShell{max-width:560px;margin:18px auto 0;}
.route-login .loginShell .authCard{box-shadow:0 18px 40px rgba(16,24,40,.08);}
.route-login .loginShell .cardHeader,
.route-login .loginShell .cardHeader--soft{background:#fff !important;}
.route-login .loginShell .cardHeader h1,
.route-login .loginShell .cardHeader h2{margin-bottom:8px;}
.route-login .loginShell .btn{width:100%;justify-content:center;min-height:48px;}
.route-login .loginShell .muted{max-width:42ch;}

.dashboardTableWrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0 0 6px;}
.dashboardTableWrap .table.table-modern,
.dashboardTableWrap .table.keep-table-mobile,
.dashboardTableWrap .table.table-modern.keep-table-mobile{width:100%;min-width:100%;max-width:100%;table-layout:fixed;margin:0;}
.dashboardTableWrap .table.table-modern th,
.dashboardTableWrap .table.table-modern td,
.dashboardTableWrap .table.keep-table-mobile th,
.dashboardTableWrap .table.keep-table-mobile td,
.dashboardTableWrap .table.table-modern.keep-table-mobile th,
.dashboardTableWrap .table.table-modern.keep-table-mobile td{white-space:normal;vertical-align:middle;}
.dashboardTableWrap .table.table-modern tbody tr td,
.dashboardTableWrap .table.keep-table-mobile tbody tr td,
.dashboardTableWrap .table.table-modern.keep-table-mobile tbody tr td{border-radius:0 !important;}
.dashboardTableWrap .table.table-modern tbody tr td:first-child,
.dashboardTableWrap .table.keep-table-mobile tbody tr td:first-child,
.dashboardTableWrap .table.table-modern.keep-table-mobile tbody tr td:first-child{border-radius:18px 0 0 18px !important;}
.dashboardTableWrap .table.table-modern tbody tr td:last-child,
.dashboardTableWrap .table.keep-table-mobile tbody tr td:last-child,
.dashboardTableWrap .table.table-modern.keep-table-mobile tbody tr td:last-child{border-radius:0 18px 18px 0 !important;}
.dashboardTableWrap .table.table-modern td:last-child,
.dashboardTableWrap .table.table-modern th:last-child,
.dashboardTableWrap .table.keep-table-mobile td:last-child,
.dashboardTableWrap .table.keep-table-mobile th:last-child,
.dashboardTableWrap .table.table-modern.keep-table-mobile td:last-child,
.dashboardTableWrap .table.table-modern.keep-table-mobile th:last-child{width:160px;}
.dashboardTableWrap .btnTable{min-width:118px;justify-content:center;}

@media (max-width:720px){
  .route-login .heroSection{display:none !important;}
  .route-login .topbar--app{padding:14px 16px;border-radius:22px;margin-bottom:14px;}
  .route-login .topbar__brandZone{gap:10px;}
  .route-login .logo{height:36px;max-height:36px;}
  .route-login .brandCopy strong{font-size:1rem;}
  .route-login .brandCopy .badge{padding:8px 12px;font-size:11px;}
  .route-login .navShell{display:none !important;}
  .route-login .loginShell{margin-top:0;max-width:none;}
  .route-login .loginShell .card{border-radius:18px !important;}
  .route-login .loginShell .cardHeader{padding:18px 18px 10px;}
  .route-login .loginShell .content{padding:0 18px 18px;}

  .dashboardTableWrap{width:100%;max-width:100%;margin:0;padding:0 0 6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
  .dashboardTableWrap .table.table-modern,
  .dashboardTableWrap .table.keep-table-mobile,
  .dashboardTableWrap .table.table-modern.keep-table-mobile{display:table !important;min-width:760px !important;width:max-content !important;max-width:none !important;}
  .dashboardTableWrap .table.table-modern thead,
  .dashboardTableWrap .table.keep-table-mobile thead,
  .dashboardTableWrap .table.table-modern.keep-table-mobile thead{display:table-header-group !important;}
  .dashboardTableWrap .table.table-modern tbody,
  .dashboardTableWrap .table.keep-table-mobile tbody,
  .dashboardTableWrap .table.table-modern.keep-table-mobile tbody{display:table-row-group !important;}
  .dashboardTableWrap .table.table-modern tr,
  .dashboardTableWrap .table.keep-table-mobile tr,
  .dashboardTableWrap .table.table-modern.keep-table-mobile tr{display:table-row !important;}
  .dashboardTableWrap .table.table-modern th,
  .dashboardTableWrap .table.table-modern td,
  .dashboardTableWrap .table.keep-table-mobile th,
  .dashboardTableWrap .table.keep-table-mobile td,
  .dashboardTableWrap .table.table-modern.keep-table-mobile th,
  .dashboardTableWrap .table.table-modern.keep-table-mobile td{display:table-cell !important;width:auto !important;}
  .dashboardTableWrap .table.table-modern tbody tr td,
  .dashboardTableWrap .table.keep-table-mobile tbody tr td,
  .dashboardTableWrap .table.table-modern.keep-table-mobile tbody tr td{margin-bottom:0 !important;}
}

.route-login .loginShell .cardHeader--soft{background:#fff !important;}
.route-login .dashboardTableWrap{display:block;}