/* ========================================================= V7 — V14 Core SaaS واجهة صاحب المزاد مبنية على مرجع PWA V14. هذه الطبقة لا تغيّر واجهة Super Admin إلا للعناصر المشتركة الضرورية. ========================================================= */ .tenant-view { --bg: #eef2f7; --surface: #ffffff; --surface-soft: #f6f8fb; --surface-strong: #eef3f8; --text: #132033; --muted: #6b778c; --line: #dfe6ee; --primary: #3157d5; --primary-dark: #2445b4; --primary-soft: #e8edff; --accent: #0f9f8f; --accent-soft: #e3f7f4; --danger: #c53c4c; --danger-soft: #fff0f2; --warning: #b7791f; --warning-soft: #fff7e7; --success: #198754; --success-soft: #e9f7f0; --info: #2d6da3; --info-soft: #eaf4fb; --shadow: 0 14px 36px rgba(31,49,80,.08); --radius: 20px; } body:has(.tenant-view:not(.hidden)) { background: radial-gradient(circle at 90% 0%, rgba(49,87,213,.08), transparent 28%), radial-gradient(circle at 10% 100%, rgba(15,159,143,.06), transparent 30%), #eef2f7; color:#132033; font-family:"Segoe UI",Tahoma,Arial,sans-serif; } /* الشريط العلوي — قريب من V14 */ body:has(.tenant-view:not(.hidden)) .topbar { height:76px; background:linear-gradient(115deg,#16243a 0%,#20365d 60%,#274a78 100%); border-bottom:1px solid rgba(255,255,255,.08); box-shadow:0 10px 30px rgba(20,35,58,.24); padding-inline:20px; } body:has(.tenant-view:not(.hidden)) .brand-logo { width:46px;height:46px;border-radius:15px; background:linear-gradient(145deg,#5f7cff,#2fc2b0); box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 20px rgba(25,70,170,.22); } body:has(.tenant-view:not(.hidden)) .brand-title h1{font-size:18px;font-weight:800} body:has(.tenant-view:not(.hidden)) .brand-title small{color:rgba(255,255,255,.68)} body:has(.tenant-view:not(.hidden)) .topbar .icon-btn{ border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);backdrop-filter:blur(10px) } body:has(.tenant-view:not(.hidden)) .topbar .primary{ background:#3157d5;box-shadow:0 7px 20px rgba(49,87,213,.24) } /* القائمة الجانبية */ .tenant-view .sidebar{ top:76px;width:264px;padding:22px 14px; background:rgba(255,255,255,.97);backdrop-filter:blur(18px); border-left:1px solid rgba(215,225,237,.9); box-shadow:-14px 0 45px rgba(36,55,85,.055) } .tenant-view .sidebar nav{gap:9px} .tenant-view .nav-item{ min-height:48px;padding:13px 15px;border-radius:15px;color:#42516a;font-weight:650;white-space:nowrap } .tenant-view .nav-item .nav-icon{ flex:0 0 30px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center; background:#f0f3f8;font-size:16px } .tenant-view .nav-item:hover{background:#f6f8fc;color:#3157d5} .tenant-view .nav-item.active{ background:linear-gradient(115deg,#e8edff,#edf7ff);color:#2445b4; box-shadow:inset -4px 0 0 #3157d5,0 8px 20px rgba(49,87,213,.08) } .tenant-view .nav-item.active .nav-icon{background:#fff;color:#3157d5;box-shadow:0 5px 13px rgba(49,87,213,.12)} .tenant-view .sidebar-footer{border-top:1px solid #dfe6ee;background:#f6f8fb;border-radius:14px;margin:14px 4px 0} .tenant-view .tenant-content{margin-right:264px;padding:104px 28px 46px;max-width:1740px} .tenant-view + .footer{margin-right:264px} /* العناوين والبطاقات */ .tenant-view .page-heading{margin-bottom:24px;padding:4px 2px;align-items:flex-start} .tenant-view .page-heading h2{font-size:clamp(23px,2.3vw,31px);font-weight:800;letter-spacing:-.02em} .tenant-view .page-heading p{font-size:14px;line-height:1.8} .tenant-view .eyebrow{color:#3157d5;font-weight:800;letter-spacing:.02em} .tenant-view .panel,.tenant-view .card{ border:1px solid rgba(215,225,237,.9);box-shadow:0 14px 36px rgba(31,49,80,.075); border-radius:20px;background:rgba(255,255,255,.98) } .tenant-view button.primary{background:#3157d5;color:#fff;border-radius:12px;box-shadow:0 7px 18px rgba(49,87,213,.18)} .tenant-view button.primary:hover{background:#2445b4} .tenant-view button.secondary{background:#edf1f6;color:#26364d} .tenant-view button.ghost{background:#fff;color:#3157d5;border:1px solid #dce4ee} .tenant-view button.danger{background:#fff0f2;color:#c53c4c} /* مؤشرات الصفحة */ .tenant-view .metric,.tenant-view .metric-card{ border:1px solid #dce4ee;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 12px 30px rgba(31,49,80,.065) } /* الجلسات — بطاقتان على التابلت والشاشات الواسعة */ #sessionList.session-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start} #sessionList .session-card{ min-width:0;background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #dce4ee;padding:20px } #sessionList .session-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap} #sessionList .session-stats-expanded{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} #sessionList .session-stats-expanded>div{border:1px solid #e6ecf3;background:#f7f9fc;border-radius:13px;min-width:0} #sessionList .session-stats-expanded strong{font-size:16px;overflow-wrap:anywhere} #sessionList .session-pending-strip{display:flex;gap:7px;flex-wrap:wrap;background:#fff8eb;border:1px solid #f3dfb7;border-radius:13px;padding:9px 11px;font-size:12px} #sessionList .session-actions{border-top:1px solid #edf1f6;padding-top:13px} /* العملاء — V14 compact profile cards */ #clientList.client-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start} #clientList .customer-summary-card{ min-width:0;display:block;padding:18px 20px;background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid #dce4ee;position:relative;overflow:hidden } #clientList .customer-summary-card::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#3157d5,#0f9f8f)} #clientList .customer-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px} #clientList .customer-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#3157d5,#0f708e);color:white;font-weight:800;font-size:16px} #clientList .customer-identity{min-width:0} #clientList .customer-identity h3{margin:0 0 4px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #clientList .customer-phone,#clientList .customer-reference{margin:0;color:#6b778c} #clientList .customer-net-status{min-width:105px;background:#f7f9fc;border:1px solid #e1e8f0;border-radius:13px;padding:9px 10px} #clientList .customer-net-status small,#clientList .customer-net-status strong{display:block} #clientList .customer-net-status small{color:#6b778c;font-size:11px;margin-bottom:4px} #clientList .customer-activity-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:15px 0 13px} #clientList .customer-stat{background:#f7f9fc;border:1px solid #e6ecf3;border-radius:12px;padding:9px 5px;text-align:center;min-width:0} #clientList .customer-stat span{display:block;font-size:16px;font-weight:850;color:#23334c} #clientList .customer-stat small{display:block;color:#788498;font-size:10px;margin-top:3px;white-space:normal} #clientList .customer-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f6;padding-top:12px} #clientList .customer-financial-snapshot{display:flex;gap:7px;flex-wrap:wrap} #clientList .customer-due-pill{display:flex;align-items:center;gap:5px;border-radius:11px;padding:7px 9px;background:#f7f9fc} #clientList .customer-due-pill small{font-size:10px}.tenant-view .customer-due-pill.danger{color:#c53c4c;background:#fff1f3}.tenant-view .customer-due-pill.success{color:#198754;background:#edf9f2} /* البحث لا يغير ارتفاع بطاقات العملاء أو شريط الصفحات */ #clientList>.record-pager,#sessionList>.record-pager{grid-column:1/-1;position:static!important;width:100%;min-height:0!important;margin-top:2px} #clientList>.empty,#sessionList>.empty{grid-column:1/-1} /* المحافظ — نفس منطق الصورة المرجعية */ .wallet-github-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px} .wallet-github-card{ background:linear-gradient(145deg,#fff,#fbfdff);border:1px solid #dce4ee;border-radius:22px;padding:22px; box-shadow:0 14px 36px rgba(31,49,80,.08);display:flex;flex-direction:column;gap:12px;min-height:270px } .wallet-card-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#eef6ff,#e7faf6);display:grid;place-items:center;font-size:27px;align-self:flex-start} .wallet-github-card>span{color:#6b778c;font-size:16px}.wallet-github-card>strong{font-size:34px;line-height:1.05;color:#132033;letter-spacing:-.02em} .wallet-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.wallet-flow-grid>div{background:#f7f9fc;border:1px solid #edf1f5;border-radius:14px;padding:12px}.wallet-flow-grid small,.wallet-flow-grid b{display:block}.wallet-flow-grid small{color:#6b778c;margin-bottom:5px}.wallet-flow-grid b{font-size:17px}.wallet-github-card .wallet-show-history{margin-top:auto;width:100%;min-height:46px;font-size:15px} /* مركز التسويات — Customer-centric مثل V14 */ .settlement-summary-compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px} .settlement-classic-home{display:grid;gap:18px} .settlement-classic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch} .settlement-classic-panel{min-height:315px;padding:20px} .settlement-classic-head{border-bottom:1px solid #e5eaf1;padding-bottom:13px;margin-bottom:13px} .settlement-classic-head h2{font-size:19px} .settlement-head-total{text-align:left;min-width:108px}.settlement-head-total span{display:inline-grid;place-items:center;min-width:29px;height:29px;padding:0 9px;border-radius:999px;background:#e8edff;color:#3157d5;font-weight:900}.settlement-head-total strong{display:block;margin-top:5px;color:#198754;font-size:18px} .settlement-delivery-wide{min-height:auto} .customer-collection-card,.seller-settlement-card,.netting-card,.delivery-settlement-card{ border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:13px 14px;box-shadow:0 5px 16px rgba(31,49,80,.035) } .customer-collection-card:hover,.seller-settlement-card:hover,.netting-card:hover,.delivery-settlement-card:hover{border-color:#c9d5e5} .settlement-extra-actions.v7-settlement-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .settlement-extra-card{box-shadow:none;border-color:#dfe6ee;background:linear-gradient(145deg,#fff,#fbfcff)} .settlement-netting-quick{min-height:auto;background:linear-gradient(150deg,#fff,#fbfcff)} #nettingQuickList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #nettingQuickList .netting-card{margin:0} /* نوافذ تخصيص التحصيل/التسوية */ .v14-allocation-modal{width:min(860px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto} .v14-allocation-modal .allocation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px} .v14-allocation-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px;align-items:center;border:1px solid #dfe6ee;background:#fbfcfe;border-radius:14px;padding:12px;margin-bottom:9px} .v14-allocation-row .allocation-main{min-width:0}.v14-allocation-row .allocation-main strong,.v14-allocation-row .allocation-main small{display:block}.v14-allocation-row .allocation-main small{color:#6b778c;margin-top:4px}.v14-allocation-row input{width:100%;text-align:center;font-weight:800} #customerCollectRows,#sellerSettleRows,#deliverySettleRows{max-height:42vh;overflow:auto;padding-inline-end:2px} /* تقرير V14 نظيف */ .tenant-view .report-controls,.tenant-view .report-preview{background:#fff} .tenant-view .report-control-header{border-bottom-color:#dfe6ee}.tenant-view .report-options-panel{background:#f7f9fc;border-color:#dce4ee}.tenant-view .report-option{background:#fff;border-color:#dce4ee}.tenant-view .report-option:has(input:checked){border-color:#aebfff;background:#eef2ff;color:#2948ad} /* شريط الدعم لا يزاحم أعلى الصفحة */ #supportModeBanner.support-mode-banner{ top:84px!important;right:16px!important;left:auto!important;width:auto!important;max-width:min(480px,calc(100vw - 32px)); padding:7px 9px!important;border:1px solid #fdba74!important;border-radius:14px!important;background:#fff7ed!important; box-shadow:0 10px 28px rgba(124,45,18,.14);gap:8px!important } #supportModeBanner.support-mode-banner>div{gap:7px!important;flex-wrap:nowrap!important;min-width:0} #supportModeBanner.support-mode-banner strong{font-size:12px}#supportModeBanner.support-mode-banner span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#supportModeBanner.support-mode-banner button{padding:6px 9px!important;font-size:11px!important;white-space:nowrap} #supportModeBanner:not(.hidden)~#tenantView .tenant-content{padding-top:104px!important} /* تفاصيل بطاقات التسويات V7 */ #outstandingCollections,#sellerSettlements{display:flex;flex-direction:column;gap:10px} .v14-settlement-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center} .v14-settlement-person{min-width:0}.v14-settlement-person>strong,.v14-settlement-person>small{display:block}.v14-settlement-person>strong{font-size:16px;color:#14213a}.v14-settlement-person>small{color:#7a8798;margin-top:3px} .mini-obligation-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-obligation{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;background:#f3f6fa;color:#5d697a;font-size:11px;border:1px solid #e5eaf1}.mini-obligation.farqiya{background:#fff8e9;border-color:#f7df9d;color:#8c6200}.mini-obligation.buyer{background:#eef4ff;border-color:#d8e4ff;color:#3157a7} .v14-settlement-breakdown{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.v14-settlement-breakdown span{display:grid;gap:2px;min-width:82px;text-align:center;background:#f7f9fc;border-radius:11px;padding:7px 9px;color:#6b778c;font-size:11px}.v14-settlement-breakdown b{color:#23324a;font-size:13px} .v14-settlement-due{display:grid;justify-items:end;gap:7px;min-width:120px}.v14-settlement-due>strong{font-size:19px;color:#198754;white-space:nowrap}.v14-settlement-due .compact{white-space:nowrap} .v14-empty{display:grid;place-items:center;min-height:155px;text-align:center} .seller-simple-card{grid-template-columns:minmax(0,1fr) auto} .v14-netting-card{border:1px solid #dfe6ee;background:#fff;border-radius:16px;padding:14px;box-shadow:0 5px 16px rgba(31,49,80,.035);display:grid;gap:11px}.netting-person strong,.netting-person small{display:block}.netting-person strong{font-size:16px}.netting-person small{color:#798596;margin-top:2px}.netting-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.netting-numbers>div{background:#f7f9fc;border:1px solid #edf1f5;border-radius:11px;padding:8px;text-align:center}.netting-numbers small,.netting-numbers b{display:block}.netting-numbers small{font-size:10px;color:#748094;min-height:25px}.netting-numbers b{font-size:14px;color:#21304a}.netting-numbers .netting-max{background:#edf9f3;border-color:#d3efdf}.netting-numbers .netting-max b{color:#168357}.netting-action-note{font-size:11px;color:#69778c}.v14-netting-card>.do-netting-full{justify-self:end}.netting-debt-lines{display:flex;gap:6px;flex-wrap:wrap}.netting-debt-lines span{font-size:11px;background:#fff8e9;border:1px solid #f4dfaa;border-radius:999px;padding:4px 8px}.netting-action-row{display:grid;grid-template-columns:150px minmax(160px,1fr) auto;gap:9px;align-items:end}.netting-action-row label{display:grid;gap:5px;font-size:11px;color:#68758a}.netting-action-row input{width:100%} #deliverySettlements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-card-v14{border:1px solid #dfe6ee;background:#fff;border-radius:16px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:14px}.provider-card-v14 h3{margin:7px 0 3px;font-size:17px}.provider-card-v14 small{color:#738096}.provider-due-v14{display:grid;justify-items:end;gap:5px;min-width:125px}.provider-due-v14 strong{font-size:21px}.v14-allocation-info{min-width:0}.v14-allocation-info strong,.v14-allocation-info small{display:block}.v14-allocation-info small{color:#6b778c;margin-top:4px}.allocation-summary>div{background:#f7f9fc;border:1px solid #e7ecf2;border-radius:12px;padding:9px;text-align:center}.allocation-summary small,.allocation-summary strong{display:block}.allocation-summary small{color:#758196;font-size:11px}.allocation-summary strong{margin-top:3px;font-size:17px} @media(max-width:760px){.v14-settlement-list-row{grid-template-columns:minmax(0,1fr) auto}.v14-settlement-breakdown{grid-column:1/-1;justify-content:flex-start}.netting-numbers{grid-template-columns:repeat(2,1fr)}#deliverySettlements{grid-template-columns:1fr}.netting-action-row{grid-template-columns:1fr}.provider-card-v14{align-items:flex-start}} @media(max-width:460px){.v14-settlement-list-row{grid-template-columns:1fr}.v14-settlement-due{justify-items:stretch}.v14-settlement-due>strong{text-align:right}.provider-card-v14{flex-direction:column}.provider-due-v14{justify-items:stretch;width:100%}} @media (max-width:1180px){ .tenant-view .sidebar{transform:translateX(105%);width:min(84vw,310px)}.tenant-view .sidebar.open{transform:translateX(0)} .tenant-view .tenant-content{margin-right:0;padding:96px 20px 36px;max-width:none}.tenant-view+.footer{margin-right:0} #sessionList.session-cards,#clientList.client-cards{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:940px){ .wallet-github-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.wallet-github-card{padding:16px;min-height:235px}.wallet-github-card>strong{font-size:27px} .settlement-classic-grid{grid-template-columns:1fr 1fr;gap:12px}.settlement-classic-panel{padding:16px}.settlement-summary-compact{grid-template-columns:repeat(2,1fr)} #clientList .customer-card-head{grid-template-columns:44px minmax(0,1fr)}#clientList .customer-net-status{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:7px 10px}#clientList .customer-net-status small{margin:0} } @media (max-width:699px){ body:has(.tenant-view:not(.hidden)) .topbar{height:72px;padding-inline:10px}.tenant-view .sidebar{top:72px} .tenant-view .tenant-content{padding:92px 13px 30px} #sessionList.session-cards,#clientList.client-cards{grid-template-columns:1fr} #sessionList .session-stats-expanded{grid-template-columns:repeat(2,minmax(0,1fr))} #clientList .customer-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))} #clientList .customer-card-foot{flex-direction:column;align-items:stretch}#clientList .customer-card-foot .actions>*{flex:1} .wallet-github-grid{grid-template-columns:1fr}.wallet-github-card{min-height:0} .settlement-classic-grid{grid-template-columns:1fr}.settlement-classic-panel{min-height:0}.settlement-extra-actions.v7-settlement-tools{grid-template-columns:1fr}#nettingQuickList{grid-template-columns:1fr} .v14-allocation-row{grid-template-columns:1fr}.v14-allocation-row input{text-align:right} #supportModeBanner.support-mode-banner{top:76px!important;right:10px!important;left:10px!important;max-width:none!important;flex-direction:row!important;align-items:center!important}#supportModeBanner.support-mode-banner button{width:auto!important} } @media (max-width:460px){ .tenant-view .brand-logo{display:none}.tenant-view .page-heading{flex-direction:column}.tenant-view .page-heading>button{width:100%} #clientList .customer-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .settlement-summary-compact{grid-template-columns:1fr 1fr} } /* ========================================================= V7.0.1 — V14 FAITHFUL TENANT SHELL المرجع البصري: PWA V14. تطبق هذه القواعد على لوحة المزاد فقط ولا تغير تصميم Super Admin. ========================================================= */ #appView.tenant-mode { --v14-bg:#f1f5f9; --v14-surface:#ffffff; --v14-soft:#f8fafc; --v14-text:#0f172a; --v14-muted:#64748b; --v14-line:#e2e8f0; --v14-primary:#0f766e; --v14-primary-dark:#115e59; --v14-primary-soft:#ccfbf1; --v14-danger:#b91c1c; --v14-danger-soft:#fee2e2; --v14-success:#15803d; --v14-success-soft:#dcfce7; --v14-warning:#b45309; --v14-warning-soft:#fef3c7; --v14-shadow:0 10px 30px rgba(15,23,42,.08); background:var(--v14-bg); color:var(--v14-text); min-height:100vh; font-family:Tahoma,Arial,sans-serif; } #appView.tenant-mode > .topbar{ position:fixed!important;inset:0 0 auto 0!important;height:72px!important; padding:0 18px!important;gap:14px!important;background:#0f172a!important; box-shadow:0 5px 20px rgba(15,23,42,.22)!important;border:0!important;z-index:70!important; } #appView.tenant-mode > .topbar .brand-area{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important} #appView.tenant-mode > .topbar .brand-logo{width:42px!important;height:42px!important;border-radius:13px!important;box-shadow:none!important;border:0!important} #appView.tenant-mode > .topbar .brand-title h1{font-size:17px!important;line-height:1.2!important;margin:0 0 3px!important;color:#fff!important;font-weight:800!important} #appView.tenant-mode > .topbar .brand-title small{font-size:12px!important;color:#cbd5e1!important} #appView.tenant-mode > .topbar #pageSubtitle{font-size:0!important} #appView.tenant-mode > .topbar #pageSubtitle::after{content:'نظام إدارة المزاد PWA V14 • SaaS';font-size:12px} #appView.tenant-mode > .topbar .menu-btn{order:-2;width:42px!important;height:42px!important;border-radius:12px!important;background:rgba(255,255,255,.1)!important;border:0!important;font-size:21px!important} #appView.tenant-mode > .topbar .top-actions{display:flex!important;gap:8px!important;align-items:center!important} /* في V14 شريط الرأس نظيف: نترك زر البيعة فقط، وباقي الأدوات داخل القائمة الجانبية */ #appView.tenant-mode > .topbar #quickSearchBtn, #appView.tenant-mode > .topbar #notificationBtn, #appView.tenant-mode > .topbar #accountMenuBtn{display:none!important} #appView.tenant-mode > .topbar #quickSaleBtn{display:inline-flex!important;background:var(--v14-primary)!important;color:#fff!important;border-radius:12px!important;padding:9px 14px!important;box-shadow:none!important;white-space:nowrap!important} #appView.tenant-mode > .topbar #quickSaleBtn.hidden{display:none!important} #appView.tenant-mode #tenantSidebar{ position:fixed!important;top:72px!important;right:0!important;bottom:0!important;width:250px!important; padding:18px 12px!important;background:#fff!important;border-left:1px solid var(--v14-line)!important; box-shadow:none!important;border-radius:0!important;z-index:60!important;display:flex!important;flex-direction:column!important; } #appView.tenant-mode #tenantSidebar .sidebar-menu{display:grid!important;gap:7px!important} #appView.tenant-mode #tenantSidebar .nav-item{ width:100%!important;min-height:0!important;border:0!important;background:transparent!important;color:#334155!important; display:flex!important;gap:12px!important;align-items:center!important;justify-content:flex-start!important; padding:13px 14px!important;border-radius:13px!important;text-align:right!important;font-weight:500!important; } #appView.tenant-mode #tenantSidebar .nav-item .nav-icon{width:25px!important;min-width:25px!important;text-align:center!important;font-size:19px!important} #appView.tenant-mode #tenantSidebar .nav-item.active{background:var(--v14-primary-soft)!important;color:var(--v14-primary-dark)!important;font-weight:700!important;box-shadow:none!important} #appView.tenant-mode #tenantSidebar .nav-item:hover{background:var(--v14-soft)!important} #appView.tenant-mode .tenant-sidebar-tools{margin-top:auto;display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--v14-line)} #appView.tenant-mode .tenant-sidebar-tools button{border:0;background:transparent;color:#475569;border-radius:10px;padding:9px 11px;text-align:right;display:flex;align-items:center;gap:8px;font-weight:700} #appView.tenant-mode .tenant-sidebar-tools button:hover{background:var(--v14-soft)} #appView.tenant-mode .tenant-sidebar-tools b{margin-inline-start:auto;background:#dc2626;color:#fff;border-radius:999px;min-width:19px;padding:2px 5px;text-align:center;font-size:11px} #appView.tenant-mode #tenantSidebar .sidebar-footer{margin-top:0!important;padding:12px!important;border-top:1px solid var(--v14-line)!important;color:var(--v14-muted)!important;background:transparent!important;border-radius:0!important} #appView.tenant-mode .tenant-content{margin-right:250px!important;padding:96px 24px 40px!important;min-height:100vh!important;background:var(--v14-bg)!important;max-width:none!important} #appView.tenant-mode .tab-pane{max-width:none!important;margin:0!important} #appView.tenant-mode .page-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 20px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} #appView.tenant-mode .page-heading .eyebrow{display:none!important} #appView.tenant-mode .page-heading h2{margin:0 0 5px!important;font-size:24px!important;color:var(--v14-text)!important;font-weight:800!important} #appView.tenant-mode .page-heading p{margin:0!important;color:var(--v14-muted)!important;font-size:14px!important} #appView.tenant-mode .panel, #appView.tenant-mode .card{background:#fff!important;border:1px solid var(--v14-line)!important;border-radius:18px!important;box-shadow:var(--v14-shadow)!important;padding:18px!important} #appView.tenant-mode .section-head{margin-bottom:12px!important} #appView.tenant-mode .section-head h2,#appView.tenant-mode .section-head h3{color:var(--v14-text)!important} #appView.tenant-mode button.primary{background:var(--v14-primary)!important;color:#fff!important;box-shadow:none!important;border:0!important;border-radius:12px!important} #appView.tenant-mode button.primary:hover{background:var(--v14-primary-dark)!important} #appView.tenant-mode button.secondary{background:#e2e8f0!important;color:#1e293b!important;border:0!important;border-radius:12px!important;box-shadow:none!important} #appView.tenant-mode button.ghost{background:transparent!important;color:var(--v14-primary)!important;border:1px solid var(--v14-line)!important;border-radius:12px!important;box-shadow:none!important} #appView.tenant-mode button.danger{background:var(--v14-danger-soft)!important;color:var(--v14-danger)!important;border:0!important;border-radius:12px!important;box-shadow:none!important} /* الجلسات والعملاء: بطاقتان على التابلت كما في V14 */ #appView.tenant-mode #sessionList,#appView.tenant-mode #clientList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important} #appView.tenant-mode #sessionList>.session-card,#appView.tenant-mode #clientList>.client-card{margin:0!important;width:auto!important;min-width:0!important;grid-column:auto!important} #appView.tenant-mode .session-card{gap:14px!important} #appView.tenant-mode .session-stats-expanded{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important} #appView.tenant-mode .session-stats-expanded>div{padding:10px!important;background:var(--v14-soft)!important;border-radius:12px!important;border:0!important} #appView.tenant-mode .session-stats-expanded small{color:var(--v14-muted)!important} #appView.tenant-mode .customer-summary-card{padding:18px!important} #appView.tenant-mode .customer-card-head{gap:12px!important} #appView.tenant-mode .customer-activity-grid{gap:8px!important} #appView.tenant-mode .customer-stat{background:var(--v14-soft)!important;border:0!important;border-radius:11px!important} /* المحافظ: أبعاد V14 الحقيقية وليست البطاقات الكبيرة في SaaS */ #appView.tenant-mode .wallet-github-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-bottom:16px!important} #appView.tenant-mode .wallet-github-card{background:#fff!important;border:1px solid var(--v14-line)!important;border-radius:18px!important;padding:18px!important;box-shadow:var(--v14-shadow)!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important;text-align:right!important} #appView.tenant-mode .wallet-github-card .wallet-card-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:var(--v14-primary-soft)!important;display:grid!important;place-items:center!important;font-size:22px!important;margin:0!important} #appView.tenant-mode .wallet-github-card>span{font-size:14px!important;color:var(--v14-muted)!important;margin:0!important} #appView.tenant-mode .wallet-github-card>strong{font-size:28px!important;line-height:1.15!important;color:var(--v14-text)!important;margin:0!important} #appView.tenant-mode .wallet-flow-grid{display:flex!important;gap:8px!important} #appView.tenant-mode .wallet-flow-grid>div{flex:1!important;padding:9px!important;border-radius:11px!important;background:var(--v14-soft)!important;text-align:right!important;min-height:0!important} #appView.tenant-mode .wallet-flow-grid small{display:block!important;color:var(--v14-muted)!important;margin-bottom:4px!important} #appView.tenant-mode .wallet-show-history{width:100%!important;margin-top:0!important;padding:11px 16px!important} #appView.tenant-mode .wallet-action-panels{margin-top:0!important} /* التسويات: نفس هيكل V14: تحصيل العملاء مقابل تسوية البائعين ثم المقاصة والتوصيل */ #appView.tenant-mode .settlement-summary-compact{display:none!important} #appView.tenant-mode .settlement-attention-compact{margin:0 0 16px!important;background:transparent!important;border:0!important;padding:0!important} #appView.tenant-mode .settlement-attention-items{display:flex!important;gap:8px!important;flex-wrap:wrap!important} #appView.tenant-mode .settlement-attention-items button{background:#fff!important;border:1px solid var(--v14-line)!important;border-radius:12px!important;padding:10px 12px!important;color:var(--v14-text)!important} #appView.tenant-mode .settlement-attention-items .priority-netting{border-color:#99f6e4!important;background:#f0fdfa!important;color:#115e59!important} #appView.tenant-mode .settlement-classic-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important} #appView.tenant-mode .settlement-classic-panel{margin:0 0 16px!important} #appView.tenant-mode .settlement-netting-quick,#appView.tenant-mode .settlement-delivery-wide{grid-column:1/-1!important} #appView.tenant-mode .settlement-classic-head{padding:0!important;border:0!important;background:transparent!important} #appView.tenant-mode .settlement-head-total{background:var(--v14-soft)!important;border:0!important;border-radius:11px!important;padding:8px 11px!important} #appView.tenant-mode .v14-settlement-list-row{border:1px solid var(--v14-line)!important;border-radius:13px!important;background:#fff!important;padding:12px!important;box-shadow:none!important} #appView.tenant-mode .v14-settlement-list-row.has-netting{border-color:#99f6e4!important;background:#f0fdfa!important} #appView.tenant-mode .netting-priority-badge{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#ccfbf1;color:#115e59;font-size:11px;font-weight:800} #appView.tenant-mode .v14-netting-card{border:1px solid #99f6e4!important;background:#f0fdfa!important;border-radius:14px!important;box-shadow:none!important} #appView.tenant-mode .settlement-extra-actions{gap:10px!important} #appView.tenant-mode .settlement-extra-card{background:#fff!important;border:1px solid var(--v14-line)!important;border-radius:13px!important;box-shadow:none!important} /* نماذج ومدخلات V14 */ #appView.tenant-mode input,#appView.tenant-mode select,#appView.tenant-mode textarea{border:1px solid #cbd5e1!important;background:#fff!important;color:var(--v14-text)!important;border-radius:12px!important;box-shadow:none!important} #appView.tenant-mode input:focus,#appView.tenant-mode select:focus,#appView.tenant-mode textarea:focus{border-color:var(--v14-primary)!important;box-shadow:0 0 0 3px rgba(15,118,110,.12)!important} #appView.tenant-mode #accountMenu{position:fixed!important;left:18px!important;right:auto!important;top:80px!important;z-index:150!important} #appView.tenant-mode #notificationPanel{top:80px!important;left:18px!important;right:auto!important;z-index:150!important} @media (min-width:1101px){#appView.tenant-mode #sessionList,#appView.tenant-mode #clientList{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (min-width:768px) and (max-width:1100px){ #appView.tenant-mode .tenant-content{padding:94px 22px 34px!important} #appView.tenant-mode #sessionList,#appView.tenant-mode #clientList{grid-template-columns:repeat(2,minmax(0,1fr))!important} #appView.tenant-mode .wallet-github-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media (max-width:900px){ #appView.tenant-mode #tenantSidebar{transform:translateX(105%)!important;box-shadow:0 10px 30px rgba(15,23,42,.15)!important} #appView.tenant-mode #tenantSidebar.open{transform:translateX(0)!important} #appView.tenant-mode .tenant-content{margin-right:0!important} } @media (max-width:700px){ #appView.tenant-mode .tenant-content{padding:88px 14px 26px!important} #appView.tenant-mode #sessionList,#appView.tenant-mode #clientList,#appView.tenant-mode .wallet-github-grid,#appView.tenant-mode .settlement-classic-grid{grid-template-columns:1fr!important} #appView.tenant-mode .session-stats-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important} #appView.tenant-mode .page-heading{align-items:flex-start!important;flex-direction:column!important} } /* ========================================================= V7.0.2 — TENANT POLISH / ACCOUNT / NOTIFICATIONS / REPORTS ========================================================= */ #appView.tenant-mode .tenant-content{max-width:1560px!important;margin-left:auto!important} #appView.tenant-mode .page-heading{padding:2px 2px 0!important} #appView.tenant-mode .page-heading h2{letter-spacing:-.2px!important} #appView.tenant-mode .panel{box-shadow:0 6px 22px rgba(15,23,42,.055)!important} #appView.tenant-mode .section-head{gap:12px!important;align-items:flex-start!important} #appView.tenant-mode .list-item{border-radius:14px!important} #appView.tenant-mode .actions{gap:8px!important;flex-wrap:wrap!important} .account-profile-card{width:min(680px,94vw)!important;padding:0!important;overflow:hidden} .account-profile-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 22px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0} .account-profile-head h2{margin:0 0 4px;font-size:22px}.account-profile-head p{margin:0} .account-profile-avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ccfbf1;color:#115e59;font-size:26px} .account-profile-role{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.account-profile-role span,.account-profile-role b{font-size:11px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569}.account-profile-role b{background:#ecfdf5;color:#0f766e} .account-profile-form{padding:18px 22px 12px!important} .account-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 22px} .account-profile-actions>button{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;text-align:right!important;padding:12px!important} .account-profile-actions>button>span{font-size:20px}.account-profile-actions>button>div{display:grid;gap:2px}.account-profile-actions small{font-size:11px;opacity:.72} #appView.tenant-mode #notificationPanel{top:82px!important;right:16px!important;left:auto!important;width:min(430px,calc(100vw - 32px))!important;border-radius:18px!important;box-shadow:0 22px 55px rgba(15,23,42,.18)!important} .notification-panel-head{padding:13px 14px!important;background:#fff!important}.notification-panel-actions{flex-wrap:wrap;justify-content:flex-end} .notification-panel-actions .compact{padding:7px 9px!important;font-size:11px!important} .notification-list{padding:7px!important;max-height:min(590px,calc(100dvh - 160px))!important} .notification-row{grid-template-columns:9px minmax(0,1fr)!important;padding:11px 10px!important;border:1px solid transparent!important;border-bottom-color:#edf1f5!important;border-radius:11px!important;margin-bottom:3px!important} .notification-row.unread{background:#f0fdfa!important;border-color:#ccfbf1!important}.notification-row.read{opacity:.86}.notification-row.actionable.read{opacity:1;background:#fafcfd!important} .notification-copy{min-width:0}.notification-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-title-line strong{font-size:13px}.notification-title-line em{font-style:normal;font-size:9px;font-weight:800;padding:3px 6px;border-radius:999px;background:#fff7ed;color:#9a3412;white-space:nowrap} .notification-row p{font-size:12px;line-height:1.55;margin:4px 0 7px!important}.notification-row small{display:flex;justify-content:space-between;gap:8px;font-size:10px}.notification-row time{direction:rtl;color:#64748b} .notification-dot.success{background:#16a34a} #appView.tenant-mode .report-controls{border-radius:18px!important;overflow:hidden!important} #appView.tenant-mode .report-options-panel{border-radius:14px!important} #appView.tenant-mode .report-preview{border-radius:18px!important} #appView.tenant-mode .report-buttons .actions{justify-content:flex-start!important} @media(max-width:700px){ .account-profile-actions{grid-template-columns:1fr} #appView.tenant-mode #notificationPanel{top:76px!important;right:8px!important;left:8px!important;width:auto!important} .notification-panel-head{align-items:flex-start!important;flex-direction:column!important} } /* ========================================================= V7.0.3 — RESPONSIVE LAYOUT / SIDEBAR / MODALS / CLIENT CARDS ========================================================= */ /* المحتوى يتمدد فعلياً عند إغلاق القائمة ولا يبقى فراغ محجوز */ #appView.tenant-mode .tenant-content{ width:calc(100% - 250px)!important; max-width:none!important; margin-left:0!important; margin-right:250px!important; padding-left:clamp(16px,2vw,30px)!important; padding-right:clamp(16px,2vw,30px)!important; box-sizing:border-box!important; min-width:0!important; } #appView.tenant-mode #tenantView.sidebar-collapsed .tenant-content{ width:100%!important; margin-right:0!important; } #appView.tenant-mode #tenantView.sidebar-collapsed #tenantSidebar{ transform:translateX(105%)!important; pointer-events:none!important; } #appView.tenant-mode #tenantView.sidebar-expanded #tenantSidebar{ transform:translateX(0)!important; pointer-events:auto!important; } /* منع تكدس المحتوى مع الحفاظ على كثافة جيدة */ #appView.tenant-mode .dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important} #appView.tenant-mode .dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important} #appView.tenant-mode .dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important} #appView.tenant-mode .action-center-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important} #appView.tenant-mode .panel,#appView.tenant-mode .card{min-width:0!important} #appView.tenant-mode .list-row>*{min-width:0!important} /* القائمة الجانبية — خط أوضح وتسلسل بصري أفضل */ #appView.tenant-mode #tenantSidebar{font-size:15px!important} #appView.tenant-mode #tenantSidebar .nav-item{ font-size:15.5px!important; line-height:1.45!important; font-weight:700!important; letter-spacing:0!important; padding:12px 13px!important; } #appView.tenant-mode #tenantSidebar .nav-item .nav-icon{ width:30px!important;min-width:30px!important;height:30px!important; display:grid!important;place-items:center!important;border-radius:9px!important; background:#f8fafc!important;font-size:17px!important;color:#526174!important; } #appView.tenant-mode #tenantSidebar .nav-item.active .nav-icon{background:#fff!important;color:var(--v14-primary-dark)!important} #appView.tenant-mode .tenant-sidebar-tools button{font-size:14px!important;line-height:1.4!important;padding:10px 11px!important} #appView.tenant-mode #tenantSidebar .sidebar-footer{display:grid!important;gap:10px!important;padding:13px 8px 4px!important} .sidebar-user-summary{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center} .sidebar-user-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0fdfa;color:#0f766e;font-size:18px;border:1px solid #ccfbf1} .sidebar-user-summary strong{display:block;color:#23324a;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sidebar-user-summary small{display:block;margin-top:2px;color:#718096;font-size:11px} .sidebar-data-note{font-size:10.5px!important;color:#94a3b8!important;padding:0 2px} .sidebar-logout-btn{width:100%;border:1px solid #fecaca;background:#fff7f7;color:#b42318;border-radius:11px;padding:10px 11px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;cursor:pointer} .sidebar-logout-btn:hover{background:#fef2f2;border-color:#fca5a5} .sidebar-logout-btn span{font-size:17px} .account-profile-actions.single-action{grid-template-columns:1fr!important} /* بطاقات العملاء — فصل المربعات بصرياً */ #appView.tenant-mode #clientList .customer-summary-card{border-color:#dbe3ec!important;overflow:hidden!important} #appView.tenant-mode #clientList .customer-card-head{padding-bottom:13px!important;border-bottom:1px solid #edf1f5!important} #appView.tenant-mode #clientList .customer-avatar{box-shadow:inset 0 0 0 1px rgba(49,87,213,.14),0 4px 12px rgba(49,87,213,.10)!important} #appView.tenant-mode #clientList .customer-activity-grid{margin-top:13px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important} #appView.tenant-mode #clientList .customer-stat{ min-height:66px!important;padding:9px 6px!important;border:1px solid #e2e8f0!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;display:grid!important;place-items:center!important;align-content:center!important;gap:3px!important; } #appView.tenant-mode #clientList .customer-stat span{font-size:18px!important;font-weight:900!important;color:#253650!important} #appView.tenant-mode #clientList .customer-stat small{font-size:10.5px!important;line-height:1.25!important;color:#64748b!important;text-align:center!important} #appView.tenant-mode #clientList .customer-stat:nth-child(1){background:#eff6ff!important;border-color:#bfdbfe!important} #appView.tenant-mode #clientList .customer-stat:nth-child(1) span{color:#1d4ed8!important} #appView.tenant-mode #clientList .customer-stat:nth-child(2){background:#f5f3ff!important;border-color:#ddd6fe!important} #appView.tenant-mode #clientList .customer-stat:nth-child(2) span{color:#6d28d9!important} #appView.tenant-mode #clientList .customer-stat:nth-child(3){background:#fffbeb!important;border-color:#fde68a!important} #appView.tenant-mode #clientList .customer-stat:nth-child(3) span{color:#b45309!important} #appView.tenant-mode #clientList .customer-stat:nth-child(4){background:#fff7ed!important;border-color:#fed7aa!important} #appView.tenant-mode #clientList .customer-stat:nth-child(4) span{color:#c2410c!important} #appView.tenant-mode #clientList .customer-stat:nth-child(5){background:#fef2f2!important;border-color:#fecaca!important} #appView.tenant-mode #clientList .customer-stat:nth-child(5) span{color:#b91c1c!important} #appView.tenant-mode #clientList .customer-card-foot{margin-top:13px!important} #appView.tenant-mode #clientList .customer-due-pill{border:1px solid transparent!important;padding:7px 10px!important;border-radius:10px!important;min-width:86px!important} #appView.tenant-mode #clientList .customer-due-pill.danger{background:#fef2f2!important;border-color:#fecaca!important} #appView.tenant-mode #clientList .customer-due-pill.success{background:#ecfdf5!important;border-color:#a7f3d0!important} /* النوافذ المنبثقة — لغة تصميم موحدة وأوضح */ .modal{background:rgba(15,23,42,.46)!important;backdrop-filter:blur(7px)!important;padding:clamp(10px,2vw,24px)!important} .modal-card{ border:1px solid #d9e2ec!important;border-radius:22px!important; box-shadow:0 28px 80px rgba(15,23,42,.24)!important; padding:20px!important;background:#fff!important; scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent; } .modal-card:not(.wide-modal):not(.modal-wide):not(.admin-auction-modal-card){width:min(560px,96vw)!important} .modal-card.modal-wide{width:min(840px,96vw)!important} .modal-card.wide-modal{width:min(1040px,96vw)!important} .modal-card>h2{margin:0 0 6px!important;font-size:21px!important;color:#172033!important} .modal-card>p.muted{margin:0 0 14px!important;line-height:1.6!important} .modal-head-v14,.modal-title-row,.modal-card>.section-head{ position:sticky!important;top:-20px!important;z-index:4!important; margin:-20px -20px 16px!important;padding:16px 20px!important; background:linear-gradient(180deg,#f8fafc,#fff)!important; border-bottom:1px solid #e2e8f0!important; } .modal-head-v14{padding-bottom:16px!important} .modal-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important} .modal-title-row h2{margin:2px 0 3px!important;font-size:21px!important} .modal-actions{ position:sticky!important;bottom:-20px!important;z-index:4!important; margin:18px -20px -20px!important;padding:14px 20px 16px!important; background:rgba(255,255,255,.97)!important;border-top:1px solid #e2e8f0!important; backdrop-filter:blur(7px)!important; } .modal-actions button{min-width:112px!important} .modal .icon-close,.modal .close-btn{width:36px!important;height:36px!important;border-radius:11px!important;border:1px solid #dbe3ec!important;background:#fff!important;color:#475569!important;font-size:20px!important;display:grid!important;place-items:center!important;padding:0!important} .modal .icon-close:hover,.modal .close-btn:hover{background:#f1f5f9!important;color:#0f172a!important} /* خيارات التقارير أوضح */ #appView.tenant-mode .report-option{border:1px solid #e2e8f0!important;background:#fff!important;border-radius:11px!important;padding:9px 10px!important} #appView.tenant-mode .report-option:has(input:checked){border-color:#99f6e4!important;background:#f0fdfa!important} /* نفس نقطة التحول للقائمة والمحتوى: 1180px، وليس 900px */ @media(max-width:1180px){ #appView.tenant-mode #tenantSidebar{transform:translateX(105%)!important;box-shadow:0 14px 38px rgba(15,23,42,.18)!important} #appView.tenant-mode #tenantSidebar.open{transform:translateX(0)!important;pointer-events:auto!important} #appView.tenant-mode .tenant-content{width:100%!important;margin-right:0!important;padding:94px 18px 34px!important} #appView.tenant-mode .dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:850px){ #appView.tenant-mode .dashboard-columns{grid-template-columns:1fr!important} #appView.tenant-mode #clientList .customer-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:700px){ #appView.tenant-mode .tenant-content{padding:88px 12px 26px!important} #appView.tenant-mode #clientList .customer-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .modal{align-items:end!important;padding:0!important} .modal-card{width:100%!important;max-height:92dvh!important;border-radius:22px 22px 0 0!important;padding:16px 14px calc(16px + env(safe-area-inset-bottom))!important} .modal-head-v14,.modal-title-row,.modal-card>.section-head{top:-16px!important;margin:-16px -14px 14px!important;padding:14px!important} .modal-actions{bottom:calc(-16px - env(safe-area-inset-bottom))!important;margin:16px -14px calc(-16px - env(safe-area-inset-bottom))!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important} .modal-actions button{min-width:0!important;width:100%!important} }