/* ==========================================================================
   MITOS Design System v1 — μία ενιαία εμφάνιση για όλες τις καρτέλες
   --------------------------------------------------------------------------
   ΚΑΝΟΝΕΣ ΑΣΦΑΛΕΙΑΣ ΓΙΑ ΚΙΝΗΤΟ
   • Κάθε κανόνας που αλλάζει μέγεθος / διάταξη / padding βρίσκεται ΜΟΝΟ μέσα
     σε @media (min-width:821px). Το κινητό κρατά τις διαστάσεις και τη διάταξη
     που ήδη έχει.
   • Εκτός media query υπάρχουν μόνο «βαφές» (χρώμα, φόντο, περίγραμμα, σκιά).
   • Δεν αγγίζει sidebar, topbar, mobile nav, ημερολόγιο (εσωτερικά) και modals
     layout. Αποτελεί το τελευταίο stylesheet (βλ. index.html).
   Ειδικότητα: «html body #view …» ώστε να υπερισχύει των παλιών layers.
   ========================================================================== */

/* ---------- 1. Tokens ---------- */
:root{
  --ds-r-card:14px;
  --ds-r-inner:11px;
  --ds-r-ctl:10px;
  --ds-pad:18px;
  --ds-gap:14px;
  --ds-shadow:0 1px 2px rgba(0,0,0,.22),0 8px 22px rgba(0,0,0,.20);
  --ds-hover:color-mix(in srgb,var(--blue) 7%,transparent);
  --ds-tint:color-mix(in srgb,var(--blue) 10%,transparent);
  --ds-tint-line:color-mix(in srgb,var(--blue) 24%,transparent);
  --ds-ok:#22bc80;--ds-warn:#f3a23d;--ds-bad:var(--danger,#ff5d69);
}
:root.light{
  --ds-shadow:0 1px 2px rgba(16,34,53,.05),0 6px 18px rgba(16,34,53,.06);
  --ds-ok:#12855d;--ds-warn:#b96a05;
}

/* ---------- 2. Επιφάνειες (βαφή μόνο — όλα τα μεγέθη) ---------- */
/* Όλες οι «κάρτες» μοιράζονται την ίδια επιφάνεια, περίγραμμα, ακτίνα, σκιά. */
html body #view :is(
  .card,.section-card,.kpi,.dash-kpi,.dashboard-summary-card,.dashboard-chart-card,
  .bill-kpi,.yc-kpi,.damage-stat,.aade-overview-card,.property-card,
  .analytics-chart-card,.bills-main-card,.bills-action-card,.bill-chart-card,
  .aade-main-card,.aade-accounting-card,.fee-toolbar-card,.fee-rates-card,.fee-monthly-card,
  .yc-chart-card,.yc-month-card,.alerts-modern-card,.calendar-card-full,
  .cloud-account-card,.family-access-card,.private-settings-card,.push-notifications-card,
  .settings-alerts-card
){
  background:var(--panel)!important;
  background-image:none!important;
  border:1px solid var(--ds-line)!important;
  border-radius:var(--ds-r-card)!important;
  box-shadow:var(--ds-shadow)!important;
}
/* Εσωτερικό «ανοιχτό» επίπεδο */
html body #view :is(.table-wrap,.lt-filterbar,.analytics-filters){
  border-color:var(--ds-line)!important;
}
/* Καμία χρωματιστή λωρίδα / gradient σε KPI ή κάρτες ακινήτων */
html body #view :is(.kpi,.dash-kpi,.bill-kpi,.damage-stat,.yc-kpi,.dashboard-summary-card)::before,
html body #view :is(.kpi,.dash-kpi,.bill-kpi,.damage-stat,.yc-kpi,.dashboard-summary-card)::after{display:none!important;content:none!important}
html body #view .property-card.property-color-card{border-top-width:1px!important;border-left-width:1px!important}
html body #view .property-card.property-color-card::before,
html body #view .property-card.property-color-card::after{display:none!important;content:none!important}
html body #view .property-card:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--ds-line))!important}
/* Ενιαία κάρτες-άτομα (αναφορά): ίδια ακτίνα με τις υπόλοιπες */
html body #view :is(.guest-person-card,.lt-person-card,.lt-collection-card){
  border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-shadow)!important;
}
:root.light html body #view .tax-page-kpis .kpi:nth-child(n){
  background:var(--panel)!important;background-image:none!important;border-color:var(--ds-line)!important;
}

