/* PALCASH UI Polish 6.5 — presentation-only overrides.
   No database, API, field name, id, JS hook or business-logic changes. */
:root{
  --pc-bg:#f4f7fb;--pc-surface:#fff;--pc-soft:#f8fafc;--pc-soft-blue:#eff6ff;
  --pc-text:#10213b;--pc-muted:#708198;--pc-line:#dde6f1;
  --pc-blue:#2563eb;--pc-blue-2:#1d4ed8;--pc-blue-3:#60a5fa;
  --pc-green:#059669;--pc-green-soft:#ecfdf5;--pc-amber:#d97706;--pc-amber-soft:#fff7ed;
  --pc-red:#dc2626;--pc-red-soft:#fef2f2;--pc-radius:16px;
  --pc-shadow:0 8px 24px rgba(15,35,70,.065);--pc-shadow-hover:0 14px 34px rgba(15,35,70,.11)
}
body{background:var(--pc-bg);color:var(--pc-text);font-size:14px;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.content-area{padding:22px 26px 34px}.topbar{height:76px;padding-inline:26px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-color:var(--pc-line)}
.topbar h2{font-size:19px;line-height:1.35}.topbar p{font-size:11px}.management-head{margin-bottom:18px}.management-head h3{font-size:25px!important;line-height:1.3;margin-bottom:5px}.management-head p{font-size:12px!important;color:var(--pc-muted);line-height:1.75}
.panel,.standalone-form-card,.catalog-card,.settings-card,.customer-summary-card,.statement-card,.orders-filters-card,.invoice-zone,.modal-content{border:1px solid var(--pc-line)!important;border-radius:var(--pc-radius)!important;box-shadow:var(--pc-shadow)!important;background:var(--pc-surface)!important}
.panel:hover,.catalog-card:hover,.customer-card:hover,.order-card:hover,.table-management-card:hover{box-shadow:var(--pc-shadow-hover)!important}
/* Sidebar */
.sidebar{width:264px;padding:18px 14px;background:linear-gradient(180deg,#071c39 0%,#04142b 100%);box-shadow:-8px 0 28px rgba(3,18,39,.14)}
.main-content{margin-right:264px;width:calc(100% - 264px)}
.sidebar .brand{padding:2px 8px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.09)}
.brand-icon{width:43px!important;height:43px!important;border-radius:13px!important;background:#fff!important;overflow:hidden;flex:0 0 43px}.brand-icon img{width:100%;height:100%;object-fit:contain;padding:3px}.sidebar .brand strong{font-size:15px}.sidebar .brand small{font-size:9.5px;color:#90a5c0}
.sidebar nav{gap:4px}.menu-item{min-height:43px;padding:10px 12px;border-radius:11px;font-size:12.5px;gap:11px}.menu-item i{font-size:15px;color:#9cb0cb}.menu-item:hover{transform:none;background:rgba(255,255,255,.065)}.menu-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:0!important;box-shadow:0 7px 17px rgba(37,99,235,.28)}.menu-item.active i{color:#fff}
.sidebar-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
/* Controls */
button,.btn,.primary-btn,.secondary-action,.danger-action,.table-action-btn{font-family:inherit;font-weight:700;letter-spacing:0;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}
button:active,.btn:active{transform:translateY(1px) scale(.985)}
.primary-btn,.btn-primary{background:linear-gradient(135deg,var(--pc-blue),var(--pc-blue-2))!important;color:#fff!important;border:0!important;box-shadow:0 7px 16px rgba(37,99,235,.2)}
.primary-btn:hover,.btn-primary:hover{box-shadow:0 10px 21px rgba(37,99,235,.28);transform:translateY(-1px)}
.form-control,.form-select,input,select,textarea{border-color:var(--pc-line)!important;border-radius:11px!important;min-height:41px;font-size:12.5px!important;background:#fff;color:var(--pc-text)}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(37,99,235,.11)!important}
label{font-size:12px;color:#32445d}.form-text,.text-muted,small{color:var(--pc-muted)}
/* Filters: compact, aligned, readable */
.orders-filters-card,.catalog-filters,.filter-bar{gap:9px!important;padding:13px!important;align-items:end!important}
.orders-filters-card input,.orders-filters-card select,.catalog-filters input,.catalog-filters select,.filter-bar input,.filter-bar select{height:40px!important;min-height:40px!important;font-size:11.5px!important;padding:7px 10px!important}
.orders-filters-card button,.catalog-filters button,.filter-bar button{min-height:40px!important;font-size:11.5px!important;padding:8px 13px!important;white-space:nowrap!important}
/* Tables */
.table-responsive{border-radius:14px}.data-table,.dashboard-table,.table{font-size:12px;color:var(--pc-text)}
.data-table thead th,.dashboard-table thead th,.table thead th{background:#f6f9fd!important;color:#51647d!important;font-size:11px!important;font-weight:800!important;border-bottom:1px solid var(--pc-line)!important;padding:12px 11px!important;white-space:nowrap}
.data-table tbody td,.dashboard-table tbody td,.table tbody td{padding:12px 11px!important;border-color:#e6edf5!important;vertical-align:middle}
.data-table tbody tr:hover,.dashboard-table tbody tr:hover,.table tbody tr:hover{background:#f8fbff!important}
/* POS */
.pos-page{padding:16px 20px 24px}.pos-layout{gap:14px}.pos-toolbar{margin-bottom:12px}.pos-heading h3{font-size:18px}.pos-control-row{gap:9px}.pos-search{height:48px!important;border:1px solid #cdd9e8!important;border-radius:13px!important;box-shadow:none!important}.pos-search:focus-within{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important}
.category-tabs{gap:7px!important;padding-block:10px!important}.category-tabs button{min-height:35px!important;padding:7px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--pc-line)!important;font-size:10.5px!important;color:#4b5f78!important;box-shadow:none!important;white-space:nowrap!important}.category-tabs button:hover{border-color:#93c5fd!important;background:#f6faff!important}.category-tabs button.active{background:var(--pc-blue)!important;color:#fff!important;border-color:var(--pc-blue)!important}
.products-grid{gap:11px!important}.product-card{border:1px solid var(--pc-line)!important;border-radius:15px!important;padding:9px!important;box-shadow:0 4px 13px rgba(15,35,70,.045)!important;background:#fff!important}.product-card:hover{transform:translateY(-2px)!important;border-color:#a9c9ff!important;box-shadow:var(--pc-shadow-hover)!important}.product-media{border-radius:12px!important;overflow:hidden;background:#f5f8fc!important}.product-media img{object-fit:contain!important}.product-card strong{font-size:13px!important;line-height:1.55!important}.product-card small{font-size:10px!important}.product-price{color:var(--pc-blue)!important;font-size:12px!important;font-weight:800!important}.btn-add-to-cart{height:38px!important;border-radius:10px!important;background:#eff6ff!important;border:1px solid #cfe0ff!important;color:#1d4ed8!important;font-size:12px!important}.btn-add-to-cart:hover{background:var(--pc-blue)!important;color:#fff!important}
.invoice-zone{overflow:hidden}.invoice-header{padding:15px!important;background:#fff!important}.invoice-header strong{font-size:15px}.context-card{border-radius:12px!important;background:#f7faff!important;border-color:#dce7f5!important}.invoice-summary{background:#f8fafc!important;padding:14px!important}.grand-total strong{font-size:19px!important;color:var(--pc-blue)!important}
/* Dashboard and cards */
.stats-grid{gap:14px;margin:18px 0}.stat-card{padding:16px;border-radius:16px!important;box-shadow:var(--pc-shadow)!important}.stat-card h4{font-size:19px}.stat-icon{width:48px;height:48px;border-radius:14px}.stat-icon.brown,.brown{background:#eff6ff!important;color:#2563eb!important}.gold{background:#fff7ed!important;color:#ea580c!important}
/* Customer remnants: remove brown/tan completely */
.customer-card,.customer-profile-head,.customer-summary-card,.customer-avatar,.customer-list-avatar,.customer-card-avatar,.statement-card,.account-summary-card{color:var(--pc-text)!important}
.customer-avatar,.customer-list-avatar,.customer-card-avatar,.customer-initials,.product-list-avatar{background:linear-gradient(145deg,#60a5fa,#2563eb)!important;color:#fff!important;border:0!important}
.customer-card{border-color:var(--pc-line)!important;background:#fff!important}.customer-card.selected,.customer-card.active{border-color:#93c5fd!important;background:#f7fbff!important}.customer-empty-state,.empty-state{color:#60738d!important}.customer-empty-state i,.empty-state i{color:#8fa5c0!important}.customer-summary-card h2,.customer-summary-card h3,.statement-card h2,.statement-card h3{color:var(--pc-text)!important}
.balance-positive,.credit-value{color:var(--pc-green)!important}.balance-negative,.debt-value{color:var(--pc-red)!important}.financial-chip.debt{background:var(--pc-red-soft)!important;color:var(--pc-red)!important}.financial-chip.credit{background:var(--pc-green-soft)!important;color:var(--pc-green)!important}
/* Orders/table cards */
.order-card,.table-management-card,.table-status-card{border-radius:15px!important;border-color:var(--pc-line)!important;background:#fff!important}.order-card-total,.line-total{color:var(--pc-blue)!important}.order-open-btn{border:1px solid #bfdbfe!important;color:#1d4ed8!important;background:#eff6ff!important;border-radius:10px!important}.table-action-btn{font-size:11px!important;line-height:1.45!important;min-height:39px!important;padding:8px 9px!important}.table-action-btn.close-account{background:var(--pc-blue)!important;color:#fff!important;border-color:var(--pc-blue)!important}.table-action-btn.release{background:#fff!important;color:#34465e!important;border-color:var(--pc-line)!important}.table-status-card.available,.table-management-card.available{border-color:#a7e5cc!important}.table-status-card.reserved,.table-management-card.reserved{border-color:#f6cda3!important}
/* Settings — remove zoomed-out feel */
.settings-page .management-head,.settings-page .settings-layout{max-width:1320px!important;width:100%!important;margin-inline:auto}.settings-layout{grid-template-columns:235px minmax(0,1fr)!important;gap:18px!important}.settings-content,.settings-card{padding:22px!important}.settings-card h3{font-size:22px!important;line-height:1.4}.settings-card p{font-size:12px;line-height:1.8}.settings-card label,.settings-tabs a,.settings-nav button{font-size:12.5px!important}.settings-card input,.settings-card select{font-size:12px!important;min-height:42px!important}.settings-nav{padding:10px!important}.settings-nav button{padding:11px 12px!important;border-radius:10px!important}
/* Modals */
.modal-content{overflow:hidden}.modal-header{padding:16px 18px;border-color:var(--pc-line)}.modal-title{font-size:17px}.modal-body{padding:16px 18px}.modal-footer{padding:12px 18px;border-color:var(--pc-line)}
/* Motion */
@keyframes pcFadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.content-area>.management-head,.content-area>.panel,.content-area>.orders-summary,.product-card,.customer-card,.order-card,.table-management-card{animation:pcFadeUp .24s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Dark mode */
body.dark{--pc-bg:#081321;--pc-surface:#101e31;--pc-soft:#14243a;--pc-text:#e7edf7;--pc-muted:#9eacc0;--pc-line:#263b55;background:var(--pc-bg)!important;color:var(--pc-text)!important}
body.dark .topbar{background:rgba(10,24,41,.9)!important;border-color:var(--pc-line)!important}body.dark .panel,body.dark .standalone-form-card,body.dark .catalog-card,body.dark .settings-card,body.dark .customer-card,body.dark .customer-summary-card,body.dark .statement-card,body.dark .order-card,body.dark .table-management-card,body.dark .table-status-card,body.dark .orders-filters-card,body.dark .invoice-zone,body.dark .modal-content{background:var(--pc-surface)!important;border-color:var(--pc-line)!important;color:var(--pc-text)!important}
body.dark .form-control,body.dark .form-select,body.dark input,body.dark select,body.dark textarea,body.dark .pos-search{background:#13243a!important;color:var(--pc-text)!important;border-color:#2a405c!important}body.dark .data-table thead th,body.dark .dashboard-table thead th,body.dark .table thead th{background:#15263c!important;color:#b7c5d7!important}body.dark .data-table tbody tr:hover,body.dark .dashboard-table tbody tr:hover,body.dark .table tbody tr:hover{background:#14273f!important}body.dark .product-card{background:#101e31!important;border-color:#29405c!important}body.dark .product-media,body.dark .invoice-summary,body.dark .context-card{background:#14243a!important}body.dark .category-tabs button{background:#13243a!important;color:#c5d0df!important;border-color:#29405c!important}body.dark .category-tabs button.active{background:#2563eb!important;color:#fff!important}body.dark .customer-card.selected,body.dark .customer-card.active{background:#142b49!important;border-color:#3b82f6!important}body.dark label,body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark strong{color:var(--pc-text)}
/* Responsive */
@media(max-width:1200px){.sidebar{width:245px}.main-content{margin-right:245px;width:calc(100% - 245px)}.content-area{padding:18px}.settings-layout{grid-template-columns:220px minmax(0,1fr)!important}}
@media(max-width:991px){.main-content{margin-right:0;width:100%}.topbar{height:68px;padding-inline:15px}.content-area{padding:15px}.settings-layout{grid-template-columns:1fr!important}.settings-nav{display:flex!important;overflow:auto;gap:7px}.settings-nav button{white-space:nowrap}.management-head h3{font-size:21px!important}}
@media(max-width:640px){.content-area,.pos-page{padding:12px}.panel,.settings-card,.standalone-form-card{padding:15px!important}.product-card strong{font-size:12px!important}.orders-filters-card{grid-template-columns:1fr!important}.management-head h3{font-size:19px!important}.topbar h2{font-size:16px}.table-action-btn{font-size:10px!important}}

/* PALCASH Stage 7 finance modules */
.purchase-totals { position: sticky; top: 92px; }
.content-area .table > :not(caption) > * > * { vertical-align: middle; }
.stats-grid .stat-card h4 { word-break: normal; }
.viz-callout { border: 1px solid #bfdbfe; background: #eff6ff; color: #1e3a8a; border-radius: 14px; padding: 14px 16px; font-size: .9rem; }
[data-theme="dark"] .viz-callout { background:#102447; border-color:#244a80; color:#bfdbfe; }
@media (max-width: 1199.98px){ .purchase-totals{position:static;} }
@media print { .sidebar,.topbar,.management-head button,.management-head a,.page-actions-row {display:none!important}.main-content{margin:0!important}.content-area{padding:0!important}.panel{box-shadow:none!important;border-color:#ddd!important} }

/* Stage 7.2: date controls, labels editor, safe actions and motion */
.orders-filters-card .date-filter{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:7px!important;height:40px!important;min-width:0!important;padding:0 10px!important;overflow:hidden!important}
.orders-filters-card .date-filter span{display:block!important;min-width:22px!important;font-size:11px!important;font-weight:700!important;color:var(--pc-muted)!important;white-space:nowrap!important}
.orders-filters-card .date-filter input[type="date"]{display:block!important;width:100%!important;min-width:0!important;height:38px!important;padding:0!important;border:0!important;background:transparent!important;font-size:11px!important;direction:ltr!important;text-align:left!important}
.orders-filters-card .date-filter input[type="date"]::-webkit-date-and-time-value{text-align:left!important}
.labels-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:14px}
.labels-autosave-note{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:13px;color:#1e40af;font-size:12px;margin-bottom:15px}
.labels-autosave-note strong{margin-inline-start:auto;color:#2563eb}
.labels-editor{display:grid;gap:16px}.labels-group{border:1px solid var(--pc-line);border-radius:16px;overflow:hidden;background:var(--pc-surface)}
.labels-group-title{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:var(--pc-soft);border-bottom:1px solid var(--pc-line)}
.labels-group-title h5{margin:0;font-size:14px;font-weight:800}.labels-group-title small{color:var(--pc-muted)}
.labels-list{display:grid}.label-editor-row{display:grid;grid-template-columns:minmax(155px,.75fr) minmax(220px,1.4fr) auto;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--pc-line)}
.label-editor-row:last-child{border-bottom:0}.label-editor-meta strong{display:block;font-size:12px}.label-editor-meta small{display:block;color:var(--pc-muted);font-size:10px;margin-top:2px}.label-editor-input{height:40px;border:1px solid var(--pc-line);border-radius:11px;padding:8px 11px;background:var(--pc-surface);color:var(--pc-text);font:inherit;font-size:12px}.label-editor-input.is-custom{border-color:#93c5fd;background:#eff6ff}.label-restore-btn{height:38px;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:10px;padding:0 11px;font-size:11px;white-space:nowrap}.label-restore-btn:disabled{opacity:.45;cursor:not-allowed}
.customer-delete-btn{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
body.dark .labels-autosave-note{background:#102a46;border-color:#1d4f7d;color:#bfdbfe}body.dark .label-editor-input.is-custom{background:#102a46;border-color:#2f6aa2}body.dark .label-restore-btn{background:#15263a;border-color:#33475e;color:#dbeafe}
body.page-enter{animation:pcPageEnter .22s ease-out both}@keyframes pcPageEnter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
button,a,.menu-item,.product-card,.customer-financial-card,.order-card,.panel{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease!important}
button:active,.primary-btn:active,.secondary-action:active,.menu-item:active{transform:scale(.975)!important}.ui-click-pulse{animation:pcClickPulse .22s ease}@keyframes pcClickPulse{50%{transform:scale(.97)}}
@media(max-width:900px){.labels-toolbar{grid-template-columns:1fr}.label-editor-row{grid-template-columns:1fr}.label-restore-btn{justify-self:start}.orders-filters-card .date-filter{grid-template-columns:34px minmax(0,1fr)!important}}
body.page-leave{opacity:.65;transform:translateY(-3px);transition:opacity .11s ease,transform .11s ease;pointer-events:none}
@media(prefers-reduced-motion:reduce){body.page-enter,.ui-click-pulse{animation:none!important}button,a,.menu-item,.product-card,.customer-financial-card,.order-card,.panel{transition:none!important}}
/* Stage 8 - accessible dark mode, notifications, filters and table create */
.notification-menu-wrap{position:relative}.notification-bell-btn{position:relative}.notification-unread-badge{position:absolute;top:-5px;left:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#dc3545;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface,#fff)}
.notification-dropdown{display:none;position:absolute;top:calc(100% + 12px);left:0;width:min(390px,92vw);background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.2);z-index:1200;overflow:hidden}.notification-dropdown.show{display:block}.notification-dropdown header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border,#e5e7eb)}.notification-dropdown header button{border:0;background:transparent;color:#2563eb;font-size:12px}.dropdown-notification{display:flex;gap:11px;padding:12px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--border,#eef2f7)}.dropdown-notification.unread{background:rgba(37,99,235,.07)}.dropdown-notification>span{width:36px;height:36px;border-radius:12px;background:rgba(37,99,235,.12);display:grid;place-items:center;color:#2563eb}.dropdown-notification div{min-width:0;flex:1}.dropdown-notification strong,.dropdown-notification p,.dropdown-notification small{display:block}.dropdown-notification p{margin:3px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-notification small{opacity:.65;font-size:10px}.notification-view-all{display:block;text-align:center;padding:12px;text-decoration:none;font-weight:700}
.notifications-list{overflow:hidden}.notification-row{display:flex;align-items:flex-start;gap:14px;padding:16px;border-bottom:1px solid var(--border,#e5e7eb)}.notification-row.unread{background:rgba(37,99,235,.06)}.notification-type{width:42px;height:42px;border-radius:14px;background:rgba(37,99,235,.12);color:#2563eb;display:grid;place-items:center}.notification-content{flex:1}.notification-content>div{display:flex;justify-content:space-between;gap:15px}.notification-content p{margin:5px 0}.notification-actions{display:flex;gap:6px}.notifications-toolbar{padding:8px;display:flex;gap:8px;margin-bottom:15px}.notifications-toolbar button{border:0;border-radius:10px;padding:9px 15px;background:transparent}.notifications-toolbar button.active{background:#2563eb;color:#fff}
.orders-filters-card{display:grid!important;grid-template-columns:minmax(180px,1.4fr) repeat(2,minmax(145px,.8fr)) repeat(3,minmax(130px,.75fr)) auto!important;align-items:end;gap:12px}.orders-filters-card .date-filter{display:flex!important;flex-direction:column;gap:6px}.orders-filters-card .date-filter span{font-size:12px;font-weight:700;color:var(--text-muted,#64748b)}.orders-date-shortcuts{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}.orders-date-shortcuts button{border:1px solid var(--border,#dbe2ea);background:var(--surface,#fff);padding:7px 11px;border-radius:10px}
body.dark-mode{--surface:#111c2f;--surface-2:#16243a;--border:#2b3b53;--text:#e8eef8;--text-muted:#9eb0c8;background:#0b1322!important;color:var(--text)!important}body.dark-mode .main-content,body.dark-mode .content-area{background:#0b1322!important}body.dark-mode .panel,body.dark-mode .modal-content,body.dark-mode .topbar,body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .table-page-card,body.dark-mode .settings-nav{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}body.dark-mode .sidebar{background:#071426!important}body.dark-mode .menu-item{color:#b9c7da!important}body.dark-mode .menu-item.active,body.dark-mode .menu-item:hover{background:#17345e!important;color:#fff!important}body.dark-mode table,body.dark-mode td,body.dark-mode th{color:var(--text)!important;border-color:var(--border)!important}body.dark-mode .dropdown-notification.unread,body.dark-mode .notification-row.unread{background:rgba(59,130,246,.14)}body.dark-mode .text-muted,body.dark-mode small,body.dark-mode p{color:var(--text-muted)!important}
@media(max-width:1100px){.orders-filters-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){.orders-filters-card{grid-template-columns:1fr!important}.notification-dropdown{position:fixed;top:70px;left:10px;right:10px;width:auto}.notification-row{align-items:center}.notification-content>div{display:block}}

/* Stage 9: Internet cards */
.internet-card-stock{display:block;font-style:normal;font-size:11px;font-weight:700;margin-top:4px}.internet-card-stock.in-stock{color:#0f766e}.internet-card-stock.out-stock{color:#b91c1c}.sold-internet-cards-list{display:grid;gap:12px;text-align:right}.sold-internet-card{border:1px solid var(--border-color,#e2e8f0);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sold-internet-card small{display:block;margin-top:5px}.internet-cards-page .metric-card span{display:block;color:var(--text-secondary,#64748b);font-size:11px;margin-top:5px}.internet-cards-page code{direction:ltr;display:inline-block}.internet-cards-page .table td{vertical-align:middle}

/* =========================================================
   PALCASH Final UI Polish — presentation only
   No business logic, labels, APIs, or database behavior changed.
   ========================================================= */
:root{
  --pc-radius-xs:8px;
  --pc-radius-sm:11px;
  --pc-radius-md:15px;
  --pc-radius-lg:20px;
  --pc-shadow-sm:0 5px 18px rgba(15,23,42,.055);
  --pc-shadow-md:0 14px 34px rgba(15,23,42,.09);
  --pc-focus:0 0 0 3px rgba(37,99,235,.14);
}

/* Unified controls and buttons */
.primary-btn,.secondary-action,.btn,.icon-btn{
  border-radius:var(--pc-radius-sm)!important;
  font-weight:700!important;
  letter-spacing:0!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease!important;
}
.primary-btn,.secondary-action{min-height:42px!important;padding:9px 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.btn-sm{min-height:34px!important;padding:6px 11px!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.primary-btn:hover,.secondary-action:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.09)}
.primary-btn:focus-visible,.secondary-action:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0!important;box-shadow:var(--pc-focus)!important}

/* Sidebar: stronger icon language, active and hover states */
.sidebar .menu-item{position:relative;isolation:isolate;min-height:44px;border-radius:12px;margin:3px 9px;padding:10px 12px!important;gap:12px!important;overflow:hidden}
.sidebar .menu-item::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.09),rgba(255,255,255,.025));opacity:0;transform:translateX(18px);transition:.2s ease}
.sidebar .menu-item:hover::before,.sidebar .menu-item.active::before{opacity:1;transform:none}
.sidebar .menu-item>i{width:31px;height:31px;min-width:31px;border-radius:9px;display:grid!important;place-items:center;font-size:14px!important;background:rgba(148,163,184,.09);transition:transform .18s ease,background-color .18s ease,color .18s ease}
.sidebar .menu-item:hover>i{transform:scale(1.08) rotate(-2deg);background:rgba(96,165,250,.18);color:#dbeafe}
.sidebar .menu-item.active>i{background:rgba(255,255,255,.2);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sidebar .menu-item.active::after{content:"";position:absolute;inset-block:9px;right:0;width:3px;border-radius:999px;background:#93c5fd;box-shadow:0 0 14px rgba(147,197,253,.8)}

/* Unified panels, filters and tables */
.panel,.filter-card,.table-page-card{border-radius:var(--pc-radius-lg)!important;box-shadow:var(--pc-shadow-sm)!important;border:1px solid var(--pc-line,#dce5ef)!important;overflow:hidden}
.filter-card{padding:14px!important;margin-bottom:16px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.filter-card .row{align-items:end!important}.filter-card .form-control,.filter-card .form-select{height:42px!important;border-radius:12px!important;font-size:12px!important;background-color:#fff!important}
.table-responsive{border:1px solid var(--pc-line,#dce5ef)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--pc-shadow-sm)!important}
.table{margin-bottom:0!important}.table thead{position:relative}.table thead th{height:48px!important;background:linear-gradient(180deg,#f8fbff,#f1f6fc)!important;color:#40536e!important;letter-spacing:.01em!important;border-bottom:1px solid #d9e4ef!important}
.table tbody tr{transition:background-color .14s ease,transform .14s ease,box-shadow .14s ease}.table tbody tr:hover{background:#f7faff!important;box-shadow:inset 3px 0 0 #60a5fa}
.table tbody td{color:#23334a!important}.table .badge{border-radius:999px!important;padding:6px 9px!important;font-size:10px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}

/* Page entrance and purposeful motion */
.content-area.active{animation:pcFinalPageEnter .28s cubic-bezier(.2,.75,.25,1) both}
@keyframes pcFinalPageEnter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.management-head>div:first-child>*{animation:pcFinalHeadEnter .3s ease both}.management-head>div:first-child>h3{animation-delay:.03s}.management-head>div:first-child>p{animation-delay:.06s}
@keyframes pcFinalHeadEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Form labels: clearer hierarchy and information affordance */
.form-label{font-size:11.5px!important;font-weight:800!important;color:#34465f!important;margin-bottom:7px!important;display:flex!important;align-items:center!important;gap:6px!important}
.form-label::after{content:"\f05a";font-family:"Font Awesome 6 Free";font-weight:900;font-size:9px;color:#94a3b8;opacity:.72}
.form-control,.form-select{border-radius:12px!important;border-color:#d7e2ee!important;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important}
.form-control:hover,.form-select:hover{border-color:#adc4df!important}.form-control:focus,.form-select:focus{border-color:#60a5fa!important;box-shadow:var(--pc-focus)!important}

/* Internet cards — category table rendered visually as a responsive card grid */
.internet-cards-page{--ic-blue:#2563eb;--ic-green:#059669;--ic-red:#dc2626;--ic-amber:#d97706;--ic-slate:#64748b}
.internet-cards-page .management-head{margin-bottom:18px!important}
.internet-cards-page .management-head h3{font-size:25px!important}.internet-cards-page .management-head p{max-width:760px;line-height:1.8!important}
.internet-cards-page #cardSummary.report-metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:13px!important;margin-bottom:18px!important}
.internet-cards-page #cardSummary .metric-card{position:relative;overflow:hidden;min-height:112px;border-radius:17px!important;padding:17px!important;background:linear-gradient(145deg,#fff,#f7faff)!important;border:1px solid #dbe6f2!important;box-shadow:var(--pc-shadow-sm)!important}
.internet-cards-page #cardSummary .metric-card::before{content:"";position:absolute;top:-28px;left:-24px;width:92px;height:92px;border-radius:50%;background:rgba(37,99,235,.08)}
.internet-cards-page #cardSummary .metric-card small{color:#60728b!important;font-weight:800!important}.internet-cards-page #cardSummary .metric-card strong{display:block;font-size:25px!important;color:#10213a;margin-top:8px;line-height:1}
.internet-cards-page #cardSummary .metric-card span{line-height:1.65!important;margin-top:10px!important}
.internet-cards-page>.panel{padding:18px!important}.internet-cards-page>.panel .panel-header{padding:0 1px 15px!important;margin-bottom:2px;border-bottom:1px solid #e5edf5}
.internet-cards-page>.panel .panel-header h5{font-size:16px!important;margin-bottom:5px}.internet-cards-page>.panel .panel-header p{font-size:11px!important;margin:0;color:#74859c!important}
.internet-cards-page>.panel .table-responsive{border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;margin-top:14px}
.internet-cards-page>.panel table,.internet-cards-page>.panel tbody{display:block!important;width:100%!important}
.internet-cards-page>.panel thead{display:none!important}
.internet-cards-page>.panel #categoryBody{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important}
.internet-cards-page>.panel #categoryBody tr{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;position:relative;padding:17px!important;border:1px solid #dce6f1!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:var(--pc-shadow-sm)!important;overflow:hidden;min-height:190px;animation:pcCardRise .28s ease both}
.internet-cards-page>.panel #categoryBody tr::before{content:"\f1eb";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:15px;top:14px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;font-size:15px}
.internet-cards-page>.panel #categoryBody tr:hover{transform:translateY(-3px)!important;box-shadow:var(--pc-shadow-md)!important;border-color:#b8cff0!important;background:linear-gradient(145deg,#fff,#f3f8ff)!important}
@keyframes pcCardRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.internet-cards-page>.panel #categoryBody td{display:flex!important;flex-direction:column;justify-content:center;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;font-size:11px!important;color:#66778d!important}
.internet-cards-page>.panel #categoryBody td:first-child{grid-column:1/-1;padding-left:54px!important;min-height:42px;justify-content:flex-start}
.internet-cards-page>.panel #categoryBody td:first-child b{font-size:15px!important;color:#13243d!important;margin-bottom:4px}.internet-cards-page>.panel #categoryBody td:first-child small{font-size:10px!important}
.internet-cards-page>.panel #categoryBody td:nth-child(2)::before{content:"المدة"}.internet-cards-page>.panel #categoryBody td:nth-child(3)::before{content:"السعر"}.internet-cards-page>.panel #categoryBody td:nth-child(4)::before{content:"الإجمالي"}.internet-cards-page>.panel #categoryBody td:nth-child(5)::before{content:"المتاح"}.internet-cards-page>.panel #categoryBody td:nth-child(6)::before{content:"المباع"}
.internet-cards-page>.panel #categoryBody td:nth-child(n+2):nth-child(-n+6)::before{display:block;font-size:9px;font-weight:800;color:#96a4b7;margin-bottom:3px}
.internet-cards-page>.panel #categoryBody td:nth-child(n+2):nth-child(-n+6){font-size:13px!important;font-weight:800!important;color:#20324b!important}
.internet-cards-page>.panel #categoryBody td:nth-child(7){position:absolute;top:17px;right:17px;width:auto}.internet-cards-page>.panel #categoryBody td:last-child{grid-column:1/-1;border-top:1px solid #e4ebf3!important;padding-top:13px!important;margin-top:2px}
.internet-cards-page>.panel #categoryBody td:last-child>div{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}.internet-cards-page>.panel #categoryBody td:last-child .btn{width:100%;margin:0!important}

/* Internet cards filters and inventory table */
.internet-cards-page>.filter-card{position:sticky;top:8px;z-index:8;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px);box-shadow:0 12px 28px rgba(15,23,42,.08)!important}
.internet-cards-page>.filter-card .row{gap:0!important}.internet-cards-page>.filter-card .form-control,.internet-cards-page>.filter-card .form-select{padding-inline:13px!important}
.internet-cards-page>.filter-card+ .table-responsive{border-radius:18px!important;overflow:auto!important;max-height:620px}
.internet-cards-page>.filter-card+ .table-responsive .table thead{position:sticky;top:0;z-index:3}
.internet-cards-page>.filter-card+ .table-responsive tbody tr td:first-child{font-weight:800;color:#1f3554!important}
.internet-cards-page>.filter-card+ .table-responsive .reveal{border-color:#bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important}
.internet-cards-page>.filter-card+ .table-responsive .reveal:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.internet-cards-page>.filter-card+ .table-responsive td:nth-child(3){direction:ltr;text-align:center;font-variant-numeric:tabular-nums}
.internet-cards-page>.filter-card+ .table-responsive td:last-child .btn{margin:2px!important}

/* Modal refinement */
.internet-cards-page .modal-content{border:0!important;border-radius:21px!important;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.28)!important}
.internet-cards-page .modal-header{padding:17px 20px!important;background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid #e3ebf4!important}.internet-cards-page .modal-title{font-size:16px!important;font-weight:800!important}.internet-cards-page .modal-body{padding:20px!important}.internet-cards-page .modal-footer{padding:14px 20px!important;background:#f8fafc;border-top:1px solid #e3ebf4!important;gap:8px!important}
.internet-cards-page input[type=file]{padding:8px!important;min-height:46px!important;border-style:dashed!important;border-width:1.5px!important;background:#f8fbff!important}
.internet-cards-page input[type=file]::file-selector-button{border:0;border-radius:9px;background:#eaf2ff;color:#1d4ed8;padding:8px 12px;margin-inline-end:10px;font-weight:800;cursor:pointer}

/* Dark mode */
body.dark-mode .filter-card{background:linear-gradient(180deg,#111c2f,#0f1a2b)!important}
body.dark-mode .table-responsive{background:#111c2f!important;border-color:#2b3b53!important}
body.dark-mode .table thead th{background:linear-gradient(180deg,#18283e,#142237)!important;color:#b8c7da!important;border-color:#2b3b53!important}
body.dark-mode .table tbody td{color:#dce7f5!important;border-color:#26374d!important}.dark-mode .table tbody tr:hover{background:#16283f!important}
body.dark-mode .form-label{color:#d8e3f1!important}.dark-mode .form-control,.dark-mode .form-select{background:#101d30!important;color:#e7eef8!important;border-color:#34475f!important}
body.dark-mode .internet-cards-page #cardSummary .metric-card,body.dark-mode .internet-cards-page>.panel #categoryBody tr{background:linear-gradient(145deg,#142237,#101c2e)!important;border-color:#2b405b!important}
body.dark-mode .internet-cards-page #cardSummary .metric-card strong,body.dark-mode .internet-cards-page>.panel #categoryBody td:first-child b,body.dark-mode .internet-cards-page>.panel #categoryBody td:nth-child(n+2):nth-child(-n+6){color:#e9f1fb!important}
body.dark-mode .internet-cards-page>.filter-card{background:rgba(17,28,47,.94)!important}
body.dark-mode .internet-cards-page .modal-header,body.dark-mode .internet-cards-page .modal-footer{background:#132238!important;border-color:#2b3b53!important}
body.dark-mode .internet-cards-page input[type=file]{background:#101d30!important;border-color:#40546d!important}

@media(max-width:900px){
 .internet-cards-page>.panel #categoryBody{grid-template-columns:1fr!important}
 .internet-cards-page>.filter-card{position:static}
 .internet-cards-page>.filter-card .col-md-4{width:100%!important;margin-bottom:8px}
}
@media(max-width:560px){
 .internet-cards-page .management-head{align-items:stretch!important}.internet-cards-page .management-head>div:last-child{width:100%}.internet-cards-page .management-head button{flex:1}
 .internet-cards-page>.panel{padding:12px!important}.internet-cards-page>.panel #categoryBody tr{grid-template-columns:1fr 1fr!important;padding:14px!important}
 .internet-cards-page>.panel #categoryBody td:first-child,.internet-cards-page>.panel #categoryBody td:last-child{grid-column:1/-1}.internet-cards-page>.panel #categoryBody td:last-child>div{grid-template-columns:1fr!important}
 .internet-cards-page>.filter-card+ .table-responsive{max-height:none}.internet-cards-page>.filter-card+ .table-responsive .table{min-width:820px}
}
@media(prefers-reduced-motion:reduce){.content-area.active,.management-head>div:first-child>*,.internet-cards-page>.panel #categoryBody tr{animation:none!important}.sidebar .menu-item,.sidebar .menu-item::before,.sidebar .menu-item>i{transition:none!important}}

/* Stage 9.1.1 — Internet cards status placement + sortable table headers */
.internet-cards-page>.panel #categoryBody td:nth-child(7){
  right:auto!important;
  left:62px!important;
  top:17px!important;
  width:auto!important;
  z-index:2;
}
.internet-cards-page>.filter-card+ .table-responsive thead th.sortable-column{
  position:relative;
  cursor:pointer;
  user-select:none;
  padding-inline-end:28px!important;
  transition:background-color .18s ease,color .18s ease;
}
.internet-cards-page>.filter-card+ .table-responsive thead th.sortable-column:hover{
  background:#edf4ff!important;
  color:#1d4ed8!important;
}
.internet-cards-page>.filter-card+ .table-responsive thead th.sortable-column::after{
  content:"\f0dc";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  inset-inline-end:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  color:#94a3b8;
  opacity:.85;
}
.internet-cards-page>.filter-card+ .table-responsive thead th.sortable-column[data-sort-direction="asc"]::after{
  content:"\f0de";
  color:#2563eb;
  opacity:1;
}
.internet-cards-page>.filter-card+ .table-responsive thead th.sortable-column[data-sort-direction="desc"]::after{
  content:"\f0dd";
  color:#2563eb;
  opacity:1;
}
.internet-cards-page>.filter-card+ .table-responsive thead th.sortable-column:focus-visible{
  outline:2px solid #60a5fa;
  outline-offset:-3px;
}
body.dark-mode .internet-cards-page>.filter-card+ .table-responsive thead th.sortable-column:hover{
  background:#1a2d48!important;
  color:#93c5fd!important;
}
@media(max-width:767.98px){
  .internet-cards-page>.panel #categoryBody td:nth-child(7){left:58px!important;top:14px!important}
}

/* Stage 9.1.2 — compact category summary cards + varied page transitions */
.internet-cards-page #cardSummary.report-metric-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;
  gap:14px!important;
  margin:14px 0 22px!important;
}
.internet-summary-card{
  --summary-accent:#2563eb;
  --summary-soft:#eff6ff;
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:132px;
  padding:17px;
  border:1px solid #dbe6f3;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  isolation:isolate;
  animation:pcSummaryCardIn .44s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:calc(var(--card-index,0) * 45ms);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.internet-summary-card::before{
  content:"";
  position:absolute;
  inset-inline-start:-46px;
  top:-58px;
  width:145px;
  height:145px;
  border-radius:50%;
  background:radial-gradient(circle,var(--summary-soft),transparent 70%);
  z-index:-1;
}
.internet-summary-card::after{
  content:"";
  position:absolute;
  inset-inline-end:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--summary-accent),transparent 92%);
  opacity:.9;
}
.internet-summary-card:hover{
  transform:translateY(-4px) scale(1.01);
  box-shadow:0 18px 36px rgba(15,23,42,.11);
  border-color:color-mix(in srgb,var(--summary-accent) 26%,#dbe6f3);
}
.internet-summary-card--1{--summary-accent:#7c3aed;--summary-soft:#f3e8ff}
.internet-summary-card--2{--summary-accent:#0891b2;--summary-soft:#cffafe}
.internet-summary-card--3{--summary-accent:#ea580c;--summary-soft:#ffedd5}
.internet-summary-card--4{--summary-accent:#db2777;--summary-soft:#fce7f3}
.internet-summary-card--5{--summary-accent:#475569;--summary-soft:#e2e8f0}
.internet-summary-card__icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:var(--summary-accent);
  background:var(--summary-soft);
  font-size:18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
  transition:transform .22s ease;
}
.internet-summary-card:hover .internet-summary-card__icon{transform:rotate(-7deg) scale(1.08)}
.internet-summary-card__content{min-width:0;flex:1}
.internet-summary-card__heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}
.internet-summary-card__heading>small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#354861;
  font-size:13px;
  font-weight:800;
}
.internet-summary-card__total{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 9px;
  border-radius:12px;
  background:#fff;
  color:#0f2440;
  box-shadow:0 4px 14px rgba(15,23,42,.08);
  font-size:20px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.internet-summary-card__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.internet-summary-card__stats>span{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  column-gap:5px;
  row-gap:1px;
  min-width:0;
  padding:8px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e7edf5;
}
.internet-summary-card__stats i{font-size:10px;grid-row:1/3}
.internet-summary-card__stats b{font-size:13px;line-height:1;color:#18304f;font-variant-numeric:tabular-nums}
.internet-summary-card__stats small{font-size:9px;color:#8492a6;line-height:1.2}
.internet-summary-card__stats .is-available i{color:#059669}
.internet-summary-card__stats .is-sold i{color:#2563eb}
.internet-summary-card__stats .is-returned i{color:#f59e0b}
@keyframes pcSummaryCardIn{
  from{opacity:0;transform:translateY(16px) scale(.97)}
  to{opacity:1;transform:none}
}

/* Each screen receives a distinct but restrained entrance motion. */
body[data-page-motion="rise"] .content-area.active{animation:pcPageRise .42s cubic-bezier(.2,.8,.2,1) both!important}
body[data-page-motion="slide-start"] .content-area.active{animation:pcPageSlideStart .4s cubic-bezier(.2,.8,.2,1) both!important}
body[data-page-motion="slide-end"] .content-area.active{animation:pcPageSlideEnd .4s cubic-bezier(.2,.8,.2,1) both!important}
body[data-page-motion="scale"] .content-area.active{animation:pcPageScale .38s cubic-bezier(.2,.8,.2,1) both!important}
body[data-page-motion="soft-reveal"] .content-area.active{animation:pcPageSoftReveal .46s ease both!important}
@keyframes pcPageRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pcPageSlideStart{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes pcPageSlideEnd{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes pcPageScale{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes pcPageSoftReveal{from{opacity:0;filter:blur(3px);transform:translateY(5px)}to{opacity:1;filter:none;transform:none}}

body.dark-mode .internet-summary-card{
  background:linear-gradient(145deg,#142237,#101c2e);
  border-color:#2b405b;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
body.dark-mode .internet-summary-card__heading>small,
body.dark-mode .internet-summary-card__total,
body.dark-mode .internet-summary-card__stats b{color:#e9f1fb}
body.dark-mode .internet-summary-card__total,
body.dark-mode .internet-summary-card__stats>span{background:#17283f;border-color:#2b405b}
body.dark-mode .internet-summary-card__stats small{color:#9db0c8}

@media(max-width:700px){
  .internet-cards-page #cardSummary.report-metric-grid{grid-template-columns:1fr!important}
  .internet-summary-card{min-height:122px;padding:14px}
}
@media(prefers-reduced-motion:reduce){
  .internet-summary-card,
  body[data-page-motion] .content-area.active{animation:none!important}
}

/* Stage: final sidebar order + genuinely varied page transitions */
.sidebar nav .menu-group-divider{
  display:block;
  height:1px;
  margin:10px 14px;
  background:linear-gradient(90deg,transparent,rgba(148,163,184,.28),transparent);
}

/* Prevent the old generic whole-body entrance from masking per-page motion. */
body.page-enter{animation:none!important}

/* More visually distinct entrance directions while remaining restrained. */
body[data-page-motion="rise"] .content-area.active{animation:pcPageRiseDistinct .44s cubic-bezier(.16,.84,.3,1) both!important}
body[data-page-motion="slide-start"] .content-area.active{animation:pcPageSlideStartDistinct .42s cubic-bezier(.2,.8,.2,1) both!important}
body[data-page-motion="slide-end"] .content-area.active{animation:pcPageSlideEndDistinct .42s cubic-bezier(.2,.8,.2,1) both!important}
body[data-page-motion="scale"] .content-area.active{animation:pcPageScaleDistinct .4s cubic-bezier(.16,.84,.3,1) both!important}
body[data-page-motion="soft-reveal"] .content-area.active{animation:pcPageSoftDistinct .46s cubic-bezier(.2,.75,.25,1) both!important}
@keyframes pcPageRiseDistinct{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes pcPageSlideStartDistinct{from{opacity:0;transform:translateX(42px) skewX(-1deg)}to{opacity:1;transform:none}}
@keyframes pcPageSlideEndDistinct{from{opacity:0;transform:translateX(-42px) skewX(1deg)}to{opacity:1;transform:none}}
@keyframes pcPageScaleDistinct{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes pcPageSoftDistinct{from{opacity:0;filter:blur(8px);transform:translateY(-8px)}to{opacity:1;filter:none;transform:none}}

/* Destination-aware exit motions. */
body.leave-fade .main-content{animation:pcLeaveFade .17s ease both}
body.leave-start .main-content{animation:pcLeaveStart .17s ease both}
body.leave-end .main-content{animation:pcLeaveEnd .17s ease both}
body.leave-scale .main-content{animation:pcLeaveScale .17s ease both}
body.leave-soft .main-content{animation:pcLeaveSoft .17s ease both}
body.leave-down .main-content{animation:pcLeaveDown .17s ease both}
@keyframes pcLeaveFade{to{opacity:0}}
@keyframes pcLeaveStart{to{opacity:0;transform:translateX(-18px)}}
@keyframes pcLeaveEnd{to{opacity:0;transform:translateX(18px)}}
@keyframes pcLeaveScale{to{opacity:0;transform:scale(.975)}}
@keyframes pcLeaveSoft{to{opacity:0;filter:blur(4px)}}
@keyframes pcLeaveDown{to{opacity:0;transform:translateY(14px)}}

@media(prefers-reduced-motion:reduce){
  body[class*="leave-"] .main-content,
  body[data-page-motion] .content-area.active{animation:none!important}
}

/* ===== تنبيه طلب QR الجديد: اهتزاز الجرس + بطاقة Toast لافتة ===== */
@keyframes bellShake{
  0%,100%{transform:rotate(0)}
  15%{transform:rotate(14deg)}
  30%{transform:rotate(-12deg)}
  45%{transform:rotate(9deg)}
  60%{transform:rotate(-7deg)}
  75%{transform:rotate(4deg)}
}
.notification-bell-btn.bell-shake{animation:bellShake .6s ease}

.qr-alert-toast{
  position:fixed;top:18px;left:50%;transform:translateX(-50%) translateY(-16px);
  background:#0f766e;color:#fff;padding:14px 18px;border-radius:14px;
  display:flex;align-items:center;gap:12px;max-width:360px;
  box-shadow:0 12px 30px rgba(15,118,110,.35);z-index:2000;cursor:pointer;
  opacity:0;transition:opacity .25s ease,transform .25s ease;
}
.qr-alert-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.qr-alert-toast i{font-size:22px;flex:0 0 auto}
.qr-alert-toast strong{display:block;font-size:14px;margin-bottom:2px}
.qr-alert-toast p{margin:0;font-size:12.5px;opacity:.9}