/* Vin Sol Studio Manager — office screens */
:root{--brand:#111e35;--accent:#e2a731;--bg:#f6f6f4;--card:#fff;--text:#18181b;--muted:#71717a;--line:#e4e4e7;--ok:#15803d;--bad:#dc2626;--warnbg:#fef3c7;--warn:#92400e}
*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Gujarati",sans-serif;background:var(--bg);color:var(--text);font-size:15px}
a{color:inherit}.shell{display:flex;min-height:100vh}
.side{width:224px;flex-shrink:0;background:var(--brand);color:#ffffffcc;display:flex;flex-direction:column;font-size:14px}
.brand{display:flex;gap:8px;align-items:center;padding:16px;text-decoration:none;color:#fff}.brand img{width:36px;height:36px;border-radius:8px}.brand small{display:block;color:#ffffff99;font-size:12px}
.brand.center{justify-content:center;color:var(--text);margin-bottom:16px}.brand.center small{color:var(--muted)}
.side nav{flex:1;padding:0 8px;display:grid;gap:2px;align-content:start}.side nav a,.side nav .soon{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:8px;text-decoration:none}
.side nav a:hover{background:#ffffff14}.side nav a.on{background:#ffffff26;color:#fff;font-weight:600}.side nav .soon{opacity:.45}.side nav em{margin-left:auto;font-style:normal;font-size:10px;text-transform:uppercase;background:#ffffff1a;padding:1px 5px;border-radius:4px}
.side-foot{padding:12px 16px;font-size:12px;color:#ffffff80}
.main{flex:1;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 24px;background:var(--card);border-bottom:1px solid var(--line)}
.top-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.who small{display:block;font-size:12px;color:var(--muted)}
.langs{display:flex;gap:2px}.langs button{border:0;background:none;padding:4px 8px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;color:var(--muted)}.langs button.on{background:var(--brand);color:#fff}
.content{padding:24px;max-width:1200px}
.banner{padding:8px 24px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.banner.warn{background:var(--warnbg);color:var(--warn)}.banner.bad{background:#fee2e2;color:#991b1b}
h1{font-size:24px;margin:0 0 16px}h2{font-size:17px;margin:0 0 10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}.card.good{border-color:#86efac;background:#f0fdf4;color:var(--ok)}.card.bad{border-color:#fca5a5;background:#fef2f2;color:var(--bad)}
.input{font:inherit;width:100%;padding:8px 10px;border:1px solid #d4d4d8;border-radius:8px;background:#fff;color:var(--text)}
.field{display:grid;gap:4px;font-size:14px;margin-bottom:10px}.field>span{color:var(--muted);font-size:13px}
.btn,.btn-ghost{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;padding:8px 14px;border-radius:8px;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn{background:var(--brand);color:#fff;border:0}.btn:hover{opacity:.9}.btn-ghost{background:var(--card);border:1px solid #d4d4d8;color:var(--text)}.btn-ghost:hover{border-color:#a1a1aa}
.btn.full{width:100%;justify-content:center}.danger{color:var(--bad)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cols{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.settings{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}.settings-nav{display:grid;gap:2px}.settings-nav a{padding:8px 10px;border-radius:8px;text-decoration:none;font-size:14px}.settings-nav a.on{background:var(--card);border:1px solid var(--line);font-weight:600}
table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;color:var(--muted);font-weight:500;background:#fafafa;padding:8px 10px}table.t td{padding:8px 10px;border-top:1px solid #f0f0f0;vertical-align:top}
.tablecard{padding:0;overflow-x:auto}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;background:#f4f4f5}.badge.ok{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}
.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.right{text-align:right}.mono{font-family:ui-monospace,monospace}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat .v{font-size:26px;font-weight:600}.stat .k{font-size:12px;color:var(--muted)}
body.plain{display:flex;justify-content:center;padding:40px 16px}.plain-box{width:100%;max-width:400px}
@media (max-width:800px){.shell{flex-direction:column}.side{width:auto}.side nav{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cols,.settings,.grid2,.grid3{grid-template-columns:1fr}.content{padding:16px}}
@media print{.side,.top,.banner,.no-print{display:none!important}.content{padding:0}.card{border:0}}
.center{text-align:center}
.badge.warn{background:#fef3c7;color:#92400e}
.item-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #f0f0f0}
.item-row:first-child{border-top:0}
.money{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.money .v{font-size:20px;font-weight:600}
.tabs a{margin-right:4px}
.badge.info{background:#e0f2fe;color:#075985}
.seg{display:inline-flex;border:1px solid #d4d4d8;border-radius:8px;overflow:hidden}.seg a{padding:6px 12px;text-decoration:none;font-size:14px;background:#fff}.seg a.on{background:var(--brand);color:#fff}
.pill{padding:4px 12px;border-radius:99px;border:1px solid #d4d4d8;text-decoration:none;font-size:14px}.pill.on{background:#27272a;color:#fff;border-color:#27272a}
a.card.block{display:block;text-decoration:none;margin-bottom:8px}a.card.block:hover{border-color:#a1a1aa}.card.small{padding:8px;font-size:13px}
.cal{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));font-size:12px}.cal-h{padding:6px;background:#fafafa;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}
.cal-d{min-height:90px;padding:4px;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.cal-d.other{background:#fafafa;color:#a1a1aa}.cal-d>a:first-child{text-decoration:none;padding:0 4px;border-radius:4px}
.today{background:var(--accent);font-weight:700;color:var(--brand)}.cal-e{display:block;background:#f4f4f5;border-radius:4px;padding:2px 4px;margin-top:2px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.week>div>a:first-child{display:block;margin-bottom:6px;text-decoration:none;padding:2px 4px;border-radius:4px}
.checks{list-style:none;padding:0;margin:0;font-size:14px}.checks li{padding:2px 0}.checks .ok{color:var(--ok)}.checks .no{color:var(--muted)}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:14px}.info-grid span.k{color:var(--muted)}
.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:12px}.mini-cal div{padding:4px;border-radius:4px}.mini-cal .job{background:var(--brand);color:#fff}.mini-cal .off{background:#fee2e2;color:#991b1b}.mini-cal .other{color:#d4d4d8}.mini-cal .now{outline:2px solid var(--accent)}
@media (max-width:800px){.week,.info-grid{grid-template-columns:1fr}}
td.ok,.ok{color:var(--ok)}
.print-only{display:none}@media print{.print-only{display:grid}}
.checklist tr.on{background:#f0fdf4}
.quick .btn-ghost{white-space:normal;justify-content:center;text-align:center}
.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.quick .btn-ghost{width:100%}