/* ---------- 3. Εικονίδια KPI — ένα στυλ ---------- */
html body #view :is(.kpi-icon,.bill-kpi-icon,.aade-overview-icon){
  background:var(--ds-tint)!important;
  color:var(--blue)!important;
  border:1px solid var(--ds-tint-line)!important;
  box-shadow:none!important;
}

/* ---------- 4. Πίνακες (βαφή — χωρίς αλλαγή πλάτους περιγραμμάτων) ---------- */
html body #view .table-wrap{background:var(--panel)!important;border-color:var(--ds-line)!important;box-shadow:none!important}
html body #view .table th{background:var(--ds-inset)!important;color:var(--muted)!important}
html body #view .table td{color:var(--text)}
html body #view .table small{color:var(--muted)!important}

/* ---------- 5. Κουμπιά (βαφή — κανένα νέο περίγραμμα στο κινητό) ---------- */
html body #view .secondary{background:var(--panel)!important;border-color:var(--ds-line)!important;color:var(--text)!important}
html body #view .primary{background:var(--blue)!important;background-image:none!important;color:#fff!important}
html body #view .primary:hover{filter:brightness(1.07)}
html body #view .link-btn{color:var(--blue)!important}

/* ---------- 6. Tabs: ορίζονται στο desktop block (το κινητό κρατά τα δικά του) ---------- */

/* ---------- Συννεφάκια πληροφοριών πάνω-πάνω (Μισθωτές, Μισθώσεις, Εισπράξεις, Άτομα) — όλες οι οθόνες ---------- */
html body #view :is(.mitos-lt .lt-topbar,.guest-directory-toolbar){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:10px!important}
html body #view .guest-directory-summary{gap:10px!important}
html body #view .guest-directory-summary>span{
  background:var(--panel)!important;border:1px solid var(--ds-line)!important;border-left-width:1px!important;border-radius:var(--ds-r-card)!important;
  box-shadow:var(--ds-shadow)!important;padding:9px 13px!important;gap:2px!important;line-height:1.3!important;color:var(--muted)!important;
}
html body #view .guest-directory-summary>span:first-child{padding-left:13px!important}
html body #view .guest-directory-summary>span b{letter-spacing:-.02em!important;line-height:1.15!important}
html body #view .mitos-lt .lt-filterbar{border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-shadow)!important}
@media (max-width:820px){
  html body #view .guest-directory-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  html body #view .guest-directory-summary>span{min-width:0}
}
@media (min-width:821px){
  html body #view .guest-directory-summary{flex:1 1 480px}
  html body #view .guest-directory-summary>span{min-width:130px;flex:0 1 auto;font-size:10px!important}
  html body #view .guest-directory-summary>span b{font-size:20px!important;font-weight:750!important}
}


