/* v37.3.17 — audited component boundaries. Loaded after historical layers. */ :root{--font:'Vazirmatn',Tahoma,Arial,sans-serif} #appView #content{min-width:0} #btConnectionState{position:fixed;bottom:10px;left:10px;max-width:min(540px,calc(100vw - 84px));padding:10px 14px;border:1px solid #e5b268;background:#fff4dd;color:#744e11;border-radius:8px;z-index:5000;font:13px/1.8 var(--font);box-shadow:0 3px 18px #0002} #btConnectionState[hidden]{display:none} .bt-sync-state{font-size:12px;color:#687281;padding:8px 0} /* Main operations reflow; the form width, not the whole display, determines columns. */ #appView #content .stl-card{container:stl / inline-size} #appView #content .stl-footer-scroll{overflow:visible;max-width:100%;min-width:0} #appView #content .stl-primary-actions{min-width:0!important;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important} #appView #content .stl-primary-actions [data-stl-driver], #appView #content .stl-primary-actions [data-stl="reopen"], #appView #content .stl-primary-actions [data-stl="send-dispatch"], #appView #content .stl-primary-actions [data-stl="submit"]{grid-column:auto!important;grid-row:auto!important;min-width:0!important} #appView #content .stl-primary-actions .btn,#appView #content .stl-primary-actions .stl-submit{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;height:auto!important;min-height:44px!important;padding:9px!important;line-height:1.8!important} #appView #content .stl-primary-actions [data-stl-driver]{height:44px!important} #appView #content .stl-summary-line{flex-wrap:wrap} #appView #content .stl-summary-line b,#appView #content .stl-amount,#appView #content .stl-kg{white-space:nowrap;word-break:normal;overflow-wrap:normal} #appView #content .stl-summary-line b{font-size:clamp(12px,2.4vw,16px)} #appView #content .stl-check.stl-manual{white-space:normal;align-items:flex-start;line-height:1.9} #appView #content .stl-check input{flex-shrink:0} #appView #content .stl-cell-name b{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important;line-height:1.9!important} #appView #content .stl-form-head-inline{flex-wrap:wrap!important} #appView #content .bt-customer-strip-scroll{flex-basis:100%;} #appView #content .bt-customer-field{height:auto!important;min-height:38px!important} #appView #content .bt-customer-field span{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;overflow:visible!important;text-overflow:clip!important} @container stl (min-width:850px){#appView #content .stl-primary-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @container stl (max-width:520px){ #appView #content .stl-primary-actions{grid-template-columns:minmax(0,1fr)!important} #appView #content .stl-invoice-bottom{grid-template-columns:minmax(0,1fr)!important} #appView #content .stl-financial-column{grid-column:1!important;grid-row:2!important} #appView #content .stl-verification-column{grid-column:1!important;grid-row:1!important} #appView #content .stl-form-head-inline .bt-customer-strip-scroll{flex:1 1 100%!important;order:3} } @container stl (max-width:330px){#appView #content .stl-money-summary label{grid-template-columns:minmax(0,1fr)!important;gap:4px}#appView #content .stl-money-summary input{height:44px!important}} /* Older browsers without container queries still get a safe single-column mobile form. */ @media(max-width:600px){ #appView #content .stl-primary-actions{grid-template-columns:minmax(0,1fr)!important} #appView #content .stl-money-summary label{grid-template-columns:minmax(0,1fr)!important} #appView #content .stl-invoice-bottom{grid-template-columns:minmax(0,1fr)!important} #appView #content .stl-form-head-inline .bt-customer-strip-scroll{flex:1 1 100%!important;order:3} #appView #content .stl-form-head-inline{justify-content:space-between!important} } /* Gate plate: fixed number of meaningful parts, no 700px ancestor or zero-width fields. */ #appView #content #plateBox .iran-plate{display:grid!important;grid-template-columns:26px minmax(28px,1fr) minmax(28px,1fr) minmax(42px,1.5fr) minmax(28px,1fr)!important;width:min(100%,340px)!important;min-width:0!important;max-width:100%!important;direction:ltr!important;height:52px!important;gap:0!important} #appView #content #plateBox .plate-part{min-width:0!important;width:auto!important;padding:0!important} #appView #content #plateBox input,#appView #content #plateBox select{width:100%!important;min-width:0!important;padding:0 1px!important;height:48px!important;text-align:center!important;letter-spacing:0!important;font-size:16px!important} #appView #content #plateBox .blue-strip{width:26px!important;min-width:0!important;font-size:8px!important} #appView #content .sd-queue-main{min-width:0!important} #appView #content .sd-queue-main strong{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important} #appView #content .sd-chip,#appView #content .mini-verify,#appView #content .sd-invoice-no{width:auto!important;max-width:none;white-space:nowrap!important;word-break:normal!important;flex-shrink:0} #appView #content #gateWaitingPanel{container:gatequeue / inline-size} @container gatequeue (max-width:430px){#appView #content #gateWaitingRows .sd-queue-row{grid-template-columns:32px minmax(0,1fr)!important}#appView #content #gateWaitingRows .sd-queue-row>.badge{grid-column:1/-1;justify-self:start}#appView #content #gateWaitingRows .sd-queue-main{grid-column:2}} #appView #content .sd-submit-bar .btn{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;min-height:44px!important;height:auto!important;line-height:1.9!important;padding:10px!important;text-align:center} #appView #content .sd-submit-bar .btn svg{flex-shrink:0} #appView #content .sd-invoice-row{container:invoicecard / inline-size;min-width:0!important} #appView #content .sd-invoice-row>div{min-width:0!important} #appView #content .sd-invoice-row>div>strong{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.9!important} #appView #content .sd-invoice-amount{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:clamp(12px,2vw,16px)!important} #appView #content .sd-invoice-row .toolbar{flex-wrap:wrap!important} #appView #content .sd-invoice-row small{white-space:normal;word-break:normal} /* Driver roster: two readable statistics per row, long names fully available on touch. */ #appView #content .dsp-roster-card{container:roster / inline-size;min-width:0!important} #appView #content .dsp-roster-card .dsp-roster-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important} #appView #content .dsp-roster-main strong,#appView #content .dsp-roster-main span,#appView #content .dsp-roster-orders>div b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.8!important} #appView #content .dsp-roster-stats small{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.7!important} #appView #content .dsp-roster-foot{flex-wrap:wrap!important} #appView #content .dsp-roster-foot>span{min-width:0;flex:1 1 150px} #appView #content .dsp-roster-foot small{white-space:normal!important;word-break:normal!important} #appView #content .drv-pos-term{white-space:normal;overflow-wrap:anywhere;max-width:100%} @container roster (min-width:440px){#appView #content .dsp-roster-card .dsp-roster-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:600px){ #appView #content .sd-invoice-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} #appView #content .sd-invoice-row>div{width:100%!important;display:block} #appView #content .sd-invoice-row .toolbar{display:flex!important} #appView #content .sd-invoice-row .mini-verify{display:inline-block;margin:2px 0} #appView #content .sd-submit-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:12px!important} #appView #content .sd-submit-bar .btn{width:100%!important;max-width:100%!important} #appView #content #gateWaitingRows .sd-queue-row{grid-template-columns:minmax(0,1fr)!important;gap:8px!important} #appView #content #gateWaitingRows .sd-queue-row>*{grid-column:1!important;min-width:0!important} #appView #content #gateWaitingRows .sd-avatar{display:none} #appView #content .gt-fieldset{padding:10px!important} #appView #content .gt-fieldset-title{flex-wrap:wrap!important;gap:6px!important} #appView #content .gt-fieldset-title small{white-space:normal!important;word-break:normal!important} #appView #content .gt-switch{margin:0!important} #appView #content .dsp-roster-card{padding:10px!important} #appView #content .dsp-roster-top{flex-wrap:wrap!important} #appView #content .dsp-roster-main{flex:1 1 100%!important} #appView #content .sd-queue-row{grid-template-columns:32px minmax(0,1fr)!important;} #appView #content .sd-queue-row>.badge{grid-column:1/-1} #appView #content .stl-grid-head{display:none!important} } /* Tables that really require columns expose a labelled local scroll area, never a clipped page. */ #appView #content .table-wrap,#appView #content .adm-table-wrap{overflow-x:auto;max-width:100%} #appView #content .table-wrap table{min-width:560px} /* Long-text regressions found during the full 286-case rerun. */ #appView #content .dsp-roster-orders>div small{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important} #appView #content .wh38-incoming-cell{height:auto!important;min-height:38px} #appView #content .wh38-incoming-cell>h3{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important;line-height:1.8!important} #appView #content .db38-act b{white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.9} #appView #content .db38-act .badge{white-space:nowrap;min-width:max-content} @media(max-width:700px){ #appView #content .db38-act{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:start!important;padding:10px!important;gap:8px!important} #appView #content .db38-act>div{min-width:0;width:auto} #appView #content .db38-act time{grid-column:2;font-size:10px} #appView #content .wh38-incoming-card .wh38-items>div{display:grid!important;grid-template-columns:24px 32px minmax(0,1fr)!important;gap:6px!important} #appView #content .wh38-incoming-card .wh38-items>div>span:nth-child(3){grid-column:1/-1;grid-row:2;word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important;line-height:1.9!important} #appView #content .wh38-incoming-card .wh38-items>div>b{grid-column:3;grid-row:1;white-space:nowrap!important;font-size:12px!important} } /* Delivery lifecycle sections: read-only tracking and guarded completion. */ .sales-delivery-pane{display:grid;gap:18px;min-width:0} .sales-delivery-section{min-width:0} .sales-delivery-error{padding:14px;border:1px solid #e3b457;border-radius:12px;background:#fff5dd;color:#784b09;line-height:1.9} .sales-delivery-tracking .sales-delivery-card-head{flex-wrap:wrap;gap:12px} .sales-delivery-tracking .badge{white-space:normal;line-height:1.9} .sales-delivery-tracking h3{overflow-wrap:break-word;white-space:normal} @media(max-width:700px){.sales-delivery-section>.sd-head{flex-wrap:wrap}.sales-delivery-tracking .sales-delivery-meta{grid-template-columns:minmax(0,1fr)}.sales-delivery-tracking .sales-delivery-meta b{overflow-wrap:break-word}} #appView #content .sales-delivery-tracking .sales-delivery-card-head .badge{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;font-size:11px;line-height:1.9} @media(max-width:700px){ #appView #content .sales-delivery-pane .sales-delivery-meta{grid-template-columns:minmax(0,1fr)!important} #appView #content .sales-delivery-pane .sales-delivery-line{grid-template-columns:24px minmax(0,1fr)!important} #appView #content .sales-delivery-pane .sales-delivery-line>strong{grid-column:2;white-space:normal;overflow-wrap:break-word;word-break:normal} #appView #content .sales-delivery-pane .sales-delivery-line>span:not(.sd-row-no),#appView #content .sales-delivery-pane .sales-delivery-line>small{grid-column:1/-1;white-space:normal} } /* Settlement payment rows: occupy the entire form width and align to the system fields. */ #appView #content .stl-payment-section{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;grid-column:1/-1!important} #appView #content .stl-payment-section .stl-payments{display:block!important;width:100%!important;max-width:none!important;min-width:0!important} #appView #content .stl-payment-row,#modal .dsp-pay-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:end!important;gap:10px!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;padding:12px!important;margin:10px 0!important;border:1px solid var(--bt-line-2,#dce4eb)!important;border-radius:12px!important;background:var(--bt-panel,#fff)!important} #appView #content .stl-pay-detail,#modal .dsp-pay-detail{display:contents!important} #appView #content .stl-pay-detail[hidden],#modal .dsp-pay-detail[hidden]{display:none!important} #appView #content .stl-pay-field,#appView #content .stl-pay-detail label,#modal .dsp-pay-row>.cust-field,#modal .dsp-pay-detail>.cust-field{display:grid!important;grid-template-rows:18px 42px!important;align-content:end!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;color:var(--bt-ink,#263746)!important} #appView #content .stl-pay-field>span,#appView #content .stl-pay-detail label>span,#modal .dsp-pay-row>.cust-field>span,#modal .dsp-pay-detail>.cust-field>span{display:block!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:18px!important} #appView #content .stl-pay-field input,#appView #content .stl-pay-field select,#appView #content .stl-pay-detail input,#appView #content .stl-pay-detail select,#modal .dsp-pay-row input,#modal .dsp-pay-row select,#modal .dsp-pay-detail input,#modal .dsp-pay-detail select{display:block!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important;border:1px solid var(--bt-line-2,#d6e0e7)!important;border-radius:10px!important;background:var(--bt-panel,#fff)!important;color:var(--bt-ink,#263746)!important;font:inherit!important;font-size:13px!important;line-height:40px!important} #appView #content .stl-payment-row>[data-payremove],#modal .dsp-pay-row>[data-pay-del]{align-self:end!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;min-width:0!important;margin:0!important;white-space:nowrap!important;box-sizing:border-box!important} @media(max-width:760px){#appView #content .stl-payment-row,#modal .dsp-pay-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}#appView #content .stl-payment-row>[data-payremove],#modal .dsp-pay-row>[data-pay-del]{grid-column:1/-1!important}} /* Replace previous badge framing: supplied emblem fills its image box, with transparent outside corners. */ #loginView .login-logo-badge,#loginView .login-brand-mark.logo-frame,#appView .rail-logo.logo-frame{padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important} #loginView .login-logo-badge img,#loginView .login-brand-mark.logo-frame img,#appView .rail-logo.logo-frame img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important} .inv38-brand img{box-sizing:border-box!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important} /* Store-specific delivered-order inbox and receipt confirmation */ #appView #content .st38-delivered-panel{display:block;min-width:0;width:100%} #appView #content .st38-delivered-list{display:grid;gap:12px;padding:14px} #appView #content .st38-delivered-card{min-width:0;border:1px solid var(--bt-line-2,#dce4eb);border-radius:14px;background:#fff;padding:15px;box-shadow:0 5px 18px rgba(22,38,52,.04)} #appView #content .st38-delivered-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--bt-line-2,#e4ebf0);padding-bottom:11px} #appView #content .st38-delivered-card h3{font-size:15px;margin:4px 0 1px}#appView #content .st38-delivered-card h3 small{font-size:12px;font-weight:500;color:var(--bt-muted,#718393)}#appView #content .st38-delivered-card p{margin:3px 0 0;font-size:12px;color:var(--bt-muted,#718393)} #appView #content .st38-delivered-items{display:grid;gap:7px;margin:12px 0} #appView #content .st38-delivered-line{display:grid;grid-template-columns:28px minmax(140px,1.4fr) repeat(4,minmax(100px,1fr));align-items:center;gap:8px;padding:9px 10px;border:1px solid #edf1f4;border-radius:9px;background:#f9fbfc;font-size:12px} #appView #content .st38-delivered-line strong{overflow-wrap:anywhere}.st38-delivered-no{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#fff;border:1px solid var(--bt-line-2,#dce4eb)} #appView #content .st38-delivered-summary{display:flex;flex-wrap:wrap;gap:9px 20px;padding:11px 12px;background:#f2f7f9;border-radius:9px;font-size:12px} #appView #content .st38-delivered-summary span{display:flex;gap:7px;align-items:baseline}.st38-delivered-summary b{color:var(--bt-ink,#263746)} #appView #content .st38-delivered-card>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px dashed var(--bt-line-2,#dce4eb)} #appView #content .st38-confirmed-stamp{color:var(--bt-green,#147a60);font-weight:700;font-size:12px} @media(max-width:700px){#appView #content .st38-delivered-card>header{flex-direction:column}#appView #content .st38-delivered-line{grid-template-columns:26px minmax(0,1fr);gap:5px}#appView #content .st38-delivered-line>span:not(.st38-delivered-no),#appView #content .st38-delivered-line>small{grid-column:2}#appView #content .st38-delivered-card>footer{align-items:stretch}#appView #content .st38-delivered-card>footer .btn{width:100%}} /* Show the store-receipt acknowledgment clearly in Sales delivery review. */ #appView #content .sales-delivery-badges{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0} #appView #content .sales-delivery-badges .badge{white-space:normal;text-align:center} @media(max-width:700px){#appView #content .sales-delivery-badges{justify-content:flex-start}} #appView #content .store-receipt-sales-list{display:grid;gap:9px;padding:12px} #appView #content .store-receipt-sales-row{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,auto) minmax(160px,auto);align-items:center;gap:12px;padding:12px 14px;border:1px solid #e2ece7;border-radius:12px;background:#f8fcfa} #appView #content .store-receipt-sales-row h3{margin:4px 0 0;font-size:14px}.store-receipt-sales-row>span:not(.badge){font-size:12px;color:var(--bt-muted,#718393)}.store-receipt-sales-row b{color:var(--bt-ink,#263746)} @media(max-width:750px){#appView #content .store-receipt-sales-row{grid-template-columns:1fr;gap:8px}.store-receipt-sales-row .badge{justify-self:start}} /* Store portal three-stage board: RTL order is incoming, in transit, delivered. */ #appView #content .st38-grid{grid-template-columns:minmax(0,1fr)!important} #appView #content .st38-store-board{display:grid;direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;min-width:0} #appView #content .st38-store-stage{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-width:0;max-height:calc(100vh - 230px);overflow:hidden;border:1px solid var(--bt-line-2,#dce4eb);border-radius:15px;background:#f7f9fb;padding:11px} #appView #content .st38-store-stage>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 8px;border-bottom:1px solid #e4eaf0} #appView #content .st38-store-stage>header>div{display:flex;align-items:center;gap:8px;min-width:0} #appView #content .st38-store-stage h2{font-size:15px;margin:0;white-space:nowrap} #appView #content .st38-stage-index{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fff;color:var(--bt-muted,#738292);font-size:11px;font-weight:900} #appView #content .st38-store-stage>p{font-size:11px;color:var(--bt-muted,#738292);margin:0;min-height:34px} #appView #content .st38-stage-list{display:grid;align-content:start;gap:9px;min-height:100px;overflow:auto;padding:1px 2px 8px} #appView #content .st38-store-stage .st38-row,#appView #content .st38-store-stage .st38-delivered-card{min-width:0;margin:0} #appView #content .st38-store-stage.delivered .st38-delivered-line{grid-template-columns:24px minmax(0,1fr);} #appView #content .st38-store-stage.delivered .st38-delivered-line>span:not(.st38-delivered-no),#appView #content .st38-store-stage.delivered .st38-delivered-line>small{grid-column:2} #appView #content .st38-store-stage.delivered .st38-delivered-summary{display:grid;grid-template-columns:1fr;gap:5px} @media(max-width:1100px){#appView #content .st38-store-board{grid-template-columns:repeat(2,minmax(0,1fr))}#appView #content .st38-store-stage.delivered{grid-column:1/-1;max-height:none}} @media(max-width:700px){#appView #content .st38-store-board{grid-template-columns:minmax(0,1fr)}#appView #content .st38-store-stage{max-height:none}#appView #content .st38-store-stage.delivered{grid-column:auto}} #appView #content .dsp-driver-tabs{display:grid!important;direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:12px} @media(max-width:760px){#appView #content .dsp-driver-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}} #appView #content .dsp-store-customer-box{display:flex;align-items:center;gap:7px;margin:6px 0 5px;padding:7px 9px;border:1px solid #dbe8ef;border-radius:8px;background:#f5fafc;max-width:360px} #appView #content .dsp-store-customer-box small{display:inline!important;font-size:10px!important;color:var(--bt-muted,#738292);white-space:nowrap} #appView #content .dsp-store-customer-box strong{font-size:12px;color:var(--bt-ink,#263746);overflow-wrap:anywhere} /* Keep expanded transport-history details inside their order card/grid column. */ #appView #content .drv-day,#appView #content .drv-del,#appView #content .drv-del>.adm-cell{min-width:0;max-width:100%;box-sizing:border-box} #appView #content .drv-del{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start} #appView #content .drv-del>.adm-cell{overflow-wrap:anywhere} #appView #content .drv-del>.adm-cell.adm-actions{grid-column:1/-1!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px} #appView #content .drv-lines{display:block;width:100%;min-width:0;max-width:100%;grid-column:1/-1;box-sizing:border-box} #appView #content .drv-lines[open]>.table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box;contain:inline-size} #appView #content .drv-lines table{width:max-content;min-width:100%;max-width:none;table-layout:auto} #appView #content .drv-lines th,#appView #content .drv-lines td{white-space:normal;overflow-wrap:anywhere} @media(max-width:850px){#appView #content .drv-del{grid-template-columns:repeat(2,minmax(0,1fr))!important}#appView #content .drv-del>.adm-cell.adm-actions{grid-column:1/-1!important}} @media(max-width:600px){#appView #content .drv-del{grid-template-columns:minmax(0,1fr)!important}#appView #content .drv-del>.adm-cell.adm-actions{grid-column:1!important}} /* Sales delivery workbench: four requested right-to-left status columns. */ #appView #content .sales-delivery-board{display:grid;direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;min-width:0} #appView #content .sales-delivery-column{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:7px;min-width:0;max-height:calc(100vh - 235px);overflow:hidden;border:1px solid var(--bt-line-2,#dce4eb);border-radius:14px;background:#f7f9fb;padding:9px} #appView #content .sales-delivery-column>header{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:3px 2px 8px;border-bottom:1px solid #e4eaf0} #appView #content .sales-delivery-column>header>div{display:flex;align-items:center;gap:6px;min-width:0} #appView #content .sales-delivery-column h2{margin:0;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere} #appView #content .sales-delivery-column-index{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#fff;color:var(--bt-muted,#718393);font-size:10px;font-weight:900} #appView #content .sales-delivery-column-desc{min-height:40px;margin:0;color:var(--bt-muted,#718393);font-size:10px;line-height:1.7} /* v37.3.28 — رفع برش کارت‌های تحویل راننده: ستون-لیست flex بدون کوچک‌کردن کارت‌ها + چیدمان فشرده برای کمترین ارتفاع */ #appView #content .sales-delivery-column-list{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:100px;min-width:0;overflow:auto;padding:1px 1px 7px} #appView #content .sales-delivery-column .sales-delivery-card{flex:none;height:auto;min-width:0;width:100%;max-width:100%;overflow:hidden} #appView #content .sales-delivery-column .sales-delivery-card-head{align-items:flex-start;gap:5px 8px;padding:8px 10px;flex-wrap:wrap} #appView #content .sales-delivery-column .sales-delivery-card-head>div{display:grid;min-width:0;gap:1px} #appView #content .sales-delivery-column .sales-delivery-card-head h3{font-size:12.5px;margin:1px 0} #appView #content .sales-delivery-column .sales-delivery-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;max-width:100%} #appView #content .sales-delivery-column .sales-delivery-badges .badge{font-size:9px;line-height:1.6} #appView #content .sales-delivery-column .sales-delivery-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px 9px} #appView #content .sales-delivery-column .sales-delivery-meta>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:8px;font-size:10px;line-height:1.6;overflow-wrap:anywhere;min-width:0} #appView #content .sales-delivery-column .sales-delivery-meta small{font-size:9px;flex:none} #appView #content .sales-delivery-column .sales-delivery-meta b{font-size:10px;min-width:0;overflow-wrap:anywhere;text-align:left} #appView #content .sales-delivery-column .sales-delivery-lines{display:grid;gap:5px;padding:0 9px 8px} #appView #content .sales-delivery-column .sales-delivery-line{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border:1px solid var(--line,#dce6ed);border-radius:9px;background:#fff;min-width:0} #appView #content .sales-delivery-column .sales-delivery-line .sd-row-no{flex:none;margin-top:2px} #appView #content .sales-delivery-column .sd-line-body{display:grid;gap:3px;min-width:0;flex:1} #appView #content .sales-delivery-column .sd-line-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0} #appView #content .sales-delivery-column .sd-line-top strong{min-width:0;overflow-wrap:anywhere;font-size:11px} #appView #content .sales-delivery-column .sd-line-amount{flex:none;font-size:11px;color:var(--brand,#b3132a);white-space:nowrap} #appView #content .sales-delivery-column .sd-line-stats{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:9.5px;color:var(--bt-muted,#718393)} #appView #content .sales-delivery-column .sd-line-stats b{color:var(--bt-ink,#1b2530);font-weight:800;font-size:9.5px} #appView #content .sales-delivery-column .sd-line-reason{color:var(--orange,#e8a13c);font-size:9.5px} #appView #content .sales-delivery-column .sales-delivery-summary{display:flex;flex-wrap:wrap;gap:3px 9px;margin:0 9px;padding:6px 9px;border-radius:9px;background:var(--bg-soft,#f3f6f9);font-size:10px} #appView #content .sales-delivery-column .sales-delivery-summary span{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap} #appView #content .sales-delivery-column .sales-delivery-summary small{color:var(--bt-muted,#718393);font-size:9px} #appView #content .sales-delivery-column .sales-delivery-summary .payable b{color:var(--brand,#b3132a)} #appView #content .sales-delivery-column .sales-delivery-payments{min-width:0;margin:7px 9px;padding:0;overflow:hidden;border:1px solid var(--line,#dce6ed);border-radius:9px;background:#fff} #appView #content .sales-delivery-column .sales-delivery-payments>summary{display:flex;align-items:center;gap:5px;padding:6px 9px;cursor:pointer;font-size:10.5px;font-weight:800;list-style:none;color:var(--bt-ink-2,#33404d);user-select:none} #appView #content .sales-delivery-column .sales-delivery-payments>summary::-webkit-details-marker{display:none} #appView #content .sales-delivery-column .sales-delivery-payments>summary:before{content:"▾";flex:none;font-size:10px;color:var(--bt-muted,#718393);transition:transform .12s} #appView #content .sales-delivery-column .sales-delivery-payments:not([open])>summary:before{transform:rotate(-90deg)} #appView #content .sales-delivery-column .sales-delivery-payments[open]>summary{border-bottom:1px solid var(--line,#dce6ed)} #appView #content .sales-delivery-column .sales-delivery-payments>.table-wrap{margin:5px;max-width:calc(100% - 10px);min-width:0;overflow-x:auto;border:1px solid var(--line,#dce6ed);border-radius:7px} #appView #content .sales-delivery-column .sales-delivery-payments table{font-size:9.5px} #appView #content .sales-delivery-column .sales-delivery-payments th,#appView #content .sales-delivery-column .sales-delivery-payments td{white-space:normal;overflow-wrap:anywhere;padding:5px 7px} #appView #content .sales-delivery-column .sales-delivery-payments>.empty{margin:5px;padding:8px} #appView #content .sales-delivery-column .sales-delivery-note{margin:7px 9px 0;padding:5px 9px;font-size:10px;line-height:1.65} #appView #content .sales-delivery-column .sales-delivery-actions{display:grid;gap:5px;padding:8px 9px 9px} #appView #content .sales-delivery-column .sales-delivery-actions .btn{width:100%;min-width:0;min-height:34px;padding:7px 10px;font-size:11px;white-space:normal} #appView #content .sales-delivery-column .sales-finalized-stamp{font-size:9.5px;color:var(--bt-muted,#718393);text-align:center} /* v37.3.28 — کارتابل نگهبانی: سربرگ تحویل راننده در چهار ستون عمودی (راهنما + سه وضعیت) */ #appView #content .gate-dispatch-board{display:grid;direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start;min-width:0} #appView #content .gate-dispatch-col{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:7px;min-width:0;max-height:calc(100vh - 235px);overflow:hidden;padding:9px} #appView #content .gate-dispatch-col-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:3px 2px 8px;border-bottom:1px solid #e4eaf0} #appView #content .gate-dispatch-col-head>div{display:flex;align-items:center;gap:6px;min-width:0} #appView #content .gate-dispatch-col-head h2{margin:0;font-size:13.5px;line-height:1.5;white-space:normal;overflow-wrap:anywhere} #appView #content .gate-dispatch-guide-ico{display:grid;place-items:center;color:var(--brand,#b3132a)} #appView #content .gate-dispatch-col-desc{min-height:40px;margin:0;color:var(--bt-muted,#718393);font-size:10px;line-height:1.7} #appView #content .gate-dispatch-col .gate-dispatch-col-list{display:grid!important;align-content:start;gap:9px!important;min-height:100px;min-width:0;overflow:auto;padding:1px 1px 7px!important} #appView #content .gate-dispatch-col .dsp-card{display:flex;flex-direction:column;gap:8px;padding:10px 11px;min-width:0} #appView #content .dsp-card .gate-dispatch-card-head{display:grid!important;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:flex-start;gap:8px;padding:0 0 8px;background:transparent} #appView #content .gate-dispatch-card-id{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0} #appView #content .gate-dispatch-card-id b{font-size:12.5px;white-space:normal;overflow-wrap:anywhere;min-width:0} #appView #content .gate-dispatch-card-id .badge{flex:none} #appView #content .gate-dispatch-card-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0} #appView #content .gate-dispatch-card-sub small{font-size:10.5px;color:var(--bt-muted,#718393);white-space:normal;overflow-wrap:anywhere;min-width:0} #appView #content .gate-dispatch-col .dsp-items{gap:3px} #appView #content .gate-dispatch-col .dsp-items li{font-size:11px;padding:4px 8px;gap:8px} #appView #content .gate-dispatch-col .dsp-log{font-size:10.5px} #appView #content .gate-dispatch-col .dsp-log ol{gap:4px;margin-top:6px} #appView #content .gate-dispatch-col .dsp-log li{padding:6px 8px} #appView #content .gate-dispatch-col .adm-note{font-size:10px} #appView #content .gate-dispatch-col .adm-full{width:100%} #appView #content .gate-dispatch-col .sd-empty{padding:16px 8px} #appView #content .gate-dispatch-guide{grid-template-rows:auto minmax(0,1fr);background:linear-gradient(160deg,#fff,#fbf7f4)} #appView #content .gate-dispatch-guide-body{overflow:auto;padding:4px 3px;color:var(--bt-ink-2,#33404d)} #appView #content .gate-dispatch-guide-body p{margin:0 0 10px;font-size:11px;line-height:1.9} #appView #content .gate-dispatch-guide-body ol{margin:0;padding:0 18px 0 0;display:grid;gap:8px;font-size:10.5px;line-height:1.8;color:var(--bt-muted,#5b6a78)} @media(max-width:1300px){#appView #content .gate-dispatch-board{grid-template-columns:repeat(2,minmax(0,1fr))}#appView #content .gate-dispatch-col{max-height:70vh}} @media(max-width:700px){#appView #content .gate-dispatch-board{grid-template-columns:minmax(0,1fr)}#appView #content .gate-dispatch-col{max-height:none}#appView #content .gate-dispatch-col-desc{min-height:0}} @media(max-width:1300px){#appView #content .sales-delivery-board{grid-template-columns:repeat(2,minmax(0,1fr))}#appView #content .sales-delivery-column{max-height:70vh}} @media(max-width:700px){#appView #content .sales-delivery-board{grid-template-columns:minmax(0,1fr)}#appView #content .sales-delivery-column{max-height:none}#appView #content .sales-delivery-column-desc{min-height:0}} /* ================= v37.4.0 — سفارش فروشگاه: ارسال دو سرویسی (سرویس اول صبح / سرویس دوم ظهر) ================= */ #appView .st-run-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0} #appView .st-run-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:800;border:1px solid var(--line-strong);background:#fff;color:#3f3f46;white-space:nowrap} #appView .st-run-overall{background:var(--blue-bg);color:#1d4ed8;border-color:transparent} #appView .st-run-PENDING{background:#fff7e6;color:#b45309;border-color:#f3d9a0} #appView .st-run-IN_PROGRESS{background:var(--blue-bg);color:#1d4ed8;border-color:transparent} #appView .st-run-DONE{background:var(--green-bg);color:#15803d;border-color:transparent} #appView .st-run-NOT_NEEDED{background:#f4f4f5;color:#71717a;border-color:#e4e4e7} #appView .st-run-AWAITING_R1{background:#fff7e6;color:#b45309;border-color:#f3d9a0} #appView .st-run-IN_SHIPPING{background:var(--blue-bg);color:#1d4ed8;border-color:transparent} #appView .st-run-MOVED_R2{background:#faf0ff;color:#9333ea;border-color:#ead3f7} #appView .st-run-COMPLETED{background:var(--green-bg);color:#15803d;border-color:transparent} #appView .st-run-CLOSED_SHORT{background:#fdecec;color:#b91c1c;border-color:#f3c2c2} #appView .wh38-prep-item.sr38-item{display:grid;gap:10px;grid-template-columns:1fr} #appView .wh38-prep-item.sr38-done{border-color:#bbe5c8;background:#fbfefc} #appView .wh38-prep-item.sr38-short{border-color:#f3c2c2;background:#fffbfb} #appView .sr38-row-head{display:flex;flex-wrap:wrap;align-items:center;gap:9px} #appView .sr38-row-head strong{flex:1;min-width:140px} #appView .sr38-totals{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)} #appView .sr38-totals b{color:#27272a} #appView .sr38-hist{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:4px} #appView .sr38-hist li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:11.5px;color:var(--muted);padding:5px 10px;background:#fafafa;border:1px solid #eee;border-radius:9px} #appView .sr38-hist li b{color:#27272a} #appView .st-run-hist-empty{font-size:11.5px;color:var(--muted);padding:7px 10px;border:1.5px dashed var(--line-strong);border-radius:10px;display:inline-block} #appView .sr38-ops{display:grid;gap:9px} #appView .sr38-weight-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center} #appView .sr38-weight-row .wh38-cell-box input{min-width:110px} #appView .sr38-ops-btns{display:flex;flex-wrap:wrap;gap:8px} #appView .sr38-decision{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;font-weight:800;color:#3f3f46} #appView .sr38-decision select{padding:7px 10px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;background:#fff} #appView .sr38-final-note{font-size:12.5px;font-weight:800;color:#3f3f46;background:#f6f6f7;border-radius:10px;padding:9px 12px;line-height:1.9} #appView .st-run-letterhead{margin-top:14px;padding:12px 14px;border:1px solid #eee;border-radius:14px;background:#fafafa} #appView .st-run-letterhead .st-run-chips{margin:0 0 8px} #appView .st-run-letterhead-items{display:grid;gap:6px} #appView .st-run-letterhead-items .st-run-chip{border-radius:10px;white-space:normal;line-height:1.8} #appView .st-run-finalized{display:block;margin-top:8px;color:var(--muted);font-size:11.5px} @media(max-width:760px){#appView .st-run-chip{font-size:10.5px;padding:4px 8px}} /* همان سبک‌ها داخل مودال جزئیات (خارج از #appView) */ #modal .st-run-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0} #modal .st-run-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:800;border:1px solid var(--line-strong);background:#fff;color:#3f3f46;white-space:nowrap} #modal .st-run-overall{background:var(--blue-bg);color:#1d4ed8;border-color:transparent} #modal .st-run-PENDING{background:#fff7e6;color:#b45309;border-color:#f3d9a0} #modal .st-run-IN_PROGRESS{background:var(--blue-bg);color:#1d4ed8;border-color:transparent} #modal .st-run-DONE{background:var(--green-bg);color:#15803d;border-color:transparent} #modal .st-run-NOT_NEEDED{background:#f4f4f5;color:#71717a;border-color:#e4e4e7} #modal .st-run-AWAITING_R1{background:#fff7e6;color:#b45309;border-color:#f3d9a0} #modal .st-run-IN_SHIPPING{background:var(--blue-bg);color:#1d4ed8;border-color:transparent} #modal .st-run-MOVED_R2{background:#faf0ff;color:#9333ea;border-color:#ead3f7} #modal .st-run-COMPLETED{background:var(--green-bg);color:#15803d;border-color:transparent} #modal .st-run-CLOSED_SHORT{background:#fdecec;color:#b91c1c;border-color:#f3c2c2} #modal .st-run-letterhead{margin-top:14px;padding:12px 14px;border:1px solid #eee;border-radius:14px;background:#fafafa} #modal .st-run-letterhead .st-run-chips{margin:0 0 8px} #modal .st-run-letterhead-items{display:grid;gap:6px} #modal .st-run-letterhead-items .st-run-chip{border-radius:10px;white-space:normal;line-height:1.8} #modal .st-run-finalized{display:block;margin-top:8px;color:var(--muted);font-size:11.5px} /* ===== v37.5.0 — ردیف اقلام تک‌خطی و فشرده فرم ثبت سفارش فروشگاه ===== */ #appView .sd-line.sd-line-compact{display:flex;flex-direction:row;align-items:center;gap:7px;padding:6px 9px} #appView .sd-line.sd-line-compact .sd-line-no{width:24px;height:24px;border-radius:7px;margin:0;font-size:10px;flex:0 0 auto} #appView .sd-line.sd-line-compact .sd-line-cell{display:block;min-width:0} #appView .sd-line.sd-line-compact .cell-product{flex:0 1 250px;min-width:180px} #appView .sd-line.sd-line-compact .cell-qty{flex:0 0 88px} #appView .sd-line.sd-line-compact .cell-unit{flex:0 0 112px} #appView .sd-line.sd-line-compact .cell-desc{flex:0 1 190px;min-width:80px} #appView .sd-line.sd-line-compact .input-shell{height:35px;border-radius:9px} #appView .sd-line.sd-line-compact .input-shell input, #appView .sd-line.sd-line-compact .input-shell select{font-size:12.5px} #appView .sd-line.sd-line-compact .sd-line-del{width:30px;height:30px;margin:0;flex:0 0 auto} #appView .sd-line.sd-line-compact .sd-picked-inline{display:inline-flex;align-items:center;gap:3px;position:absolute;top:-8px;inset-inline-start:8px;background:var(--green-bg);color:#15803d;font-size:10px;font-weight:800;padding:1px 7px;border-radius:8px;line-height:1.6;z-index:2} #appView .sd-line.sd-line-compact .product-suggest{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:30} @media(max-width:760px){#appView .sd-line.sd-line-compact{flex-wrap:wrap;row-gap:6px} #appView .sd-line.sd-line-compact .cell-product{flex:1 1 calc(100% - 34px)} #appView .sd-line.sd-line-compact .cell-qty{flex:0 0 30%} #appView .sd-line.sd-line-compact .cell-unit{flex:0 0 36%} #appView .sd-line.sd-line-compact .cell-desc{flex:1 1 140px}} /* ---------- v37.5.0 — ارسال هر سرویس به فروش: چیپ مرحله، دکمهٔ ارسال، پنل فروش ---------- */ #appView .st-run-chip.st-run-stage, #modal .st-run-chip.st-run-stage{background:#e8f1ff;color:#1757a8;border:1px solid #bcd6f6;font-weight:800} #appView .sr38-sendbar{align-items:center;gap:10px;flex-wrap:wrap} #appView .sr38-sendbar .btn-lg{padding-block:12px} #appView .sr-ship-panel{background:var(--bg-alt,#f7f8fa);border:1px solid var(--line,#e3e6ea);border-radius:16px;padding:14px 16px;margin-bottom:14px;display:grid;gap:10px} #appView .sr-ship-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} #appView .sr-ship-panel>header h2{margin:0;font-size:15px} #appView .sr-ship-panel>header p{margin:4px 0 0;font-size:11.5px;color:var(--muted)} #appView .sr-ship-list{display:grid;gap:10px} #appView .sr-ship-row{background:#fff;border:1px solid var(--line,#e3e6ea);border-radius:12px;padding:12px;display:grid;gap:8px} #appView .sr-ship-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #appView .sr-ship-head small{color:var(--muted)} #appView .sr-ship-lines{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px} #appView .sr-ship-line{display:inline-flex;align-items:center;gap:6px} #appView .sr-ship-row>.btn{justify-self:end} #modal .sr-ship-form .sr-ship-modal-order{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap} #modal .sr-ship-hint{font-size:12.5px;color:var(--muted);margin:0 0 12px} #modal .sr-ship-items{display:grid;gap:10px;margin-bottom:12px} #modal .sr-ship-item{display:grid;grid-template-columns:1fr 150px 130px;gap:10px;align-items:center;background:#fafbfc;border:1px solid var(--line,#e3e6ea);border-radius:12px;padding:10px 12px} #modal .sr-ship-item-info{display:grid;gap:2px;font-size:12.5px} #modal .sr-ship-item input{text-align:center;font-weight:800} #modal .sr-ship-total{font-size:12px;font-weight:900;color:var(--brand,#b40f23);text-align:center} #modal .sr-ship-grand{display:flex;justify-content:space-between;align-items:center;border:1px dashed var(--line,#cfcfcf);border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px} @media (max-width:760px){#modal .sr-ship-item{grid-template-columns:1fr}} #appView .st-run-runs-summary,#modal .st-run-runs-summary{display:grid;gap:8px;margin:10px 0} #appView .st-run-run-line,#modal .st-run-run-line{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:#f7f9fc;border:1px solid var(--line,#e3e6ea);border-radius:10px;padding:9px 12px;font-size:12px} #appView .st38-delivered-card header .st-run-chip{margin-inline-start:8px} /* ================================================================ v37.18.0 — برگهٔ سرویس‌های ارسال انبار: ردیف تک‌خطی کم‌ارتفاع همهٔ کنترل‌های هر ردیف در یک راستا؛ در صفحهٔ باریک ردیف افقی پیمایش می‌شود. ================================================================ */ #appView .st-run-sheet-v318{display:grid;gap:8px} #appView .sr318-summary{display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center;background:var(--bg-alt,#f7f8fa);border:1px solid var(--line,#e3e6ea);border-radius:11px;padding:6px 11px;font-size:12px;color:var(--muted)} #appView .sr318-summary b{color:var(--ink,#27272a)} #appView .sr318-sendline{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch} #appView .sr318-sendline .btn{height:34px;min-height:34px!important;padding:4px 13px;font-size:12px;white-space:nowrap;flex:0 0 auto} #appView .sr318-sendline .st-run-chip{white-space:nowrap;flex:0 0 auto} #appView .sr318-sendnote{font-size:11.5px;color:var(--muted);white-space:nowrap} #appView .sr318-group{border:1px solid var(--line,#e3e6ea);border-radius:13px;padding:6px 8px;background:#fff;display:grid;gap:5px} #appView .sr318-group-head{display:flex;align-items:center;gap:8px;min-height:24px} #appView .sr318-group-head b{font-size:13px} #appView .sr318-group-head small{color:var(--muted);font-size:11px} #appView .sr318-gcount{margin-inline-start:auto;font-size:11px;color:var(--muted)} #appView .sr318-rows{display:grid;gap:4px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch} #appView .sr318-row{display:flex!important;flex-wrap:nowrap;align-items:center;gap:6px;min-width:1080px;min-height:40px;padding:4px 8px!important;border:1px solid var(--line,#e3e6ea);border-radius:11px;background:#fff} #appView .sr318-row .wh38-prep-num{flex:0 0 auto} #appView .sr318-name{flex:0 1 150px;min-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px} #appView .sr318-req,#appView .sr318-wts{white-space:nowrap;font-size:11.5px;color:var(--muted)} #appView .sr318-req b,#appView .sr318-wts b{color:var(--ink,#27272a)} #appView .sr318-hist{position:relative} #appView .sr318-hist summary{cursor:pointer;font-size:11px;font-weight:800;color:var(--brand,#b40f23);white-space:nowrap;list-style:none} #appView .sr318-hist .sr38-hist{position:absolute;z-index:6;top:calc(100% + 4px);inset-inline-start:0;min-width:300px;background:#fff;border:1px solid var(--line,#e3e6ea);border-radius:11px;padding:7px;box-shadow:0 14px 30px -14px rgba(23,32,44,.35)} #appView .sr318-ops{display:flex!important;flex-wrap:nowrap;align-items:center;gap:5px;margin-inline-start:auto} #appView .sr318-ops .btn{height:30px;min-height:30px!important;padding:3px 9px;font-size:11.5px;white-space:nowrap;flex:0 0 auto} #appView .sr318-wbox{display:flex;align-items:center;gap:4px;flex:0 0 auto} #appView .sr318-wbox input{width:84px;height:30px;font-size:13px} #appView .sr318-wbox b{font-size:11px;color:var(--muted)} #appView .sr318-decision{display:flex;align-items:center;flex:0 0 auto} #appView .sr318-decision select{height:30px;width:138px;font-size:11.5px;padding:3px 7px} #appView .sr318-final{font-size:11.5px;font-weight:800;color:#3f3f46;white-space:nowrap} #appView .sr318-empty{border:1.5px dashed var(--line-strong,#d4d4d8);border-radius:10px;padding:7px 10px;color:var(--muted);font-size:12px;text-align:center} #appView .sr318-done-box{border:1px dashed var(--line-strong,#d4d4d8);border-radius:12px;padding:6px 9px;background:#fbfbfc} #appView .sr318-done-box>summary{cursor:pointer;font-weight:900;font-size:12.5px} #appView .sr318-done-box .sr318-rows{margin-top:5px} #appView .sr318-foot{padding-top:7px} #appView .sr318-foot .btn{min-height:36px} /* ===== v37.21.0 — کارت ورودی سفارش فروشگاه در کارتابل فروش: تک‌خطی و کم‌ارتفاع ===== */ /* همهٔ مشخصات و دکمه‌ها در یک راستا؛ نام فروشگاه مشخص و نام مشتری زیر آن. در صفحهٔ باریک، ردیف به‌جای شکستن چندخطی، افقی پیمایش می‌شود تا ارتفاع کم بماند. */ #appView[data-cartable-page="sales"] .sales-store-subpanel-v43 .sd-store-list-v40{overflow-x:auto;padding-bottom:6px} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-card.sd-store-card-v42{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:14px;min-width:1040px;min-height:52px;padding:7px 14px} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-card .sd-store-identity-v42{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:0 1 210px;min-width:150px;margin:0;padding:0;border:0} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-card .sd-store-identity-v42 h3{margin:0;font-size:15px;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-customer{display:block;color:var(--muted);font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-card .order-code{white-space:nowrap;flex:0 0 auto} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-meta{white-space:nowrap;color:var(--muted);font-size:12px;flex:0 0 auto} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-inline-start:auto;flex:0 0 auto} #appView[data-cartable-page="sales"] .sales-store-pane-v43 .ssin21-actions .btn{white-space:nowrap} /* ===== v37.22.0 — کارت ورودی فروشگاه در انبار: خلاصهٔ حداقلی + جزئیات و تأیید در پایان فهرست ===== */ /* روی کارت فقط نام فروشگاه، نام مشتری، شمارهٔ سفارش و تاریخ/ساعت می‌آید؛ بقیه در مودال جزئیات است. */ .wh38-store-pane .whsin22-list{overflow-x:auto;padding-bottom:6px} .wh38-store-pane .whsin22-card.wh38-store-card{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:14px;min-width:720px;min-height:52px;padding:7px 14px} .wh38-store-pane .whsin22-id{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:0 1 230px;min-width:150px} .wh38-store-pane .whsin22-store{font-size:15px;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px} .wh38-store-pane .whsin22-customer{color:var(--muted);font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px} .wh38-store-pane .whsin22-card .order-code{white-space:nowrap;flex:0 0 auto} .wh38-store-pane .whsin22-time{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:12px;flex:0 0 auto} .wh38-store-pane .whsin22-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin-inline-start:auto;flex:0 0 auto} .wh38-store-pane .whsin22-actions .btn{white-space:nowrap} /* ===== v37.23.0 — جزئیات کادری تک‌خطی + کارت آماده‌سازی حداقلی + برگهٔ سرویس استاندارد ===== */ /* ۱) ردیف اقلام در جزئیات سفارش فروشگاه (انبار): محصول، مقدار، واحد و توضیحات در یک خط، هر فیلد در کادر جداگانه با برچسب، ارتفاع و فرم یکدست. */ .whd23-list{display:grid;gap:6px} .whd23-row{display:grid;grid-template-columns:28px 1.5fr .55fr .55fr 1.5fr;gap:6px;align-items:stretch} .whd23-num{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:var(--muted)} .whd23-box{border:1px solid var(--line,#e3e6ea);border-radius:10px;background:#fff;padding:5px 10px;min-height:46px;display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0} .whd23-box label{font-size:10px;font-weight:700;color:var(--muted);line-height:1.2} .whd23-box b{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (max-width:640px){.whd23-row{grid-template-columns:24px 1.2fr .6fr .6fr}.whd23-desc{grid-column:2/-1}} /* ۲) کارت سربرگ آماده‌سازی فروشگاه در انبار: فقط فروشگاه، مشتری و تعداد اقلام */ .wh38-store-pane .whsin22-card.whprep23-card{min-width:540px} .wh38-store-pane .whprep23-count{white-space:nowrap;font-size:12.5px;font-weight:800;color:var(--ink,#27272a);background:var(--bg-alt,#f7f8fa);border:1px solid var(--line,#e3e6ea);border-radius:999px;padding:4px 11px;flex:0 0 auto} /* ۳) برگهٔ سرویس‌های ارسال: اندازه‌های استاندارد و یکدست کادرها (بدون تصمیم پایان روز، ردیف کوتاه‌تر شد)؛ همهٔ کنترل‌های ردیف ارتفاع یکسان ۳۲px دارند و ردیف در عرض استاندارد جا می‌شود. */ #appView .sr318-row{min-width:960px;min-height:42px;gap:8px;padding:5px 10px} #appView .sr318-name{flex:0 1 170px;min-width:110px} #appView .sr318-ops{gap:6px} #appView .sr318-ops .btn{height:32px;min-height:32px!important;padding:4px 11px;font-size:12px} #appView .sr318-wbox input{width:92px;height:32px;font-size:13px} #appView .sr318-sendline .btn{height:34px;min-height:34px!important} /* ===== v37.24.0 — برگهٔ آماده‌سازی فروشگاه: جاگیری کامل در عرض صفحه، بدون اسکرول افقی ===== */ /* علت درازی کادر کیلوگرم: قاعدهٔ عمومی wh38-cell-box{width:100%} روی کادر وزن هم می‌نشست. حالا ردیف حداقل‌عرض ندارد، در عرض صفحه جا می‌شود و اگر جا کم بود، منظم به خط بعد می‌پیچد. */ #appView #content .sr318-rows{overflow-x:visible;padding-bottom:0} #appView #content .sr318-row{min-width:0;width:100%;flex-wrap:wrap;row-gap:4px;column-gap:6px;min-height:38px;padding:4px 8px} #appView #content .sr318-name{flex:1 1 110px;min-width:90px;max-width:160px;font-size:12px} #appView #content .sr318-req,#appView #content .sr318-wts{font-size:11px} #appView #content .sr318-ops{flex-wrap:wrap;row-gap:4px;gap:5px} #appView #content .sr318-wbox.wh38-cell-box{width:auto!important;height:30px!important;min-height:30px!important;flex:0 0 auto;padding:0 7px!important;gap:4px!important} #appView #content .sr318-wbox input{width:58px;height:28px;font-size:12.5px;text-align:center} #appView #content .sr318-wbox b{font-size:10.5px} #appView #content .sr318-ops .btn{height:30px;min-height:30px!important;padding:3px 8px;font-size:11.5px} #appView #content .sr318-sendline{flex-wrap:wrap;overflow-x:visible} #appView #content .sr318-sendnote{white-space:normal} #appView #content .sr318-group{padding:5px 6px} /* ===== v37.33.0 — عیب‌یابی واقعی برگهٔ سرویس: ردیف اسیر گرید عمومی فرم‌ها بود ===== */ /* ردیف .wh38-prep-item.sr318-row از form-layout.css مقدار display:grid !important با ستون‌های ۲۸px + چهار ستون 1fr + ۷۶px می‌گرفت؛ دکمه‌ها در ستون ۷۶px ستونی می‌شدند و ردیف ۱۹۲px ارتفاع می‌گرفت. این بلوک با همان سطح اولویت (دو آی‌دی + دو کلاس) و !important، چیدمان را قطعی فلکس تک‌خطی می‌کند. */ #appView #content .wh38-prep-item.sr318-row{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;min-width:0!important;width:100%!important;min-height:40px!important;height:auto!important;padding:5px 9px!important} #appView #content .sr318-row>.sr318-num{flex:0 0 24px!important} #appView #content .sr318-row>.sr318-name{flex:1 1 110px!important;min-width:70px!important;max-width:170px!important} #appView #content .sr318-row>.st-run-chip{flex:0 0 auto!important} #appView #content .sr318-row>.sr318-req{flex:0 0 auto!important} #appView #content .sr318-row>.sr318-wts{flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important} #appView #content .sr318-row>.sr318-hist{flex:0 0 auto!important} #appView #content .sr318-row>.sr318-final{flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important} #appView #content .sr318-row>.sr318-ops{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;margin-inline-start:auto!important} @media (max-width:1150px){ #appView #content .wh38-prep-item.sr318-row{flex-wrap:wrap!important} #appView #content .sr318-row>.sr318-ops{flex:1 1 100%!important;margin-inline-start:0!important} } #appView #content .sr318-row>.sr318-name{flex-basis:150px!important;max-width:210px!important} #appView #content .sr318-wbox input{height:26px!important;min-height:0!important;padding:0!important} #appView #content .sr318-ops .btn{padding:3px 7px!important;font-size:11px!important} #appView #content .sr318-row>.sr318-num{margin:0!important} /* v37.27.0 — کارتابل راننده: جزئیات محموله برای خود راننده باز می‌شود (بک‌اند) و کارت «واگذار شده» فشرده و تک‌ردیفی است: هویت در یک خط و خلاصه + همهٔ دکمه‌ها در یک ردیف هم‌راستا. */ #appView #content .dsp-list .dsp-card.dsp-card-compact{display:flex!important;flex-direction:column;gap:6px;padding:8px 12px} #appView #content .dsp-card-compact .dsp-card-head{padding:2px 0 6px;background:transparent;border-bottom:1px dashed var(--line)} #appView #content .dsp-card-compact .dsp-store-customer-box{margin:0;padding:2px 8px} #appView #content .dsp-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0} #appView #content .dsp-card-actions .dsp-card-meta{font-size:12px;color:#4b5563;white-space:nowrap} #appView #content .dsp-card-actions .dsp-card-meta b{color:#111827} #appView #content .dsp-card-actions .btn{flex:0 0 auto;height:32px;padding-top:0;padding-bottom:0} #appView #content .dsp-card-actions [data-dsp="driver-exit"],#appView #content .dsp-card-actions [data-dsp="deliver"]{margin-inline-start:auto} #appView #content .dsp-card-actions .dsp-wait-inline{margin-inline-start:auto;padding:5px 10px;font-size:12px;line-height:1.5} @media (max-width:720px){ #appView #content .dsp-card-actions{flex-wrap:wrap} #appView #content .dsp-card-actions [data-dsp="driver-exit"],#appView #content .dsp-card-actions [data-dsp="deliver"],#appView #content .dsp-card-actions .dsp-wait-inline{margin-inline-start:0} } /* v37.28.0 — فرم تحویل راننده: مرجوعی/کسری/علت در همان ردیف تحویلیِ هر محصول؛ همهٔ کادرهای ردیف هم‌اندازه و در یک خط، با کمترین ارتفاع عمودی. */ #modal .dsp-delivery-modal-card #dspLines{display:grid;gap:6px} #modal .dsp-delivery-modal-card .dsp-returns-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} #modal .dsp-delivery-modal-card .dsp-returns-head h4{margin:0} #modal .dsp-delivery-modal-card .dsp-line.dsp-line-compact{display:flex!important;align-items:flex-start;gap:8px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:#fafbfc} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-line-name{flex:1 1 168px;min-width:118px;display:grid;gap:1px;padding-bottom:2px} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-line-name b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-line-name small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-f{display:flex;flex-direction:column;gap:2px;min-width:0} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-f>span{font-size:9.5px;font-weight:700;color:var(--muted);white-space:nowrap;line-height:1.4} #modal .dsp-delivery-modal-card .dsp-line-compact input{height:30px!important;min-height:0!important;width:78px;padding:2px 8px!important;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font:inherit;font-size:12.5px;box-sizing:border-box} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-f-reason{flex:1 1 150px} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-f-reason input{width:100%} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-line-ded{font-size:9px;color:var(--muted);line-height:1.3;white-space:nowrap} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-line-ded b{color:var(--brand)} @media (max-width:680px){ #modal .dsp-delivery-modal-card .dsp-line.dsp-line-compact{flex-wrap:wrap} #modal .dsp-delivery-modal-card .dsp-line-compact .dsp-line-name{flex:1 1 100%} } #modal .dsp-delivery-modal-card #dspFullReasonWrap[hidden]{display:none!important} /* v37.29.0 — فرم تحویل راننده: مرجوعی/کسری/علت داخل همان فهرست اقلام تحویلی (بخش جدای پایین فرم حذف شد) */ #modal .dsp-delivery-modal-card .dsp-deliver-table-wrap{overflow-x:auto} #modal .dsp-delivery-modal-card .dsp-deliver-table{width:100%} #modal .dsp-delivery-modal-card .dsp-deliver-table th,#modal .dsp-delivery-modal-card .dsp-deliver-table td{padding:4px 7px;font-size:12px;white-space:nowrap;vertical-align:middle} #modal .dsp-delivery-modal-card .dsp-deliver-table td:nth-child(2){white-space:normal;min-width:120px} #modal .dsp-delivery-modal-card .dsp-deliver-table td input{height:28px!important;min-height:0!important;width:70px;padding:2px 7px!important;border:1px solid var(--line-strong);border-radius:7px;background:#fff;font:inherit;font-size:12px;box-sizing:border-box} #modal .dsp-delivery-modal-card .dsp-deliver-table td input[data-f="reason"]{width:100%;min-width:120px} #modal .dsp-delivery-modal-card .dsp-deliver-table .dsp-line-ded{display:block;font-size:9px;color:var(--muted);line-height:1.4} #modal .dsp-delivery-modal-card .dsp-deliver-table .dsp-line-ded b{color:var(--brand)} #modal .dsp-delivery-modal-card .dsp-deliver-table tfoot td{font-weight:700;background:#f8fafc} /* ===== v37.34.0 — بازخورد برگهٔ کنترل خروج نگهبانی: ردیف بدون تیک، وضعیت بارگذاری و پیام درون‌برگه‌ای ===== */ .gt-check.gt-check-missing{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.13)} .gt-exit-loading{padding:26px 20px;text-align:center;color:var(--muted);font-size:13px} .gt-exit-msg{margin:0 20px 12px} /* ===== v37.35.0 — جزئیات سفارش فروشگاه در انبار: فرم فشرده و کم‌ارتفاع ===== */ /* سربرگ یک‌خطی + مشخصات در یک نوار باریک + سطر عنوان ستون‌ها + ردیف‌های تک‌خطی؛ شبکهٔ شش‌خانه و تکرار نام فروشگاه/مشتری حذف شد. همه‌چیز زیر .whd35-detail است تا فرم‌های جزئیات دیگر کارتابل‌ها دست‌نخورده بمانند. */ .whd35-detail{display:grid;gap:8px} .whd35-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0 8px;border-bottom:1px solid var(--line,#e3e6ea)} .whd35-title{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap} .whd35-title h2{margin:0;font-size:17px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .whd35-title span{color:var(--muted);font-size:12px;white-space:nowrap} .whd35-meta{display:flex;flex-wrap:wrap;gap:5px 16px;padding:6px 10px;background:var(--bg-alt,#f7f8fa);border:1px solid var(--line,#e3e6ea);border-radius:10px;font-size:11.5px;color:var(--muted)} .whd35-meta b{color:var(--ink,#27272a);font-weight:800} .whd35-note{margin:0;padding:7px 10px} .whd35-list{gap:5px} .whd35-headrow{font-size:10.5px;font-weight:700;color:var(--muted);padding:0 2px} .whd35-list .whd23-box{min-height:33px;padding:3px 9px;border-radius:8px;justify-content:center} .whd35-list .whd23-box b{font-size:12.5px} .whd35-detail .modal-actions{margin-top:2px} /* ===== v37.36.0 — سربرگ سوم فروشگاه‌های انبار: «سوابق و گزارشات» ===== */ #appView[data-cartable-page="warehouse"] .wh38-store-tabs{grid-template-columns:repeat(3,minmax(0,1fr))} @media (max-width:560px){ #appView[data-cartable-page="warehouse"] .wh38-store-tabs{gap:4px} #appView[data-cartable-page="warehouse"] .wh38-store-tabs button{padding:2px 3px} } /* ===== v37.38.0 — فرم کاربران: راهنمای اتصال راننده ===== */ #admUserForm .adm-driver-hint{color:var(--muted,#6b7280);font-weight:600;line-height:1.9;font-size:11.5px} #admUserForm .adm-driver-hint.is-warn{color:#9a4d00;background:#fff4e0;border:1px solid #f0d3a0;border-radius:8px;padding:5px 9px;display:block;margin-top:6px} /* ===== v37.40.0 — فرم حضوری فروش تک‌خطی و فشرده + فرم تسویهٔ کم‌ارتفاع ===== */ /* صفحهٔ ثبت سفارش حضوری: بنر و سربرگ اقلام باریک‌تر؛ ستون خالی کنار فرم حذف شد */ #appView .sd-oe-banner{padding:9px 14px;border-radius:13px} #appView .sd-oe-banner h2{font-size:15.5px} #appView .sd-oe-banner p{font-size:11.5px;margin-top:1px} #appView .sd-oe-banner-actions .btn-lg{padding:8px 14px;font-size:13px;min-height:38px} #appView .sd-oe-layout{grid-template-columns:minmax(0,1fr)!important;margin-top:8px;gap:10px} #appView .sd-lines-head{padding:9px 14px} #appView .sd-lines-head h3{font-size:14px} #appView .sd-lines-head p{font-size:11px;margin-top:1px} #appView .sd-lines-body{padding:9px 12px 11px} #appView .sd-lines{gap:6px} /* ردیف‌های حضوری دقیقاً هم‌قالب ردیف فشردهٔ فروشگاه: بدون برچسب، همه‌چیز در یک خط */ #appView #content #orderLines .sd-line.sd-line-compact{display:flex!important;flex-direction:row;align-items:center;gap:7px!important;padding:6px 9px!important} #appView #content #orderLines .sd-line.sd-line-compact .sd-line-no{grid-area:auto!important;margin:0!important;width:24px;height:24px;border-radius:7px;font-size:10px;flex:0 0 auto} #appView #content #orderLines .sd-line.sd-line-compact .sd-line-cell{display:block!important;width:auto!important;min-width:0} #appView #content #orderLines .sd-line.sd-line-compact .cell-product{flex:0 1 250px;min-width:170px} #appView #content #orderLines .sd-line.sd-line-compact .cell-qty{flex:0 0 88px} #appView #content #orderLines .sd-line.sd-line-compact .cell-unit{flex:0 0 112px} #appView #content #orderLines .sd-line.sd-line-compact .cell-desc{flex:0 1 220px;min-width:80px} #appView #content #orderLines .sd-line.sd-line-compact .input-shell{height:35px!important;min-height:35px!important;border-radius:9px;width:100%!important;padding:0 8px!important} #appView #content #orderLines .sd-line.sd-line-compact .input-shell input, #appView #content #orderLines .sd-line.sd-line-compact .input-shell select{font-size:12.5px} #appView #content #orderLines .sd-line.sd-line-compact .sd-line-del{grid-area:auto!important;margin:0!important;width:30px;height:30px;flex:0 0 auto} @media(max-width:760px){#appView #content #orderLines .sd-line.sd-line-compact{flex-wrap:wrap;row-gap:6px} #appView #content #orderLines .sd-line.sd-line-compact .cell-product{flex:1 1 calc(100% - 34px)} #appView #content #orderLines .sd-line.sd-line-compact .cell-qty{flex:0 0 30%} #appView #content #orderLines .sd-line.sd-line-compact .cell-unit{flex:0 0 36%} #appView #content #orderLines .sd-line.sd-line-compact .cell-desc{flex:1 1 140px}} /* فرم تسویهٔ فروش: فاصله‌ها و ارتفاع بوم امضا و ردیف‌های پرداخت کمتر شد */ #appView #content .stl-card{padding:8px!important} #appView #content .stl-card .stl-section{padding:6px 8px!important} #appView #content .stl-card .stl-section-head{margin-bottom:5px!important} #appView #content .stl-card .stl-section-head h3{font-size:13.5px} #appView #content .stl-card .stl-grid-head{padding:5px 8px!important;font-size:11px} #appView #content .stl-card .stl-row{padding:4px 8px!important} #appView #content .stl-input{height:32px!important;min-height:32px!important;font-size:12.5px} #appView #content .stl-card .stl-sig{height:78px!important} #appView #content .stl-sig-foot{margin-top:5px!important} #appView #content .stl-approved-banner,#appView #content .stl-approval-prompt{padding:7px 10px!important;margin-bottom:7px!important} #appView #content .stl-invoice-bottom{margin-top:6px!important;gap:8px!important} #appView #content .stl-weight-summary{margin-top:5px!important} #appView #content .stl-payment-row{padding:7px 9px!important;margin:6px 0!important;gap:7px!important} #appView #content .stl-pay-field,#appView #content .stl-pay-detail label{grid-template-rows:15px 36px!important;gap:3px!important} #appView #content .stl-pay-field input,#appView #content .stl-pay-field select,#appView #content .stl-pay-detail input,#appView #content .stl-pay-detail select{height:36px!important;min-height:36px!important;max-height:36px!important;line-height:34px!important} #appView #content .stl-payment-row>[data-payremove]{height:36px!important;min-height:36px!important;max-height:36px!important} #appView #content .stl-pay-totals{padding:7px 10px!important;margin:6px 0!important} #appView #content .bt-customer-field{min-height:32px!important;padding-top:3px!important;padding-bottom:3px!important} @media(min-width:1100px){#appView #content .stl-verification-column .stl-grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* ===== v37.43.0 — کارت «سفارش‌های در جریان» فروش تک‌خطی و کم‌ارتفاع ===== */ /* فهرست محصولات از روی کارت حذف شده و فقط در «جزئیات کامل» می‌آید؛ جلوی هر مقدار، برچسبش (شماره سفارش، شماره تماس، محل ارسال و...) نوشته می‌شود. */ #appView .sd-flow-list{gap:7px!important} #appView .sd-flow-toolbar{padding:8px 14px} #appView .sd-flow-card.sd-flow-card-1line{align-items:center;gap:10px;padding:8px 12px;border-radius:12px} #appView .sd-flow-card-1line .sd-flow-index{width:28px;height:28px;border-radius:8px;font-size:10.5px} #appView .sd-flow-1line-main{flex:1;min-width:0;display:grid;gap:3px} #appView .sd-flow-1line-id{display:flex;align-items:center;gap:8px;flex-wrap:wrap} #appView .sd-flow-1line-id strong{font-size:13.5px;font-weight:1000} #appView .sd-flow-meta{display:flex;align-items:center;gap:4px 16px;flex-wrap:wrap} #appView .sd-fmeta{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;white-space:nowrap} #appView .sd-fmeta i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted)} #appView .sd-fmeta b{font-weight:800;color:var(--ink-2,#263746)} #appView .sd-flow-1line-side{display:flex;align-items:center;gap:10px;flex:0 0 auto} #appView .sd-flow-1line-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap} @media(max-width:900px){#appView .sd-flow-card.sd-flow-card-1line{flex-wrap:wrap} #appView .sd-flow-1line-side{flex-basis:100%;justify-content:space-between}} /* ===== v37.43.0 — ریسپانسیو کامل: منوی کشویی موبایل و عرض کامل محتوا ===== */ /* دکمه‌های منو فقط در موبایل دیده می‌شوند */ #appView .rail-toggle-btn{display:none!important;place-items:center} #appView .rail-close-btn{display:none;position:absolute;top:calc(10px + env(safe-area-inset-top,0px));inset-inline-end:10px;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);color:#fff;place-items:center;cursor:pointer;z-index:3} .rail-backdrop{position:fixed;inset:0;background:rgba(13,18,24,.48);z-index:250} @media (max-width:640px){ /* ستون سمت راست: کشوی مخفی از لبهٔ راست؛ با کلاس rail-open باز می‌شود */ #appView .rail{position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;width:min(300px,84vw)!important;height:100vh!important;height:100dvh!important;padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px))!important;z-index:260!important;transform:translateX(106%);transition:transform .28s ease,box-shadow .28s ease;box-shadow:none!important;overflow-y:auto!important;overflow-x:hidden!important} #appView.rail-open .rail{transform:translateX(0);box-shadow:-18px 0 44px rgba(15,23,32,.30)!important} #appView .rail .rail-top{display:flex!important;padding-inline-end:44px!important} #appView .rail-close-btn{display:grid!important} #appView .rail #railNav > button{flex-direction:row!important;justify-content:flex-start!important;min-height:46px!important;height:auto!important;padding:0 12px!important;font-size:13px!important;text-align:right!important;gap:10px!important} #appView .rail #railNav .nav-label{white-space:nowrap!important;font-size:13px!important;line-height:1.4!important;max-width:none} #appView .rail #railNav > button.active::before{right:0;top:10px;bottom:10px} /* محتوا تمام‌عرض می‌شود */ #appView .workspace{margin-right:0!important;padding:0 10px!important} #appView .workspace-header{grid-template-columns:auto minmax(0,1fr) auto!important;margin:0 -10px!important;padding:8px 10px!important;gap:8px!important} #appView .rail-toggle-btn{display:grid!important;grid-column:1;width:42px;height:42px} #appView .header-main{grid-column:2!important;grid-row:1!important} #appView .header-actions{grid-column:3!important;grid-row:1!important} .toast{right:12px!important;left:12px!important} /* پنل اعلان‌ها در موبایل زیر هدر و تمام‌عرض امن می‌نشیند */ .notification-popover{top:64px!important;right:10px!important;left:10px!important;width:auto!important} } /* ======================================================================== v37.43.0 — صفحهٔ ورود: خط سفید مورب سمت کارت حذف شد و واترمارک ثابت لوگو آمد ------------------------------------------------------------------------ علت خط: برقِ (shine) دکمهٔ اصلی با inset:0 به نزدیک‌ترین جدِ positioned (کارت ورود) می‌چسبید و چون دکمه position نداشت، نوار نور هم‌اندازهٔ کارت ساخته و بیرون از آن دیده می‌شد. دکمه position:relative گرفت تا برق داخل خود دکمه بماند و با overflow:hidden بریده شود. جای خط در دسکتاپ: واترمارک بزرگ و بسیار محوِ ثابت لوگو در سمت راست کارت. ======================================================================== */ #appView .btn-primary,#modal .btn-primary,.login-card .btn-primary{position:relative} #loginView .login-stage::before{ content:"";position:absolute;z-index:-1;pointer-events:none; width:min(320px,34vw);height:min(320px,34vw); right:4vw;top:50%;transform:translateY(-50%); background:url("/logo.png") center/contain no-repeat;opacity:.07; } @media (max-width:1024px){#loginView .login-stage::before{display:none}} /* پلاک‌های خودرو و موتورسیکلت: قطعات پنهان نباید در grid جا بگیرند. */ .iran-plate.iran-plate [hidden]{display:none!important} .iran-plate.iran-plate.is-motor{width:calc(var(--plate-h) * 2.3)!important;grid-template-columns:calc(var(--plate-h) * .46) 1fr!important;grid-template-rows:1fr 1fr!important} .iran-plate.iran-plate.is-motor .blue-strip{grid-column:1!important;grid-row:1!important} .iran-plate.iran-plate.is-motor .motor-top{grid-column:2!important;grid-row:1!important} .iran-plate.iran-plate.is-motor .motor-bottom{grid-column:1 / span 2!important;grid-row:2!important;border-top:1px solid #d7dee6!important;background:#fff!important} .iran-plate.iran-plate.is-motor .plate-part span,.iran-plate.iran-plate.is-motor .plate-part input{font-size:calc(var(--plate-h) * .28)!important} .iran-plate.iran-plate .plate-code{background:#eef2f7!important} .iran-plate-legacy{display:inline-block;border:2px solid #415060;border-left:7px solid #0d5a9c;border-radius:7px;background:#fff;color:#17202a;font-weight:700;padding:3px 8px;max-width:100%;overflow-wrap:anywhere} .plate-legacy-note{display:block;margin-top:6px;color:#8a5200;overflow-wrap:anywhere} [data-plate-editor]{min-width:0;max-width:100%} /* ورودی پلاک: فاصلهٔ selectهای عمومی نباید عرض حرف یا اعداد را بپوشاند. */ #appView #content .iran-plate.plate-editor input, #appView #content .iran-plate.plate-editor select, #modal .iran-plate.plate-editor input, #modal .iran-plate.plate-editor select{ box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important; padding:0 2px!important;text-align:center!important;text-align-last:center!important;letter-spacing:0!important; line-height:normal!important;color:#101820!important;cursor:text; } #appView #content .iran-plate.plate-editor select,#modal .iran-plate.plate-editor select{cursor:pointer} .iran-plate.plate-editor .plate-letter-part{position:relative} .iran-plate.plate-editor .plate-letter-part::after{content:'▾';position:absolute;right:3px;bottom:1px;line-height:1;font-size:10px;color:#536576;pointer-events:none} #appView #content .iran-plate .blue-strip span,#modal .iran-plate .blue-strip span{color:#fff!important} #appView #content .iran-plate.plate-editor :is(input,select):focus-visible, #modal .iran-plate.plate-editor :is(input,select):focus-visible{outline:2px solid #a8172e!important;outline-offset:-3px!important} /* موتور ملی: نشان آبی فقط بالا چپ است و پنج رقم تمام عرض پایین را می‌گیرند. */ #appView #content #plateBox .iran-plate.is-motor{ width:min(100%,190px)!important;height:80px!important; grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important; } #appView #content #plateBox .iran-plate.is-motor .blue-strip{width:auto!important} #appView #content #plateBox .iran-plate.is-motor input{height:100%!important;font-size:22px!important} /* یک ردیف برچسب و یک ردیف کنترل، در فرم‌های اصلی مدیریت و مشتری. */ #modal .cust-form .cust-field:not(.adm-check){ display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;align-items:stretch!important; min-width:0!important;gap:6px!important;margin:0!important; } #modal .cust-form .cust-field:not(.adm-check)>span:first-child{ min-height:20px!important;line-height:20px!important; } #modal .cust-form .cust-field[hidden]{display:none!important} /* نشان مقصد اعلان و شمارنده مراحل نگهبانی */ .gate-dispatch-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;padding:2px 6px;margin-inline-start:5px;border-radius:999px;background:#e6edf5;color:#233d5b;font-size:.85em} .notif-target-highlight{outline:3px solid #e58b24!important;outline-offset:3px;scroll-margin:90px} /* دامنه و گواهی */ .tls-settings .notice{margin:14px 0;line-height:1.9}.tls-status{padding:12px 14px;border:1px solid var(--line,#ddd);border-radius:12px;background:#f7fafb;line-height:1.9;overflow-wrap:anywhere}.tls-settings .form-grid{align-items:end}.tls-settings .adm-check{grid-column:1/-1;line-height:1.8}.tls-settings .field small{color:var(--muted);font-size:12px}.tls-current{display:flex;flex-wrap:wrap;gap:8px;align-items:center} /* شمارش و چاپ سرویس‌ها و فرم غیرحضوری */ .store-service-print,.store-receipt-summary{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.store-receipt-summary{grid-column:1/-1;margin-top:7px}.whh-row .store-service-print{grid-column:1/-1} @media(min-width:901px){#content .sales-remote-customer-grid-v40{grid-template-columns:repeat(3,minmax(0,1fr))!important}#content .sales-remote-place-v40{grid-column:auto!important}} .product-option.keyboard-active,.op-product-option.keyboard-active{background:#fce7eb;outline:2px solid #a6162d;outline-offset:-2px} /* هماهنگی فرم‌ها: در برگه‌های کوچک نوار عملیات روی ورودی قیمت قرار نگیرد. */ #appView #content #priceForm .sticky-actions{position:static!important;bottom:auto!important} /* با کم‌شدن عرض، عملیات هر قلم در همان کارت و در چند خط قابل دسترس بماند. */ @media(max-width:1150px){ #appView #content .sr318-row>.sr318-ops{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important} #appView #content .sr318-row>.sr318-ops .btn{white-space:normal!important;height:auto!important;min-height:34px!important} #appView #content .sr318-group-head{flex-wrap:wrap;min-width:0} #appView #content .sr318-sendline .store-service-print{max-width:100%;flex-wrap:wrap} } /* برگهٔ انبار در موبایل نباید برای دیدن وزن یا وضعیت موجودی اسکرول افقی بخواهد. */ @media(max-width:700px){ #appView #content .bt-customer-strip-scroll{overflow-x:visible!important} #appView #content .bt-customer-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important} #appView #content .bt-customer-field{height:auto!important;min-height:44px!important} #appView #content .bt-customer-field>span{overflow-wrap:anywhere!important;line-height:1.5!important} #appView #content .wh38-sheet .wh38-progress{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px 10px!important} #appView #content .wh38-sheet .wh38-progress i{display:none!important} #appView #content .wh38-sheet .wh38-note{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:4px!important;height:auto!important;min-height:0!important} #appView #content .wh38-sheet .wh38-note b,#appView #content .wh38-sheet .wh38-note span{position:static!important;white-space:normal!important;line-height:1.7!important} } @media(max-width:1150px){ #appView #content .wh38-prep-items{grid-template-columns:minmax(0,1fr)!important;overflow-x:visible!important;padding-inline:10px!important} #appView #content .wh38-prep-item:not(.sr318-row){grid-template-columns:28px repeat(2,minmax(0,1fr))!important;grid-template-areas:'num product product' '. quantity description' '. weight stock'!important;gap:8px!important} #appView #content .wh38-prep-item:not(.sr318-row)>.wh38-prep-num{grid-area:num!important;margin-top:25px!important} #appView #content .wh38-prep-item:not(.sr318-row)>.wh38-prep-cell:nth-child(2){grid-area:product!important} #appView #content .wh38-prep-item:not(.sr318-row)>.wh38-prep-cell:nth-child(3){grid-area:quantity!important} #appView #content .wh38-prep-item:not(.sr318-row)>.wh38-prep-cell:nth-child(4){grid-area:description!important} #appView #content .wh38-prep-item:not(.sr318-row)>.wh38-prep-cell:nth-child(5){grid-area:weight!important} #appView #content .wh38-prep-item:not(.sr318-row)>.wh38-stock-cell{grid-area:stock!important} #appView #content .wh38-prep-item:not(.sr318-row) .wh38-cell-label{height:auto!important;min-height:20px!important;white-space:normal!important;line-height:1.5!important} #appView #content .wh38-prep-item:not(.sr318-row) .wh38-prep-title strong,#appView #content .wh38-prep-item:not(.sr318-row) .wh38-prep-desc{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.5!important;overflow:visible!important} #appView #content .wh38-prep-item:not(.sr318-row) .wh38-prep-title,#appView #content .wh38-prep-item:not(.sr318-row) .wh38-prep-desc{height:auto!important;min-height:44px!important;padding-block:7px!important} #appView #content .wh38-prep-item:not(.sr318-row) .wh38-req b{white-space:normal!important;overflow-wrap:anywhere!important} } /* تاریخ تحویل از زمان ورود به انبار مستقل است. */ @media(min-width:621px){ #futureOrderFormV25 .fx-top-grid>.jalali-datetime-field, #futureOrderFormV25 .fx-top-grid>.jalali-field{grid-column:span 6!important} #futureOrderFormV25 .fx-top-grid>.fx-addr-field{grid-column:1/-1!important} } #futureOrderFormV25 .jalali-field .jalali-shell{height:48px;min-height:48px} #futureOrderFormV25 .jalali-field .date-today-btn{flex:0 0 auto} .wh38-delivery-date{white-space:normal;overflow-wrap:anywhere} #appView #content .wh38-sheet-delivery-date{margin-top:6px;font-size:12px;line-height:1.6;overflow-wrap:anywhere} /* ثبت بیعانه و خلاصهٔ مالی آن در فروش */ .deposit-entry{margin:12px 0;padding:12px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-panel-2)} .deposit-hint{display:inline-block;margin-inline-start:8px;font-size:12px;color:var(--bt-muted);line-height:1.7} .deposit-fields:not([hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:9px;margin-top:10px} .deposit-fields label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:700} .deposit-fields label[hidden]{display:none!important} .deposit-fields input,.deposit-fields select{box-sizing:border-box;width:100%;min-width:0} .deposit-summary{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:8px 0;color:var(--bt-ink);font-size:12px;overflow-wrap:anywhere} .deposit-summary strong{color:#a44716} .deposit-refund-panel{grid-column:1/-1;min-width:0} .deposit-refund-row{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--bt-line)} .deposit-dispatch-message{grid-column:1/2!important;grid-row:1!important;font-size:11px;line-height:1.5} .deposit-excess:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#9a3b13;font-size:12px}