/* Shared compact views for existing workspaces. Keep labels readable in a scrollable strip. */
@media(max-width:700px){
 .sx-mobile-views,#sx-phonebook .pb-book-tabs,.toolbar.report-mode .viewtabs,#sx-finance-screen .finance-tabs,#sx-finance-screen .finance-nav{
  display:flex!important;flex-direction:row;flex-wrap:nowrap!important;align-items:stretch;gap:4px;padding:5px;border:1px solid #e6edf5;border-radius:11px;background:#f1f5fb;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;min-width:0;max-width:100%;box-sizing:border-box
 }
 .toolbar.report-mode .viewtabs{grid-template-columns:none;width:100%;grid-column:1/-1;margin:2px 0 0}
 .sx-mobile-views>a,.sx-mobile-views>button,.toolbar.report-mode .viewtabs>button,#sx-finance-screen .finance-tabs>button,#sx-finance-screen .finance-nav>a{
  display:inline-flex;align-items:center;justify-content:center;flex:1 0 auto!important;min-width:max-content;min-height:40px;max-width:none;padding:7px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#718198;font-size:11px;font-weight:600;line-height:1.35;white-space:nowrap;text-decoration:none;box-shadow:none;box-sizing:border-box
 }
 .sx-mobile-views>[aria-selected=true],.sx-mobile-views>[aria-pressed=true],.toolbar.report-mode .viewtabs>button[aria-pressed=true],#sx-finance-screen .finance-tabs>button[aria-selected=true],#sx-finance-screen .finance-nav>a[aria-current=page]{
  background:#fff;color:#1768d4;border-color:#dce6f2;box-shadow:0 2px 5px #163b6210
 }
 #sx-finance-screen .finance-tabs{width:100%;margin:10px 0 14px}
 #sx-finance-screen .finance-nav{margin:10px 0}
 #sx-finance-screen .fd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
 #sx-finance-screen .fd-kpi{padding:12px;border-radius:11px;gap:6px;box-shadow:none}
 #sx-finance-screen .fd-kpi strong{font-size:21px;line-height:1.2;overflow-wrap:anywhere}
 #sx-finance-screen .fd-kpi small{font-size:11px;line-height:1.4}
 #sx-finance-screen .fd-heading{margin:0 0 12px;gap:10px}
 #sx-finance-screen .fd h1{font-size:22px;line-height:1.2}
}
@media(max-width:700px){
 .sx-mobile-views>[hidden],.toolbar.report-mode .viewtabs>[hidden],#sx-finance-screen .finance-tabs>[hidden],#sx-finance-screen .finance-nav>[hidden]{display:none!important}
}
/* Document registers become readable cards; detail dialogs and desktop tables retain their layout. */
@media(max-width:700px){
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) .table-wrap{overflow:visible;border:0;background:transparent}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) table{display:block;width:100%;min-width:0!important;border:0;table-layout:auto}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) tbody{display:grid;gap:10px;width:100%}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) tbody tr{display:block;border:1px solid #e3eaf3;border-radius:12px;background:#fff;padding:12px;min-width:0}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) td{display:block;width:auto!important;min-width:0;padding:6px 0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) td::before{display:block;color:#718198;font-size:10px;font-weight:600;margin-bottom:2px}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) td:first-child{font-weight:700;font-size:14px;padding-top:0}
 #sx-finance-screen :is(#sx-generated-invoice-history,#sx-receipt-results) td:last-child{border-top:1px solid #edf1f6;margin-top:6px;padding-top:10px}
 #sx-finance-screen .sx-generated-invoice-actions{display:flex;flex-wrap:wrap;gap:6px}
 #sx-finance-screen .sx-generated-invoice-actions button{min-height:40px;padding:8px 12px;flex:1 1 auto}
 #sx-finance-screen .invoice-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
 #sx-finance-screen .invoice-filters label{min-width:0}
 #sx-finance-screen .invoice-filters label:first-child,#sx-finance-screen [data-generated-filter] label:nth-child(2),#sx-finance-screen .invoice-filters .actions,#sx-finance-screen .sx-generated-filter-actions{grid-column:1/-1}
 #sx-finance-screen .invoice-filters :is(input,select){width:100%;min-width:0;box-sizing:border-box;font-size:12px}
 #sx-finance-screen #sx-generated-invoice-history td:nth-child(2)::before{content:'Customer'}
 #sx-finance-screen #sx-generated-invoice-history td:nth-child(3)::before{content:'Course'}
 #sx-finance-screen #sx-generated-invoice-history td:nth-child(4)::before{content:'Total'}
 #sx-finance-screen #sx-receipt-results td:nth-child(2)::before{content:'Received'}
 #sx-finance-screen #sx-receipt-results td:nth-child(3)::before{content:'Invoice'}
 #sx-finance-screen #sx-receipt-results td:nth-child(4)::before{content:'Customer'}
 #sx-finance-screen #sx-receipt-results td:nth-child(5)::before{content:'Method'}
 #sx-finance-screen #sx-receipt-results td:nth-child(6)::before{content:'Amount'}
 #sx-finance-screen #sx-receipt-results td:nth-child(7)::before{content:'Email delivery'}
 [dir=rtl] #sx-finance-screen #sx-generated-invoice-history td:nth-child(2)::before{content:'العميل'}
 [dir=rtl] #sx-finance-screen #sx-generated-invoice-history td:nth-child(3)::before{content:'الدورة'}
 [dir=rtl] #sx-finance-screen #sx-generated-invoice-history td:nth-child(4)::before{content:'الإجمالي'}
 [dir=rtl] #sx-finance-screen #sx-receipt-results td:nth-child(2)::before{content:'تاريخ الاستلام'}
 [dir=rtl] #sx-finance-screen #sx-receipt-results td:nth-child(3)::before{content:'الفاتورة'}
 [dir=rtl] #sx-finance-screen #sx-receipt-results td:nth-child(4)::before{content:'العميل'}
 [dir=rtl] #sx-finance-screen #sx-receipt-results td:nth-child(5)::before{content:'طريقة الدفع'}
 [dir=rtl] #sx-finance-screen #sx-receipt-results td:nth-child(6)::before{content:'المبلغ'}
 [dir=rtl] #sx-finance-screen #sx-receipt-results td:nth-child(7)::before{content:'حالة الإرسال'}
}