/* ---------- Χρώμα & περιγράμματα (μόνο βαφή, καμία αλλαγή μεγέθους) ---------- */
:root{--ds-line:#2b4d6b;--ds-inset:#12304a;--bg:#050e18;
  --ds-c1:#3b9bff;--ds-c2:#2fd1a0;--ds-c3:#f5b042;--ds-c4:#8b7cff;--ds-c5:#ff7a85;--ds-c6:#34c6e6}
:root.light{--ds-line:#c4cad2;--ds-inset:#f2f4f7;--bg:#ffffff;
  --ds-c1:#1f7ae0;--ds-c2:#12a177;--ds-c3:#e08a0b;--ds-c4:#6a5ae0;--ds-c5:#e0475a;--ds-c6:#0e9bbd}
/* KPI συννεφάκια: απαλό χρωματιστό φόντο + περίγραμμα στο ίδιο χρώμα */
html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card,.yc-kpi,.guest-directory-summary>span){--c:var(--ds-c1)}
html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid,.dashboard-summary-grid,.aade-overview-grid,.guest-directory-summary)>:nth-child(6n+2){--c:var(--ds-c2)}
html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid,.dashboard-summary-grid,.aade-overview-grid,.guest-directory-summary)>:nth-child(6n+3){--c:var(--ds-c3)}
html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid,.dashboard-summary-grid,.aade-overview-grid,.guest-directory-summary)>:nth-child(6n+4){--c:var(--ds-c4)}
html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid,.dashboard-summary-grid,.aade-overview-grid,.guest-directory-summary)>:nth-child(6n+5){--c:var(--ds-c5)}
html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid,.dashboard-summary-grid,.aade-overview-grid,.guest-directory-summary)>:nth-child(6n+6){--c:var(--ds-c6)}
html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card,.yc-kpi,.guest-directory-summary>span), html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid,.dashboard-summary-grid,.aade-overview-grid,.guest-directory-summary)>*{background:color-mix(in srgb,var(--c,var(--ds-c1)) 10%,var(--panel))!important;border-color:color-mix(in srgb,var(--c,var(--ds-c1)) 42%,var(--ds-line))!important;box-shadow:var(--ds-shadow)!important}
html body #view :is(.kpi-icon,.bill-kpi-icon,.aade-overview-icon){background:color-mix(in srgb,var(--c,var(--ds-c1)) 18%,var(--panel))!important;color:var(--c,var(--ds-c1))!important;border-color:color-mix(in srgb,var(--c,var(--ds-c1)) 40%,transparent)!important}
/* Κάρτες ενότητας: πιο καθαρό περίγραμμα + τίτλος με χρώμα */
html body #view :is(.card,.section-card,.property-card,.guest-person-card,.lt-person-card,.lt-collection-card){border-color:var(--ds-line)!important}
/* Εσωτερικά συννεφάκια (γραμμές πινάκων, μικρά πλαίσια): απαλό χρώμα + περίγραμμα */
html body #view :is(.guest-person-meta>div,.lt-person-card .guest-person-meta>div){background:var(--ds-inset)!important;border-color:var(--ds-line)!important}

/* ---------- 7. Badges / status (βαφή) ---------- */
html body #view .status{border-radius:999px!important}

/* ---------- 8. Κείμενο (χρώμα μόνο) ---------- */
html body #view .hero p{color:var(--muted)}
html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card,.yc-kpi) small{color:var(--muted)!important}
html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card,.yc-kpi) strong{color:var(--text)!important}
html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card) :is(span:not(.kpi-icon):not(.bill-kpi-icon):not(.aade-overview-icon),em){color:var(--muted)!important;font-style:normal}
html body #view .empty{color:var(--muted)}

/* ==========================================================================
   DESKTOP / TABLET ≥ 821px — εδώ γίνονται όλες οι αλλαγές μεγέθους & διάταξης
   ========================================================================== */
