/* SAPIR: quiet glass, charcoal branding, responsive original logo. */
:root{--bg:#eef3f4;--surface:#f8fbfc;--ink:#172e3a;--muted:#576e79;--line:#274f6014;--blue:#156480;--soft:#68bfd51c;--nav:#393939;--glass:#ffffff75;--shadow:0 16px 50px #22485308}
body{background:radial-gradient(ellipse at 15% 0%,#a7dce654,transparent 48%),radial-gradient(ellipse at 80% 65%,#b9cfe431,transparent 55%),var(--bg);background-attachment:fixed}
body.dark{--bg:#121e24;--surface:#1c2d35;--ink:#edf6f8;--muted:#a4bbc4;--line:#b3ddec19;--blue:#79cee1;--soft:#79cee115;--glass:#24394485;--shadow:0 18px 60px #00000014;background:radial-gradient(ellipse at 5% 0%,#28556555,transparent 50%),var(--bg)}
.sidebar{background:var(--nav);padding-top:30px;isolation:isolate;border-left:1px solid #ffffff0d}
.sidebar .brand{width:156px;max-width:100%;background:transparent;border:0;border-radius:0;overflow:visible;margin:0 auto 6px}
.sidebar .brand img{width:100%;height:auto;mix-blend-mode:lighten}
.sidebar .side-title{color:#b4c9cb;font-size:12px;margin-bottom:40px;letter-spacing:.3px}
.nav-caption{color:#a1b1b5;font-size:11px}
.nav-button{border-radius:100px;color:#d4dfe2;padding:13px 16px;margin-bottom:10px;font-size:14px}
.nav-button.active{background:linear-gradient(110deg,#80cfe328,#80cfe312);color:#9de0ee;box-shadow:inset 0 0 0 1px #8ed8e62b}
.nav-button:hover{background:#ffffff0d}
.side-bottom{border-color:#ffffff15;color:#acbec3;font-size:12px;line-height:1.9}
.side-bottom b{font-weight:500}
.topbar{height:72px;background:transparent;border-bottom:1px solid var(--line)}
.main{padding-top:25px}.breadcrumb{font-size:12px}.top-actions{gap:10px}
button{border-radius:100px;background:transparent;transition:background .2s,box-shadow .2s,transform .2s}
button:hover{background:var(--soft)}button:active{transform:translateY(1px)}
.icon-button{border-color:transparent;min-height:42px;min-width:42px}
.avatar{background:var(--soft);color:var(--blue);font-weight:500}
.demo-banner{font-size:11px;margin-bottom:24px;opacity:.9;gap:10px}
.demo-banner span{background:transparent;padding:0;color:var(--muted);font-weight:400}
#sync-state:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#429f86;margin-left:6px}
h1{font-size:34px;font-weight:500;letter-spacing:-1.2px}.subtitle{font-size:13px;margin-top:7px}
.heading{margin-bottom:24px}.primary{border:0;background:linear-gradient(120deg,#16475d,#217b92);color:#fff;box-shadow:0 6px 20px #16536b20;padding:12px 22px;font-weight:500}
.primary:hover{background:#1c718a;box-shadow:0 8px 25px #16536b30}
.stats{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:28px}
.stat{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 24px;gap:14px}
.stat+.stat{border-right:1px solid var(--line)}.stat:first-child{padding-right:0}
.stat-icon{background:transparent;padding:0;color:var(--muted)}.stat-icon svg{width:19px;height:19px}
.stat strong{font-size:32px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat small{font-size:12px}
.tabs{border:0;border-radius:100px;background:var(--glass);box-shadow:inset 0 1px 0 #ffffff38;padding:5px}
.tabs button{border-radius:100px;font-size:13px;padding:8px 20px}.tabs button.selected{background:var(--surface);box-shadow:0 2px 12px #2144520a;color:var(--blue)}
.date-tools button,.date-tools input{background:transparent;border:0;border-radius:100px;font-size:13px}
.filters{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 18px;margin-bottom:22px;gap:12px}
.filters input,.filters select{background:transparent;border:0;border-radius:0;font-size:13px}
.filters select{border-right:1px solid var(--line)}.search input{border-bottom:1px solid var(--line);border-radius:0}
.calendar{background:var(--glass);border:1px solid #ffffff25;border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.calendar-heading{padding:20px 24px}.calendar-heading h2{font-size:16px;font-weight:500}.legend{font-size:11px;gap:14px}.legend span:before{border-radius:50%;width:5px;height:5px}
.slot-time{background:transparent;border-left:0;font-size:12px;font-variant-numeric:tabular-nums}.slot{border-bottom:1px solid var(--line);min-height:62px}
.slot-content{padding:9px 14px}.event{background:color-mix(in srgb,var(--wash) 62%,transparent);border:0;border-right:2px solid var(--accent);border-radius:16px;padding:15px 18px;box-shadow:inset 0 1px 0 #ffffff45,0 5px 18px #20445404}
.event h3{font-size:17px}.event:hover{box-shadow:0 10px 26px #13354510;transform:translateY(-2px)}.badge{border-radius:100px;background:var(--glass);padding:3px 10px}.time{font-size:13px;letter-spacing:.2px}
.empty{padding:40px;font-size:14px}.footnote{font-size:11px}.week-day{border-color:var(--line)}
dialog{border-radius:26px;border:1px solid var(--line);box-shadow:0 28px 100px #0b253640}dialog::backdrop{background:#0b1e3055;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal-head,.modal-footer{background:var(--surface)}.modal-head h2{font-weight:500}.field input,.field select,.field textarea{border-radius:12px;background:var(--soft)}.check-list label{border-radius:100px}
.login-shell{background:radial-gradient(ellipse at 50% 0%,#56737b33,transparent 65%),#393939}
.login-card{background:transparent;box-shadow:none;border-radius:0;padding:32px;color:#f0f7f8;--ink:#eef6f8;--muted:#b9cbd1;--line:#ffffff20;--blue:#80d0e2;--soft:#ffffff09;--bg:#ffffff0b}
.login-card>img{width:156px;height:auto;mix-blend-mode:lighten;border-radius:0;margin-bottom:24px}.login-card h1{font-size:27px}.login-card .field input{background:#ffffff09;border:1px solid #ffffff25;color:#fff;border-radius:14px}.login-card small{display:block;text-align:center;margin-top:20px;font-size:12px}
@media(min-width:1600px){.sidebar .brand{width:174px}.main{padding-top:30px}}
@media(max-width:1100px){.sidebar .brand{width:142px}.stat{padding:0 18px}.stats{gap:0}}
@media(max-width:720px){
 .sidebar{display:block;padding:14px 16px 10px;padding-top:max(14px,env(safe-area-inset-top));border:0}
 .sidebar .brand{width:100px;margin:0 auto 12px}.sidebar .brand img{width:100%;height:auto}
 .sidebar nav{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
 .nav-button{width:auto;flex:1 1 40%;padding:9px 10px;margin:0;gap:7px;font-size:13px;min-height:40px}
 .nav-button:nth-last-child(-n+2){flex-basis:40%;font-size:11px;padding:6px;min-height:32px;color:#b3c4c9}
 .nav-button svg{width:17px;height:17px}.topbar{height:58px;background:transparent}.top-actions{gap:8px}
 .main{padding:18px 16px 30px}.demo-banner{font-size:10px;margin-bottom:20px;gap:8px;flex-wrap:wrap}
 h1{font-size:27px;letter-spacing:-.7px}.heading{gap:8px;margin-bottom:22px;align-items:center}.heading .primary{font-size:12px;padding:11px 14px;white-space:nowrap}.subtitle{font-size:11px}
 .stats{padding:16px 0;margin-bottom:24px;gap:0}.stat,.stat:first-child{padding:0 5px}.stat strong{font-size:27px}.stat small{font-size:10px}
 .toolbar{gap:12px}.tabs button{padding:7px 13px;font-size:12px}.date-tools{margin-top:4px}.date-tools input{width:142px}
 .filters{padding:0 0 14px;gap:7px}.filters select{font-size:12px;padding:9px 3px;min-width:80px}.search{min-width:0}.search input{font-size:12px;padding-top:12px;padding-bottom:12px}
 .calendar{border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.calendar-heading{padding:16px}.calendar-heading h2{font-size:14px}
 .slot{grid-template-columns:45px 1fr}.slot-time{padding:19px 2px;font-size:11px}.slot-content{padding:8px 8px 8px 12px}.event{padding:13px 14px;border-radius:14px}.event h3{font-size:16px}
 .empty{padding:32px 20px}.login-card{padding:22px 14px}.login-card>img{width:122px}.login-card h1{font-size:25px}
 .field input,.field select,.field textarea,.login-card input{font-size:16px}
}
@media(prefers-reduced-transparency:reduce){.calendar,.tabs{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}

.dark .event{--accent:#83b8f2}.dark .event[data-type='מכירה']{--accent:#d5bf87}.dark .event[data-type='צילום נכס']{--accent:#bda7ed}.dark .event.maintenance{--accent:#76d0c7}