
:root{--g:#2f6b57;--g2:#3f7865;--d:#20382f;--bg:#f7f8f5;--line:#e6e1d8;--mut:#6a756f;--cream:#f6f1e7;--white:#fff;--red:#b42318;--ok:#e3f1eb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#202923;font-family:Tahoma,Arial,sans-serif;padding-bottom:82px}
.hidden{display:none!important}.centerView{min-height:100vh;display:grid;place-items:center;padding:22px}.authCard{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 30px #213f3210}
.authCard .brand{color:var(--g);font-weight:bold}.authCard h1{font-size:23px;margin:10px 0}.authCard p{color:var(--mut);line-height:1.8;font-size:13px}
label{display:block;color:var(--mut);font-size:12px;margin:12px 0 6px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff;font:inherit;font-size:15px}
button{font:inherit;cursor:pointer}.primary,.secondary,.danger,.fileBtn{width:100%;border-radius:13px;padding:14px;font-weight:bold;margin-top:10px;text-align:center;display:block}
.primary{background:var(--g);color:#fff;border:0}.secondary,.fileBtn{background:#fff;color:var(--g);border:1px solid var(--g)}.danger{background:#fff;color:var(--red);border:1px solid #efc7c3}.textBtn{border:0;background:transparent;color:var(--g);padding:12px}
header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:17px 16px;display:flex;justify-content:space-between;align-items:center}header small{color:var(--mut)}header h1{margin:3px 0;font-size:22px}
.headerActions{display:flex;gap:7px}.headerActions button,.panelTitle button{border:1px solid var(--line);background:#fff;padding:9px 11px;border-radius:11px}
main{max-width:820px;margin:auto;padding:14px}.statusBar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.statusBar div{background:var(--ok);padding:10px;border-radius:13px}.statusBar span{font-size:10px;color:var(--mut);display:block}.statusBar b{font-size:11px;display:block;margin-top:5px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stats div,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.stats span{font-size:12px;color:var(--mut)}.stats b{display:block;margin-top:9px;color:var(--g);font-size:18px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.actions button{border:0;border-radius:18px;background:var(--g);color:#fff;min-height:104px;text-align:right;padding:15px}.actions b{font-size:15px;display:block;margin-bottom:7px}.actions small{opacity:.84;line-height:1.65}
.panel{margin-top:10px}.panel h2{font-size:16px;margin:0 0 10px}.panelTitle{display:flex;justify-content:space-between;align-items:center}.rows>div,.batch,.recent{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #f0eee9}.rows>div:last-child,.batch:last-child,.recent:last-child{border-bottom:0}.rows span,.batch small,.recent small{color:var(--mut);font-size:12px}.batch small,.recent small{display:block;margin-top:4px}
nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:7px 7px calc(7px + env(safe-area-inset-bottom));z-index:6}nav button{border:0;background:transparent;padding:10px;color:var(--mut)}nav .active{color:var(--g);font-weight:bold}
dialog{border:0;border-radius:23px 23px 0 0;width:min(820px,100%);margin:auto 0 0;padding:0;max-height:92vh}dialog::backdrop{background:#10231bb3}.sheet,form{padding:17px;max-height:92vh;overflow:auto}.sheetHead{display:flex;justify-content:space-between;align-items:center}.sheetHead h3{margin:0}.sheetHead button{font-size:28px;border:0;background:transparent}.note,#entryHelp{background:var(--cream);border-radius:11px;padding:10px;color:var(--mut);font-size:12px;line-height:1.7;margin:12px 0}.field{margin:10px 0}.empty{font-size:13px;color:var(--mut);padding:8px 0}
#toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100;background:#20382f;color:white;padding:10px 14px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:13px}#toast.show{opacity:1}
@media(min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}.actions{grid-template-columns:repeat(3,1fr)}}

.recent{align-items:center}.recentText{min-width:0;flex:1}.rowActions{display:flex;gap:6px;flex:0 0 auto}.rowActions button{border-radius:9px;padding:7px 9px;font-size:11px;background:#fff}.editBtn{border:1px solid var(--g);color:var(--g)}.deleteBtn{border:1px solid #efc7c3;color:var(--red)}
@media(max-width:430px){.recent{align-items:flex-start}.rowActions{flex-direction:column}.rowActions button{padding:6px 8px}}

/* Production 1.3 — searchable directory lists */
.menuSection{margin:4px 0 14px}.menuSection>b{display:block;margin-bottom:8px;color:var(--d);font-size:14px}.directoryButtons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.directoryButtons .secondary{margin:0;padding:11px 7px;font-size:12px}.menuDivider{height:1px;background:var(--line);margin:14px 0}.directorySheet{min-height:55vh}.directorySearch{position:sticky;top:-17px;background:#fff;padding:10px 0 8px;z-index:2}.directorySearch input{background:#fafbf9}.directorySummary{font-size:12px;color:var(--mut);margin:2px 0 8px}.directoryList{padding-bottom:10px}.directoryCard{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #f0eee9;padding:13px 0}.directoryCard:last-child{border-bottom:0}.directoryMain{min-width:0;flex:1}.directoryMain b{display:block;font-size:14px}.directoryMain small{display:block;color:var(--mut);font-size:11px;line-height:1.7;margin-top:4px}.customerCard{padding:14px 2px}
@media(max-width:520px){.directoryButtons{grid-template-columns:1fr}.directoryButtons .secondary{font-size:13px}.directoryCard{align-items:flex-start}.directoryCard .rowActions{flex-direction:column}}


/* Production 1.4 — Customer CRM */
.customerTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tag{background:var(--cream);color:var(--g);padding:4px 8px;border-radius:999px;font-size:10px;font-weight:bold}.profileBtn,.miniPrimary{border:1px solid var(--g);background:var(--g);color:#fff;border-radius:9px;padding:7px 9px;font-size:11px}.directorySummary{display:flex;align-items:center;justify-content:space-between;gap:10px}.miniPrimary{width:auto;margin:0}.profileSheet{min-height:72vh}.profileGrid,.profileStats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.profileGrid>div,.profileStats>div{border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff}.profileGrid span,.profileStats span{display:block;color:var(--mut);font-size:10px;margin-bottom:5px}.profileGrid b{font-size:13px}.profileStats b{font-size:14px;color:var(--g)}.profileBlock{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.profileBlock>b{font-size:14px}.profileBlock p{font-size:12px;color:var(--mut);line-height:1.8;white-space:pre-wrap}.historyList{margin-top:8px}.historyRow{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #f0eee9;padding:10px 0}.historyRow:last-child{border-bottom:0}.historyRow b{font-size:12px}.historyRow small{display:block;color:var(--mut);font-size:10px;line-height:1.7;margin-top:3px}.historyMoney{display:flex;flex-direction:column;gap:4px;text-align:left;white-space:nowrap;font-size:10px;color:var(--g)}.warningBox{background:#fff3f1;color:var(--red);border:1px solid #efc7c3;border-radius:12px;padding:10px;margin:10px 0;font-size:12px}
@media(min-width:680px){.profileGrid{grid-template-columns:repeat(4,1fr)}.profileStats{grid-template-columns:repeat(4,1fr)}}

.statusBar{grid-template-columns:repeat(4,1fr)}
.backupInfo{background:var(--ok);border-radius:13px;padding:12px;line-height:1.8;color:var(--d);font-size:12px;margin-bottom:8px}
.backupList{display:grid;gap:8px;margin-top:14px;max-height:55vh;overflow:auto}
.backupRow{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff}
.backupRow b,.backupRow small{display:block}.backupRow small{color:var(--mut);margin-top:4px}.compact{width:auto;margin:0;padding:8px 12px}
@media(max-width:620px){.statusBar{grid-template-columns:1fr 1fr}}

.backupDebugBox{margin-top:12px;padding:12px;border:1px solid #d9ddd8;border-radius:14px;background:#f7faf8;direction:rtl}
.backupDebugBox b{display:block;margin-bottom:8px}
.backupDebugBox pre{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto;background:#10231c;color:#eaf5f0;padding:10px;border-radius:10px;font-size:12px;line-height:1.5}
.inventoryGrid,.accountGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:10px 0}.stockCard,.accountCard{border:1px solid #dfe8e3;border-radius:14px;padding:12px;background:#fff}.stockCard.warn{border-color:#c97d42}.stockCard b,.accountCard b{display:block;margin-bottom:5px}.ledgerLine{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;border-bottom:1px solid #eee;font-size:13px}.debit{color:#8a3b18}.credit{color:#17643f}.stockMeta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#52625b}

/* Production 2.0.1 — Shared Workspace Access */
.workspaceList{display:grid;gap:9px;margin:14px 0}.workspaceChoice{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;text-align:right}.workspaceChoice b{display:block;color:var(--d);font-size:14px}.workspaceChoice small,.memberRow small{display:block;color:var(--mut);font-size:11px;margin-top:5px}.membersList{display:grid;gap:8px}.memberRow{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff}.memberRow b{font-size:13px}