@media (min-width:821px){

  /* ===== Tokens: κλίμακα της καρτέλας «Πίνακας» (μικρά, συμπαγή συννεφάκια) ===== */
  :root{--ds-r-card:14px;--ds-r-inner:11px;--ds-r-ctl:9px;--ds-pad:16px;--ds-gap:10px}

  /* --- Πεδία (μόνο desktop) --- */
  html body #view :is(input.field,select.field,textarea.field,.modern-select-button):not(.calendar-card-full *){
    background-color:var(--panel)!important;border:1px solid var(--ds-line)!important;color:var(--text)!important;
    border-radius:var(--ds-r-ctl)!important;box-shadow:none!important;
    min-height:32px!important;height:auto;font-size:11.5px!important;padding:6px 11px!important;
  }
  html body #view select.field{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;padding-right:28px!important}
  html body #view :is(input.field,select.field,textarea.field,.modern-select-button):not(.calendar-card-full *):focus,
  html body #view .modern-select.open .modern-select-button{border-color:var(--blue)!important;box-shadow:0 0 0 3px var(--ds-tint)!important;outline:0}
  html body #view .filter-grid{gap:8px!important;align-items:center}

  /* --- Κουμπιά --- */
  html body #view :is(.primary,.secondary,.danger-btn):not(.calendar-card-full *){
    min-height:32px!important;padding:6px 13px!important;font-size:11.5px!important;font-weight:650!important;
    border-radius:var(--ds-r-ctl)!important;letter-spacing:.005em;line-height:1.2;
  }
  html body #view .secondary:not(.calendar-card-full *){border:1px solid var(--ds-line)!important;box-shadow:none!important}
  html body #view .secondary:not(.calendar-card-full *):hover{border-color:var(--ds-tint-line)!important;background:var(--ds-tint)!important}
  html body #view .primary:not(.calendar-card-full *){border:1px solid transparent!important;box-shadow:0 1px 3px rgba(10,60,120,.22)!important}
  html body #view .link-btn:not(.calendar-card-full *){font-size:11.5px!important;font-weight:650!important}

  /* --- Tabs: «segmented» --- */
  html body #view :is(.benefit-tabs,.bill-view-tabs,.bills-property-tabs,.settings-group-tabs){
    background:var(--ds-inset)!important;border:1px solid var(--ds-line)!important;border-radius:11px!important;box-shadow:none!important;
    display:flex!important;flex-wrap:wrap;gap:3px!important;padding:3px!important;width:fit-content;max-width:100%;margin:0 0 var(--ds-gap)!important;
  }
  html body #view :is(.benefit-tabs button,.bill-view-tabs button,.bills-property-tabs .bill-property-tab,.settings-group-tabs button){
    background:transparent!important;background-image:none!important;border:1px solid transparent!important;color:var(--muted)!important;box-shadow:none!important;
    border-radius:8px!important;padding:5px 12px!important;font-size:11.5px!important;font-weight:650!important;min-height:28px!important;
    display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  }
  html body #view :is(.benefit-tabs button.active,.bill-view-tabs button.active,.bills-property-tabs .bill-property-tab.active,.settings-group-tabs button.active){
    background:var(--panel)!important;color:var(--blue)!important;border-color:var(--ds-tint-line)!important;box-shadow:0 1px 3px rgba(16,34,53,.12)!important;
  }

  /* --- Κεφαλίδα σελίδας --- */
  html body #view :not(.calendar-screen)>.hero{margin:0 0 14px!important;gap:14px;align-items:center}
  html body #view :not(.calendar-screen)>.hero h1{font-size:22px!important;font-weight:750!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0!important}
  html body #view :not(.calendar-screen)>.hero p{font-size:11.5px!important;line-height:1.4!important;margin:3px 0 0!important}

  /* --- Κάρτες --- */
  html body #view .section-card:not(.calendar-card-full){padding:14px 16px!important}
  html body #view .section-card:not(.calendar-card-full) h3,
  html body #view .section-head h3{font-size:14px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.35!important;margin:0!important}
  html body #view .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px!important}
  html body #view .section-head small,
  html body #view .section-card h3+small{font-size:11px!important;color:var(--muted)!important;line-height:1.4!important}
  html body #view .section-card+.section-card,
  html body #view .kpis+.section-card,
  html body #view .section-card+.kpis{margin-top:var(--ds-gap)}

  /* --- KPI συννεφάκια: ίδιο μέγεθος με τον Πίνακα --- */
  html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid,.aade-overview-grid,.dashboard-summary-grid){gap:10px!important;margin-bottom:10px!important}
  html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card){padding:9px 13px!important;min-height:66px!important}
  html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card,.yc-kpi) small{font-size:10px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.01em}
  html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card) strong{font-size:20px!important;font-weight:750!important;letter-spacing:-.02em!important;line-height:1.15!important;font-variant-numeric:tabular-nums}
  html body #view :is(.kpi,.dash-kpi,.dashboard-summary-card,.bill-kpi,.damage-stat,.aade-overview-card) :is(span:not(.kpi-icon):not(.bill-kpi-icon):not(.aade-overview-icon),em,small:last-child:not(:first-child)){font-size:10px!important;font-weight:500!important;line-height:1.3!important}
  html body #view :is(.kpi-icon,.bill-kpi-icon,.aade-overview-icon){width:30px!important;height:30px!important;flex:0 0 30px;border-radius:9px!important;font-size:13px!important;display:grid;place-items:center}
  html body #view .compact-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important}
  html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid):not(.compact-kpis){
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #view .bill-kpi{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important}
  html body #view .bill-kpi>div{text-align:left!important;display:flex;flex-direction:column;gap:1px;min-width:0}
  html body #view .damage-filterbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important}
  html body #view .damage-filterbar .modern-select{width:auto!important;flex:0 1 210px;min-width:160px}

  /* --- Πίνακες: κάθε γραμμή = ξεχωριστό στρογγυλεμένο «συννεφάκι» --- */
  html body #view .table-wrap{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden;max-width:100%}
  html body #view .table{width:100%;border-collapse:separate!important;border-spacing:0 6px!important;margin:-6px 0}
  html body #view .table thead th{background:transparent!important;border:0!important;padding:6px 10px 2px!important;font-size:9.5px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase;white-space:nowrap;color:var(--muted)!important}
  html body #view .table thead th:first-child{padding-left:14px!important}
  html body #view .table thead th:last-child{padding-right:14px!important}
  html body #view .table :is(tbody,tfoot) td{
    background:var(--ds-inset)!important;
    border-top:1px solid var(--ds-line)!important;border-bottom:1px solid var(--ds-line)!important;border-left:0!important;border-right:0!important;
    padding:8px 10px!important;font-size:11.5px!important;line-height:1.4;vertical-align:middle;color:var(--text);
  }
  html body #view .table :is(tbody,tfoot) tr>td:first-child{border-left:1px solid var(--ds-line)!important;border-radius:11px 0 0 11px;padding-left:14px!important}
  html body #view .table :is(tbody,tfoot) tr>td:last-child{border-right:1px solid var(--ds-line)!important;border-radius:0 11px 11px 0;padding-right:14px!important}
  html body #view .table :is(tbody,tfoot) tr>td:only-child{border-radius:11px}
  html body #view .table tbody tr:hover td{background:color-mix(in srgb,var(--blue) 7%,var(--ds-inset))!important}
  /* Πίνακες με πολλές στήλες: στενότερο οριζόντιο κενό ώστε να χωράνε χωρίς scroll */
  html body #view .table:has(thead th:nth-child(9)) :is(tbody,tfoot) td{padding-left:6px!important;padding-right:6px!important;font-size:11px!important}
  html body #view .table:has(thead th:nth-child(9)) thead th{padding-left:6px!important;padding-right:6px!important;font-size:9px!important;letter-spacing:.03em!important}
  html body #view .table:has(thead th:nth-child(9)) :is(tbody,tfoot) tr>td:first-child,
  html body #view .table:has(thead th:nth-child(9)) thead th:first-child{padding-left:12px!important}
  html body #view .table:has(thead th:nth-child(9)) :is(tbody,tfoot) tr>td:last-child,
  html body #view .table:has(thead th:nth-child(9)) thead th:last-child{padding-right:10px!important}
  html body #view .table td b{font-weight:650}
  html body #view .table small{font-size:10px!important;display:block;margin-top:1px}
  html body #view .table td :is(.secondary,.danger-btn,.primary){min-height:26px!important;padding:3px 9px!important;font-size:10.5px!important;white-space:nowrap}
  html body #view .table td:last-child{white-space:nowrap}
  html body #view .table td:last-child .secondary+.danger-btn,html body #view .table td:last-child .secondary+.secondary{margin-left:4px}
  html body #view .table td .link-btn{font-size:11px!important}
  html body #view .empty{padding:20px 14px!important;text-align:center;font-size:11.5px!important}



  /* --- Μακροχρόνια (Μισθώσεις / Μισθωτές / Εισπράξεις): πιο μαζεμένα μεγέθη --- */
  html body #view .mitos-lt{gap:10px!important}
  html body #view .mitos-lt .lt-card-grid{gap:9px!important}
  html body #view .mitos-lt .lt-person-card{min-height:0!important;padding:10px 12px!important}
  html body #view .mitos-lt .guest-avatar{width:30px!important;height:30px!important;flex:0 0 30px!important;font-size:10.5px!important;border-radius:9px!important}
  html body #view .mitos-lt .lt-person-card .guest-person-top{gap:8px!important}
  html body #view .mitos-lt .lt-person-card .guest-person-name b{font-size:11.5px!important}
  html body #view .mitos-lt .lt-person-card .guest-person-name small{font-size:9.5px!important}
  html body #view .mitos-lt .guest-person-meta{gap:5px!important;margin-top:9px!important}
  html body #view .mitos-lt .guest-person-meta>div{padding:5px 8px!important;border-radius:9px!important}
  html body #view .mitos-lt .guest-person-meta small{font-size:8.5px!important;margin-bottom:2px!important}
  html body #view .mitos-lt .guest-person-meta b{font-size:11px!important}
  html body #view .mitos-lt .lt-card-footer{padding-top:7px!important;font-size:10px!important}
  html body #view .mitos-lt .lt-card-footer strong{font-size:10px!important}
  html body #view .mitos-lt .lt-pill,html body #view .mitos-lt .lt-count-pill{padding:3px 7px!important;font-size:9px!important}
  html body #view .mitos-lt .lt-filterbar{padding:7px 10px!important}
  html body #view .mitos-lt .lt-filter-fields label{font-size:10px!important;gap:3px!important;flex:0 1 170px!important}
  html body #view .mitos-lt .lt-filter-fields select,html body #view .mitos-lt .lt-reset{min-height:30px!important;height:30px!important;font-size:11px!important;padding-top:3px!important;padding-bottom:3px!important}
  html body #view .mitos-lt .primary{min-height:30px!important;padding:5px 12px!important;font-size:11px!important}
  html body #view .mitos-lt .lt-collection-summary{padding:9px 12px!important;gap:10px!important}
  html body #view .mitos-lt .lt-collection-identity b{font-size:11.5px!important}
  html body #view .mitos-lt .lt-collection-identity small,html body #view .mitos-lt .lt-rent-chip{font-size:9.5px!important}
  html body #view .mitos-lt .lt-collection-numbers{gap:10px!important}
  html body #view .mitos-lt .lt-collection-numbers>span{min-width:62px!important}
  html body #view .mitos-lt .lt-collection-numbers small{font-size:9px!important}
  html body #view .mitos-lt .lt-collection-numbers b{font-size:11px!important}
  html body #view .mitos-lt .lt-collection-body{padding:10px!important}
  html body #view .mitos-lt .lt-history-row{padding:7px 9px!important;font-size:11px!important;gap:8px!important}
  html body #view .mitos-lt .lt-history-actions .secondary,html body #view .mitos-lt .lt-history-row>.secondary{min-height:26px!important;padding:3px 9px!important;font-size:10px!important}

  /* --- Λίστες (Ειδοποιήσεις, Αναλύσεις κ.λπ.): κάθε γραμμή συννεφάκι --- */
  html body #view .owner-list>.op-row{background:var(--ds-inset)!important;border:1px solid var(--ds-line)!important;border-radius:11px!important;padding:8px 12px!important;margin:0 0 6px!important}

  /* --- Badges --- */
  html body #view .status{padding:3px 9px!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap}

  /* --- Κάρτες ακινήτων --- */
  html body #view .property-grid{gap:10px!important}
  html body #view .property-card{padding:14px 16px!important}
  html body #view .property-card h3{font-size:15px!important;font-weight:700!important;margin:8px 0 3px!important}
  html body #view .property-card p{font-size:11.5px!important;color:var(--muted)!important;margin:0 0 8px!important}
}

