/* সব মডিউলের জন্য একই চেহারা — SVG আইকন, স্বয়ংক্রিয় ট্যাব ও ড্যাশবোর্ড (app.css-এর রং/ভেরিয়েবল অনুসরণ করে) */
.ui-ico { display:inline-block; flex:none; vertical-align:middle; }
.ui-ico-inline { width:1.1em; height:1.1em; vertical-align:-.2em; margin:0 .08em; }
.side-links a > span, .side-links .grp-icon { display:inline-grid; place-items:center; }
.side-links a > span svg, .side-links .grp-icon svg { width:18px; height:18px; }
.stat-icon svg { width:26px; height:26px; }
.hub-card-icon svg { width:26px; height:26px; }
.section-banner-icon svg { width:24px; height:24px; color:#fff; }
.coming-soon-icon svg { width:52px; height:52px; color:var(--brand); }
.mx-tabs a svg, .ui-tabs a svg { width:16px; height:16px; flex:none; }
.win-titlebar-icon svg, .taskbar-item svg { width:15px; height:15px; vertical-align:-2px; }
.notif-icon svg, .ai-chat-suggestion-icon svg { width:18px; height:18px; }
.ai-chat-avatar svg { width:40px; height:40px; color:var(--brand); }
@media (max-width:700px) { .stat-icon svg, .hub-card-icon svg { width:21px; height:21px; } }

/* স্বয়ংক্রিয় ট্যাব-মেনু (পুরোনো পাতাগুলোর জন্য) — নতুন মডিউলের ট্যাবের মতোই */
.ui-tabs { position:static!important; display:flex; flex-wrap:wrap; gap:8px; padding:12px 14px!important; }
.ui-tabs a { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:9px; background:#f4f5f7; color:#3a434d; text-decoration:none; font-size:.86rem; font-weight:600; white-space:nowrap; }
.ui-tabs a:hover { background:var(--brand-soft); color:var(--brand-dark); }
.ui-tabs a.active { background:var(--brand); color:#fff; }
.ui-tabs-scroll { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%); }
.ui-tabs-scroll::-webkit-scrollbar { height:6px; }
.ui-tabs-scroll::-webkit-scrollbar-thumb { background:#d9dde3; border-radius:6px; }
[data-theme="dark"] .ui-tabs a { background:#22262f; color:#e4e6ea; }
[data-theme="dark"] .ui-tabs a.active { background:var(--brand); color:#fff; }

/* মডিউল ড্যাশবোর্ড */
.ui-dash-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ui-dash-grid > .card { margin:0 0 16px; }
.ui-dash-grid .wide { grid-column:1/-1; }
@media (max-width:900px) { .ui-dash-grid { grid-template-columns:1fr; } }
.ui-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.ui-panel-head h2 { display:flex; align-items:center; gap:8px; margin:0; font-size:1.05rem; }
.ui-panel-head h2 svg { width:20px; height:20px; color:var(--brand); }
.ui-panel-head a { font-size:.85rem; font-weight:600; text-decoration:none; }
.ui-bars { display:grid; gap:9px; }
.ui-bar-row { display:grid; grid-template-columns:minmax(90px,1.1fr) 3fr auto; gap:10px; align-items:center; font-size:.88rem; }
.ui-bar-row .ui-bar { height:9px; border-radius:6px; background:#eef0f3; overflow:hidden; }
.ui-bar-row .ui-bar i { display:block; height:100%; background:var(--brand); border-radius:6px; }
.ui-bar-row b { min-width:42px; text-align:right; }
.ui-list { list-style:none; margin:0; padding:0; }
.ui-list li { display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.ui-list li:last-child { border-bottom:0; }
.ui-list li .ui-list-ico { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--brand-soft); color:var(--brand); flex:none; }
.ui-list li .ui-list-ico svg { width:17px; height:17px; }
.ui-list li div { flex:1; min-width:0; }
.ui-list li small { display:block; color:var(--muted); font-size:.78rem; }
.ui-list li .ui-list-val { font-weight:700; white-space:nowrap; }
.ui-empty { color:var(--muted); font-size:.88rem; padding:10px 0; }
.ui-quick { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
.ui-quick a { display:flex; align-items:center; gap:9px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; text-decoration:none; color:inherit; font-weight:600; font-size:.88rem; background:#fff; }
.ui-quick a:hover { border-color:var(--brand); color:var(--brand-dark); background:var(--brand-soft); }
.ui-quick a svg { width:19px; height:19px; color:var(--brand); flex:none; }
[data-theme="dark"] .ui-quick a { background:#171a21; border-color:#2b2f38; }
[data-theme="dark"] .ui-bar-row .ui-bar { background:#2b2f38; }
.ui-bar2 > span:nth-child(2) { display:grid; gap:4px; }
.ui-bar2 .ui-bar { height:7px!important; }
.ui-bar2 b small { color:var(--muted); font-weight:600; }
.ui-bar-row i.b, .ui-legend i.b { background:#e0a43a!important; }
.ui-legend { display:flex; gap:14px; font-size:.8rem; color:var(--muted); margin:-2px 0 10px; }
.ui-legend i { display:inline-block; width:10px; height:10px; border-radius:3px; background:var(--brand); margin-right:5px; vertical-align:-1px; }
.ui-sr { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-theme="dark"] .mx-stats .stat-card strong, [data-theme="dark"] .stat-card strong { color:#f1f2f5; }
[data-theme="dark"] .mx-sec, [data-theme="dark"] .ui-panel-head a { color:#f3b6cc!important; }
[data-theme="dark"] .ui-list li { border-color:#2b2f38; }