/* The software window on every Nivesh Sahayak site (desk.js): slim title bar, side menu, status bar, command box.
   Wide screens: fixed side menu (folds to icons) + status bar; phones: side menu slides in from the menu button, footer stays.
   Inside the App's frame (html.embed) none of it shows. */
:root{--tb:56px;--sw:252px;--sbh:30px}
html.side-mini{--sw:64px}
kbd{font:600 .72rem var(--mono);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--surface2);color:var(--soft);white-space:nowrap}

/* title bar */
.hd{z-index:30}
.hd .wrap{max-width:none;min-height:var(--tb);padding-inline:12px 16px}
.hd .brand small{display:none}
.side-btn svg,.desk-cmdbtn svg,.side-fold svg,.cmd-in svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side-btn{display:none}
.desk-cmdbtn{gap:8px;color:var(--soft);font-weight:600;min-width:0;justify-content:flex-start}
.desk-cmdbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1100px){.desk-cmdbtn{min-width:240px;margin-inline-end:6px}}
.desk-install{border-color:var(--accent);color:var(--accent)}
:root[data-theme=dark] .desk-install{color:var(--accent)}

/* side menu */
.side{background:var(--surface);border-inline-end:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:8px 8px 24px;box-sizing:border-box;z-index:25}
.side-g{margin:4px 0 10px}
.side-h{font:700 .7rem/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin:12px 10px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side a{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.9rem;line-height:1.25;box-sizing:border-box}
.side a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side a:hover{background:var(--surface2)}
.side a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}
.side a::before{content:"";flex:none;width:18px;height:18px;background:currentColor;opacity:.85;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.side-about a{font-weight:500;font-size:.84rem;min-height:32px;color:var(--soft)}
.side-fold{display:none;margin:0 0 4px auto;border:1px solid var(--line);background:var(--surface);color:var(--soft);border-radius:8px;width:34px;height:30px;place-items:center;cursor:pointer}
[dir=rtl] .side-fold svg{transform:scaleX(-1)}
html.side-mini .side-fold svg{transform:scaleX(-1)}
[dir=rtl] html.side-mini .side-fold svg,html[dir=rtl].side-mini .side-fold svg{transform:none}
/* the App's own screens, moved into the side menu */
.side .hub-nav{position:static;display:flex;flex-direction:column;gap:0;background:none;border:0;padding:0;border-radius:0;overflow:visible}
.side .hub-nav a{justify-content:flex-start}
.side .hub-nav .n{margin-inline-start:auto;font:600 .74rem var(--mono);opacity:.75}
html.has-hub .hub{display:block}
html.has-hub .hub>.hub-nav{display:none}

/* line icons (24px strokes as masks) */
:where(.side a,.tabbar a,.hub-nav a[data-ic],.md-nav button){--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
[data-ic=home]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
[data-ic=guide]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6c-2-1.5-5-2-8-2v14c3 0 6 .5 8 2 2-1.5 5-2 8-2V4c-3 0-6 .5-8 2zM12 6v14'/%3E%3C/svg%3E")}
[data-ic=app]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
[data-ic=set]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h4M12 17h8'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='10' cy='17' r='2'/%3E%3C/svg%3E")}
[data-ic=doc]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h7M9 16h7'/%3E%3C/svg%3E")}
[data-ic=tool]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.5-2.5z'/%3E%3C/svg%3E")}
[data-ic=info]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E")}
[data-ic=money]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 10v4M18 10v4'/%3E%3C/svg%3E")}
[data-ic=clock]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
[data-ic=cart]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h2l2 10h10l2-7H7'/%3E%3Ccircle cx='9' cy='19' r='1'/%3E%3Ccircle cx='17' cy='19' r='1'/%3E%3C/svg%3E")}
[data-ic=people]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0M16 4a4 4 0 0 1 0 8M18 14a6 6 0 0 1 4 7'/%3E%3C/svg%3E")}
[data-ic=bank]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6M5 10v8M9 10v8M15 10v8M19 10v8M3 21h18'/%3E%3C/svg%3E")}
[data-ic=cheque]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Cpath d='M6 14h6M15 14h3M6 10h3'/%3E%3C/svg%3E")}
[data-ic=book]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6a2 2 0 0 1 2 2v14a2 2 0 0 0-2-2H4zM20 4h-6a2 2 0 0 0-2 2v14a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E")}
[data-ic=box]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4-9-4zM3 7l9 4 9-4M12 11v10'/%3E%3C/svg%3E")}
[data-ic=shop]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v10h16V10M3 10l2-6h14l2 6zM9 20v-6h6v6'/%3E%3C/svg%3E")}
[data-ic=filter]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8z'/%3E%3C/svg%3E")}
[data-ic=chart]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16M8 16v-5M12 16V8M16 16v-3'/%3E%3C/svg%3E")}
[data-ic=keyboard]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3zM7 10h1M11 10h1M15 10h1M7 14h10'/%3E%3C/svg%3E")}
[data-ic=eye]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6'/%3E%3C/svg%3E")}
[data-ic=camera]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h4l2-3h4l2 3h4v13H4zM12 10a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7'/%3E%3C/svg%3E")}
[data-ic=calc]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18H6zM9 7h6M9 11h1M12 11h1M15 11h1M9 15h1M12 15h1M15 15h1'/%3E%3C/svg%3E")}
[data-ic=calendar]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v15H4zM4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E")}
[data-ic=repeat]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 2l4 4-4 4M3 11V9a3 3 0 0 1 3-3h15M7 22l-4-4 4-4M21 13v2a3 3 0 0 1-3 3H3'/%3E%3C/svg%3E")}
[data-ic=journal]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h11a2 2 0 0 1 2 2v14H7a2 2 0 0 1-2-2zM9 8h6M9 12h6'/%3E%3C/svg%3E")}
[data-ic=asset]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V9l7-5 7 5v12M9 21v-6h6v6'/%3E%3C/svg%3E")}
[data-ic=factory]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V11l5 3v-3l5 3V7h4l2 14zM3 21h18'/%3E%3C/svg%3E")}
[data-ic=trend]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8M15 7h6v6'/%3E%3C/svg%3E")}
[data-ic=badge]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
[data-ic=alert]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l10 18H2zM12 10v5M12 18v.5'/%3E%3C/svg%3E")}
[data-ic=list]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h1M4 12h1M4 18h1'/%3E%3C/svg%3E")}
[data-ic=trash]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/%3E%3C/svg%3E")}
[data-ic=data]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6c0-1.7 3-3 7-3s7 1.3 7 3-3 3-7 3-7-1.3-7-3M5 6v12c0 1.7 3 3 7 3s7-1.3 7-3V6M5 12c0 1.7 3 3 7 3s7-1.3 7-3'/%3E%3C/svg%3E")}
[data-ic=save]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h11l3 3v13H5zM8 4v5h7V4M8 20v-6h8v6'/%3E%3C/svg%3E")}
[data-ic=send]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l16-8-6 16-3-7z'/%3E%3C/svg%3E")}

/* status bar */
.sbar{display:none;align-items:center;justify-content:space-between;gap:16px;font-size:.78rem;line-height:1;color:var(--soft);background:var(--surface);border-top:1px solid var(--line);padding:0 14px;box-sizing:border-box;white-space:nowrap;overflow:hidden}
/* two groups: this business and its data on the left; help, support and the credit on the right; a thin line between items */
.sbar .s-l,.sbar .s-r{display:flex;align-items:center;min-width:0;height:100%}
.sbar .s-l{flex:0 1 auto;overflow:hidden}.sbar .s-r{flex:0 0 auto}
.sbar .s-l>*,.sbar .s-r>*{display:inline-flex;align-items:center;height:100%;padding:0 12px;border-inline-start:1px solid var(--line)}
.sbar .s-l>:first-child,.sbar .s-r>:first-child{border-inline-start:0;padding-inline-start:0}.sbar .s-r>:last-child{padding-inline-end:0}
.sbar .s-l>:empty,.sbar .s-l>[hidden]{display:none}
.sbar .s-l>:empty+*,.sbar .s-l>[hidden]+*{border-inline-start:0;padding-inline-start:0}
.sbar [data-s-biz]{color:var(--ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;max-width:22ch}
.sbar [data-s-net]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;background:var(--ok);vertical-align:middle}
.sbar [data-s-net].off::before{background:var(--bad)}
.sbar .linkish{background:none;border-block:0;border-inline-end:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
.sbar .linkish:hover,.sbar a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.sbar .linkish.warn{color:var(--bad);font-weight:700}
.sbar a{color:inherit;text-decoration:none}
.sbar .s-free{color:var(--accent);font-weight:700;text-decoration:none}
.sbar .s-credit{gap:4px}.sbar .s-credit a{color:var(--ink);font-weight:600}
.sbar .s-credit img,.sbar .s-credit svg{height:14px!important;width:auto!important;margin:0 2px!important;vertical-align:middle}
@media (max-width:1360px){.sbar [data-s-store]{display:none}}
@media (max-width:1180px){.sbar .s-copy,.sbar [data-s-keys]{display:none}}

/* wide screens: fixed side menu + status bar, the page scrolls beside them */
@media (min-width:861px){
  .side{position:fixed;inset-block:var(--tb) var(--sbh);inset-inline-start:0;width:var(--sw);transition:width .18s}
  .side-fold{display:grid}
  main#main{margin-inline-start:var(--sw);transition:margin .18s}
  .hd nav>a{display:none}
  .ft{display:none}
  .sbar{display:flex;position:fixed;inset-inline:0;bottom:0;height:var(--sbh);z-index:26}
  body{padding-bottom:var(--sbh)}
  html.side-mini .side{padding-inline:6px}
  html.side-mini .side a{justify-content:center;padding:6px}
  html.side-mini .side a span,html.side-mini .side a .n,html.side-mini .side-h{display:none}
  html.side-mini .side-g{border-top:1px solid var(--line);padding-top:6px}
  html.side-mini .side-fold{margin-inline:auto}
}
/* phones and small tablets: the side menu slides in */
@media (max-width:860px){
  .side-btn{display:grid;flex:none;order:-1}
  .desk-cmdbtn span,.desk-cmdbtn kbd{display:none}
  .desk-cmdbtn{width:40px;height:40px;min-height:40px;padding:0;justify-content:center}
  .side{position:fixed;inset-block:0;inset-inline-start:0;width:min(310px,86vw);transform:translateX(-105%);transition:transform .2s;box-shadow:0 10px 40px rgba(0,0,0,.25);z-index:40;padding-top:12px}
  [dir=rtl] .side{transform:translateX(105%)}
  html.side-open .side{transform:none}
  .side a{min-height:44px}
  .side-shade{position:fixed;inset:0;background:rgba(5,15,25,.5);z-index:39}
  html.has-hub .hub>.hub-nav{display:none}
}
@media (max-width:520px){.hd .brand b .soft{display:none}}
@media (prefers-reduced-motion:reduce){.side,main#main{transition:none}}

/* installed app with the window-controls overlay: the title bar is the window's own */
@media (display-mode:window-controls-overlay){
  .hd{-webkit-app-region:drag;app-region:drag}
  .hd .wrap{min-height:max(var(--tb),env(titlebar-area-height,0px));padding-inline-end:calc(100vw - env(titlebar-area-x,0px) - env(titlebar-area-width,100vw) + 12px)}
  .hd a,.hd button,.hd select,.hd input{-webkit-app-region:no-drag;app-region:no-drag}
}

/* command box */
.desk-cmd{border:0;border-radius:14px;padding:0;width:min(640px,calc(100% - 24px));margin-top:10vh;background:var(--surface);color:var(--ink);box-shadow:0 24px 70px rgba(0,0,0,.4);overflow:hidden}
.desk-cmd::backdrop,.desk-ask::backdrop,.desk-keys::backdrop{background:rgba(5,15,25,.5)}
.cmd-in{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.cmd-in input{flex:1;border:0;outline:0;background:none;font-size:1.05rem;min-height:40px;padding:0;color:var(--ink);box-shadow:none}
.cmd-in input:focus{outline:0;border:0}
.desk-cmd ul{list-style:none;margin:0;padding:6px;max-height:min(60vh,480px);overflow-y:auto}
.desk-cmd li[role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:9px;cursor:pointer;min-height:40px;box-sizing:border-box}
.desk-cmd li[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}
.desk-cmd li[aria-selected=true] kbd{background:transparent;color:inherit;border-color:currentColor}
.desk-cmd li[aria-selected=true] small{color:inherit;opacity:.85}
.desk-cmd .ct{min-width:0;display:flex;flex-direction:column}
.desk-cmd .ct,.desk-cmd .ct small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desk-cmd small{color:var(--soft);font-size:.8rem}
.cmd-g{font:700 .7rem var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--soft);padding:10px 10px 4px}
.cmd-none{padding:18px 10px;color:var(--soft)}
.cmd-ft{margin:0;padding:8px 14px;border-top:1px solid var(--line);font-size:.78rem;color:var(--soft)}
@media (max-width:520px){.desk-cmd{width:100%;max-width:100%;margin:0;height:100dvh;max-height:100dvh;border-radius:0}.desk-cmd ul{max-height:calc(100dvh - 110px)}}

/* confirm box and shortcut list */
.desk-ask{border:0;border-radius:14px;padding:18px 18px 14px;width:min(440px,calc(100% - 24px));background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.desk-ask p{margin:0 0 6px;font-size:1rem}
/* solid red button only in the confirm box; its text takes the page background colour, so it stays readable on the light pink red of dark mode */
.desk-ask .btn.danger{background:var(--bad);border-color:var(--bad);color:var(--bg)}
.desk-keys{border:0;border-radius:14px;padding:0 0 12px;width:min(520px,calc(100% - 24px));background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.dk-hd{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.dk-hd h2{margin:0;font-size:1.1rem}
.dk-t{border-collapse:collapse;width:calc(100% - 32px);margin:8px 16px}
.dk-t th,.dk-t td{text-align:start;padding:6px 4px;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:500}
.dk-t th{width:38%}
.dk-note{color:var(--soft);font-size:.82rem;margin:8px 16px 0}

/* inside the App's frame: the App is the window */
html.embed .side,html.embed .sbar,html.embed .side-shade,html.embed .desk-cmdbtn,html.embed .side-btn{display:none!important}
html.embed main#main{margin-inline-start:0!important}
html.embed body{padding-bottom:0}
@media print{.side,.sbar,.side-shade{display:none!important}main#main{margin:0!important}body{padding:0!important}}

/* money tiles: whole amounts on one line beside the side menu */
.hub-main .tiles{grid-template-columns:repeat(auto-fill,minmax(min(176px,100%),1fr))}
.hub-main .tile b{white-space:nowrap;font-size:clamp(1rem,1.5vw,1.3rem)}

/* phones: bottom tab bar for the App's first screens, a compact title bar, two money tiles a row */
.tabbar{display:none}
@media (max-width:860px){
  html.has-hub .tabbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:35;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}
  html.has-hub body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .tabbar a,.tabbar button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:4px 2px;border:0;border-radius:10px;background:none;color:var(--soft);text-decoration:none;font:600 .7rem/1.15 var(--font);cursor:pointer}
  .tabbar a span,.tabbar button span{max-width:100%;overflow:hidden;text-align:center;line-height:1.1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}   /* long names (Money in and out) take two short lines instead of being cut */
  .tabbar .n{display:none}
  .tabbar a[aria-current=page]{color:var(--accent)}
  .tabbar a::before,.tabbar button::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
  .tabbar [data-ic=more]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E")}
  html.embed .tabbar{display:none!important}
}
@media (max-width:520px){
  .desk-install{display:none!important}
  .hd .brand>span{display:none}
  .hub-main .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-main .tile b{font-size:1rem}
}
@media print{.tabbar{display:none!important}}

/* icons on screen lists inside the page (my., stock...) and on the My data window's part list */
.hub-nav a[data-ic]{justify-content:flex-start}.hub-nav a[data-ic] .n{margin-inline-start:auto}
:is(.hub-nav a[data-ic],.md-nav button[data-ic])::before{content:"";flex:none;width:18px;height:18px;background:currentColor;opacity:.85;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;margin-inline-end:6px}

/* one picture per document maker (d-<site>) and per free tool (t-<site>); a site without its own picture falls back to the page / wrench */
:where([data-ic^="d-"]){--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h7M9 16h7'/%3E%3C/svg%3E")}
:where([data-ic^="t-"]){--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.5-2.5z'/%3E%3C/svg%3E")}
[data-ic=d-billing]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2zM9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")}
[data-ic=d-quotation]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12v3l-1 1M13 12v3l-1 1'/%3E%3C/svg%3E")}
[data-ic=d-proforma]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v5M14 3v5h5M6 3v18h6M17 14a4 4 0 1 0 0 8 4 4 0 0 0 0-8M17 16v2h1.5'/%3E%3C/svg%3E")}
[data-ic=d-sales-order]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8v3H8zM6 5H5v16h14V5h-1M9 14l2 2 4-4'/%3E%3C/svg%3E")}
[data-ic=d-challan]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4-9-4zM3 7l9 4 9-4M12 11v10'/%3E%3C/svg%3E")}
[data-ic=d-purchase-order]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M8 12h1l1 4h5l1-3h-6'/%3E%3C/svg%3E")}
[data-ic=d-self-invoice]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M15 15H9M11 13l-2 2 2 2'/%3E%3C/svg%3E")}
[data-ic=layers]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5zM3 13l9 5 9-5M3 17l9 5 9-5'/%3E%3C/svg%3E")}
[data-ic=scale]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M7 21h10M5 7h14M5 7l-3 7a3 3 0 006 0zM19 7l-3 7a3 3 0 006 0zM12 3l-2 2M12 3l2 2'/%3E%3C/svg%3E")}
[data-ic=coins]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4c4 0 7 1.1 7 2.5S16 9 12 9 5 7.9 5 6.5 8 4 12 4zM5 6.5v5C5 12.9 8 14 12 14s7-1.1 7-2.5v-5M5 11.5v5C5 17.9 8 19 12 19s7-1.1 7-2.5v-5'/%3E%3C/svg%3E")}
[data-ic=wrench]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 00-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 005.4-5.4l-2.6 2.6-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
[data-ic=d-debit-note]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 14h6M12 11v6'/%3E%3C/svg%3E")}
[data-ic=d-credit-note]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 14h6'/%3E%3C/svg%3E")}
[data-ic=d-receipt]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2zM9 11l2 2 4-4'/%3E%3C/svg%3E")}
[data-ic=d-voucher]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v3a2 2 0 0 0 0 4v3H3v-3a2 2 0 0 0 0-4zM15 7v10'/%3E%3C/svg%3E")}
[data-ic=d-cash-memo]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v10H3zM12 9.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M6 10v4M18 10v4'/%3E%3C/svg%3E")}
[data-ic=d-rent-receipt]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7M5 9v11h14V9M10 14h4M10 17h4'/%3E%3C/svg%3E")}
[data-ic=d-salary-slip]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18v14H3zM9 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4M6 17a3 3 0 0 1 6 0M14 10h4M14 14h4'/%3E%3C/svg%3E")}
[data-ic=d-petty-cash]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16v12H4zM8 8V5h8v3M12 11v6M10 13h4'/%3E%3C/svg%3E")}
[data-ic=t-bank-reco]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10l9-6 9 6M5 10v5M19 10v5M3 20h18M9 14l2 2 4-4'/%3E%3C/svg%3E")}
[data-ic=t-barcode]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5v14M7 5v14M9.5 5v14M13 5v14M15 5v14M18 5v14M20 5v14'/%3E%3C/svg%3E")}
[data-ic=t-bilty]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h11v11H2zM13 9h4l4 4v3h-8M4 18a2 2 0 1 0 4 0 2 2 0 1 0-4 0M15 18a2 2 0 1 0 4 0 2 2 0 1 0-4 0'/%3E%3C/svg%3E")}
[data-ic=t-cash-book]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h13v16H7a2 2 0 0 1-2-2zM5 18a2 2 0 0 1 2-2h11M10 8h5M10 11h5'/%3E%3C/svg%3E")}
[data-ic=t-cheque]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h20v12H2zM6 14h6M15 14h3M6 10h3'/%3E%3C/svg%3E")}
[data-ic=t-cmp08]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 17l6-6M9.5 11.5h.01M14.5 16.5h.01'/%3E%3C/svg%3E")}
[data-ic=t-contractor-bill]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15a8 8 0 0 1 16 0M10 7.5V11M14 7.5V11M2 15h20v3H2z'/%3E%3C/svg%3E")}
[data-ic=t-e-invoice]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h3v3H9zM15 12h.01M15 15h.01M9 18h6'/%3E%3C/svg%3E")}
[data-ic=t-eway-bill]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21l4-18M19 21L15 3M12 5v2M12 11v2M12 17v2'/%3E%3C/svg%3E")}
[data-ic=t-expenses]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h16v12H3zM3 7l12-4v4M15 13h4'/%3E%3C/svg%3E")}
[data-ic=t-export-invoice]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/%3E%3C/svg%3E")}
[data-ic=t-fee-receipt]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5zM6 11v5c3 2 9 2 12 0v-5M22 9v6'/%3E%3C/svg%3E")}
[data-ic=t-gst-calendar]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v15H4zM4 10h16M8 3v4M16 3v4M9 15l2 2 4-4'/%3E%3C/svg%3E")}
[data-ic=t-gstin]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12M20 20l-5.5-5.5M7.5 10l2 2 3-3.5'/%3E%3C/svg%3E")}
[data-ic=t-gstr1]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M12 18v-6M9 14l3-3 3 3'/%3E%3C/svg%3E")}
[data-ic=t-gstr2b]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h8v10H3zM13 10h8v10h-8zM6 17h4l-2 2M18 7h-4l2-2'/%3E%3C/svg%3E")}
[data-ic=t-gstr3b]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4zM4 9h16M4 14h16M10 9v11'/%3E%3C/svg%3E")}
[data-ic=t-hsn]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4L7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E")}
[data-ic=t-job-card]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8v3H8zM6 5H5v16h14V5h-1M9 12h6M9 16h4'/%3E%3C/svg%3E")}
[data-ic=t-khata]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h6a2 2 0 0 1 2 2v14a2 2 0 0 0-2-2H4zM20 4h-6a2 2 0 0 0-2 2v14a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E")}
[data-ic=t-pharmacy]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v6h6v6h-6v6H9v-6H3V9h6z'/%3E%3C/svg%3E")}
[data-ic=t-pos]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14v18H5zM8 6h8v4H8zM8 14h1M11 14h1M14 14h1M8 17h1M11 17h1M14 17h1'/%3E%3C/svg%3E")}
[data-ic=t-price-list]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8zM7.5 8.5h.01'/%3E%3C/svg%3E")}
[data-ic=t-profit-loss]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8M15 7h6v6'/%3E%3C/svg%3E")}
[data-ic=t-purchase]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h2l2 10h10l2-7H7M9 19h.01M17 19h.01'/%3E%3C/svg%3E")}
[data-ic=t-restaurant]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v8M5 3v5a2 2 0 0 0 4 0V3M7 11v10M17 3c-2 2-2 6 0 8v10'/%3E%3C/svg%3E")}
[data-ic=t-sponsor]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-8-5-8-11a4.5 4.5 0 0 1 8-3 4.5 4.5 0 0 1 8 3c0 6-8 11-8 11z'/%3E%3C/svg%3E")}
[data-ic=t-promo]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6l-7 4zM16 9a3 3 0 0 1 0 6M19 7a6 6 0 0 1 0 10'/%3E%3C/svg%3E")}
[data-ic=t-stock]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13h8v8H3zM13 13h8v8h-8zM8 3h8v8H8z'/%3E%3C/svg%3E")}
[data-ic=t-tally]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h10v16H4zM7 8h4M7 12h4M14 12h7M18 9l3 3-3 3'/%3E%3C/svg%3E")}
[data-ic=t-tds]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19L19 5M7 5a2 2 0 1 0 0 4 2 2 0 0 0 0-4M17 15a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E")}