/* Στήλες KPI ανάλογα με το πλήθος (μόνο σε φαρδιές οθόνες) */
@media (min-width:1101px){
  html body #view :is(.kpis,.dashboard-kpis,.bills-kpis,.fee-kpis,.tax-page-kpis,.bookings-kpis,.damage-summary,.benefit-summary-grid,.yc-summary-grid):not(.compact-kpis){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body #view :is(.kpis,.bookings-kpis,.tax-page-kpis,.yc-summary-grid):not(.compact-kpis):has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body #view :is(.kpis,.bookings-kpis,.tax-page-kpis,.yc-summary-grid):not(.compact-kpis):has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}
  html body #view :is(.kpis,.bookings-kpis,.tax-page-kpis,.yc-summary-grid):not(.compact-kpis):has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body #view :is(.kpis,.bookings-kpis,.tax-page-kpis,.yc-summary-grid):not(.compact-kpis):has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (min-width:1280px){
  html body #view :is(.kpis,.bookings-kpis,.tax-page-kpis,.yc-summary-grid):not(.compact-kpis):has(>:nth-child(6):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
}

/* Ευρύτερο περιθώριο μόνο σε πολύ μεγάλες οθόνες */
@media (min-width:1441px){
  html body #view{max-width:1680px}
}

@media (prefers-reduced-motion:reduce){
  html body #view *{transition:none!important;animation:none!important}
}

