/* ---------- additions for multi-user app ---------- */
.hi,.hi *{font-family:'Noto Serif Devanagari',var(--serif)}
[lang=hi]{font-family:'Noto Sans Devanagari',var(--font)}
.ed .hi{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-2)}
.brand{text-decoration:none;color:inherit}
.brand img{width:34px;height:34px;object-fit:contain;border-radius:8px;background:#fff}
.nav{display:flex;gap:2px;margin-left:24px}
.nav a{padding:7px 12px;border-radius:8px;text-decoration:none;color:var(--ink-2);font-weight:500;font-size:14px}
.nav a:hover{background:rgba(0,0,0,.04);color:var(--ink)}
.nav a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.plan-chip{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-2);cursor:pointer;white-space:nowrap}
.plan-chip.bad{background:var(--neg-soft);color:var(--neg)}
.umenu{position:relative}
.avatar{width:34px;height:34px;border-radius:50%;border:none;background:var(--ink);color:#fff;font-weight:600;cursor:pointer;font-size:13px}
.umenu-pop{display:none;position:absolute;right:0;top:42px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.12);min-width:220px;padding:6px;z-index:40}
.umenu.open .umenu-pop{display:block}
.umenu-pop a,.umenu-pop button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:none;background:none;text-decoration:none;color:var(--ink);font-size:14px;cursor:pointer}
.umenu-pop a:hover,.umenu-pop button:hover{background:var(--surface-2)}
.umenu-h{padding:8px 10px;border-bottom:1px solid var(--line);margin-bottom:4px;font-size:13px}
.umenu-h small{display:block;color:var(--ink-3)}
.banner{background:var(--warn-soft);color:#6d4709;font-size:13.5px;text-align:center;padding:8px 16px;border-bottom:1px solid #f1dfba}
.banner a{color:inherit;font-weight:600}
.view{display:none}
.view.on{display:block}
.vwrap{max-width:1320px;margin:0 auto;padding:24px}
.row-g{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row-g select,.row-g .search{width:auto;min-width:160px;padding:7px 10px;font-size:13.5px}
.card.flush{padding:0;overflow:hidden}
.tbl-wrap.noborder{border:none;border-radius:0}
.t td.r,.t th.r{text-align:right}
.t tbody tr:hover td{background:#FCFBF8}
.t .lnk{color:var(--accent);font-weight:600;cursor:pointer;text-decoration:none}
.t .muted,.muted{color:var(--ink-3)}
.kpis.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.dash-grid .card{margin:0}
.dist{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.dist .dr{display:grid;grid-template-columns:160px 1fr 40px;gap:10px;align-items:center;font-size:13px}
.dist .db{height:12px;border-radius:6px;background:#EEEBE3;overflow:hidden}
.dist .db i{display:block;height:100%;border-radius:6px}
.due-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.due-row:last-child{border-bottom:none}
.due-row .nm{flex:1;min-width:0}
.due-row .nm small{display:block;color:var(--ink-3)}
.status-chip{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:#EEE;color:#666;text-transform:capitalize}
.st-draft{background:#EEE;color:#666}.st-final{background:var(--accent-soft);color:var(--accent)}.st-shared{background:#E6EEF8;color:#2C5E9E}.st-acknowledged{background:var(--pos-soft);color:var(--pos)}
.st-overdue{background:var(--neg-soft);color:var(--neg)}.st-soon{background:var(--warn-soft);color:var(--warn)}.st-done{background:var(--pos-soft);color:var(--pos)}.st-up{background:#EEE;color:#666}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}
.tabs a{padding:9px 14px;text-decoration:none;color:var(--ink-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px}
.tabs a.on{color:var(--accent);border-color:var(--accent)}
.set-p{display:none}.set-p.on{display:block}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.logo-row{display:flex;align-items:center;gap:10px}
.logo-prev{width:120px;height:56px;border:1px dashed var(--line-2);border-radius:8px;display:grid;place-items:center;font-size:12px;color:var(--ink-3);background:#fff;overflow:hidden}
.logo-prev img{max-width:100%;max-height:100%;object-fit:contain}
.plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.plan-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface-2)}
.plan-card .pr{font-size:28px;font-weight:600;letter-spacing:-.02em}
.plan-card .pr small{font-size:14px;color:var(--ink-3);font-weight:500}
.ed-bar{background:var(--surface);border-bottom:1px solid var(--line)}
.ed-bar-in{max-width:1320px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;gap:12px}
.ed-title{font-weight:600}
.saved{font-size:12.5px;color:var(--ink-3)}
.prev-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:14px 18px;margin-bottom:16px;font-size:14px}
.ack-box{background:var(--pos-soft);border:1px solid #cfe5d7;border-radius:var(--radius);padding:14px 18px;margin-bottom:16px;font-size:14px}
.trend{font-size:11.5px;font-weight:600;margin-left:6px}
.trend.up{color:var(--pos)}.trend.dn{color:var(--neg)}
.btn.block{width:100%;justify-content:center;padding:11px}
.linkbtn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13.5px;margin-top:10px;padding:0}
.hint{font-size:12px;color:var(--ink-3);margin-top:4px}
input[type=email],input[type=password]{width:100%;border:1px solid var(--line-2);background:var(--surface);border-radius:8px;padding:9px 11px;font-size:14px;outline:none}
input[type=email]:focus,input[type=password]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,94,89,.14)}
/* auth */
.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-brand{background:linear-gradient(160deg,#0F5E59 0%,#0B3F3B 100%);color:#fff;padding:40px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-brand::after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,255,255,.05)}
.brand.light small{color:rgba(255,255,255,.65)}
.auth-quote h2{font-family:var(--serif);font-size:36px;line-height:1.2;font-weight:600;margin:0 0 14px;max-width:16ch}
.auth-quote p{color:rgba(255,255,255,.78);max-width:42ch;font-size:16px}
.auth-foot{font-size:13px;color:rgba(255,255,255,.6)}.auth-foot a{color:inherit}
.auth-form{display:grid;place-items:center;padding:32px}
.auth-card{width:100%;max-width:400px}
.auth-card h1{font-size:24px;margin:22px 0 6px;letter-spacing:-.015em}
.auth-card .f{margin-bottom:12px}
.seg.wide{display:flex}.seg.wide button{flex:1}
.auth-msg{margin-top:12px;font-size:13.5px}
.auth-msg.err{color:var(--neg)}.auth-msg.ok{color:var(--pos)}
.auth-demo{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px}
.auth-demo a{color:var(--ink-2)}
.share-link{display:flex;gap:6px;margin:10px 0}
.share-link input{flex:1;font-size:12.5px}
.modal .f{margin-bottom:10px}
.modal{max-height:90vh;overflow:auto}
.demo-only,.cloud-only{}
body.demo .cloud-only{display:none!important}
body:not(.demo) .demo-only{display:none!important}
body:not(.demo) #demoTools{display:none!important}
body:not(.admin) .adm{display:none!important}
.pdoc .hi{font-family:'Noto Serif Devanagari',serif;margin-top:6px;padding-top:6px;border-top:1px dashed #ddd}
.pdoc .logo{max-height:48px;max-width:160px;object-fit:contain;margin-bottom:6px}
@media (max-width:1080px){.kpis.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.auth{grid-template-columns:1fr}.auth-brand{padding:28px;min-height:auto}.auth-quote h2{font-size:26px}.auth-brand::after{display:none}.nav{margin-left:0;overflow:auto}.top-in{flex-wrap:wrap}.kpis.five,.g5,.plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vwrap{padding:16px}.ed-bar-in{padding:8px 16px;flex-wrap:wrap}}
@media (max-width:520px){.kpis.five,.g5,.plan-cards{grid-template-columns:1fr}.dist .dr{grid-template-columns:110px 1fr 30px}}

pre.code{background:#1D2320;color:#E6EFEC;border-radius:8px;padding:14px 16px;font-size:12.5px;overflow:auto;line-height:1.55;margin:8px 0 10px}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:var(--surface-2);padding:1px 5px;border-radius:4px}
pre.code code{background:none}
body.embed .top,body.embed .banner{display:none!important}
body.readonly .ed{pointer-events:none}
body.readonly .panel .btn.primary:not(.cloud-only){}