/* Flowshop v0.2 — operational sales & orders: RTL, responsive, accessible */
:root{--sales-violet:#7935ec;--sales-violet-dark:#5a26c7;--sales-lavender:#f0eaff;--sales-line:#ebe7f4;--sales-muted:#85859d}
body.is-app{background:#f7f7fc}
body.is-app .sidebar{background:linear-gradient(165deg,#8f35f3 0%,#6a26d2 52%,#5520ac 100%);color:#f5eaff;box-shadow:-10px 0 32px #542b9f15}
body.is-app .sidebar .brand{color:white}
body.is-app .sidebar .brand small,body.is-app .sidebar .nav-label,body.is-app .sidebar .store-box small,body.is-app .sidebar .profile small{color:#e0caff}
body.is-app .sidebar .store-box{background:#ffffff18;border-color:#ffffff38}
body.is-app .sidebar .menu a{color:#f7ecff}
body.is-app .sidebar .menu a:hover{background:#ffffff25}
body.is-app .sidebar .menu a.selected{background:#fff;color:#6724d3;box-shadow:0 8px 22px #40108730;font-weight:800}
body.is-app .sidebar .pill-counter{background:#e7c4ff;color:#5c1bba}
body.is-app .sidebar .sidebar-hint{background:#ffffff1c;border-color:#ffffff33}
body.is-app .sidebar .sidebar-hint small{color:#f0dfff}
body.is-app .sidebar .profile .user-dot{background:#ffffff3d}
body.is-app .sidebar .profile strong{color:white}
body.is-app .sidebar .profile button{color:white}
body.is-app .topbar{background:#ffffffea;box-shadow:0 3px 14px #4930800a}
body.is-app .content{max-width:1600px}
body.is-app .btn.primary{background:linear-gradient(115deg,#8d43f6,#7131df);border:1px solid #8c4cec;box-shadow:0 4px 14px #a778f42a}
body.is-app .btn:focus-visible,body.is-app a:focus-visible,body.is-app input:focus-visible,body.is-app select:focus-visible,body.is-app textarea:focus-visible{outline:3px solid #ac83ff;outline-offset:2px}
.sales-page-head{align-items:center}
.sales-page-head h1{font-size:29px;letter-spacing:-.7px;font-weight:900}
.sales-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}
.sales-kpi{position:relative;min-width:0;display:flex;flex-direction:column;gap:7px;background:white;border:1px solid var(--sales-line);border-radius:19px;padding:20px 23px;box-shadow:0 12px 32px #55368f09;overflow:hidden}
.sales-kpi>span:not(.kpi-symbol){color:#777890;font-size:12px;font-weight:700;margin-top:7px}
.sales-kpi strong{font-size:27px;font-weight:900;line-height:1.5;color:#18152c;white-space:normal;overflow-wrap:anywhere}
.sales-kpi strong em,.sales-detail-main em,.sales-product-row em{font-size:11px;font-style:normal;font-weight:600;white-space:nowrap}
.sales-kpi small{font-size:10.5px;color:#9390a4;line-height:1.7}
.kpi-symbol{display:grid;place-items:center;width:40px;height:40px;line-height:1;border-radius:13px;background:#f3edff;color:#7432e8;font-size:22px;font-weight:800}
.kpi-symbol.blue{background:#edf2ff;color:#5474f0}.kpi-symbol.amber{background:#fff5e4;color:#ea9517}.kpi-symbol.light{background:#ffffff26;color:white}
.sales-kpi.featured{background:linear-gradient(125deg,#934af8,#702bd9);color:white;border-color:#934af8;box-shadow:0 12px 28px #8f50ec25}
.sales-kpi.featured strong,.sales-kpi.featured>span:not(.kpi-symbol){color:white}
.sales-kpi.featured small{color:#f0e0ff}
.sales-filter-card{margin-bottom:19px;padding:20px 23px}
.sales-filter-card .panel-head{margin-bottom:15px}
.sales-filter-card .panel-head p{font-size:11px;margin:2px 0;color:#9c9bad}
.count-chip{display:inline-flex;align-items:center;justify-content:center;background:#f4eeff;color:#7b33e5;border-radius:9px;padding:4px 12px;white-space:nowrap;font-size:11px;font-weight:700}
.sales-filters{display:grid;grid-template-columns:minmax(210px,1.6fr) repeat(4,minmax(118px,1fr)) auto;gap:12px;align-items:end}
.sales-filters label,.sales-manage-form label,.sales-refund-form label,.sales-note-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#656477;min-width:0}
.sales-filters input,.sales-filters select,.sales-manage-form input,.sales-manage-form select,.sales-refund-form input,.sales-note-form textarea{width:100%;min-width:0;background:#faf9fe;border:1px solid #e5e1f1;border-radius:11px;padding:10px 12px;color:#322b49;min-height:45px}
.sales-filters input:focus,.sales-filters select:focus,.sales-manage-form input:focus,.sales-refund-form input:focus,.sales-note-form textarea:focus{background:white}
.filter-buttons{display:flex;gap:7px;align-items:center;min-width:max-content}
.filter-buttons .btn{min-height:45px;padding-inline:14px}
.sales-two-col{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.sales-table-card{padding:22px 0 0;overflow:hidden}
.sales-table-card .panel-head{padding-inline:23px}
.sales-table{min-width:715px;width:100%;border-collapse:collapse;text-align:right}
.sales-table thead th{background:#faf9fd;color:#88869c;font-size:10px;border-top:1px solid #f2f0f9;border-bottom:1px solid #f2f0f9;padding:13px 14px;white-space:nowrap}
.sales-table tbody td{padding:15px 14px;border-bottom:1px solid #f1eff5;vertical-align:middle;font-size:11px}
.sales-table tbody tr:hover{background:#fcfaff}
.sales-table .cell-small{display:block;font-size:10px;margin-top:4px;color:#9291a4}
.order-id-link{font-weight:900;color:#7629e4;font-size:13px;direction:ltr;display:inline-block}
.money-cell{font-weight:900;direction:ltr;display:inline-block;font-size:13px}
.sales-status{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:5px 9px;white-space:nowrap;font-size:10px;font-weight:800}
.sales-status i{width:6px;height:6px;border-radius:100%;display:inline-block;background:currentColor}
.sales-status.ok{background:#e5f9ef;color:#168854}.sales-status.wait{background:#fff3dc;color:#a56a0c}.sales-status.info{background:#e9f1ff;color:#3867cc}.sales-status.off{background:#f1f0f4;color:#828093}
.open-order{font-size:11px;color:#7033d8;font-weight:800;white-space:nowrap}
.sales-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;color:#9b98ad;font-size:11px;gap:8px}
.sales-pagination>div{display:flex;align-items:center;gap:10px}.page-current{font-weight:800;color:#7043c9}
.sales-create-card .field-grid{display:flex;flex-direction:column;gap:15px}
.sales-create-card .field-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#67637d}
.sales-create-card .field-grid select,.sales-create-card .field-grid input{width:100%;min-width:0;border:1px solid #e5e1f1;border-radius:10px;background:#faf9ff;padding:10px;min-height:45px}
.sales-info-box{display:flex;gap:10px;background:#f6f1ff;border:1px solid #ede3ff;padding:12px;border-radius:13px;margin:6px 0;color:#6e40b8}
.sales-info-box>span{font-size:18px;font-weight:900}.sales-info-box p{font-size:11px;color:#695289;margin:0;line-height:2}
.sales-quick-links{display:flex;justify-content:space-between;border-top:1px solid #eee9f6;padding-top:16px;margin-top:20px;font-size:11px;font-weight:800;color:#7634dc}
.sales-report-filters{grid-template-columns:repeat(2,minmax(150px,220px)) auto;justify-content:start}
.sales-filter-hint{font-size:10px;margin:10px 0 0;color:#9a95a7}
.sales-report-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(275px,1fr);gap:18px}
.sales-chart-card{min-height:330px}.sales-chart{display:flex;gap:16px;direction:ltr;height:235px;padding-top:20px}
.sales-chart-guide{display:flex;flex-direction:column;justify-content:space-between;color:#a5a0b7;font-size:10px;min-width:90px;text-align:left;padding-bottom:22px}
.sales-chart-bars{display:flex;align-items:end;justify-content:space-between;gap:6px;flex:1;border-bottom:1px solid #e8e4ef;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#edeaf3 50%,transparent calc(50% + 1px),transparent 100%)}
.sales-chart-day{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:7px;color:#948baa;font-size:9px}
.sales-chart-bar{width:min(100%,28px);min-height:3px;background:linear-gradient(180deg,#ab6afe 0%,#7530e5 100%);border-radius:7px 7px 0 0;transition:filter .15s}
.sales-chart-day:hover .sales-chart-bar{filter:brightness(.85)}
.sales-top-products .panel-head{margin-bottom:9px}.sales-product-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f1edf5}
.sales-product-row:last-child{border:0}.rank-bubble{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;background:#f3ebff;color:#7a31e9;border-radius:9px;font-size:12px;font-weight:900}
.sales-product-row>div{flex:1;min-width:0}.sales-product-row strong{display:block;font-size:11px}.sales-product-row small{display:block;color:#9895a9;font-size:10px}.sales-product-row>b{font-size:12px;white-space:nowrap}
.sales-insight{display:flex;gap:15px;margin-top:18px;background:#f9f6ff}.sales-insight-icon{font-size:30px;color:#8137e9}.sales-insight strong{font-size:12px}.sales-insight p{font-size:11px;margin:3px 0 0;line-height:2}
.sales-order-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:17px}
.sales-order-summary .panel{display:flex;flex-direction:column;gap:9px}.sales-order-summary strong{font-size:22px;color:#252039}.sales-order-summary strong small{font-size:11px}.sales-detail-label{color:#8c859b;font-size:11px}.sales-order-summary p{margin:0;font-size:10.5px}
.sales-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(275px,.8fr);gap:18px;align-items:start}
.sales-detail-main,.sales-detail-aside{display:flex;flex-direction:column;gap:17px;min-width:0}
.order-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.order-data-grid>div{padding:13px 14px;background:#faf9fe;border-radius:11px;min-width:0}
.order-data-grid .full-width{grid-column:1 / -1}.order-data-grid dt{font-size:10px;color:#9b97ae}.order-data-grid dd{font-size:12px;font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}
.sales-manage-form{display:grid;grid-template-columns:1fr 1.2fr auto;gap:11px;align-items:end}
.sales-manage-form .btn{min-height:45px}.sales-note-form{display:flex;flex-direction:column;gap:10px}.sales-note-form .btn{align-self:flex-start}.sales-note-form textarea{resize:vertical}
.order-notes-list{display:flex;flex-direction:column;gap:9px;margin-top:17px}.order-notes-list article{padding:11px 13px;background:#faf9fd;border-radius:11px}.order-notes-list small{font-size:10px;color:#9793aa;display:block}.order-notes-list p{margin:4px 0 0;color:#514d63;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.order-notes-list strong{display:block;font-size:12px}
.sales-separator{border:none;border-top:1px solid #efeaf4;margin:17px 0}
.sales-caution{background:#fff9e9;border-radius:10px;padding:12px;color:#8c6d2a;font-size:10px;line-height:2}
.sales-refund-form{display:flex;flex-direction:column;gap:10px;margin-top:15px}.sales-refund-total{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #f1edf5;padding:9px 0;font-size:11px}.sales-refund-total strong{font-size:11px}
.sales-confirm{flex-direction:row!important;gap:8px!important;align-items:flex-start;color:#5e536b!important;line-height:1.7}.sales-confirm input{width:17px!important;height:17px!important;min-height:0;flex-shrink:0;margin:2px 0 0}
/* Gregorian input values are stored on the server; selected/displayed dates are Jalali. */
.jalali-control{position:relative;min-width:0}.jalali-control input{padding-left:37px;direction:ltr;text-align:center}.jalali-trigger{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:30px;height:32px;border:0;background:transparent;color:#7d39df;display:grid;place-items:center;font-size:17px;border-radius:8px}.jalali-trigger:hover{background:#e9ddfc}
.jalali-popup{position:absolute;z-index:90;top:calc(100% + 6px);right:0;width:288px;max-width:calc(100vw - 30px);background:white;border:1px solid #e5daf8;box-shadow:0 20px 40px #4a247f23;border-radius:16px;padding:15px;direction:rtl}
.jalali-pop-head{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:14px}.jalali-pop-head strong{font-size:13px}.jalali-pop-head button{background:#f3eaff;border:0;border-radius:8px;width:30px;height:30px;color:#7135ce;font-size:18px}
.jalali-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.jalali-grid span{display:grid;place-items:center;font-size:10px;color:#9a95a8;height:29px}.jalali-grid button{height:30px;width:100%;border:0;background:white;color:#4a425f;border-radius:8px;font-size:11px}.jalali-grid button:hover{background:#f1e8ff}.jalali-grid button.active{background:#8035e9;color:#fff}.jalali-pop-footer{display:flex;justify-content:space-between;margin-top:9px;border-top:1px solid #eee9f3;padding-top:9px}.jalali-pop-footer button{border:none;background:transparent;color:#7832e1;font-size:11px;font-weight:800}
@media(max-width:1450px){.sales-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-filters .search-wide{grid-column:span 2}.sales-filters .filter-buttons{justify-content:end}.sales-kpi{padding:17px}.sales-kpi strong{font-size:23px}}
@media(max-width:1100px){.sales-two-col,.sales-detail-grid{grid-template-columns:1fr}.sales-create-card .field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.sales-create-card .field-grid .sales-info-box{grid-column:1 / -1}.sales-create-card .field-grid button{max-width:230px}.sales-order-summary{gap:9px}}
@media(max-width:820px){.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-report-grid{grid-template-columns:1fr}.sales-manage-form{grid-template-columns:1fr 1fr}.sales-manage-form button{grid-column:1 / -1;justify-self:start}.sales-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-filters .search-wide{grid-column:span 2}}
@media(max-width:550px){.sales-kpi-grid{gap:9px;margin-bottom:14px}.sales-kpi{padding:13px;border-radius:15px}.sales-kpi strong{font-size:19px}.sales-kpi strong em{display:block}.sales-kpi>span:not(.kpi-symbol){font-size:10px}.sales-kpi small{font-size:9px}.sales-page-head h1{font-size:24px}.sales-filters{gap:9px;grid-template-columns:1fr 1fr}.sales-filters .search-wide,.sales-filters .filter-buttons{grid-column:1/-1}.sales-filters label{font-size:10px}.sales-filters .filter-buttons .btn{flex:1}.sales-create-card .field-grid{grid-template-columns:1fr}.sales-create-card .field-grid .sales-info-box{grid-column:auto}.sales-create-card .field-grid button{max-width:unset}.sales-filter-card{padding:15px}.sales-order-summary{grid-template-columns:1fr}.sales-order-summary .panel{padding:14px}.sales-manage-form{grid-template-columns:1fr}.sales-manage-form button{grid-column:auto}.order-data-grid{grid-template-columns:1fr}.sales-report-filters{grid-template-columns:1fr 1fr}.sales-report-filters .filter-buttons{grid-column:1/-1}.sales-chart-guide{min-width:57px}.sales-chart-bars{gap:3px}.sales-chart-day span{font-size:8px}.sales-pagination{padding:11px}.sales-table{min-width:690px}}
@media(prefers-reduced-motion:reduce){.sales-chart-bar{transition:none}}
/* Fixed phone navigation and readable order cards */
.mobile-bottom-nav{display:none}
@media(max-width:960px){
  body.is-app .content{padding-bottom:105px}
  body.is-app .app-footer{padding-bottom:88px}
  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;min-height:70px;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));z-index:85;background:#ffffffed;box-shadow:0 -7px 30px #39245c17;border-top:1px solid #f0e9f7;backdrop-filter:blur(16px);border-radius:16px 16px 0 0;direction:rtl}
  .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:none;border:0;min-width:0;color:#877e9f;font-size:10px;font-weight:700;border-radius:10px;padding:5px 1px}
  .mobile-bottom-nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav a.active{color:#7933e7;background:#f4ecff}
  .mobile-bottom-nav a:hover,.mobile-bottom-nav button:hover{color:#7933e7}
  .mobile-nav{font-family:Vazirmatn,Tahoma,sans-serif}
}
@media(max-width:650px){
 .sales-table-card{padding:14px 0 0;background:transparent;border:0;box-shadow:none;overflow:visible}
 .sales-table-card .panel-head{padding:0 6px 10px}
 .sales-table-card .table-wrap{overflow:visible}
 .sales-table{display:block;min-width:0;width:100%}
 .sales-table thead{display:none}
 .sales-table tbody{display:grid;gap:11px}
 .sales-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:14px;background:white;border:1px solid #eae5f4;box-shadow:0 8px 20px #4d38850b;border-radius:15px;min-width:0}
 .sales-table tbody tr:hover{background:white}
 .sales-table tbody td{display:block;padding:0;border:0!important;font-size:11px;min-width:0;white-space:normal}
 .sales-table tbody td:before{content:attr(data-label);display:block;font-size:9px;color:#9b97a9;margin-bottom:3px;font-weight:700}
 .sales-table tbody td:nth-child(1){order:1}
 .sales-table tbody td:nth-child(2){order:3;grid-column:1/-1;background:#fcfaff;border-radius:9px;padding:8px 11px}
 .sales-table tbody td:nth-child(3){order:2;text-align:left}
 .sales-table tbody td:nth-child(4){order:4}
 .sales-table tbody td:nth-child(5){order:5}
 .sales-table tbody td:nth-child(6){order:6;grid-column:1/-1;border-top:1px solid #f2edf9!important;padding-top:8px;text-align:left}
 .sales-table tbody td:nth-child(3) .cell-small{margin-top:0}
 .sales-table tbody tr td.empty-row{grid-column:1/-1;order:1;text-align:center;padding:20px 0}
 .sales-table tbody tr td.empty-row::before{display:none}
 .open-order{display:inline-flex;align-items:center;background:#f3ebff;padding:6px 13px;border-radius:9px}
 .sales-table-card .sales-pagination{padding:15px 7px}
}
.top-date{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:#f3ebff;color:#6c2ccf;border-radius:10px;font-size:11px;font-weight:800}
@media(max-width:650px){.top-date{display:none}}