/* ---------- Logo sidebar: κεντραρισμένο + σλόγκαν ως κείμενο (ευανάγνωστο) ---------- */
html body .sidebar .brand,
:root.light body .sidebar .brand{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  text-align:center;
}
html body .sidebar .brand img.mitos-brand-logo,
:root.light body .sidebar .brand img.mitos-brand-logo,
:root body .sidebar .brand .mitos-brand-logo{
  content:url('../assets/mitos-sidebar-logo-clean.png')!important;
  display:block!important;width:176px!important;max-width:calc(100% - 8px)!important;height:auto!important;margin:0 auto!important;
}
html body .sidebar .brand::after,
:root.light body .sidebar .brand::after{
  content:"THE THREAD BEHIND EVERY STAY";display:block;width:100%;text-align:center;
  font-size:7.6px;font-weight:600;letter-spacing:.2em;line-height:1;color:#a9bccd;white-space:nowrap;padding-left:.2em;
}
@media (max-width:820px){
  html body .sidebar .brand img.mitos-brand-logo,
  :root.light body .sidebar .brand img.mitos-brand-logo,
  :root body .sidebar .brand .mitos-brand-logo{width:140px!important;max-width:calc(100% - 16px)!important}
  html body .sidebar .brand::after,:root.light body .sidebar .brand::after{font-size:5.8px;letter-spacing:.13em;padding-left:.13em}
}
html body .sidebar .brand,:root.light body .sidebar .brand{align-items:center!important;justify-content:center!important;flex-direction:column!important;width:auto!important}
html body .sidebar .brand img.mitos-brand-logo,:root.light body .sidebar .brand img.mitos-brand-logo,:root body .sidebar .brand .mitos-brand-logo{align-self:center!important;flex:0 0 auto!important;margin:0 auto!important;position:static!important;left:auto!important;transform:none!important}
html body .sidebar .brand::after,:root.light body .sidebar .brand::after{align-self:center!important;width:auto!important;text-align:center}
@media (max-width:820px){
  html body .sidebar .brand,:root.light body .sidebar .brand{padding:28px 0 0!important;margin-left:0!important;margin-right:0!important;justify-content:flex-start!important}
  html body .sidebar .brand img.mitos-brand-logo,:root.light body .sidebar .brand img.mitos-brand-logo,:root body .sidebar .brand .mitos-brand-logo{width:128px!important;max-width:calc(100% - 20px)!important}
}

