@import url("https://cdn.jsdelivr.net/gh/rastikerdar/shabnam-font@v5.0.1/dist/font-face.css");
:root{--bg:#f4f7fb;--card:#fff;--text:#142033;--muted:#708095;--line:#e4eaf2;--primary:#2563eb;--primary2:#1d4ed8;--danger:#dc2626;--ok:#0f9f6e;--warn:#d97706;--radius:16px;--shadow:0 8px 24px rgba(21,37,62,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Shabnam",Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:68px;background:#0f172a;color:#fff;display:flex;align-items:center;padding:0 max(18px,calc((100vw - 1440px)/2));gap:28px;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px rgba(0,0,0,.12)}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700}.brand-mark,.logo-big{background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:10px}.topbar nav{display:flex;gap:6px;flex:1}.topbar nav a{padding:9px 11px;border-radius:9px;color:#dbe5f5}.topbar nav a:hover{background:#1e293b;color:#fff}.top-actions{display:flex;align-items:center;gap:12px;color:#cbd5e1}.top-actions form{margin:0}.link-btn{border:0;background:none;color:inherit;cursor:pointer}.container{max-width:1440px;margin:0 auto;padding:28px 20px 60px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.page-head h1{margin:0 0 6px;font-size:28px}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.btn{border:1px solid var(--line);background:#fff;color:#243248;padding:9px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{border-color:#b7c4d8}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:var(--danger)}.btn.ghost{background:transparent}.btn.small{padding:6px 9px;font-size:12px}.btn.wide{width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-head h2,.card h2{margin:0;font-size:17px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.stat b{display:block;font-size:30px;margin-bottom:6px}.stat span{color:var(--muted)}.stat.warn b{color:var(--warn)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px;border-bottom:1px solid #edf1f6}.row-link:last-child{border-bottom:0}.row-link small{display:block;color:var(--muted);margin-top:5px}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px}.badge.warn{background:#fff7ed;color:#c2410c}.badge.danger{background:#fff1f2;color:#be123c}.badge.ok{background:#ecfdf5;color:#047857}.filterbar{display:flex;gap:8px;margin-bottom:14px;align-items:center}.filterbar input{flex:1;min-width:220px}.filterbar input,.filterbar select,input,select,textarea{border:1px solid #d7e0ec;background:#fff;border-radius:10px;padding:10px 11px;color:var(--text);outline:none}.filterbar input:focus,.filterbar select:focus,input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:840px}th,td{text-align:right;padding:13px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle}th{background:#f8fafc;color:#506179;font-weight:600;position:sticky;top:0}tr:last-child td{border-bottom:0}.mono{font-family:Consolas,monospace;direction:ltr;display:inline-block}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:18px}.pagination a{color:var(--primary)}.form-card{max-width:1000px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field span{font-size:13px;color:#53647a}.field input,.field textarea,.field select{width:100%}.span-2,.span-all{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.error-text{color:var(--danger)}.flash{max-width:900px;margin:0 auto 14px;padding:12px 14px;border-radius:10px;background:#e0f2fe;color:#075985}.flash.error{background:#fff1f2;color:#be123c}.flash.success{background:#ecfdf5;color:#047857}.eyebrow{color:var(--primary);font-weight:700;margin-bottom:5px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.info-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.info-grid p{margin:4px 0}.detail-grid{margin-bottom:18px}.stack{display:flex;flex-direction:column;gap:12px}.stack p{margin:0}.stack label{display:block;margin-bottom:5px;color:#53647a}.stack input,.stack textarea,.stack select{width:100%}.compact{gap:7px}.upload-zone{border:2px dashed #bfdbfe;background:#eff6ff;border-radius:14px;padding:22px;text-align:center;cursor:pointer}.upload-zone input{display:block;margin:0 auto 10px}.upload-zone small{display:block;color:var(--muted);margin-top:6px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.photo-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.photo-open{border:0;padding:0;background:#e9eef5;display:block;width:100%;cursor:zoom-in}.photo-open img{display:block;width:100%;height:180px;object-fit:cover}.photo-meta{padding:10px}.photo-meta small{display:block;color:var(--muted);margin:4px 0}.photo-meta p{margin:6px 0}.photo-meta details{margin-top:8px}.photo-meta summary{cursor:pointer;color:var(--primary)}.text-danger,.danger-text{border:0;background:none;color:var(--danger);cursor:pointer;padding:4px}.timeline-row{display:grid;grid-template-columns:16px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-row .dot{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:5px}.timeline-row p{margin:4px 0;color:#5c6b7d}.empty{text-align:center;color:var(--muted);padding:28px}.followup-list{display:grid;gap:10px}.followup{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;gap:14px;align-items:center}.followup.overdue{border-right:4px solid #f59e0b}.followup small{display:block;color:var(--muted);margin-top:5px}.follow-form{display:grid;grid-template-columns:130px 1fr auto;gap:7px}.bar-row{display:grid;grid-template-columns:180px 1fr 50px;align-items:center;gap:10px;padding:8px 0}.bar{height:10px;background:#edf2f7;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:inherit}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#dbeafe,#f8fafc 55%)}.login-card{width:min(420px,calc(100vw - 30px));background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(30,64,175,.12);text-align:center}.logo-big{width:64px;height:64px;border-radius:18px;margin:auto;font-size:28px}.login-card h1{margin:14px 0 4px}.muted{color:var(--muted)}.login-card label{text-align:right}.lightbox{position:fixed;inset:0;background:rgba(3,8,20,.92);z-index:100;display:grid;place-items:center;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-width:95vw;max-height:92vh;object-fit:contain}.lightbox-close{position:absolute;top:15px;left:20px;border:0;background:none;color:#fff;font-size:40px;cursor:pointer}
@media(max-width:900px){.topbar{height:auto;min-height:60px;padding:10px 14px;flex-wrap:wrap}.topbar nav{order:3;width:100%;overflow:auto}.topbar nav a{white-space:nowrap}.date{display:none}.container{padding:20px 12px 50px}.stat-grid{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.followup{grid-template-columns:1fr}.follow-form{grid-template-columns:1fr 1fr}.follow-form input:nth-child(2){grid-column:1/-1}.page-head{align-items:flex-start}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-open img{height:160px}}
@media(max-width:560px){.top-actions .user{display:none}.page-head{flex-direction:column}.actions{width:100%}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat b{font-size:24px}.form-grid,.info-grid{grid-template-columns:1fr}.filterbar{flex-direction:column;align-items:stretch}.filterbar input{min-width:0}.gallery{grid-template-columns:1fr 1fr}.photo-open img{height:140px}.bar-row{grid-template-columns:100px 1fr 35px}}
.compare-check{display:block;padding:7px 9px;background:#f8fafc;border-bottom:1px solid var(--line);font-size:12px;color:#52637a}.compare-fab{position:fixed;left:24px;bottom:24px;z-index:30;box-shadow:0 12px 30px rgba(37,99,235,.3)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-pane small{display:block;color:var(--muted);margin-top:4px}.compare-canvas{height:65vh;overflow:auto;background:#111827;border-radius:12px;display:flex;align-items:flex-start;justify-content:center}.compare-canvas img{width:100%;height:auto;max-width:none;transition:width .08s linear}.compare-tools{margin-top:12px;text-align:center}.compare-tools input{width:min(500px,70vw)}.import-menu{position:relative}.import-menu summary{list-style:none}.import-menu summary::-webkit-details-marker{display:none}.import-pop{position:absolute;top:44px;right:0;z-index:10;width:300px;padding:12px;display:flex;gap:8px;align-items:center}.import-pop input{min-width:0;width:180px}@media(max-width:900px){.compare-grid{grid-template-columns:1fr}.compare-canvas{height:48vh}.import-pop{right:auto;left:0}}

.search-card{margin-bottom:14px}.search-card .filterbar{margin-bottom:0}.advanced{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}.advanced summary{cursor:pointer;color:var(--primary)}.advanced-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.advanced-grid label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px}.advanced-grid input,.advanced-grid select{width:100%}@media(max-width:900px){.advanced-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.advanced-grid{grid-template-columns:1fr}}

.theme-toggle{border:1px solid #334155;background:#1e293b;color:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer}[data-theme=dark]{--bg:#0b1220;--card:#111b2e;--text:#e5edf8;--muted:#91a0b7;--line:#26344a;--shadow:none}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .card,[data-theme=dark] .stat,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .btn{background:#111b2e;color:var(--text);border-color:var(--line)}[data-theme=dark] th,[data-theme=dark] .compare-check{background:#162238;color:#b8c5d8}[data-theme=dark] .upload-zone{background:#12233f;border-color:#274b7a}[data-theme=dark] .login-card{background:#111b2e}

/* Exino real branding */
.brand-mark-img{
  width:34px;
  height:34px;
  display:block;
  object-fit:contain;
  flex:0 0 34px;
}
.logo-big-img{
  width:82px;
  height:82px;
  display:block;
  object-fit:contain;
  margin:0 auto 10px;
}


/* High-resolution Exino branding from assets/app_icon.png */
.logo-login-hq{
  display:block;
  width:190px;
  max-width:72%;
  height:auto;
  object-fit:contain;
  margin:0 auto 10px;
}

.brand-logo-hq{
  display:block;
  width:74px;
  height:38px;
  object-fit:contain;
  flex:0 0 auto;
}


/* EXINO_PARITY_PHASE1 */
.duplicate-warning{
  border:1px solid #f59e0b;
  background:#fffbeb;
  color:#92400e;
  border-radius:14px;
  padding:14px 16px;
  margin-bottom:18px;
}
.duplicate-warning p{margin:5px 0 0}
.tag-editor{display:grid;gap:8px}
.tag-editor-chips,.chip-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.tag-editor-row{display:flex;gap:8px}
.tag-editor-row>input{flex:1}
.tag-add{
  width:44px;border:0;border-radius:10px;background:#2563eb;color:white;
  font:inherit;font-size:20px;cursor:pointer
}
.tag-edit-chip,.filter-chip{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;
  background:#eef4ff;border:1px solid #cfe0ff;color:#1e3a8a;text-decoration:none;
  font-size:.92rem;font-weight:600
}
.tag-edit-chip button{
  border:0;background:transparent;color:#64748b;font:inherit;font-size:18px;
  cursor:pointer;padding:0;line-height:1
}
.filter-chip:hover{background:#dbeafe}
.category-row{
  display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:12px;
  align-items:center;padding:12px 0;border-bottom:1px solid var(--border,#e5e7eb)
}
.category-rename{display:flex;gap:8px}.category-rename input{flex:1}
@media(max-width:700px){
  .category-row{grid-template-columns:1fr}
}
[data-theme="dark"] .duplicate-warning{background:#3b2a0d;color:#fde68a;border-color:#a16207}
[data-theme="dark"] .tag-edit-chip,[data-theme="dark"] .filter-chip{background:#172554;color:#bfdbfe;border-color:#1e40af}

/* EXINO_BRAND_ONLY_LOGO_V1 */
.brand-only-logo{
  font-size:0 !important;
  gap:0 !important;
}
.brand-logo-hq,
.brand-logo-hq-large{
  display:block;
  width:132px !important;
  height:46px !important;
  max-width:none !important;
  object-fit:contain;
  flex:0 0 auto;
}
@media (max-width: 768px){
  .brand-logo-hq,
  .brand-logo-hq-large{
    width:108px !important;
    height:40px !important;
  }
}


/* EXINO_PARITY_PHASE2 */

/* Jalali picker */
.jalali-input-wrap{position:relative;display:flex;align-items:center;width:100%}
.jalali-input-wrap>input{width:100%;padding-left:42px}
.jalali-trigger{
  position:absolute;left:5px;border:0;background:transparent;cursor:pointer;
  width:34px;height:34px;border-radius:8px;font-size:17px
}
.jalali-trigger:hover{background:#eef4ff}
.jalali-popover{
  position:absolute;z-index:500;background:var(--card,#fff);color:var(--text,#142033);
  border:1px solid var(--line,#e4eaf2);border-radius:16px;padding:12px;
  box-shadow:0 18px 60px rgba(15,23,42,.22);direction:rtl
}
.jalali-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;text-align:center;margin-bottom:8px}
.jalali-head button,.jalali-foot button{
  border:1px solid var(--line,#e4eaf2);background:var(--card,#fff);color:inherit;
  border-radius:9px;padding:7px;cursor:pointer;font:inherit
}
.jalali-week,.jalali-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.jalali-week{color:var(--muted,#708095);font-size:12px;margin-bottom:4px}
.jalali-days button{
  border:0;background:transparent;color:inherit;aspect-ratio:1;border-radius:9px;cursor:pointer;font:inherit
}
.jalali-days button:hover{background:#eaf2ff}
.jalali-days button.today{outline:1px solid #60a5fa}
.jalali-days button.selected{background:#2563eb;color:#fff}
.jalali-foot{display:flex;justify-content:space-between;gap:8px;margin-top:9px}

/* Professional image viewer */
.pro-viewer{
  position:fixed;inset:0;z-index:1000;background:rgba(2,6,23,.96);
  color:#fff;direction:rtl
}
.pro-viewer[hidden]{display:none}
.pro-viewer-toolbar{
  position:absolute;inset:0 0 auto 0;height:58px;background:rgba(15,23,42,.88);
  display:flex;align-items:center;justify-content:space-between;padding:8px 14px;
  z-index:2;backdrop-filter:blur(10px)
}
.pro-viewer-tools{display:flex;gap:6px}
.pro-viewer-tools button{
  min-width:38px;height:38px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);color:#fff;border-radius:9px;cursor:pointer;font:inherit
}
.pro-viewer-tools button:hover{background:rgba(255,255,255,.17)}
.pro-viewer-counter{font-weight:700}
.pro-viewer-stage{
  position:absolute;inset:58px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center;
  cursor:grab;touch-action:none;user-select:none
}
.pro-viewer-stage.dragging{cursor:grabbing}
.pro-viewer-stage img{
  max-width:none;max-height:none;transform-origin:center center;
  will-change:transform;pointer-events:none;box-shadow:0 12px 60px rgba(0,0,0,.35)
}
@media(max-width:700px){
  .pro-viewer-toolbar{height:64px;padding:7px}
  .pro-viewer-stage{inset:64px 0 0}
  .pro-viewer-tools{gap:3px}
  .pro-viewer-tools button{min-width:34px;height:36px;font-size:12px}
}

/* EXINO_UI_POLISH_V1 */

/* ------------------------------
   Dashboard statistic cards
   ------------------------------ */
.stats-grid .stat,
.stat-grid .stat,
.dashboard-stats .stat,
.stat{
  min-width:0;
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.stat > b,
.stat > strong,
.stat > span{
  width:100%;
  text-align:center !important;
  margin-inline:auto !important;
}

.stat > b,
.stat > strong{
  line-height:1;
  margin-bottom:14px !important;
  font-variant-numeric:tabular-nums;
}

.stat > span{
  line-height:1.5;
}

/* ------------------------------
   Shared smooth transitions
   ------------------------------ */
.card,
.stat,
input,
select,
textarea,
button,
.btn,
.row-link,
.patient-row,
.category-row,
.filter-chip,
.tag-edit-chip,
.tag-editor-row,
.jalali-input-wrap{
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background-color .18s ease,
    color .18s ease,
    transform .18s ease,
    opacity .18s ease;
}

/* ------------------------------
   Form fields
   ------------------------------ */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea{
  border:1px solid #d6e0ee;
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 2px rgba(15,23,42,.025);
  outline:none;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
select:focus,
textarea:focus{
  border-color:#4f8df7 !important;
  box-shadow:
    0 0 0 4px rgba(37,99,235,.10),
    0 5px 18px rgba(37,99,235,.07) !important;
}

textarea{
  resize:vertical;
}

/* Jalali date field wrapper */
.jalali-input-wrap:focus-within{
  border-radius:12px;
}

.jalali-trigger{
  transition:
    background-color .18s ease,
    transform .18s ease,
    color .18s ease;
}

/* Tag editor */
.tag-editor-row:focus-within{
  border-radius:12px;
}

.tag-edit-chip{
  cursor:default;
}

/* ------------------------------
   Buttons
   ------------------------------ */
.btn,
button{
  -webkit-tap-highlight-color:transparent;
}

.btn:focus-visible,
button:focus-visible,
a:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}

/* ------------------------------
   Cards / rows
   ------------------------------ */
.card,
.stat{
  border:1px solid rgba(215,224,236,.92);
}

.row-link,
.patient-row,
.category-row{
  position:relative;
}

/* ------------------------------
   Hover enhancements
   Desktop / mouse only
   ------------------------------ */
@media (hover:hover) and (pointer:fine){

  /* Dashboard cards */
  .stat:hover{
    transform:translateY(-4px);
    border-color:rgba(88,139,230,.40);
    box-shadow:
      0 14px 34px rgba(15,23,42,.085),
      0 2px 6px rgba(37,99,235,.04);
  }

  .stat:hover > b,
  .stat:hover > strong{
    transform:scale(1.045);
  }

  /* Normal cards */
  .card:hover{
    border-color:rgba(97,139,208,.28);
    box-shadow:0 13px 34px rgba(15,23,42,.06);
  }

  /* Inputs */
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
  select:hover,
  textarea:hover{
    border-color:#a9c5ef;
    background:#fff;
    box-shadow:
      0 4px 15px rgba(15,23,42,.045),
      0 0 0 1px rgba(37,99,235,.015);
  }

  /* Buttons */
  .btn:hover,
  button:hover{
    transform:translateY(-1px);
  }

  .btn.primary:hover,
  button.primary:hover{
    box-shadow:0 8px 22px rgba(37,99,235,.20);
  }

  /* Interactive rows */
  .row-link:hover,
  .patient-row:hover,
  .category-row:hover{
    background:rgba(37,99,235,.035);
  }

  /* Chips */
  .filter-chip:hover,
  .tag-edit-chip:hover{
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(37,99,235,.08);
  }

  .jalali-trigger:hover{
    transform:scale(1.06);
  }
}

/* ------------------------------
   Active / pressed state
   ------------------------------ */
.btn:active,
button:active{
  transform:translateY(0) scale(.985);
}

/* ------------------------------
   Dark mode compatibility
   ------------------------------ */
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea{
  background:rgba(15,23,42,.74);
  border-color:#334155;
  color:#e5edf8;
}

[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus{
  border-color:#60a5fa !important;
  box-shadow:
    0 0 0 4px rgba(96,165,250,.13),
    0 6px 20px rgba(0,0,0,.16) !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .stat{
  border-color:rgba(71,85,105,.72);
}

@media (hover:hover) and (pointer:fine){
  [data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
  [data-theme="dark"] select:hover,
  [data-theme="dark"] textarea:hover{
    background:rgba(30,41,59,.92);
    border-color:#526b8d;
  }

  [data-theme="dark"] .stat:hover,
  [data-theme="dark"] .card:hover{
    border-color:rgba(96,165,250,.30);
    box-shadow:0 16px 38px rgba(0,0,0,.20);
  }

  [data-theme="dark"] .row-link:hover,
  [data-theme="dark"] .patient-row:hover,
  [data-theme="dark"] .category-row:hover{
    background:rgba(96,165,250,.055);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .card,
  .stat,
  input,
  select,
  textarea,
  button,
  .btn,
  .row-link,
  .patient-row,
  .category-row,
  .filter-chip,
  .tag-edit-chip{
    transition:none !important;
  }
}


/* EXINO_PARITY_PHASE3 */
.settings-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:16px;
}
.settings-card{
  min-height:130px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  padding:22px;
  border-radius:18px;
  border:1px solid var(--line,#dbe4ef);
  background:var(--card,#fff);
  color:inherit;
  text-decoration:none;
  box-shadow:0 8px 28px rgba(15,23,42,.045);
  transition:.18s ease;
}
.settings-card b{font-size:1.12rem}
.settings-card span{color:var(--muted,#718096)}
.settings-card.admin{border-inline-start:4px solid #2563eb}

.settings-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.field-error{color:#dc2626!important}
.muted{color:var(--muted,#718096)}

.user-table{padding:8px 18px}
.user-row,.backup-row{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 4px;
  border-bottom:1px solid var(--line,#e5eaf1);
  color:inherit;
  text-decoration:none;
}
.user-row:last-child,.backup-row:last-child{border-bottom:0}
.user-row>div:first-child,.backup-row>div:first-child{display:grid;gap:4px}
.user-row small,.backup-row small{color:var(--muted,#718096)}
.user-badges{display:flex;gap:6px;flex-wrap:wrap}
.role-badge{
  padding:5px 9px;border-radius:999px;background:#eef2f7;color:#475569;font-size:.78rem
}
.role-badge.staff{background:#dbeafe;color:#1d4ed8}
.role-badge.super{background:#ede9fe;color:#6d28d9}
.role-badge.inactive{background:#fee2e2;color:#b91c1c}

.backup-warning{
  border:1px solid #f4c36a;
  background:#fff8e8;
  color:#7c4a03;
  border-radius:16px;
  padding:15px 18px;
  margin-bottom:18px;
}
.backup-warning p{margin:6px 0}
.backup-cli code{
  display:block;
  direction:ltr;text-align:left;
  padding:10px 12px;
  border-radius:10px;
  background:#0f172a;color:#e2e8f0;
  overflow:auto;
}
.check-row{display:flex!important;flex-direction:row!important;gap:9px;align-items:center}
.check-row input{width:auto!important}

.followup-filter{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}
.followup-tabs{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px
}
.followup-tabs a{
  display:flex;gap:7px;align-items:center;
  padding:8px 12px;border:1px solid var(--line,#dbe4ef);
  border-radius:999px;background:var(--card,#fff);color:inherit;text-decoration:none
}
.followup-tabs a.active{background:#2563eb;border-color:#2563eb;color:#fff}
.followup-tabs a.danger:not(.active){color:#c2410c}
.followup-tabs a.today:not(.active){color:#0369a1}
.followup-tabs a.done:not(.active){color:#047857}

.followup-list{display:grid;gap:12px}
.followup-card{
  display:grid;
  grid-template-columns:minmax(210px,.8fr) minmax(360px,2fr) auto;
  gap:14px;align-items:center;
  background:var(--card,#fff);
  border:1px solid var(--line,#dbe4ef);
  border-inline-start:5px solid #94a3b8;
  border-radius:16px;padding:14px 16px;
}
.followup-card.state-overdue{border-inline-start-color:#ef4444;background:linear-gradient(90deg,rgba(239,68,68,.035),transparent 25%)}
.followup-card.state-today{border-inline-start-color:#0ea5e9;background:linear-gradient(90deg,rgba(14,165,233,.035),transparent 25%)}
.followup-card.state-upcoming{border-inline-start-color:#f59e0b}
.followup-card.state-done{border-inline-start-color:#10b981;opacity:.86}
.followup-person{display:grid;gap:4px}
.followup-person a{color:inherit;text-decoration:none}
.followup-person small{color:var(--muted,#718096)}
.followup-state{font-size:.78rem;font-weight:700;color:var(--muted,#718096)}
.followup-edit{display:grid;grid-template-columns:160px minmax(200px,1fr) auto;gap:8px}

.btn.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}

@media (hover:hover) and (pointer:fine){
  .settings-card:hover,.user-row:hover{
    transform:translateY(-2px);
    border-color:rgba(37,99,235,.35);
    box-shadow:0 14px 34px rgba(15,23,42,.075);
  }
}

[data-theme="dark"] .backup-warning{background:#34270e;color:#fde68a;border-color:#7c5d18}
[data-theme="dark"] .role-badge{background:#263247;color:#cbd5e1}
[data-theme="dark"] .role-badge.staff{background:#172554;color:#bfdbfe}
[data-theme="dark"] .role-badge.super{background:#2e1065;color:#ddd6fe}
[data-theme="dark"] .role-badge.inactive{background:#450a0a;color:#fecaca}

@media(max-width:850px){
  .settings-two-col{grid-template-columns:1fr}
  .followup-card{grid-template-columns:1fr}
  .followup-edit{grid-template-columns:1fr}
}

/* EXINO_CENTER_SELECT_TEXT_V1 */
select{
  text-align:center !important;
  text-align-last:center !important;
  padding-inline-start:30px !important;
  padding-inline-end:30px !important;
}

select option{
  text-align:center !important;
  direction:rtl;
}

/* EXINO_SETTINGS_FORMS_LAYOUT_V1 */

.account-settings-layout,
.user-settings-layout{
  align-items:start !important;
}

.account-settings-layout{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.user-settings-layout{
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr) !important;
}

.settings-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-auto-flow:row !important;
  align-content:start !important;
  align-items:stretch !important;
  gap:16px !important;
  min-width:0 !important;
  width:100% !important;
  padding:24px !important;
  box-sizing:border-box !important;
}

.settings-form > h2{
  margin:0 0 4px !important;
  line-height:1.5;
}

.settings-form > label{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-auto-flow:row !important;
  gap:7px !important;
  align-items:start !important;
  justify-items:stretch !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  line-height:1.6;
  box-sizing:border-box;
}

.settings-form > label > input:not([type="checkbox"]):not([type="radio"]),
.settings-form > label > select,
.settings-form > label > textarea{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:48px;
  margin:0 !important;
  box-sizing:border-box !important;
}

.settings-form > label > textarea{
  min-height:110px;
  height:auto;
}

.settings-form > label > small{
  display:block !important;
  width:100%;
  min-width:0;
  margin:0 !important;
  color:var(--muted,#718096);
  font-size:.85rem;
  line-height:1.8;
  overflow-wrap:anywhere;
}

.settings-form > label > small ul{
  margin:4px 0 0 !important;
  padding-inline-start:0 !important;
  padding-inline-end:18px !important;
}

.settings-form > label > small li{
  margin:2px 0;
}

.settings-form > label:has(> input[type="checkbox"]),
.settings-form > label:has(> input[type="radio"]){
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  min-height:36px;
}

.settings-form > label > input[type="checkbox"],
.settings-form > label > input[type="radio"]{
  flex:0 0 auto !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
}

.settings-form > .btn,
.settings-form > button.btn{
  justify-self:start !important;
  min-width:120px;
  margin-top:2px;
}

.user-password-form{
  align-self:start;
}

.user-password-form .muted{
  margin:0;
  line-height:1.8;
}

.user-main-form{
  min-width:0;
}

.settings-form input:focus,
.settings-form select:focus,
.settings-form textarea:focus{
  position:relative;
  z-index:1;
}

[data-theme="dark"] .settings-form > label > small{
  color:#94a3b8;
}

@media(max-width:1000px){
  .user-settings-layout{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

@media(max-width:850px){
  .account-settings-layout{
    grid-template-columns:minmax(0,1fr) !important;
  }

  .settings-form{
    padding:18px !important;
  }

  .settings-form > .btn,
  .settings-form > button.btn{
    width:100%;
    justify-self:stretch !important;
  }
}

/* === EXINO PREMIUM UI PHASE 4 START === */
html{scroll-behavior:smooth}
body.page-ready main.container{animation:exinoPageEnter .34s cubic-bezier(.22,.61,.36,1) both}
body.page-leaving main.container{opacity:.82;transform:translateY(6px);transition:opacity .12s ease,transform .12s ease}
@keyframes exinoPageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.page-head.page-head-form{max-width:1180px;margin:0 auto 18px;padding-inline:18px}
.page-head.page-head-form .page-title-wrap{width:100%;display:flex;justify-content:flex-end;align-items:center}
.page-head.page-head-form h1{margin-bottom:0}

.card,.stat,.btn,.topbar nav a,.row-link,.followup,.photo-card,.badge,input,select,textarea,.legend-item,.bar-row,.upload-zone,table tbody tr td{transition:transform .18s ease,box-shadow .22s ease,border-color .18s ease,background-color .18s ease,color .18s ease,filter .18s ease}
.card:hover,.stat:hover,.photo-card:hover,.followup:hover{transform:translateY(-3px);border-color:#bfd3fb;box-shadow:0 20px 34px rgba(37,99,235,.09),0 8px 18px rgba(15,23,42,.05)}
.btn{position:relative;overflow:hidden}
.btn:hover{transform:translateY(-2px)}
.btn.primary{box-shadow:0 10px 24px rgba(37,99,235,.18)}
.btn.primary:hover{background:linear-gradient(135deg,var(--primary),#4f46e5);border-color:transparent;box-shadow:0 16px 30px rgba(37,99,235,.24)}
.btn.ghost:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
input:hover,select:hover,textarea:hover,.filterbar input:hover,.filterbar select:hover{border-color:#a5c5ff;background:#fcfdff}
input:focus,select:focus,textarea:focus,.filterbar input:focus,.filterbar select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.14)}
.row-link:hover{padding-inline:10px;background:linear-gradient(90deg,rgba(59,130,246,.04),rgba(14,165,233,.05));border-radius:12px}
table tbody tr:hover td{background:#f8fbff}
.upload-zone:hover{border-color:#60a5fa;background:linear-gradient(180deg,#eff6ff,#f8fbff)}
.topbar nav a{position:relative;overflow:hidden}
.topbar nav a::after{content:"";position:absolute;right:10px;left:10px;bottom:6px;height:2px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#60a5fa,#818cf8);transform:scaleX(0);transform-origin:right;transition:transform .18s ease}
.topbar nav a:hover{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(14,165,233,.12));color:#fff;box-shadow:0 10px 20px rgba(15,23,42,.18)}
.topbar nav a:hover::after{transform:scaleX(1)}

.section-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}
.premium-analytics{display:grid;grid-template-columns:minmax(320px,1.12fr) minmax(280px,.88fr);gap:18px;align-items:stretch;margin-top:18px}
.premium-donut-card,.premium-bars-card{overflow:hidden}
.donut-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,1fr);gap:18px;align-items:center}
.donut-canvas-wrap{position:relative;display:grid;place-items:center;min-height:360px;padding:16px;border-radius:24px;background:radial-gradient(circle at 50% 35%,rgba(59,130,246,.08),rgba(255,255,255,.88) 58%,rgba(240,247,255,.92) 100%)}
#diseaseDonutChart{display:block;max-width:340px;width:100%;height:auto;filter:drop-shadow(0 16px 28px rgba(37,99,235,.14))}
.donut-center{position:absolute;display:grid;place-items:center;gap:2px;width:118px;height:118px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 12px 24px rgba(15,23,42,.08);text-align:center;pointer-events:none}
.donut-center strong{font-size:28px;line-height:1}
.donut-center span{font-size:12px;color:var(--muted)}
.chart-tooltip{position:absolute;min-width:132px;max-width:180px;padding:10px 12px;border-radius:12px;background:rgba(15,23,42,.96);color:#fff;font-size:12px;line-height:1.7;box-shadow:0 14px 28px rgba(15,23,42,.24);pointer-events:none;z-index:3}
.chart-tooltip b{display:block;font-size:13px;margin-bottom:2px}
.disease-legend{display:grid;gap:10px}
.legend-item{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;text-align:right;cursor:pointer}
.legend-item:hover,.legend-item.is-active{border-color:#bfd3fb;background:linear-gradient(180deg,#fbfdff,#f3f8ff);transform:translateY(-2px);box-shadow:0 12px 22px rgba(37,99,235,.08)}
.legend-swatch{width:12px;height:12px;border-radius:999px;background:var(--legend-color,#2563eb);box-shadow:0 0 0 4px color-mix(in srgb,var(--legend-color,#2563eb) 16%,transparent)}
.legend-name{font-weight:700}
.legend-meta{color:var(--muted);font-size:12px}
.premium-bar-row{grid-template-columns:minmax(120px,220px) 1fr 72px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}
.premium-bar-row:last-child{border-bottom:0}
.premium-bar-row:hover .bar-label{color:#1d4ed8}
.bar-meta{display:flex;flex-direction:column;gap:4px}
.bar-label{font-weight:700}
.bar-meta small{color:var(--muted)}
.premium-bar{height:14px;background:linear-gradient(90deg,#e8eef7,#f3f7fb);border-radius:999px;overflow:hidden;position:relative}
.premium-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bar-start,#60a5fa),var(--bar-end,#2563eb));box-shadow:0 8px 18px rgba(37,99,235,.18)}
.premium-bar-row:hover .premium-bar i{filter:saturate(1.08) brightness(1.02)}
.bar-value{font-size:13px;color:#1d4ed8}

[data-theme=dark] .row-link:hover{background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(14,165,233,.14))}
[data-theme=dark] table tbody tr:hover td{background:#132035}
[data-theme=dark] input:hover,[data-theme=dark] select:hover,[data-theme=dark] textarea:hover{background:#14233b}
[data-theme=dark] .btn.ghost:hover{background:#14233b;border-color:#32527a;color:#dbeafe}
[data-theme=dark] .donut-canvas-wrap{background:radial-gradient(circle at 50% 35%,rgba(37,99,235,.18),rgba(17,27,46,.96) 60%,rgba(9,15,27,.98) 100%)}
[data-theme=dark] .donut-center{background:rgba(11,18,32,.92);box-shadow:0 10px 24px rgba(0,0,0,.25)}
[data-theme=dark] .legend-item{background:#111b2e}
[data-theme=dark] .legend-item:hover,[data-theme=dark] .legend-item.is-active{background:linear-gradient(180deg,#15233a,#111b2e)}
[data-theme=dark] .premium-bar{background:linear-gradient(90deg,#18263d,#22324c)}

@media(max-width:1100px){.premium-analytics,.donut-layout{grid-template-columns:1fr}}
@media(max-width:700px){.premium-bar-row{grid-template-columns:1fr}.bar-value{text-align:left}.donut-canvas-wrap{min-height:300px}.donut-center{width:104px;height:104px}}
@media(prefers-reduced-motion:reduce){body.page-ready main.container{animation:none}.card,.stat,.btn,.topbar nav a,.row-link,.followup,.photo-card,.badge,input,select,textarea,.legend-item,.bar-row,.upload-zone,table tbody tr td{transition:none}}
/* === EXINO PREMIUM UI PHASE 4 END === */

/* === EXINO PATIENT LIST LIVE UI V1 START === */
.exino-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.patient-list-page .page-head{align-items:center}.patient-page-actions .btn,.patient-page-actions summary.btn{min-height:44px}.patient-filterbar{display:grid!important;grid-template-columns:minmax(300px,1fr) minmax(180px,220px) minmax(180px,220px) auto auto;align-items:center!important;gap:10px!important}.filter-control{position:relative;display:block;min-width:0}.filter-control .filter-icon{position:absolute;z-index:2;top:50%;right:14px;transform:translateY(-50%);color:#6b7c94;pointer-events:none}.filter-control input,.filter-control select{width:100%!important;min-width:0!important;height:48px;padding-right:44px!important;padding-left:36px!important;text-align:center!important;text-align-last:center!important;background:#fff}.filter-control input::placeholder{text-align:center}.select-control::after{content:"";position:absolute;left:16px;top:50%;width:7px;height:7px;border-left:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-68%) rotate(-45deg);pointer-events:none}.select-control select{appearance:none;-webkit-appearance:none}.clear-live-filters{min-height:48px;white-space:nowrap}.live-search-status{min-width:96px;text-align:center;font-size:12px;color:var(--muted);white-space:nowrap}.live-patient-search.is-loading{border-color:#bfdbfe}.patient-results{position:relative;transition:opacity .16s ease,transform .16s ease}.patient-results.is-loading{opacity:.52;transform:translateY(2px);pointer-events:none}.patient-results.is-loading::after{content:"";position:absolute;z-index:3;top:18px;left:18px;width:18px;height:18px;border-radius:50%;border:2px solid #bfdbfe;border-top-color:#2563eb;animation:exinoLiveSpin .65s linear infinite}@keyframes exinoLiveSpin{to{transform:rotate(360deg)}}.patient-list-page .advanced summary{display:inline-flex;align-items:center;gap:7px}.patient-list-page .advanced-grid label,.patient-list-page .advanced-grid label>span{text-align:center}.patient-list-page .advanced-grid input,.patient-list-page .advanced-grid select{text-align:center!important;text-align-last:center!important}.patient-table{table-layout:auto}.patient-table th,.patient-table td{text-align:center!important;vertical-align:middle}.patient-table .table-head-label{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;color:#425570;font-weight:700}.patient-table .table-head-label .ui-icon{width:17px;height:17px;color:#4771b7}.patient-table tbody tr{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.patient-table tbody tr:hover{position:relative;z-index:1;transform:translateY(-1px);box-shadow:0 8px 22px rgba(37,99,235,.06)}.patient-table tbody tr:hover td{background:linear-gradient(180deg,#fbfdff,#f6faff)}.patient-table .mono{direction:ltr;text-align:center}.patient-open-btn{gap:5px}.patient-open-btn .ui-icon{width:15px;height:15px}.patient-list-page .pagination,.patient-list-page .pagination span,.patient-list-page .pagination a{text-align:center}[data-theme=dark] .filter-control input,[data-theme=dark] .filter-control select{background:#111b2e}[data-theme=dark] .patient-table .table-head-label{color:#c7d4e7}[data-theme=dark] .patient-table .table-head-label .ui-icon{color:#78a7ff}[data-theme=dark] .patient-table tbody tr:hover td{background:linear-gradient(180deg,#152238,#111d31)}@media(max-width:1050px){.patient-filterbar{grid-template-columns:1fr 1fr!important}.search-control{grid-column:1/-1}.clear-live-filters{width:100%}.live-search-status{min-width:0}}@media(max-width:620px){.patient-filterbar{grid-template-columns:1fr!important}.search-control{grid-column:auto}.live-search-status{min-height:16px}}@media(prefers-reduced-motion:reduce){.patient-results,.patient-table tbody tr{transition:none}.patient-results.is-loading::after{animation:none}}
/* === EXINO PATIENT LIST LIVE UI V1 END === */

/* === EXINO NAV ICONS + CENTER PATIENT TITLE V1 START === */

.patient-form-titlebar{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:4px auto 22px;
}

.patient-form-titlebar h1{
  margin:0;
  padding:0;
  text-align:center;
  font-size:30px;
  line-height:1.5;
  color:var(--text);
}

.page-head.page-head-form,
.page-head.page-head-form .page-title-wrap{
  justify-content:center !important;
  text-align:center !important;
}

.topbar nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.topbar nav .nav-icon{
  width:17px;
  height:17px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:#89a8d4;
  transition:
    transform .18s ease,
    color .18s ease,
    filter .18s ease;
}

.topbar nav .nav-label{
  line-height:1;
}

@media (hover:hover) and (pointer:fine){
  .topbar nav a:hover .nav-icon{
    color:#67e8f9;
    transform:translateY(-1px) scale(1.08);
    filter:drop-shadow(0 2px 5px rgba(34,211,238,.24));
  }
}

@media(max-width:900px){
  .topbar nav a{
    gap:6px;
  }

  .topbar nav .nav-icon{
    width:16px;
    height:16px;
  }

  .patient-form-titlebar{
    margin-top:0;
    margin-bottom:18px;
  }

  .patient-form-titlebar h1{
    font-size:26px;
  }
}

@media(prefers-reduced-motion:reduce){
  .topbar nav .nav-icon{
    transition:none;
  }
}

/* === EXINO NAV ICONS + CENTER PATIENT TITLE V1 END === */


/* === EXINO TOPBAR WELCOME V2 START === */

.top-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.topbar-user-greeting,
.topbar-date-display,
.topbar-logout{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  border-radius:12px;
  white-space:nowrap;
}

.topbar-user-greeting,
.topbar-date-display{
  padding:7px 10px;
  border:1px solid rgba(148,163,184,.13);
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.topbar-user-greeting{
  color:#f4f8ff;
  font-weight:700;
}

.topbar-date-display{
  color:#cbd7eb;
  font-size:.94rem;
}

.topbar-logout{
  padding:7px 10px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#dbe5f5 !important;
  cursor:pointer;
}

.topbar-meta-icon{
  width:16px;
  height:16px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.topbar-user-greeting .topbar-meta-icon{color:#67e8f9}
.topbar-date-display .topbar-meta-icon{color:#91aee0}
.topbar-logout .topbar-meta-icon{color:#cbd5e1}

@media (hover:hover) and (pointer:fine){
  .topbar-user-greeting,
  .topbar-date-display,
  .topbar-logout{
    transition:transform .17s ease,background-color .17s ease,border-color .17s ease,color .17s ease;
  }

  .topbar-user-greeting:hover,
  .topbar-date-display:hover{
    transform:translateY(-1px);
    background:rgba(96,165,250,.07);
    border-color:rgba(103,232,249,.22);
  }

  .topbar-logout:hover{
    transform:translateY(-1px);
    color:#fecaca !important;
    background:rgba(239,68,68,.08) !important;
    border-color:rgba(248,113,113,.16) !important;
  }

  .topbar-logout:hover .topbar-meta-icon{color:#fca5a5}
}

@media(max-width:900px){
  .topbar-date-display{display:none !important}
}

@media(max-width:560px){
  .topbar-user-greeting{display:none !important}
  .topbar-logout span{display:none}
  .topbar-logout{width:38px;padding:7px !important}
}

@media(prefers-reduced-motion:reduce){
  .topbar-user-greeting,
  .topbar-date-display,
  .topbar-logout{transition:none !important}
}

/* === EXINO TOPBAR WELCOME V2 END === */

/* === EXINO GRANULAR PERMISSIONS V1 START === */

.user-permission-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:22px;
  align-items:start;
}

.permission-editor{
  padding:24px;
  display:grid;
  gap:22px;
}

.permission-account-section,
.permission-master,
.permission-section{
  display:grid;
  gap:16px;
}

.permission-section-head h2,
.permission-section-head h3{margin:0}

.permission-section-head p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:.92rem;
}

.permission-account-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.permission-account-grid label,
.password-reset-card label{
  display:grid;
  gap:7px;
}

.permission-account-grid input,
.password-reset-card input{width:100%}

.account-toggle-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.permission-switch,
.permission-item{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:11px;
  cursor:pointer;
}

.permission-switch{
  border:1px solid var(--line,#dce5f1);
  border-radius:14px;
  padding:14px;
  background:var(--card,#fff);
}

.permission-switch input{
  width:18px !important;
  height:18px !important;
  margin:2px 0 0 !important;
  flex:0 0 auto;
}

.permission-switch span{
  display:grid;
  gap:3px;
}

.permission-switch small,
.permission-copy small{
  color:var(--muted);
  line-height:1.65;
}

.permission-full-switch{
  padding:16px 18px;
  border-color:#93c5fd;
  background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(6,182,212,.045));
}

.permission-sections{
  display:grid;
  gap:16px;
}

.card-subtle{
  border:1px solid var(--line,#dce5f1);
  border-radius:16px;
  padding:18px;
  background:var(--card,#fff);
}

.permission-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.permission-item{
  min-height:84px;
  padding:13px;
  border:1px solid var(--line,#dce5f1);
  border-radius:13px;
  background:var(--card,#fff);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.permission-item input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.permission-check-ui{
  width:20px;
  height:20px;
  border:2px solid #b9c8dc;
  border-radius:6px;
  flex:0 0 auto;
  margin-top:1px;
  position:relative;
}

.permission-item input:checked + .permission-check-ui{
  background:#2563eb;
  border-color:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
}

.permission-item input:checked + .permission-check-ui::after{
  content:"";
  position:absolute;
  width:8px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  left:4px;
  top:5px;
  transform:rotate(-45deg);
}

.permission-copy{
  display:grid;
  gap:4px;
}

.permission-item.danger input:checked + .permission-check-ui{
  background:#dc2626;
  border-color:#dc2626;
  box-shadow:0 0 0 4px rgba(220,38,38,.09);
}

@media(hover:hover) and (pointer:fine){
  .permission-item:hover{
    transform:translateY(-1px);
    border-color:#a7c7f7;
    box-shadow:0 10px 24px rgba(37,99,235,.07);
  }
  .permission-item.danger:hover{
    border-color:#fecaca;
    box-shadow:0 10px 24px rgba(220,38,38,.055);
  }
}

.permission-superuser-note{
  border:1px solid #c4b5fd;
  background:#f5f3ff;
  color:#5b21b6;
  border-radius:13px;
  padding:13px 15px;
}

.permission-savebar{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  padding-top:4px;
}

.user-security-column{
  position:sticky;
  top:98px;
}

.password-reset-card{
  display:grid;
  gap:14px;
  padding:20px;
}

[data-theme="dark"] .permission-superuser-note{
  background:#24163d;
  border-color:#6d4ca5;
  color:#ddd6fe;
}

@media(max-width:1050px){
  .user-permission-layout{grid-template-columns:1fr}
  .user-security-column{position:static}
}

@media(max-width:720px){
  .permission-account-grid,
  .permission-grid,
  .account-toggle-row{grid-template-columns:1fr}

  .permission-editor{padding:17px}

  .permission-savebar{flex-direction:column-reverse}
  .permission-savebar .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .permission-item{transition:none}
}

/* === EXINO GRANULAR PERMISSIONS V1 END === */

/* === EXINO PERMISSION LANDING V1 START === */
.no-access-shell{
  min-height:calc(100vh - 190px);
  display:grid;
  place-items:center;
  padding:28px 0;
}

.no-access-card{
  width:min(620px,100%);
  padding:30px;
  display:grid;
  justify-items:center;
  text-align:center;
  gap:18px;
}

.no-access-icon{
  width:68px;
  height:68px;
  border-radius:22px;
  display:grid;
  place-items:center;
  color:#2563eb;
  background:linear-gradient(145deg,rgba(37,99,235,.12),rgba(6,182,212,.08));
  border:1px solid rgba(37,99,235,.14);
}

.no-access-icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.no-access-card h1{
  margin:0 0 8px;
  font-size:1.55rem;
}

.no-access-card p{
  margin:0;
  color:var(--muted);
  line-height:1.9;
}

.no-access-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.no-access-actions form{
  margin:0;
}
/* === EXINO PERMISSION LANDING V1 END === */

/* === EXINO STATS DISEASE DRILLDOWN V1 START === */

.stats-disease-link{
  color:inherit;
  text-decoration:none;
  font-weight:inherit;
  border-radius:7px;
  transition:
    color .16s ease,
    background-color .16s ease,
    box-shadow .16s ease;
}

.stats-disease-link:hover{
  color:#2563eb;
}

.stats-disease-link:focus-visible{
  outline:3px solid rgba(37,99,235,.18);
  outline-offset:3px;
}

.exino-disease-drilldown{
  cursor:pointer !important;
  position:relative;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    background-color .16s ease !important;
}


@media(hover:hover) and (pointer:fine){
  .exino-disease-drilldown:hover{
    transform:translateY(-1px);
    border-color:rgba(37,99,235,.28) !important;
    box-shadow:0 8px 22px rgba(37,99,235,.075);
    background-color:rgba(37,99,235,.025);
  }

}

.exino-donut-drilldown{
  cursor:pointer !important;
}

.exino-donut-drilldown:hover{
  filter:saturate(1.04) brightness(1.01);
}

[data-theme="dark"] .stats-disease-link:hover{
  color:#7db0ff;
}

[data-theme="dark"] .exino-disease-drilldown:hover{
  border-color:rgba(96,165,250,.34) !important;
  background-color:rgba(59,130,246,.055);
}

@media(prefers-reduced-motion:reduce){
  .stats-disease-link,
  .exino-disease-drilldown{
    transition:none !important;
  }
}

/* === EXINO STATS DISEASE DRILLDOWN V1 END === */

/* === EXINO PREMIUM TOASTS V2 START === */
.exino-toast-stack{
  position:fixed;
  top:92px;
  left:50%;
  transform:translateX(-50%);
  z-index:9999;
  width:min(430px,calc(100vw - 28px));
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:none;
}

.exino-toast{
  --toast-color:#2563eb;
  --toast-icon-bg:#dbeafe;
  position:relative;
  width:100%;
  min-height:80px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 32px;
  align-items:center;
  gap:12px;
  padding:14px 15px 18px;
  overflow:hidden;
  direction:rtl;
  text-align:right;
  background:rgba(255,255,255,.97);
  color:#172033;
  border:1px solid color-mix(in srgb,var(--toast-color) 22%,#dfe7f2 78%);
  border-radius:18px;
  box-shadow:0 18px 48px rgba(15,23,42,.16),0 4px 12px rgba(15,23,42,.07);
  backdrop-filter:blur(14px);
  pointer-events:auto;
  opacity:0;
  transform:translateY(-14px) scale(.985);
}

.exino-toast.success,.exino-toast.login-success{
  --toast-color:#059669;
  --toast-icon-bg:#d1fae5;
}
.exino-toast.error,.exino-toast.danger{
  --toast-color:#dc2626;
  --toast-icon-bg:#fee2e2;
}
.exino-toast.warning{
  --toast-color:#d97706;
  --toast-icon-bg:#fef3c7;
}
.exino-toast.info{
  --toast-color:#2563eb;
  --toast-icon-bg:#dbeafe;
}

.exino-toast.is-visible{animation:exinoToastIn .32s cubic-bezier(.2,.8,.2,1) forwards}
.exino-toast.is-leaving{animation:exinoToastOut .22s ease forwards}

.exino-toast-accent{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--toast-color),color-mix(in srgb,var(--toast-color) 55%,white));
}

.exino-toast-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--toast-color);
  background:var(--toast-icon-bg);
}
.exino-toast-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.exino-toast-content{min-width:0;display:grid;gap:2px}
.exino-toast-title{font-size:.98rem;font-weight:800;color:#132033;line-height:1.6}
.exino-toast-message{font-size:.9rem;color:#64748b;line-height:1.75;overflow-wrap:anywhere}

.exino-toast-close{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#94a3b8;
  cursor:pointer;
  align-self:start;
  transition:.16s ease;
}
.exino-toast-close:hover{background:#f1f5f9;color:#334155;transform:scale(1.04)}
.exino-toast-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}

.exino-toast-progress{
  position:absolute;
  right:14px;
  left:14px;
  bottom:7px;
  height:3px;
  border-radius:999px;
  overflow:hidden;
  background:color-mix(in srgb,var(--toast-color) 9%,transparent);
}
.exino-toast-progress span{
  display:block;
  width:100%;
  height:100%;
  transform-origin:right center;
  border-radius:inherit;
  background:var(--toast-color);
}
.exino-toast.is-running .exino-toast-progress span{
  animation:exinoToastProgress var(--toast-duration,5000ms) linear forwards;
}
.exino-toast.is-paused .exino-toast-progress span{animation-play-state:paused}

@keyframes exinoToastIn{
  from{opacity:0;transform:translateY(-14px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes exinoToastOut{
  from{opacity:1;transform:translateY(0) scale(1)}
  to{opacity:0;transform:translateY(-8px) scale(.985)}
}
@keyframes exinoToastProgress{
  from{transform:scaleX(1)}
  to{transform:scaleX(0)}
}

[data-theme="dark"] .exino-toast{
  background:rgba(15,23,42,.96);
  color:#e5edf8;
  border-color:color-mix(in srgb,var(--toast-color) 30%,#334155);
  box-shadow:0 20px 52px rgba(0,0,0,.35);
}
[data-theme="dark"] .exino-toast-title{color:#f8fafc}
[data-theme="dark"] .exino-toast-message{color:#aab8ca}
[data-theme="dark"] .exino-toast-close:hover{background:#1e293b;color:#f8fafc}

@media(max-width:700px){
  .exino-toast-stack{top:76px;width:calc(100vw - 20px)}
  .exino-toast{
    min-height:72px;
    grid-template-columns:40px minmax(0,1fr) 30px;
    padding:12px 12px 17px;
    border-radius:15px;
  }
  .exino-toast-icon{width:39px;height:39px;border-radius:12px}
}

@media(prefers-reduced-motion:reduce){
  .exino-toast,.exino-toast.is-visible,.exino-toast.is-leaving{
    animation:none!important;
    opacity:1;
    transform:none;
  }
  .exino-toast-progress span{animation:none!important}
}
/* === EXINO PREMIUM TOASTS V2 END === */

/* === EXINO PATIENT UX + EXCEL V1 START === */

.patient-record-row{
  cursor:pointer;
  outline:none;
}
.patient-record-row td{
  transition:
    background-color .16s ease,
    box-shadow .16s ease,
    color .16s ease;
}
.patient-record-row:hover td{
  background:#f3f7ff !important;
}
.patient-record-row:hover td:first-child{
  box-shadow:inset -3px 0 0 #3b82f6;
}
.patient-record-row:focus-visible td{
  background:#eef5ff !important;
}
.patient-record-row:focus-visible td:first-child{
  box-shadow:inset -3px 0 0 #2563eb;
}

.exino-category-picker{
  position:relative;
  width:100%;
  min-width:0;
}
.exino-native-category-select{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}
.exino-category-trigger{
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 24px;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid #cfdced;
  border-radius:13px;
  background:rgba(255,255,255,.96);
  color:#172033;
  font:inherit;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(15,23,42,.03);
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background-color .18s ease,
    transform .18s ease;
}
.exino-category-trigger:hover{
  border-color:#8cb5f8;
  background:#fbfdff;
  box-shadow:0 7px 22px rgba(37,99,235,.07);
}
.exino-category-picker.is-open .exino-category-trigger{
  border-color:#4f8df7;
  box-shadow:0 0 0 4px rgba(37,99,235,.10),0 10px 25px rgba(37,99,235,.09);
}
.exino-category-trigger-label{
  text-align:center;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-weight:650;
}
.exino-category-trigger-icon,
.exino-category-trigger-chevron{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  color:#64748b;
}
.exino-category-trigger-icon svg,
.exino-category-trigger-chevron svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.exino-category-trigger-chevron{
  transition:transform .18s ease;
}
.exino-category-picker.is-open .exino-category-trigger-chevron{
  transform:rotate(180deg);
}

.exino-category-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  left:0;
  z-index:1500;
  display:none;
  max-height:310px;
  overflow:auto;
  padding:8px;
  border:1px solid #d8e3f1;
  border-radius:15px;
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 45px rgba(15,23,42,.16),0 4px 12px rgba(15,23,42,.06);
  backdrop-filter:blur(14px);
}
.exino-category-picker.open-up .exino-category-menu{
  top:auto;
  bottom:calc(100% + 8px);
}
.exino-category-picker.is-open .exino-category-menu{
  display:grid;
  gap:4px;
  animation:exinoCategoryMenuIn .16s ease both;
}
.exino-category-option{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 22px;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#273449;
  font:inherit;
  text-align:center;
  cursor:pointer;
  transition:background-color .14s ease,color .14s ease,transform .14s ease;
}
.exino-category-option:hover{
  background:#eff6ff;
  color:#1d4ed8;
}
.exino-category-option.is-selected{
  background:#eaf2ff;
  color:#1d4ed8;
  font-weight:750;
}
.exino-category-option-check{
  color:#2563eb;
  opacity:0;
}
.exino-category-option.is-selected .exino-category-option-check{
  opacity:1;
}
.exino-category-empty{
  color:#64748b;
}

@keyframes exinoCategoryMenuIn{
  from{opacity:0;transform:translateY(-5px) scale(.99)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

[data-theme="dark"] .patient-record-row:hover td{
  background:#132038 !important;
}
[data-theme="dark"] .patient-record-row:focus-visible td{
  background:#17243d !important;
}
[data-theme="dark"] .exino-category-trigger{
  background:#111c30;
  color:#e6edf8;
  border-color:#334155;
}
[data-theme="dark"] .exino-category-trigger:hover{
  background:#15233b;
  border-color:#5478ad;
}
[data-theme="dark"] .exino-category-menu{
  background:rgba(15,23,42,.985);
  border-color:#334155;
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}
[data-theme="dark"] .exino-category-option{
  color:#dbe5f4;
}
[data-theme="dark"] .exino-category-option:hover{
  background:#172b4d;
  color:#bfdbfe;
}
[data-theme="dark"] .exino-category-option.is-selected{
  background:#18345e;
  color:#dbeafe;
}

@media(max-width:700px){
  .exino-category-menu{max-height:260px}
}

@media(prefers-reduced-motion:reduce){
  .patient-record-row td,
  .exino-category-trigger,
  .exino-category-trigger-chevron,
  .exino-category-option{
    transition:none !important;
  }
  .exino-category-picker.is-open .exino-category-menu{
    animation:none !important;
  }
}
/* === EXINO PATIENT UX + EXCEL V1 END === */

/* === EXINO FONT FALLBACK STACK V2 START === */
:root{
  --exino-font-family:
    "Shabnam",
    "B Yekan",
    "B Yaghout",
    Tahoma,
    Arial,
    sans-serif;
}

/*
  Shabnam should be loaded from Exino's own static web-font files.
  Therefore the client machine does NOT need Shabnam installed.
  B Yekan and B Yaghout are system fallbacks only if Shabnam fails to load.
*/
html,
body,
button,
input,
select,
textarea,
option{
  font-family:var(--exino-font-family) !important;
}
/* === EXINO FONT FALLBACK STACK V2 END === */

/* === EXINO UI REPAIR V20 START === */
.table-head-label{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.table-head-icon{width:18px;height:18px;color:#3b6fc4;fill:none;stroke:currentColor;stroke-width:1.8}

.exino-v20-cat-native{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
  clip-path:inset(50%)!important;
}
.exino-v20-cat{position:relative;width:100%;min-width:0}
.exino-v20-cat-trigger{
  width:100%;min-height:52px;
  display:grid;grid-template-columns:24px minmax(0,1fr) 24px;
  align-items:center;gap:10px;padding:0 14px;
  border:1px solid #cddbec;border-radius:13px;background:#fff;color:#172033;
  font:inherit;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.04);
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease
}
.exino-v20-cat-trigger:hover{border-color:#73a7fb;background:#fbfdff;box-shadow:0 8px 22px rgba(37,99,235,.08)}
.exino-v20-cat.is-open .exino-v20-cat-trigger{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12),0 12px 26px rgba(37,99,235,.10)}
.exino-v20-cat-icon,.exino-v20-cat-chevron{display:grid;place-items:center;color:#64748b}
.exino-v20-cat-icon svg,.exino-v20-cat-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.exino-v20-cat-label{text-align:center;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.exino-v20-cat-label.is-empty{color:#7b8798;font-weight:500}
.exino-v20-cat-chevron{transition:transform .16s ease}
.exino-v20-cat.is-open .exino-v20-cat-chevron{transform:rotate(180deg)}
.exino-v20-cat-menu{
  position:absolute;z-index:5000;top:calc(100% + 8px);right:0;left:0;
  display:none;max-height:320px;overflow:auto;padding:8px;
  border:1px solid #d7e2ef;border-radius:15px;background:rgba(255,255,255,.985);
  box-shadow:0 18px 48px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.06);
  backdrop-filter:blur(14px)
}
.exino-v20-cat.open-up .exino-v20-cat-menu{top:auto;bottom:calc(100% + 8px)}
.exino-v20-cat.is-open .exino-v20-cat-menu{display:grid;gap:4px;animation:exinoV20MenuIn .14s ease both}
.exino-v20-cat-option{
  width:100%;min-height:43px;display:grid;grid-template-columns:22px minmax(0,1fr) 22px;
  align-items:center;gap:8px;padding:7px 10px;border:0;border-radius:10px;
  background:transparent;color:#273449;font:inherit;cursor:pointer;
  transition:background-color .13s ease,color .13s ease
}
.exino-v20-cat-option:hover{background:#edf5ff;color:#1d4ed8}
.exino-v20-cat-option.is-selected{background:#e5efff;color:#1d4ed8;font-weight:750}
.exino-v20-cat-check{opacity:0;color:#2563eb}
.exino-v20-cat-option.is-selected .exino-v20-cat-check{opacity:1}
.exino-v20-cat-option-text{text-align:center}
@keyframes exinoV20MenuIn{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
[data-theme="dark"] .exino-v20-cat-trigger{background:#111c30;color:#e6edf8;border-color:#334155}
[data-theme="dark"] .exino-v20-cat-menu{background:rgba(15,23,42,.99);border-color:#334155}
[data-theme="dark"] .exino-v20-cat-option{color:#dbe5f4}
[data-theme="dark"] .exino-v20-cat-option:hover{background:#172b4d;color:#bfdbfe}
[data-theme="dark"] .exino-v20-cat-option.is-selected{background:#18345e;color:#dbeafe}
/* === EXINO UI REPAIR V20 END === */

/* === EXINO CATEGORY DROPDOWN V21 START === */
.exino-cat21-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}

.exino-cat21{
  position:relative;
  width:100%;
  min-width:0;
}

.exino-cat21-trigger{
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 24px;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid #cddbec;
  border-radius:13px;
  background:#fff;
  color:#172033;
  font:inherit;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease;
}

.exino-cat21-trigger:hover{
  border-color:#79aaf7;
  background:#fbfdff;
  box-shadow:0 8px 24px rgba(37,99,235,.09);
}

.exino-cat21.is-open .exino-cat21-trigger{
  border-color:#3b82f6;
  box-shadow:0 0 0 4px rgba(59,130,246,.12),0 12px 28px rgba(37,99,235,.11);
}

.exino-cat21-icon,
.exino-cat21-chevron{
  display:grid;
  place-items:center;
  color:#64748b;
}

.exino-cat21-icon svg,
.exino-cat21-chevron svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.exino-cat21-value{
  text-align:center;
  font-weight:700;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.exino-cat21-value.is-placeholder{
  color:#8190a5;
  font-weight:500;
}

.exino-cat21-chevron{
  transition:transform .16s ease;
}
.exino-cat21.is-open .exino-cat21-chevron{
  transform:rotate(180deg);
}

.exino-cat21-menu{
  position:absolute;
  z-index:10000;
  top:calc(100% + 8px);
  right:0;
  left:0;
  display:none;
  max-height:330px;
  overflow:auto;
  padding:8px;
  border:1px solid #d8e3ef;
  border-radius:15px;
  background:rgba(255,255,255,.99);
  box-shadow:0 20px 54px rgba(15,23,42,.18),0 5px 16px rgba(15,23,42,.07);
  backdrop-filter:blur(14px);
  scrollbar-width:thin;
}

.exino-cat21.open-up .exino-cat21-menu{
  top:auto;
  bottom:calc(100% + 8px);
}

.exino-cat21.is-open .exino-cat21-menu{
  display:grid;
  gap:4px;
  animation:exinoCat21In .14s ease both;
}

.exino-cat21-option{
  width:100%;
  min-height:44px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 22px;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#273449;
  font:inherit;
  cursor:pointer;
  transition:background-color .13s ease,color .13s ease,transform .13s ease;
}

.exino-cat21-option:hover{
  background:#edf5ff;
  color:#1d4ed8;
}

.exino-cat21-option:active{
  transform:scale(.992);
}

.exino-cat21-option.is-selected{
  background:#e4efff;
  color:#1d4ed8;
  font-weight:800;
}

.exino-cat21-check{
  opacity:0;
  color:#2563eb;
  font-weight:900;
}
.exino-cat21-option.is-selected .exino-cat21-check{
  opacity:1;
}

.exino-cat21-option-text{
  text-align:center;
}

.exino-cat21-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  justify-self:center;
  background:#d7e4f7;
}
.exino-cat21-option.is-selected .exino-cat21-dot{
  background:#3b82f6;
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}

@keyframes exinoCat21In{
  from{opacity:0;transform:translateY(-5px) scale(.99)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

[data-theme="dark"] .exino-cat21-trigger{
  background:#111c30;
  color:#e6edf8;
  border-color:#334155;
}
[data-theme="dark"] .exino-cat21-menu{
  background:rgba(15,23,42,.99);
  border-color:#334155;
}
[data-theme="dark"] .exino-cat21-option{
  color:#dbe5f4;
}
[data-theme="dark"] .exino-cat21-option:hover{
  background:#172b4d;
  color:#bfdbfe;
}
[data-theme="dark"] .exino-cat21-option.is-selected{
  background:#18345e;
  color:#dbeafe;
}

@media(prefers-reduced-motion:reduce){
  .exino-cat21-trigger,
  .exino-cat21-option,
  .exino-cat21-chevron{
    transition:none!important;
  }
  .exino-cat21.is-open .exino-cat21-menu{
    animation:none!important;
  }
}
/* === EXINO CATEGORY DROPDOWN V21 END === */

/* === EXINO CATEGORY DROPDOWN V25 START === */
.exino-cat25-source{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
}

.exino-cat25{
  position:relative;
  width:100%;
  min-width:0;
}

.exino-cat25-button{
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 24px;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid #cad9ea;
  border-radius:13px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  color:#172033;
  font:inherit;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease,
    background .15s ease;
}

.exino-cat25-button:hover{
  border-color:#69a1ff;
  background:#fff;
  box-shadow:0 9px 25px rgba(37,99,235,.10);
}

.exino-cat25.is-open .exino-cat25-button{
  border-color:#2f6fed;
  box-shadow:
    0 0 0 4px rgba(47,111,237,.12),
    0 12px 28px rgba(37,99,235,.12);
}

.exino-cat25-label{
  min-width:0;
  text-align:center;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.exino-cat25-label.is-placeholder{
  color:#7f8ca0;
  font-weight:500;
}

.exino-cat25-side-icon,
.exino-cat25-arrow{
  display:grid;
  place-items:center;
  color:#64748b;
}

.exino-cat25-side-icon svg,
.exino-cat25-arrow svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.exino-cat25-arrow{
  transition:transform .15s ease;
}

.exino-cat25.is-open .exino-cat25-arrow{
  transform:rotate(180deg);
}

.exino-cat25-menu{
  position:fixed;
  z-index:2147483000;
  overflow:auto;
  padding:8px;
  border:1px solid #d7e2ee;
  border-radius:16px;
  background:rgba(255,255,255,.99);
  box-shadow:
    0 24px 64px rgba(15,23,42,.20),
    0 6px 18px rgba(15,23,42,.08);
  backdrop-filter:blur(15px);
  scrollbar-width:thin;
  animation:exinoCat25In .13s ease both;
}

.exino-cat25-menu[hidden]{
  display:none!important;
}

.exino-cat25-option{
  width:100%;
  min-height:44px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 22px;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#253247;
  font:inherit;
  cursor:pointer;
  transition:
    background .12s ease,
    color .12s ease,
    transform .12s ease;
}

.exino-cat25-option:hover{
  background:#edf5ff;
  color:#1d4ed8;
}

.exino-cat25-option:active{
  transform:scale(.993);
}

.exino-cat25-option.is-selected{
  background:#e5efff;
  color:#1d4ed8;
  font-weight:800;
}

.exino-cat25-check{
  opacity:0;
  color:#2563eb;
  font-weight:900;
}

.exino-cat25-option.is-selected .exino-cat25-check{
  opacity:1;
}

.exino-cat25-option-text{
  text-align:center;
}

.exino-cat25-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  justify-self:center;
  background:#d5e3f5;
}

.exino-cat25-option.is-selected .exino-cat25-dot{
  background:#3b82f6;
  box-shadow:0 0 0 4px rgba(59,130,246,.12);
}

@keyframes exinoCat25In{
  from{opacity:0;transform:translateY(-4px) scale(.992)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

[data-theme="dark"] .exino-cat25-button{
  background:#111c30;
  color:#e7edf7;
  border-color:#334155;
}

[data-theme="dark"] .exino-cat25-menu{
  background:rgba(15,23,42,.99);
  border-color:#334155;
}

[data-theme="dark"] .exino-cat25-option{
  color:#dbe5f4;
}

[data-theme="dark"] .exino-cat25-option:hover{
  background:#172b4d;
  color:#bfdbfe;
}

[data-theme="dark"] .exino-cat25-option.is-selected{
  background:#18345e;
  color:#dbeafe;
}

@media(prefers-reduced-motion:reduce){
  .exino-cat25-button,
  .exino-cat25-option,
  .exino-cat25-arrow{
    transition:none!important;
  }
  .exino-cat25-menu{
    animation:none!important;
  }
}
/* === EXINO CATEGORY DROPDOWN V25 END === */

/* EXINO_CAT27 */
.cat27{max-width:1580px;margin:auto}.cat27-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.cat27-head h1{margin:0;font-size:2rem}.cat27-head p{margin:7px 0 0;color:#7c8ba1}.cat27-count{padding:9px 14px;border:1px solid #dce6f1;border-radius:14px;background:#fff;color:#2563eb;font-weight:800}
.cat27-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(620px,1.3fr);gap:22px;align-items:start}.cat27-new,.cat27-listcard{padding:23px;border-radius:22px!important;box-shadow:0 14px 38px rgba(15,23,42,.07)}.cat27-new{position:sticky;top:105px}.cat27-sec{display:flex;align-items:center;gap:11px;margin-bottom:20px}.cat27-sec>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef5ff;color:#2563eb;font-size:1.2rem}.cat27-sec h2{margin:0;font-size:1.15rem}.cat27-sec p{margin:4px 0 0;color:#8794a7;font-size:.84rem}
.cat27-form{display:grid;gap:16px}.cat27-form label,.cat27-edit label{display:grid;gap:6px;color:#596a81;font-size:.8rem;font-weight:800}.cat27-form input,.cat27-edit input[type=text],.cat27-edit input[type=number]{width:100%;min-height:46px;border:1px solid #d6e0eb;border-radius:13px;padding:9px 12px;background:#fff}.cat27-form input:focus,.cat27-edit input:focus{outline:none;border-color:#4c8bf5;box-shadow:0 0 0 4px rgba(76,139,245,.12)}.cat27-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cat27-mainbtn{width:100%}
.cat27-switch{display:flex!important;align-items:center;gap:9px;min-height:46px}.cat27-switch input{position:absolute!important;opacity:0;pointer-events:none}.cat27-switch i{width:44px;height:25px;border-radius:999px;background:#dce4ed;position:relative;transition:.18s}.cat27-switch i:after{content:"";position:absolute;width:17px;height:17px;right:4px;top:4px;border-radius:50%;background:white;box-shadow:0 2px 6px #0003;transition:.18s}.cat27-switch input:checked+i{background:linear-gradient(135deg,#22c55e,#14b8a6)}.cat27-switch input:checked+i:after{transform:translateX(-19px)}.cat27-switch b{color:#526278}
.cat27-list{display:grid;gap:11px}.cat27-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:end;padding:13px;border:1px solid #e0e8f1;border-radius:17px;background:linear-gradient(#fff,#fbfdff);transition:.17s}.cat27-row:hover{transform:translateY(-2px);border-color:#bdd1ed;box-shadow:0 10px 25px rgba(37,99,235,.08)}.cat27-row.dirty{border-color:#f1c765;background:#fffaf0}.cat27-badge{align-self:center;min-width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f1f6ff;color:#2563eb;border:1px solid #d9e7ff;font-weight:800}.cat27-edit{display:grid;grid-template-columns:minmax(170px,1fr) 95px 125px auto;gap:10px;align-items:end}.cat27-save,.cat27-del{height:43px;border-radius:12px;padding:0 12px;font:inherit;font-weight:800;cursor:pointer;transition:.17s}.cat27-save{border:1px solid #cfe0ff;background:#eff6ff;color:#2563eb}.cat27-save:hover{background:#2563eb;color:#fff}.cat27-del{border:1px solid #fecaca;background:#fff5f5;color:#dc2626}.cat27-del:hover{background:#dc2626;color:#fff}.cat27-empty{padding:50px;text-align:center;color:#7d8ca1;border:1px dashed #d4deea;border-radius:16px}
.cat27-modal{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;opacity:0;transition:.14s}.cat27-modal[hidden]{display:none}.cat27-modal.open{opacity:1}.cat27-back{position:absolute;inset:0;border:0;background:#0f172a66;backdrop-filter:blur(5px)}.cat27-dialog{position:relative;width:min(420px,calc(100vw - 30px));padding:25px;text-align:center;border-radius:21px;background:#fff;box-shadow:0 25px 70px #0f172a44}.cat27-trash{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;border-radius:17px;background:#fff1f2;color:#dc2626;font-size:1.4rem}.cat27-dialog h3{margin:0 0 7px}.cat27-dialog p{color:#7b899e}.cat27-dialog>div:last-child{display:flex;gap:9px;justify-content:center;margin-top:18px}.cat27-danger{background:#dc2626!important;color:white!important;border-color:#dc2626!important}
@media(max-width:1150px){.cat27-grid{grid-template-columns:1fr}.cat27-new{position:static}}@media(max-width:780px){.cat27-head{align-items:flex-start;flex-direction:column}.cat27-two,.cat27-edit{grid-template-columns:1fr}.cat27-row{grid-template-columns:1fr}.cat27-badge{justify-self:start;padding:0 12px}.cat27-save,.cat27-del,.cat27-del-form{width:100%}}

/* === EXINO STATS UI REPAIR V36 START === */

/* Use EXINO's real <html data-theme="..."> state. */
.premium-analytics .stats-disease-link {
  color: var(--text) !important;
  text-decoration: none !important;
}

[data-theme="dark"] .premium-analytics .stats-disease-link {
  color: #e5edf8 !important;
}

.premium-analytics .stats-disease-link:hover,
.premium-analytics .stats-disease-link:focus-visible {
  color: #2563eb !important;
}

[data-theme="dark"] .premium-analytics .stats-disease-link:hover,
[data-theme="dark"] .premium-analytics .stats-disease-link:focus-visible {
  color: #7db0ff !important;
}

/* Remove the legacy generated chevrons that can appear more than once. */
.premium-analytics .exino-disease-drilldown::before,
.premium-analytics 

/* Whole-row links. */
.premium-analytics a.legend-item,
.premium-analytics a.premium-bar-row {
  text-decoration: none !important;
}

.premium-analytics a.legend-item .legend-name,
.premium-analytics a.premium-bar-row .bar-label {
  color: inherit;
}

.premium-analytics a.premium-bar-row:hover .bar-label {
  color: #2563eb;
}

[data-theme="dark"] .premium-analytics a.premium-bar-row:hover .bar-label {
  color: #7db0ff;
}

[data-theme="dark"] .premium-bar-row {
  border-bottom-color: var(--line);
}

.premium-analytics a.legend-item:focus-visible,
.premium-analytics a.premium-bar-row:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .24);
  outline-offset: 3px;
}

/* === EXINO STATS UI REPAIR V36 END === */


/* === EXINO FOLLOWUPS PREMIUM V39 START === */

.followups-page-v39{max-width:1320px;margin:0 auto}
.followup-page-head-v39{align-items:center}

.followup-head-summary-v39{
  display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px
}
.followup-head-summary-v39>span{
  display:inline-flex;align-items:center;gap:6px;min-height:38px;
  padding:7px 11px;border:1px solid var(--line);border-radius:999px;
  background:var(--card);color:var(--muted);white-space:nowrap
}
.followup-head-summary-v39>span b{color:var(--text);font-size:1rem}
.followup-head-summary-v39>span.is-open{
  background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8
}
.followup-head-summary-v39>span.is-overdue{
  background:#fff1f2;border-color:#fecdd3;color:#be123c
}

.followup-filter-v39{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto;
  align-items:center;gap:10px;margin-bottom:14px;padding:12px
}
.followup-search-v39{position:relative;min-width:0}
.followup-search-v39 svg{
  position:absolute;z-index:2;right:14px;top:50%;width:19px;height:19px;
  transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;color:#718096;pointer-events:none
}
.followup-search-v39 input{
  width:100%;min-height:46px;padding-right:44px!important;text-align:right!important
}

.followup-tabs-v39{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;margin-bottom:12px
}
.followup-tabs-v39 a{
  justify-content:center;min-height:44px;border-radius:13px;font-weight:700
}
.followup-tabs-v39 a b{
  display:inline-grid;place-items:center;min-width:25px;height:25px;
  padding-inline:6px;border-radius:999px;background:rgba(100,116,139,.10);
  font-size:.78rem
}
.followup-tabs-v39 a.active b{
  background:rgba(255,255,255,.17);color:#fff
}

.followup-result-meta-v39{
  display:flex;justify-content:flex-end;margin:0 2px 10px;
  color:var(--muted);font-size:.82rem
}

.followups-page-v39 .followup-list{gap:12px}
.followups-page-v39 .followup-card{
  grid-template-columns:minmax(220px,.78fr) minmax(0,2.22fr);
  gap:18px;padding:16px 17px;overflow:visible;background:var(--card);
  transition:transform .18s ease,border-color .18s ease,box-shadow .22s ease,background-color .18s ease
}
.followups-page-v39 .followup-card.state-overdue{
  border-inline-start-color:#ef4444;
  background:linear-gradient(90deg,rgba(239,68,68,.035),transparent 26%),var(--card)
}
.followups-page-v39 .followup-card.state-today{
  border-inline-start-color:#0ea5e9;
  background:linear-gradient(90deg,rgba(14,165,233,.035),transparent 26%),var(--card)
}
.followups-page-v39 .followup-card.state-upcoming{border-inline-start-color:#f59e0b}
.followups-page-v39 .followup-card.state-done{border-inline-start-color:#10b981;opacity:1}

.followup-person-top-v39{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.followup-patient-link-v39{min-width:0}
.followup-patient-link-v39 b{font-size:1.02rem}
.followup-patient-link-v39:hover{color:var(--primary)}

.followup-state-v39{
  display:inline-flex;align-items:center;justify-content:center;width:max-content;
  min-height:28px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);
  background:#f8fafc;color:#64748b;white-space:nowrap
}
.followup-state-v39.state-overdue{color:#b91c1c;background:#fff1f2;border-color:#fecaca}
.followup-state-v39.state-today{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}
.followup-state-v39.state-upcoming{color:#b45309;background:#fffbeb;border-color:#fde68a}
.followup-state-v39.state-done{color:#047857;background:#ecfdf5;border-color:#a7f3d0}
.followup-sep-v39{padding-inline:5px;color:#a0aec0}

.followups-page-v39 .followup-edit-v39{
  display:grid;grid-template-columns:165px minmax(220px,1fr) auto;
  align-items:end;gap:10px;min-width:0
}
.followup-field-v39{display:grid;gap:6px;min-width:0}
.followup-field-v39>span{color:var(--muted);font-size:.76rem;font-weight:700}
.followup-field-v39 input{width:100%;min-width:0;height:44px}

.followup-actions-v39{
  display:flex;align-items:center;gap:7px;padding-bottom:1px
}
.followup-actions-v39 .btn{min-width:68px;min-height:42px}
.followup-save-v39{
  color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff
}
.followup-done-v39{
  background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important
}
.followup-done-v39:hover{
  background:#d1fae5!important;border-color:#6ee7b7!important
}

.followup-empty-v39{
  display:grid;justify-items:center;gap:7px;padding:34px 18px;
  text-align:center;color:var(--muted)
}
.followup-empty-v39 b{color:var(--text)}

.followup-pagination-v39{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:14px;margin-top:18px;padding:12px 0
}
.followup-pagination-v39>div:first-child{justify-self:start}
.followup-pagination-v39>div:last-child{justify-self:end}
.followup-pagination-v39 strong{color:var(--muted);font-size:.85rem}
.followup-pagination-v39 .is-disabled{opacity:.42;cursor:default;pointer-events:none}

/* Dark Mode */
[data-theme="dark"] .followup-head-summary-v39>span{background:#111b2e}
[data-theme="dark"] .followup-head-summary-v39>span.is-open{
  background:#142748;border-color:#315a92;color:#bfdbfe
}
[data-theme="dark"] .followup-head-summary-v39>span.is-overdue{
  background:#351821;border-color:#71313c;color:#fecdd3
}
[data-theme="dark"] .followup-state-v39{
  background:#172338;border-color:#334155;color:#cbd5e1
}
[data-theme="dark"] .followup-state-v39.state-overdue{
  background:#351821;border-color:#71313c;color:#fecaca
}
[data-theme="dark"] .followup-state-v39.state-today{
  background:#102a3d;border-color:#245b7c;color:#bae6fd
}
[data-theme="dark"] .followup-state-v39.state-upcoming{
  background:#34270e;border-color:#705314;color:#fde68a
}
[data-theme="dark"] .followup-state-v39.state-done{
  background:#0f2e26;border-color:#236751;color:#a7f3d0
}
[data-theme="dark"] .followup-save-v39{
  background:#172b4d;color:#bfdbfe;border-color:#315a92
}
[data-theme="dark"] .followup-done-v39{
  background:#103127!important;color:#a7f3d0!important;border-color:#236751!important
}
[data-theme="dark"] .followup-done-v39:hover{
  background:#164034!important;border-color:#33836a!important
}

@media(max-width:1000px){
  .followup-tabs-v39{grid-template-columns:repeat(3,minmax(0,1fr))}
  .followups-page-v39 .followup-card{grid-template-columns:1fr}
}
@media(max-width:760px){
  .followup-page-head-v39{align-items:flex-start}
  .followup-head-summary-v39{width:100%}
  .followup-filter-v39{grid-template-columns:1fr 1fr}
  .followup-search-v39{grid-column:1/-1}
  .followups-page-v39 .followup-edit-v39{grid-template-columns:1fr;align-items:stretch}
  .followup-actions-v39{justify-content:flex-end}
}
@media(max-width:520px){
  .followup-tabs-v39{grid-template-columns:repeat(2,minmax(0,1fr))}
  .followup-filter-v39{grid-template-columns:1fr}
  .followup-search-v39{grid-column:auto}
  .followup-filter-v39>.btn{width:100%}
  .followup-person-top-v39{align-items:flex-start}
  .followup-actions-v39{display:grid;grid-template-columns:1fr 1fr}
  .followup-actions-v39 .btn{width:100%}
  .followup-pagination-v39{grid-template-columns:1fr 1fr}
  .followup-pagination-v39 strong{
    grid-column:1/-1;grid-row:1;text-align:center
  }
}

/* === EXINO FOLLOWUPS PREMIUM V39 END === */


/* === EXINO AUDIT CENTER PREMIUM V41 START === */

.audit-page-v41{max-width:1440px;margin:0 auto}
.audit-head-v41{align-items:center}

.audit-summary-v41{
  display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:9px
}
.audit-summary-v41>span{
  display:grid;gap:3px;min-width:105px;padding:10px 13px;
  border:1px solid var(--line);border-radius:14px;background:var(--card)
}
.audit-summary-v41 small{color:var(--muted);font-size:.72rem}
.audit-summary-v41 b{color:var(--text);font-size:1.1rem}
.audit-summary-v41 .is-today{background:#eff6ff;border-color:#bfdbfe}
.audit-summary-v41 .is-today b{color:#1d4ed8}

.audit-filter-v41{
  display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(190px,.65fr) minmax(190px,.65fr) auto;
  gap:11px;align-items:end;margin-bottom:12px;padding:14px
}
.audit-filter-v41>label{display:grid;gap:6px;min-width:0}
.audit-filter-v41>label>span{color:var(--muted);font-size:.76rem;font-weight:700}
.audit-filter-v41 input,.audit-filter-v41 select{
  width:100%;min-width:0;min-height:45px
}
.audit-control-v41{position:relative}
.audit-control-v41 svg{
  position:absolute;right:13px;top:50%;width:18px;height:18px;
  transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;color:#718096;pointer-events:none
}
.audit-control-v41 input{padding-right:41px!important}

.audit-filter-actions-v41{display:flex;align-items:center;gap:7px}
.audit-filter-actions-v41 .btn{min-height:45px;white-space:nowrap}

.audit-result-meta-v41{
  display:flex;justify-content:flex-end;margin:0 3px 9px;
  color:var(--muted);font-size:.8rem
}

.audit-table-card-v41{padding:0!important;overflow:auto}
.audit-table-v41{min-width:1120px;table-layout:auto}
.audit-table-v41 th{white-space:nowrap;z-index:2}
.audit-table-v41 th,.audit-table-v41 td{vertical-align:middle}
.audit-table-v41 tbody tr{transition:background-color .16s ease}
.audit-table-v41 tbody tr:hover td{background:#fbfdff}

.audit-time-v41{
  direction:ltr;white-space:nowrap;color:var(--muted);
  font-variant-numeric:tabular-nums
}

.audit-user-v41,.audit-patient-v41{
  display:grid;gap:3px;min-width:120px
}
.audit-user-v41 small,.audit-patient-v41 small{
  color:var(--muted);font-size:.74rem
}
.audit-patient-v41:hover b{color:var(--primary)}
.audit-patient-v41.is-deleted{opacity:.72}

.audit-action-v41{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;
  max-width:220px;padding:5px 9px;border:1px solid #dbe4ef;border-radius:999px;
  background:#f8fafc;color:#475569;font-family:Consolas,"Segoe UI",Tahoma,sans-serif;
  font-size:.76rem;direction:ltr;white-space:nowrap
}
.audit-action-v41.action-patient{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
.audit-action-v41.action-photo{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}
.audit-action-v41.action-visit,
.audit-action-v41.action-followup{color:#047857;background:#ecfdf5;border-color:#a7f3d0}
.audit-action-v41.action-user,
.audit-action-v41.action-account{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}
.audit-action-v41.action-import,
.audit-action-v41.action-export,
.audit-action-v41.action-backup{color:#b45309;background:#fffbeb;border-color:#fde68a}

.audit-details-cell-v41{max-width:360px}
.audit-details-v41{
  display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:#52637a
}
.audit-ip-v41{
  display:inline-block;direction:ltr;unicode-bidi:isolate;padding:4px 7px;
  border-radius:8px;background:#f1f5f9;color:#334155;
  font-family:Consolas,monospace;font-size:.76rem
}
.audit-empty-v41{color:#94a3b8}
.audit-empty-state-v41{
  display:grid;justify-items:center;gap:6px;padding:34px 16px;color:var(--muted)
}
.audit-empty-state-v41 b{color:var(--text)}

.audit-pagination-v41{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:14px;padding:17px 0 3px
}
.audit-pagination-v41>div:first-child{justify-self:start}
.audit-pagination-v41>div:last-child{justify-self:end}
.audit-pagination-v41 strong{color:var(--muted);font-size:.84rem}
.audit-pagination-v41 .is-disabled{opacity:.42;pointer-events:none}

/* Dark Mode */
[data-theme="dark"] .audit-summary-v41 .is-today{background:#142748;border-color:#315a92}
[data-theme="dark"] .audit-summary-v41 .is-today b{color:#bfdbfe}
[data-theme="dark"] .audit-table-v41 tbody tr:hover td{background:#152238}
[data-theme="dark"] .audit-action-v41{background:#172338;border-color:#334155;color:#cbd5e1}
[data-theme="dark"] .audit-action-v41.action-patient{background:#172b4d;border-color:#315a92;color:#bfdbfe}
[data-theme="dark"] .audit-action-v41.action-photo{background:#2b1b49;border-color:#604291;color:#ddd6fe}
[data-theme="dark"] .audit-action-v41.action-visit,
[data-theme="dark"] .audit-action-v41.action-followup{background:#103127;border-color:#236751;color:#a7f3d0}
[data-theme="dark"] .audit-action-v41.action-user,
[data-theme="dark"] .audit-action-v41.action-account{background:#102a3d;border-color:#245b7c;color:#bae6fd}
[data-theme="dark"] .audit-action-v41.action-import,
[data-theme="dark"] .audit-action-v41.action-export,
[data-theme="dark"] .audit-action-v41.action-backup{background:#34270e;border-color:#705314;color:#fde68a}
[data-theme="dark"] .audit-details-v41{color:#b7c5d8}
[data-theme="dark"] .audit-ip-v41{background:#172338;color:#cbd5e1}

@media(max-width:1050px){
  .audit-filter-v41{grid-template-columns:1fr 1fr}
  .audit-search-v41{grid-column:1/-1}
  .audit-filter-actions-v41{justify-content:flex-end}
}
@media(max-width:720px){
  .audit-head-v41{align-items:flex-start}
  .audit-summary-v41{width:100%}
  .audit-filter-v41{grid-template-columns:1fr}
  .audit-search-v41{grid-column:auto}
  .audit-filter-actions-v41{display:grid;grid-template-columns:1fr 1fr}
  .audit-filter-actions-v41 .btn{width:100%}
  .audit-pagination-v41{grid-template-columns:1fr 1fr}
  .audit-pagination-v41 strong{grid-column:1/-1;grid-row:1;text-align:center}
}

/* === EXINO AUDIT CENTER PREMIUM V41 END === */

/* === EXINO USER MANAGEMENT PREMIUM V44 START === */
.user-admin-page-v44{max-width:1240px;margin:0 auto}
.user-admin-head-v44{align-items:center}
.user-admin-summary-v44{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.user-admin-summary-v44>span{display:grid;gap:3px;min-height:72px;align-content:center;padding:11px 14px;border:1px solid var(--line);border-radius:15px;background:var(--card)}
.user-admin-summary-v44 small{color:var(--muted);font-size:.73rem}
.user-admin-summary-v44 b{font-size:1.16rem}
.user-admin-summary-v44 .is-active{background:#ecfdf5;border-color:#a7f3d0}.user-admin-summary-v44 .is-active b{color:#047857}
.user-admin-summary-v44 .is-manager{background:#eff6ff;border-color:#bfdbfe}.user-admin-summary-v44 .is-manager b{color:#1d4ed8}
.user-admin-summary-v44 .is-super{background:#f5f3ff;border-color:#ddd6fe}.user-admin-summary-v44 .is-super b{color:#6d28d9}
.user-admin-summary-v44 .is-inactive{background:#fff1f2;border-color:#fecdd3}.user-admin-summary-v44 .is-inactive b{color:#be123c}

.user-admin-filter-v44{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:9px;align-items:center;padding:12px;margin-bottom:12px}
.user-admin-search-v44{position:relative;min-width:0}
.user-admin-search-v44 svg{position:absolute;right:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:1.8;color:#718096;pointer-events:none}
.user-admin-search-v44 input{width:100%;min-height:45px;padding-right:42px!important}

.user-role-tabs-v44{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:10px}
.user-role-tabs-v44 a{display:flex;justify-content:center;align-items:center;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);font-weight:700}
.user-role-tabs-v44 a.active{background:#2563eb;border-color:#2563eb;color:#fff}
.user-role-tabs-v44 a.super.active{background:#7c3aed;border-color:#7c3aed}
.user-role-tabs-v44 a.inactive.active{background:#dc2626;border-color:#dc2626}
.user-result-meta-v44{margin:0 3px 9px;color:var(--muted);font-size:.8rem}

.user-table-v44{padding:6px 16px}
.user-row-v44{display:grid!important;grid-template-columns:minmax(230px,1.3fr) minmax(190px,.9fr) auto 24px;align-items:center;gap:18px;min-height:82px;padding:11px 6px!important}
.user-row-v44.is-inactive{opacity:.73}
.user-identity-v44{display:flex!important;align-items:center;gap:11px!important;min-width:0}
.user-avatar-v44{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,#eaf2ff,#edf9ff);border:1px solid #cfe0ff;color:#1d4ed8;font-weight:800}
.user-identity-v44>div:last-child{display:grid;gap:3px;min-width:0}
.user-identity-v44 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-access-v44{display:grid;gap:4px;justify-items:start}
.user-access-v44 small{color:var(--muted);font-size:.72rem}

.access-badge-v44{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:#f8fafc;color:#64748b;font-size:.76rem;font-weight:700;white-space:nowrap}
.access-badge-v44.access-super{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}
.access-badge-v44.access-full{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.access-badge-v44.access-limited{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.access-badge-v44.access-none{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.role-badge.active-v44{background:#dcfce7;color:#15803d}

.user-row-arrow-v44{color:#94a3b8;font-size:1.65rem;line-height:1;transition:transform .16s ease,color .16s ease}
.user-row-v44:hover .user-row-arrow-v44{color:#2563eb;transform:translateX(-2px)}
.user-empty-v44{display:grid;justify-items:center;gap:6px;padding:34px 16px;color:var(--muted)}.user-empty-v44 b{color:var(--text)}

.user-pagination-v44{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:17px 0 3px}
.user-pagination-v44>div:first-child{justify-self:start}.user-pagination-v44>div:last-child{justify-self:end}
.user-pagination-v44 strong{color:var(--muted);font-size:.84rem}.user-pagination-v44 .is-disabled{opacity:.42;pointer-events:none}

.superuser-account-lock-v44{display:grid;gap:5px;padding:13px 15px;border:1px solid #c4b5fd;border-radius:13px;background:#f5f3ff;color:#5b21b6}
.superuser-account-lock-v44 span{line-height:1.8;font-size:.84rem}

[data-theme="dark"] .user-admin-summary-v44 .is-active{background:#103127;border-color:#236751}[data-theme="dark"] .user-admin-summary-v44 .is-active b{color:#a7f3d0}
[data-theme="dark"] .user-admin-summary-v44 .is-manager{background:#172b4d;border-color:#315a92}[data-theme="dark"] .user-admin-summary-v44 .is-manager b{color:#bfdbfe}
[data-theme="dark"] .user-admin-summary-v44 .is-super{background:#2b1b49;border-color:#604291}[data-theme="dark"] .user-admin-summary-v44 .is-super b{color:#ddd6fe}
[data-theme="dark"] .user-admin-summary-v44 .is-inactive{background:#351821;border-color:#71313c}[data-theme="dark"] .user-admin-summary-v44 .is-inactive b{color:#fecdd3}
[data-theme="dark"] .user-avatar-v44{background:#172b4d;border-color:#315a92;color:#bfdbfe}
[data-theme="dark"] .access-badge-v44{background:#172338;border-color:#334155;color:#cbd5e1}
[data-theme="dark"] .access-badge-v44.access-super{background:#2b1b49;border-color:#604291;color:#ddd6fe}
[data-theme="dark"] .access-badge-v44.access-full{background:#103127;border-color:#236751;color:#a7f3d0}
[data-theme="dark"] .access-badge-v44.access-limited{background:#172b4d;border-color:#315a92;color:#bfdbfe}
[data-theme="dark"] .access-badge-v44.access-none{background:#34270e;border-color:#705314;color:#fde68a}
[data-theme="dark"] .role-badge.active-v44{background:#103127;color:#a7f3d0}
[data-theme="dark"] .superuser-account-lock-v44{background:#24163d;border-color:#6d4ca5;color:#ddd6fe}

@media(max-width:900px){
  .user-admin-summary-v44{grid-template-columns:repeat(3,minmax(0,1fr))}
  .user-row-v44{grid-template-columns:minmax(220px,1fr) auto 24px}
  .user-access-v44{grid-column:1/-1;grid-row:2;padding-inline-start:53px}
}
@media(max-width:650px){
  .user-admin-head-v44{align-items:flex-start}.user-admin-head-v44 .btn{width:100%}
  .user-admin-summary-v44{grid-template-columns:repeat(2,minmax(0,1fr))}
  .user-admin-filter-v44{grid-template-columns:1fr}.user-admin-filter-v44 .btn{width:100%}
  .user-role-tabs-v44{grid-template-columns:repeat(2,minmax(0,1fr))}
  .user-row-v44{grid-template-columns:1fr 24px;gap:10px}
  .user-badges-v44{grid-column:1}.user-access-v44{padding-inline-start:0}
  .user-row-arrow-v44{grid-column:2;grid-row:1/4;align-self:center}
  .user-pagination-v44{grid-template-columns:1fr 1fr}
  .user-pagination-v44 strong{grid-column:1/-1;grid-row:1;text-align:center}
}
/* === EXINO USER MANAGEMENT PREMIUM V44 END === */

/* === EXINO BACKUP CENTER V47 START === */
.backup47-page{max-width:1540px;margin:0 auto}
.backup47-head{align-items:center}
.backup47-engine{display:grid;gap:3px;min-width:150px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:center}
.backup47-engine span{font-size:.76rem;color:var(--muted)}
.backup47-engine strong{font-family:Consolas,"Segoe UI",Tahoma,sans-serif;direction:ltr}
.backup47-warning{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:18px;padding:16px 18px;border:1px solid #f2c66d;border-radius:18px;background:#fff9eb;color:#744708}
.backup47-warning-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fef3c7;color:#b45309;font-weight:900;font-size:1.15rem}
.backup47-warning strong{display:block;margin:1px 0 5px}
.backup47-warning p{margin:0;line-height:1.9}
.backup47-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}
.backup47-create,.backup47-restore{padding:22px;border-radius:21px}
.backup47-card-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}
.backup47-card-title h2{font-size:1.13rem;margin:0 0 5px}
.backup47-card-title p{margin:0;color:var(--muted);line-height:1.8}
.backup47-title-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;background:#eef5ff;color:#2563eb;font-size:1.35rem;font-weight:800}
.backup47-title-icon-restore{background:#ecfdf5;color:#047857}
.backup47-mode{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 15px;margin-bottom:12px;border:1px solid #dbe7f6;border-radius:15px;background:#f8fbff}
.backup47-mode strong,.backup47-mode small{display:block}
.backup47-mode small{margin-top:4px;color:var(--muted)}
.backup47-recommended{padding:5px 9px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.75rem;font-weight:800;white-space:nowrap}
.backup47-media-toggle{display:grid!important;grid-template-columns:auto 46px minmax(0,1fr);gap:11px;align-items:center;padding:14px 15px;margin-bottom:15px;border:1px solid var(--line);border-radius:15px;cursor:pointer}
.backup47-media-toggle>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.backup47-switch{position:relative;width:44px;height:25px;border-radius:999px;background:#dbe3ed;transition:.18s}
.backup47-switch:after{content:"";position:absolute;top:4px;right:4px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #0002;transition:.18s}
.backup47-media-toggle>input:checked+.backup47-switch{background:linear-gradient(135deg,#22c55e,#14b8a6)}
.backup47-media-toggle>input:checked+.backup47-switch:after{transform:translateX(-19px)}
.backup47-media-toggle b,.backup47-media-toggle small{display:block}
.backup47-media-toggle small{margin-top:4px;color:var(--muted)}
.backup47-create-btn{width:100%;min-height:46px}
.backup47-safe-note{margin:12px 0 0;color:var(--muted);font-size:.78rem;line-height:1.8}
.backup47-steps{display:grid;gap:8px;list-style:none;padding:0;margin:0 0 17px}
.backup47-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:13px}
.backup47-steps li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eef5ff;color:#2563eb;font-weight:900}
.backup47-steps b,.backup47-steps small{display:block}
.backup47-steps small{margin-top:3px;color:var(--muted)}
.backup47-cli-label{display:block;margin:12px 0 6px;color:var(--muted);font-size:.78rem;font-weight:700}
.backup47-code{display:block;padding:11px 12px;border-radius:11px;background:#0f172a;color:#dbeafe;direction:ltr;text-align:left;overflow:auto;font-family:Consolas,monospace;font-size:.78rem}
.backup47-danger-note{margin:13px 0 0;padding:10px 12px;border-radius:12px;background:#fff7ed;color:#9a4d0a;line-height:1.8}
.backup47-danger-note code{direction:ltr;display:inline-block;font-family:Consolas,monospace}
.backup47-list-card{padding:0;border-radius:21px;overflow:hidden}
.backup47-list-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}
.backup47-list-head h2{margin:0 0 4px}
.backup47-list-head p{margin:0;color:var(--muted)}
.backup47-list{padding:0 20px}
.backup47-row{display:grid;grid-template-columns:48px minmax(260px,1fr) auto auto;gap:14px;align-items:center;min-height:86px;padding:14px 2px;border-bottom:1px solid var(--line)}
.backup47-row:last-child{border-bottom:0}
.backup47-row.is-invalid{background:linear-gradient(90deg,rgba(220,38,38,.035),transparent)}
.backup47-file-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eef5ff;border:1px solid #d7e6fb;color:#2563eb;font-family:Consolas,monospace;font-size:.73rem;font-weight:900}
.backup47-file-name{font-family:Consolas,"Segoe UI",Tahoma,sans-serif;direction:ltr;text-align:right;font-weight:700;overflow-wrap:anywhere}
.backup47-file-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;color:var(--muted);font-size:.77rem}
.backup47-file-meta span:not(:last-child):after{content:"•";margin-inline-start:8px;color:#b0bdce}
.backup47-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.backup47-badge{padding:6px 9px;border:1px solid #dbe4ef;border-radius:999px;background:#f8fafc;color:#475569;font-size:.73rem;font-weight:800;white-space:nowrap}
.backup47-badge.is-data{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.backup47-badge.is-full{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.backup47-badge.is-verified{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}
.backup47-badge.is-legacy{background:#fff7ed;border-color:#fed7aa;color:#b45309}
.backup47-badge.is-invalid{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.backup47-download{min-width:82px}
.backup47-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:42px 20px;color:var(--muted)}
.backup47-empty strong{color:var(--text)}
[data-theme="dark"] .backup47-warning{background:#34270e;border-color:#705314;color:#fde68a}
[data-theme="dark"] .backup47-warning-icon{background:#493610;color:#fde68a}
[data-theme="dark"] .backup47-title-icon{background:#172b4d;color:#bfdbfe}
[data-theme="dark"] .backup47-title-icon-restore{background:#103127;color:#a7f3d0}
[data-theme="dark"] .backup47-mode{background:#101d31;border-color:#2c4568}
[data-theme="dark"] .backup47-recommended{background:#172b4d;color:#bfdbfe}
[data-theme="dark"] .backup47-switch{background:#334155}
[data-theme="dark"] .backup47-danger-note{background:#34270e;color:#fde68a}
[data-theme="dark"] .backup47-file-icon{background:#172b4d;border-color:#315a92;color:#bfdbfe}
[data-theme="dark"] .backup47-badge{background:#172338;border-color:#334155;color:#cbd5e1}
[data-theme="dark"] .backup47-badge.is-data{background:#172b4d;border-color:#315a92;color:#bfdbfe}
[data-theme="dark"] .backup47-badge.is-full{background:#103127;border-color:#236751;color:#a7f3d0}
[data-theme="dark"] .backup47-badge.is-verified{background:#2b1b49;border-color:#604291;color:#ddd6fe}
[data-theme="dark"] .backup47-badge.is-legacy{background:#34270e;border-color:#705314;color:#fde68a}
[data-theme="dark"] .backup47-badge.is-invalid{background:#351821;border-color:#71313c;color:#fecdd3}
@media(hover:hover) and (pointer:fine){
  .backup47-row{transition:background-color .16s ease}
  .backup47-row:hover{background:rgba(37,99,235,.025)}
  [data-theme="dark"] .backup47-row:hover{background:rgba(96,165,250,.045)}
}
@media(max-width:1000px){
  .backup47-grid{grid-template-columns:1fr}
  .backup47-row{grid-template-columns:48px minmax(0,1fr) auto}
  .backup47-badges{grid-column:2}
  .backup47-download{grid-column:3;grid-row:1/3}
}
@media(max-width:680px){
  .backup47-head{align-items:flex-start}
  .backup47-engine{width:100%}
  .backup47-warning{grid-template-columns:1fr}
  .backup47-warning-icon{display:none}
  .backup47-row{grid-template-columns:42px minmax(0,1fr)}
  .backup47-badges{grid-column:1/-1;justify-content:flex-start}
  .backup47-download{grid-column:1/-1;grid-row:auto;width:100%}
  .backup47-media-toggle{grid-template-columns:44px minmax(0,1fr)}
  .backup47-media-toggle .backup47-switch{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .backup47-switch,.backup47-switch:after,.backup47-row{transition:none}
}
/* === EXINO BACKUP CENTER V47 END === */