/* tenant_ui.css — clean, modern tenant-side look for DemoLaudary.
   Loaded AFTER the main stylesheet in index.php, so it only overrides.
   Delete the <link> in index.php to go back to the old look instantly. */

/* ---------- Automation off: anything marked data-automation disappears ---------- */
.no-automation [data-automation]{display:none !important;}

/* ---------- Brand block: tenant logo + name ---------- */
.brand{padding:18px 18px 16px; gap:12px; border-bottom:1px solid var(--line);}
.brand-mark{width:42px; height:42px; flex:0 0 42px; border-radius:12px; overflow:hidden;
  background:linear-gradient(155deg,#17A5B8,#087487); display:flex; align-items:center; justify-content:center;}
.brand-mark .brand-initial{color:#fff; font-weight:700; font-size:18px; letter-spacing:.02em;}
.brand-mark.has-img{background:#fff !important; border:1px solid var(--line); box-shadow:var(--shadow-1); padding:3px;}
.brand-mark.has-img img{width:100%; height:100%; object-fit:contain; border-radius:9px;}
.brand-text{min-width:0;}
.brand-name{font-size:16px; line-height:1.2; max-width:176px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.brand-sub{font-size:9.5px; letter-spacing:.14em; color:var(--text-faint); margin-top:2px;}

/* ---------- Sidebar menu: short grouped sections ---------- */
.nav{padding:8px 10px 6px; gap:0;}
.nav-sec{margin-bottom:2px;}
.nav-sec-head{display:flex; align-items:center; gap:8px; width:100%; padding:11px 10px 6px; background:none; border:0; cursor:pointer;
  font:inherit; font-size:10.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-faint); text-align:left;}
.nav-sec-head > span:first-child{flex:1;}
.nav-sec-head:hover{color:var(--text-dim);}
.nav-sec-head .chev{width:14px; height:14px; flex:0 0 14px; transition:transform .15s;}
.nav-sec.collapsed .chev{transform:rotate(-90deg);}
.nav-sec.collapsed .nav-sec-body{display:none;}
.nav-sec-count{font-size:10px; font-weight:600; letter-spacing:0; background:var(--marigold); color:#22190A; padding:1px 7px; border-radius:20px;}
.nav-item{width:100%; min-height:38px; padding:8px 12px; margin:1px 0; border-bottom:0; border-radius:10px; font-size:13.2px;}
.nav-item.active{background:var(--teal-tint); color:var(--teal-dark);}
.nav-item.active::before{display:none;}
.nav-item:hover{background:var(--surface-2); color:var(--text);}
.nav-item.active:hover{background:var(--teal-tint); color:var(--teal-dark);}
[data-theme="dark"] .nav-sec-head{color:#6F8894;}
[data-theme="dark"] .nav-sec-head:hover{color:#B9C8CD;}
[data-theme="dark"] .nav-item:hover{background:#152B37; color:#EAF7F7;}
[data-theme="dark"] .brand-mark.has-img{border-color:#203442;}

/* ---------- Platform footer (ShrikantAI Innovations, Pune) ---------- */
.sidebar-foot.platform-foot{display:flex; align-items:center; gap:10px; padding:12px 18px; border-top:1px solid var(--line);}
.platform-foot img{width:26px; height:26px; border-radius:7px; object-fit:cover; flex:0 0 26px;}
.pf-name{font-size:11.5px; font-weight:600; color:var(--text-dim); line-height:1.25;}
.pf-sub{font-size:10.5px; color:var(--text-faint);}
[data-theme="dark"] .sidebar-foot.platform-foot{border-top-color:#203442;}
[data-theme="dark"] .pf-name{color:#B9C8CD;}

/* ---------- Calmer pages: softer cards, more air ---------- */
.page-head{margin-bottom:16px;}
.page-head h1{font-size:23px;}
.panel, .stat-card{border-radius:14px; box-shadow:none;}
.panel{padding:20px 22px;}
.stat-grid{gap:12px;}
.dash-sec{margin-top:6px;}
.dash-sec h3{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-faint); font-weight:600;}

/* Dashboard filters live behind one "Filters" link instead of a busy toolbar */
details.dash-filters{margin:0 0 14px;}
details.dash-filters > summary{display:inline-flex; align-items:center; gap:6px; cursor:pointer; list-style:none; user-select:none;
  font-size:12.5px; font-weight:600; color:var(--text-dim); padding:6px 12px; border:1px solid var(--line); border-radius:20px; background:var(--surface);}
details.dash-filters > summary::-webkit-details-marker{display:none;}
details.dash-filters > summary::after{content:"+"; font-weight:700;}
details.dash-filters[open] > summary::after{content:"\2212";}
details.dash-filters[open] > summary{margin-bottom:10px;}
details.dash-filters:hover > summary{border-color:var(--teal); color:var(--teal-dark);}

/* ---------- Settings: business logo ---------- */
.logo-field .logo-row{display:flex; align-items:center; gap:16px; margin-top:6px;}
.logo-preview{width:64px; height:64px; border-radius:14px; flex:0 0 64px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(155deg,#17A5B8,#087487); overflow:hidden;}
.logo-preview .brand-initial{color:#fff; font-weight:700; font-size:26px;}
.logo-preview.has-img{background:#fff; border:1px solid var(--line); padding:4px;}
.logo-preview.has-img img{width:100%; height:100%; object-fit:contain;}
.logo-actions{display:flex; gap:8px; flex-wrap:wrap;}