/* App visual system. Marketing styles and business behavior remain independent. */
:root { --ink:#192d3a; --muted:#667682; --line:#e1e7eb; --accent:#14756c; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { background:#f3f6f8; font-size:17px; line-height:1.75; }
body > header,main,body > footer { width:min(1280px,calc(100% - 72px)); }
body > header { padding:20px 0; border-bottom:1px solid #dce4e9; }
body > header > a:last-child { font-size:15px; color:var(--muted); }
.brand { display:flex; gap:12px; align-items:center; font-size:23px; line-height:1.5; }
.brand small { display:block; color:var(--muted); font-size:12px; font-weight:400; }
.app-brand-mark { display:grid; place-items:center; width:44px; height:44px; color:white; background:var(--ink); border-radius:13px; font-size:28px; box-shadow:0 4px 10px #192d3a16; }
main { padding:34px 0 54px; }
h1 { font-size:36px; letter-spacing:-.4px; }h2 { font-size:24px; }h3 { font-size:21px; }
.eyebrow { font-size:13px; margin:0 0 6px; }.muted { font-size:16px; }
button { font-weight:600; font-size:16px; border-color:#d7e0e5; border-radius:10px; padding:9px 18px; min-height:44px; transition:background .16s,border-color .16s,box-shadow .16s; }
button:hover:not(:disabled) { background:#edf3f5; border-color:#b5c8cf; }
button:disabled { cursor:default; }
.primary,.accent { background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 3px 7px #14756c16; }
.primary:hover:not(:disabled),.accent:hover:not(:disabled) { background:#105e57; border-color:#105e57; }
input,select,#profile-dialog textarea { border:1px solid #d2dde3; border-radius:10px; background:#fbfcfd; font-size:17px; min-height:48px; transition:border-color .16s,box-shadow .16s; }
input:focus,select:focus,#profile-dialog textarea:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px #14756c15; background:white; }
input::placeholder,textarea::placeholder { color:#72818c; }
button:focus-visible,a:focus-visible { outline:3px solid #14756c80; outline-offset:3px; }
.card { border-radius:16px; border-color:var(--line); box-shadow:0 3px 14px #21354704; }
.shop-heading { padding:10px 0 28px; }
.shop-heading h1 { font-size:32px; line-height:1.5; margin:2px 0 4px; }
#account-email { font-size:14px; margin:0; }
.shop-heading .brand-picture { background:white; border-radius:18px; border-color:var(--line); width:68px; height:68px; }
.account-actions { gap:9px; }#logout { color:var(--muted); background:transparent; }#open-profile { box-shadow:0 2px 6px #192d3a04; }
.workspace-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; background:white; border:1px solid var(--line); border-radius:14px; padding:12px 18px; margin-bottom:34px; }
.workspace-nav { display:flex; gap:6px; flex-wrap:wrap; }.workspace-nav a { padding:9px 14px; border-radius:8px; font-size:16px; }.workspace-nav a:hover { background:#edf5f3; color:var(--accent); }
.business-picker { display:flex; align-items:center; gap:12px; min-width:0; }.business-picker label { font-size:13px; color:var(--muted); white-space:nowrap; margin:0; }.business-picker select { width:210px; min-height:42px; padding:7px 12px; font-size:15px; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }.section-heading h2 { margin:0; }.currency-label { font-size:13px; border:1px solid var(--line); border-radius:7px; padding:5px 12px; color:var(--muted); background:#f9fbfc; white-space:nowrap; }
.stats { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:22px 0 30px; }
.stat { position:relative; overflow:hidden; padding:22px; border-radius:14px; box-shadow:0 3px 10px #192d3a03; }
.stat::before { content:''; display:block; width:26px; height:4px; border-radius:4px; background:#b1c3cd; margin-bottom:18px; }
.stat:first-child { background:#192f3c; border-color:#192f3c; color:white; }.stat:first-child p { color:#c1d0d8; }.stat:first-child::before { background:#5ec3ad; }
.stat:nth-child(2)::before { background:#268675; }.stat:nth-child(3)::before { background:#c39548; }
.stat p { font-size:14px; }.stat strong { font-size:30px; line-height:1.6; margin-top:8px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.inventory-summary { background:white; border:1px solid var(--line); border-radius:16px; padding:24px 28px; margin:0 0 26px; }
.inventory-summary h2 { font-size:21px; margin:0 0 4px; }.inventory-summary > .muted { font-size:14px; }
.balance-grid { gap:12px; }.balance-card { border:1px solid #e3eceb; background:#f6faf9; padding:14px 18px; border-radius:10px; }.balance-card strong { font-size:26px; }.balance-card p { font-size:14px; }
.inventory-panel { padding:26px 28px; margin-top:0; }.inventory-heading h2 { font-size:25px; }.inventory-heading .eyebrow { font-size:13px; }
.search-row { padding:18px 0; margin:14px 0 0; border-bottom:1px solid var(--line); }.search-row input { max-width:480px; background:#f7f9fb; }
#inventory-status { font-size:14px; margin:12px 0; }
th { background:#f4f7f9; font-size:14px; font-weight:600; color:#60717c; padding:14px 16px; }td { padding:18px 16px; font-size:16px; }tbody tr:hover { background:#fafcfd; }td small { font-size:13px; }.cell-actions button { background:#f8fafb; font-size:14px; min-height:34px; }
.pagination { justify-content:flex-end; font-size:14px; gap:16px; }.pagination button { font-size:14px; min-height:38px; }
dialog { border-radius:20px; border:1px solid #e0e8ec; box-shadow:0 28px 100px #132a3d30; padding:28px; }dialog::backdrop { background:#10253377; backdrop-filter:blur(5px); }
.dialog-heading h2 { font-size:25px; }.dialog-heading > button { width:38px; min-height:38px; padding:0; border:0; background:#f2f5f7; font-size:23px; color:#657782; }
#profile-dialog { background:white; }#profile-dialog .profile-toolbar { padding-top:8px; }
.profile-tabs { background:#f1f5f7; border:1px solid #e7edf0; border-radius:10px; padding:4px; }.profile-tabs button { font-size:15px; border-radius:7px; min-height:44px; }.profile-tabs button[aria-pressed=true] { color:var(--accent); box-shadow:0 2px 6px #1c354611; }
.profile-intro h3 { font-size:21px; }.profile-intro .muted { font-size:15px; }
.image-editor { background:#f8fafb; border-color:#e5ebee; padding:20px; border-radius:12px; }.profile-picture,.brand-picture { border-color:#dce6e9; background:#edf4f3; }.image-editor label { font-size:16px; }.hint { font-size:13px; }
.conversion-preview { background:#edf6f3; color:#245d51; border:1px solid #dcece6; }
.auth-layout { max-width:1080px; margin:22px auto; gap:0; background:white; border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:0 18px 65px #192d3a09; align-items:stretch; }
.auth-layout > aside { padding:64px 44px; background:radial-gradient(ellipse at 10% 90%,#245958 0,transparent 65%),#192f3c; color:white; display:flex; flex-direction:column; justify-content:center; }
.auth-layout > aside .eyebrow { color:#8ed1c3; font-size:14px; }.auth-layout > aside h1 { font-size:44px; margin:16px 0 24px; }.auth-layout > aside p,.auth-layout > aside li { color:#c4d5db; }.auth-layout > aside ul { padding-inline-start:20px; font-size:16px; margin-top:20px; }
.auth-layout > .card { border:0; border-radius:0; box-shadow:none; padding:36px 40px; }
.tabs { border-bottom:0; border-radius:10px; background:#f1f5f7; gap:4px; padding:4px; margin-bottom:26px; }.tabs button { background:transparent; min-height:46px; border-radius:7px; }.tabs [aria-pressed=true] { background:white; color:var(--accent); box-shadow:0 2px 6px #192d3a0d; }
.auth-forms h2 { font-size:26px; }.auth-forms .muted { font-size:15px; }.auth-forms input { height:52px; min-height:52px; }.auth-forms .primary { height:52px; min-height:52px; }
body > footer { color:#75838d; font-size:13px; padding:20px 0; }
@media(min-width:1600px) { main { padding-top:44px; } }
@media(max-width:1100px) { .stats { grid-template-columns:repeat(3,minmax(0,1fr)); }.workspace-bar { align-items:flex-start; flex-direction:column; gap:12px; }.business-picker { width:100%; }.business-picker select { width:100%; max-width:320px; }.auth-layout > aside { padding:40px 30px; }.auth-layout > .card { padding:30px; } }
@media(max-width:720px) { body > header,main,body > footer { width:calc(100% - 32px); }body > header { padding:16px 0; }.brand { font-size:19px; }.brand small { font-size:11px; }.app-brand-mark { width:38px; height:38px; }body > header > a:last-child { font-size:13px; }main { padding-top:24px; }.shop-heading { gap:18px; padding:0 0 22px; }.shop-heading h1 { font-size:28px; }.shop-heading .brand-picture { width:54px; height:54px; }.account-actions { width:100%; }.account-actions button { font-size:14px; }.workspace-bar { padding:12px; margin-bottom:24px; }.workspace-nav { gap:2px; }.workspace-nav a { font-size:14px; padding:8px; }.section-heading { align-items:flex-start; flex-direction:column; gap:10px; }.section-heading h2 { font-size:23px; }.stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0 22px; }.stat { padding:16px; }.stat strong { font-size:26px; }.stat p { font-size:13px; }.stat::before { margin-bottom:12px; }.stat:first-child { grid-column:1/-1; }.inventory-summary,.inventory-panel { padding:20px 16px; }.inventory-heading { gap:16px; }.inventory-actions { gap:8px; }.inventory-actions button { font-size:14px; padding:8px 12px; }.search-row { gap:8px; }.search-row input { max-width:none; }.search-row button { font-size:14px; }.pagination { justify-content:center; gap:10px; }.auth-layout { grid-template-columns:1fr; margin:0; border-radius:18px; }.auth-layout > aside { padding:28px; }.auth-layout > aside h1 { font-size:31px; margin:8px 0 12px; }.auth-layout > aside h1 br { display:none; }.auth-layout > aside p { margin-bottom:0; font-size:15px; }.auth-layout > .card { padding:24px; }.auth-layout > aside ul { display:none; }dialog { padding:20px; }.dialog-heading h2 { font-size:23px; } }
@media(max-width:380px) { .brand small { display:none; }.workspace-nav a { font-size:13px; padding:7px; }.auth-layout > .card { padding:20px; }.profile-tabs button { font-size:13px; padding:8px 4px; }.image-editor { padding:12px; gap:12px; }.large { width:64px; height:64px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }button,input,select { transition:none; } }
#account-email { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
@media(max-width:720px) { .shop-identity { width:100%; }.shop-identity > div { flex:1; }.balance-card strong { font-size:23px; } }

/* Quiet business presentation: neutral surfaces and restrained emphasis. */
:root { --ink:#29332f; --muted:#69716d; --line:#dedfdd; --accent:#3c5f50; }
body { background:#f6f6f4; }
.app-brand-mark { background:#465b50; border-radius:4px; box-shadow:none; }
.brand small { display:none; }
body > header { padding-block:16px; border-color:var(--line); }
h1,h2,h3 { letter-spacing:normal; }
button,input,select,#profile-dialog textarea { border-radius:4px; }
button { font-weight:400; border-color:#d5d9d5; }
button:hover:not(:disabled) { background:#f0f2ef; border-color:#acb7af; }
.primary,.accent { background:var(--accent); border-color:var(--accent); box-shadow:none; }
.primary:hover:not(:disabled),.accent:hover:not(:disabled) { background:#304e40; border-color:#304e40; }
input,select,#profile-dialog textarea { background:white; border-color:#cfd5cf; }
.card,.inventory-summary,.inventory-panel,.stat { box-shadow:none; border-radius:5px; }
.shop-heading { padding-bottom:22px; }
.shop-heading h1 { font-size:28px; }
.shop-heading .eyebrow,.inventory-heading .eyebrow,.section-heading .eyebrow { display:none; }
.shop-heading .brand-picture { width:52px; height:52px; border-radius:5px; }
#open-profile { box-shadow:none; }
.workspace-bar { border-radius:4px; padding:10px 14px; margin-bottom:24px; }
.workspace-nav a { border-radius:3px; }
.workspace-nav a:hover { color:var(--ink); background:#f1f3ef; }
.currency-label { background:transparent; border:0; padding:0; }
.section-heading h2 { font-size:21px; }
.stats { gap:0; background:white; border:1px solid var(--line); border-radius:5px; overflow:hidden; margin-block:16px 24px; }
.stat { border:0; border-inline-end:1px solid var(--line); padding:18px 22px; background:white; }
.stat:last-child { border-inline-end:0; }
.stat::before { display:none; }
.stat:first-child { background:white; color:var(--ink); border-color:var(--line); }
.stat:first-child p { color:var(--muted); }
.stat strong { font-size:27px; font-weight:600; margin-top:6px; }
.inventory-summary { padding:20px 24px; }
.inventory-summary h2,.inventory-heading h2 { font-size:22px; }
.balance-card { background:#f8f9f6; border-color:#e1e5de; border-radius:4px; padding:12px 16px; }
.balance-card strong { font-size:24px; font-weight:600; }
.inventory-panel { padding:22px 24px; }
th { background:#f2f3f0; color:#5c665e; }
th,td { padding-block:13px; }
tbody tr:hover { background:#fafbf8; }
.cell-actions button { background:white; }
.search-row input { background:white; }
dialog { border-radius:7px; border-color:#d9ddd8; box-shadow:0 12px 45px #1e292922; }
dialog::backdrop { background:#20292266; backdrop-filter:none; }
.dialog-heading > button { background:transparent; border:1px solid var(--line); border-radius:4px; }
.profile-tabs,.tabs { background:#f1f3ef; border-radius:4px; border-color:#e2e5df; }
.profile-tabs button,.tabs button { border-radius:3px; }
.profile-tabs button[aria-pressed=true],.tabs [aria-pressed=true] { box-shadow:none; background:white; color:var(--ink); }
.image-editor { background:#fafbf8; border-radius:5px; border-color:var(--line); }
.profile-picture,.brand-picture { background:#f0f3ed; border-color:#dce2d8; color:#52634f; }
.brand-picture { border-radius:5px; }
.conversion-preview { background:#f2f5ee; border-color:#dfe6d7; border-radius:4px; color:#465840; }
.auth-layout { border-radius:6px; box-shadow:none; background:white; }
.auth-layout > aside { background:#edf0e9; color:var(--ink); border-inline-end:1px solid #dfe4d9; }
.auth-layout > aside .eyebrow { color:#65735d; }
.auth-layout > aside h1 { font-size:38px; }
.auth-layout > aside p,.auth-layout > aside li { color:#5e6a59; }
.auth-layout > aside ul { font-size:15px; }
.auth-forms h2 { font-size:24px; }
body > footer { border-color:var(--line); }
@media(max-width:1100px) and (min-width:721px) { .stats { grid-template-columns:repeat(5,minmax(0,1fr)); }.stat { padding:16px 12px; }.stat strong { font-size:24px; }.stat p { font-size:13px; } }
@media(max-width:720px) { .shop-heading h1 { font-size:26px; }.stat { border-bottom:1px solid var(--line); padding:14px 16px; }.stat:first-child { grid-column:1/-1; }.stat:nth-child(3),.stat:nth-child(5) { border-inline-end:0; }.stat:nth-child(4),.stat:nth-child(5) { border-bottom:0; }.stat strong { font-size:25px; }.inventory-summary,.inventory-panel { padding:18px 16px; }.balance-card strong { font-size:22px; }.auth-layout > aside { border-inline-end:0; border-bottom:1px solid #dfe4d9; padding:24px; }.auth-layout > aside h1 { font-size:29px; } }

/* The form keeps its native value; the visible menu uses app styling. */
.app-select { position:relative; width:100%; min-width:0; }
.app-select .native-select { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; padding:0!important; margin:0!important; clip-path:inset(50%); overflow:hidden; opacity:0; pointer-events:none; }
.select-trigger { display:block; width:100%; text-align:start; font:inherit; font-weight:400; min-height:48px; padding:10px 13px 10px 38px; background:white; border:1px solid #cfd5cf; border-radius:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; }
.select-trigger::after { content:''; position:absolute; left:15px; top:calc(50% - 5px); width:7px; height:7px; border-bottom:1.5px solid #69716d; border-right:1.5px solid #69716d; transform:rotate(45deg); }
.select-trigger[aria-expanded=true] { border-color:var(--accent); box-shadow:0 0 0 2px #3c5f5012; }
.select-trigger[aria-invalid=true] { border-color:#a1513e; }
.select-options { position:fixed; inset:auto; margin:0; padding:4px; z-index:1000; box-sizing:border-box; overflow:auto; overscroll-behavior:contain; background:white; color:var(--ink); border:1px solid #cfd5cf; border-radius:4px; box-shadow:0 5px 16px #29332f18; font:17px/1.75 NotoNaskhArabic,Tahoma,sans-serif; direction:rtl; scrollbar-width:thin; scrollbar-color:#c6cec5 white; }
.select-options [role=option] { padding:8px 12px; min-height:40px; border-radius:2px; cursor:pointer; overflow-wrap:anywhere; }
.select-options [aria-selected=true] { color:#304e40; background:#f0f4ed; font-weight:600; }
.select-options [role=option]:hover,.select-options .active { background:#e9eee5; }
.select-options [aria-disabled=true] { color:#949a93; cursor:default; background:transparent; }
.business-picker .app-select { width:210px; }.business-picker .select-trigger { font-size:15px; min-height:42px; padding-block:7px; }
dialog .app-select { margin-top:12px; }dialog label + .app-select { margin-top:4px; }
.inline-control .app-select { flex:1; }.auth-forms .select-trigger { height:52px; }
@media(max-width:1100px) { .business-picker .app-select { width:100%; max-width:320px; } }
#customers-panel { margin-top:24px; }
#customers-panel .inventory-heading p { margin:4px 0 0; font-size:14px; }
.customer-filter { width:180px; flex-shrink:0; }
#customer-list-status { margin:12px 0; font-size:14px; }
#customer-dialog textarea { display:block; width:100%; font:inherit; padding:10px 13px; border:1px solid #cfd5cf; border-radius:4px; margin-top:12px; resize:vertical; }
#customer-statement-dialog { width:min(920px,calc(100% - 24px)); }
.customer-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); margin:18px 0 24px; }
.customer-totals > div { padding:14px; border-inline-end:1px solid var(--line); }.customer-totals > div:last-child { border:0; }
.customer-totals p { font-size:14px; color:var(--muted); margin:0; }.customer-totals strong { font-size:24px; overflow-wrap:anywhere; }
#customer-contact,#customer-detail-notes { overflow-wrap:anywhere; white-space:pre-wrap; }
#customer-statement-dialog .table-scroll table { min-width:650px; }
.customer-status { display:inline-block; padding:2px 8px; border:1px solid var(--line); border-radius:3px; font-size:13px; color:var(--muted); }
@media(max-width:540px) { .customer-filter { flex:1; min-width:0; }.customer-totals { grid-template-columns:1fr; }.customer-totals > div { border-inline-end:0; border-bottom:1px solid var(--line); }.customer-totals strong { font-size:22px; } }

/* One focused workspace section at a time, with RTL keyboard navigation. */
.workspace-bar { padding:0; border:0; border-bottom:1px solid #d5ddd3; background:transparent; border-radius:0; margin-bottom:26px; }
.workspace-nav { display:flex; width:100%; gap:26px; flex-wrap:nowrap; }
.workspace-nav [role=tab] { position:relative; border:0; border-radius:0; background:transparent; padding:13px 5px 15px; color:var(--muted); font-size:17px; min-height:52px; white-space:nowrap; box-shadow:none; }
.workspace-nav [role=tab]:hover:not(:disabled) { background:transparent; color:var(--ink); }
.workspace-nav [role=tab][aria-selected=true] { color:#304e40; font-weight:700; }
.workspace-nav [role=tab][aria-selected=true]::after { content:''; position:absolute; bottom:-1px; inset-inline:0; height:3px; background:#496651; border-radius:2px 2px 0 0; }
#customers-panel { margin-top:0; }
#overview-panel:focus-visible,#inventory-panel:focus-visible,#customers-panel:focus-visible { outline:2px solid #7c937b; outline-offset:5px; }
@media(max-width:720px) { .workspace-nav { gap:0; }.workspace-nav [role=tab] { flex:1; min-width:0; font-size:15px; padding:12px 5px; }.workspace-bar { margin-bottom:20px; } }
@media(max-width:360px) { .workspace-nav [role=tab] { font-size:14px; } }

/* Shared top alignment; only the active panel determines the page height. */
main:has(> #shop:not([hidden])) { min-height:0; }
html { scrollbar-gutter:stable; }
.workspace-nav [role=tab] { font-weight:600; }
.workspace-nav [role=tab][aria-selected=true] { font-weight:600; }
.workspace-panels { min-width:0; }
.workspace-panels > [role=tabpanel] { min-width:0; margin:0; padding:22px 24px; }
.workspace-panels > [role=tabpanel] > :is(.section-heading,.inventory-heading) { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; min-height:80px; gap:12px 20px; }
.workspace-panels > [role=tabpanel] > :is(.section-heading,.inventory-heading) h2 { font-size:22px; line-height:1.75; margin:0; }
.workspace-panels > [role=tabpanel] > :is(.section-heading,.inventory-heading) p.muted { font-size:14px; line-height:1.75; margin:4px 0 0; }
.workspace-panels .currency-label { padding-top:10px; }
.workspace-panels .stats { margin-top:14px; }
.workspace-panels .inventory-summary { margin-bottom:0; }
@media(max-width:720px) {
  .workspace-panels > [role=tabpanel] { padding:18px 16px; }
  .workspace-panels > [role=tabpanel] > :is(.section-heading,.inventory-heading) { grid-template-columns:minmax(0,1fr); grid-template-rows:74px 44px; min-height:130px; gap:12px; }
  .workspace-panels > [role=tabpanel] > :is(.section-heading,.inventory-heading) > :last-child { justify-self:start; align-self:start; }
}
/* Data views use explicit periods, shared scales, and quiet visual emphasis. */
.overview-label { font-size:13px; color:var(--muted); margin:4px 0 0; }
.analytics-section { margin-block:30px; }
.analytics-heading,.chart-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.analytics-heading h3,.chart-panel h3 { margin:0; font-size:19px; }.analytics-heading p { margin:4px 0 0; font-size:13px; }
.period-buttons { display:flex; flex-shrink:0; gap:0; border:1px solid var(--line); border-radius:4px; padding:3px; background:#f8f9f6; }
.period-buttons button { min-height:34px; font-size:14px; border:0; padding:5px 13px; background:transparent; }
.period-buttons [aria-pressed=true] { background:white; color:#304e40; box-shadow:0 0 0 1px #d7dfd2; }
#analytics-status { font-size:13px; min-height:23px; margin:8px 0; }
.analytics-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); padding-block:18px; margin-bottom:24px; gap:18px; }
.analytics-kpis span { display:block; font-size:13px; color:var(--muted); }.analytics-kpis strong { display:block; font-size:24px; font-weight:600; overflow-wrap:anywhere; }
.analytics-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(230px,1fr); gap:18px; }
.chart-panel { min-width:0; border:1px solid var(--line); padding:20px; border-radius:4px; background:white; }
.chart-heading span,.chart-note { color:var(--muted); font-size:12px; }.chart-note { margin:7px 0 14px; }
.chart-legend { display:flex; gap:22px; margin-top:14px; font-size:13px; }.chart-legend span::before { content:''; display:inline-block; vertical-align:middle; width:22px; margin-inline-end:7px; border-top:3px solid #496651; }.chart-legend .paid-key::before { border-color:#88929c; border-top-style:dashed; }
#daily-chart svg { display:block; width:100%; height:auto; overflow:visible; direction:ltr; }
.chart-gridline { stroke:#e6eae4; stroke-width:1; }.axis-label { fill:#6e786e; font:13px NotoNaskhArabic,Tahoma,sans-serif; }
.sales-line,.paid-line { fill:none; stroke-width:2.5; stroke-linejoin:round; }.sales-line { stroke:#496651; }.paid-line { stroke:#88929c; stroke-dasharray:6 5; }.sales-dot { fill:#496651; }
#collection-chart svg { display:block; width:180px; max-width:100%; margin:10px auto; }.collection-track,.collection-fill { fill:none; stroke-width:15; }.collection-track { stroke:#e9ede7; }.collection-fill { stroke:#496651; }.collection-percent { fill:#29332f; font:600 29px NotoNaskhArabic,Tahoma,sans-serif; }
.collection-row { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid var(--line); font-size:14px; }.collection-row strong { white-space:nowrap; font-weight:600; }
.top-products-panel { grid-column:1/-1; }.ranked-product { margin-top:16px; }.ranked-heading { display:flex; justify-content:space-between; gap:16px; font-size:15px; margin-bottom:6px; }.ranked-heading span { overflow-wrap:anywhere; }.ranked-heading strong { white-space:nowrap; font-weight:500; }
.ranked-track { background:#f0f3ed; height:7px; border-radius:2px; overflow:hidden; }.ranked-fill { background:#81957a; height:100%; }
.empty-chart { font-size:14px; color:var(--muted); text-align:center; padding:18px 8px; margin:0; }
.chart-data { border-top:1px solid var(--line); margin-top:12px; padding-top:10px; font-size:14px; }.chart-data summary { cursor:pointer; color:var(--accent); }.chart-data .table-scroll { max-height:260px; }.chart-data .table-scroll table { min-width:380px; }
@media(max-width:950px) { .analytics-grid { grid-template-columns:minmax(0,1fr); }.top-products-panel { grid-column:auto; }.analytics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .analytics-heading,.chart-heading { align-items:flex-start; flex-direction:column; gap:10px; }.chart-panel { padding:15px; }.analytics-kpis strong { font-size:21px; }.analytics-kpis { gap:16px 12px; }.period-buttons { width:100%; }.period-buttons button { flex:1; }.chart-note { font-size:12px; } }

.public-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;font-size:15px}@media(max-width:600px){body>header{flex-wrap:wrap}.public-links{gap:12px;font-size:14px}}