/* v5.46.06 — διπλό πλαίσιο αναζήτησης + ορατό ενεργό κουμπί γλώσσας */
html body #view .guest-directory-search{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex!important;align-items:center;gap:6px}
html body #view .guest-directory-search .field{background:var(--panel)!important;border:1px solid var(--ds-line)!important}
html body .lang-switch button.active,html body .top-lang-switch button.active{background:#2f7fe0!important;color:#fff!important;font-weight:700}
html body .lang-switch button:not(.active){color:var(--muted)!important;background:transparent!important}

/* v5.46.07 — αιωρούμενα παράθυρα: μαλακή πολυεπίπεδη σκιά (μόνο χρώμα/σκιά, όχι διαστάσεις) */
:root.light{--ds-shadow:0 1px 2px rgba(16,34,53,.05),0 10px 24px -4px rgba(16,34,53,.16),0 28px 52px -14px rgba(16,34,53,.22)}
:root:not(.light){--ds-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 24px -4px rgba(0,0,0,.35),0 24px 48px -14px rgba(0,0,0,.4)}
@media (min-width:821px){
  html body #view :is(.property-card,.guest-person-card,.lt-person-card,.lt-collection-card){transition:transform .18s ease,box-shadow .18s ease}
  html body #view :is(.property-card,.guest-person-card,.lt-person-card,.lt-collection-card):hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(16,34,53,.06),0 14px 28px -4px rgba(16,34,53,.16),0 30px 56px -16px rgba(16,34,53,.2)!important}
}