html{scrollbar-gutter:stable}
:root{
--home-grad: radial-gradient(1200px 600px at 10% -10%, rgba(59,130,246,.14), transparent 60%),
radial-gradient(900px 500px at 100% 0%, rgba(16,185,129,.12), transparent 55%),
radial-gradient(900px 500px at 60% 120%, rgba(99,102,241,.10), transparent 55%);
--bg:#f3f6fb;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--border2:#d1d5db;--primary:#3b82f6;--primary2:#2563eb;--danger:#ef4444;--ok:#059669;
}
/* ── Global base: radio/checkbox baseline ── */
input[type="radio"],input[type="checkbox"]{
flex-shrink:0;
box-sizing:border-box;
outline:none;
}
/* Codex: final logo no-crop and print-preview parity on mobile. */
.v1-brand img[src*="default-truck.png"],
.logo-current-preview img[src*="default-truck.png"],
.print-brand img[src*="default-truck.png"],
.sign-head img[src*="default-truck.png"],
.waybill-print-preview-paper header img[src*="default-truck.png"]{
object-fit:contain!important;
object-position:center!important;
padding:0!important;
transform:none!important;
}
@media(max-width:760px){
.waybill-print-preview-stage{
overflow-x:auto!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.waybill-print-preview-paper,
.waybill-print-preview-paper[data-paper-size="A5"],
.waybill-print-preview-paper[data-paper-size="A6"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
}
.waybill-print-preview-meta{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
/* Codex: settings cleanup, default-logo fill, and mobile print preview stability. */
.activity-options.activity-options-grouped{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
.activity-option-column{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
align-content:start!important;
}
.v1-brand img[src*="default-truck.png"],
.logo-current-preview img[src*="default-truck.png"],
.print-brand img[src*="default-truck.png"],
.sign-head img[src*="default-truck.png"],
.waybill-print-preview-paper header img[src*="default-truck.png"]{
object-fit:contain!important;
object-position:center!important;
padding:0!important;
}
@media(max-width:760px){
.activity-options.activity-options-grouped{
grid-template-columns:1fr!important;
}
.waybill-print-preview-wrap{
max-width:100%!important;
overflow:hidden!important;
}
.waybill-print-preview-stage{
width:100%!important;
min-height:0!important;
padding:12px!important;
overflow-x:auto!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.waybill-print-preview-paper,
.waybill-print-preview-paper[data-paper-size="A5"],
.waybill-print-preview-paper[data-paper-size="A6"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
min-height:auto!important;
overflow:hidden!important;
}
.waybill-print-preview-meta{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:5px!important;
}
.waybill-print-preview-paper table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.waybill-print-preview-paper th,
.waybill-print-preview-paper td{
padding:4px 2px!important;
font-size:6.5px!important;
line-height:1.45!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
}
/* Codex: final sending print settings override, after all legacy preview rules. */
.settings-subform-title{
grid-column:1 / -1!important;
min-height:44px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
gap:4px!important;
margin:0!important;
}
.settings-subform-title h3{
margin:0!important;
color:#0f172a!important;
font-size:18px!important;
font-weight:900!important;
line-height:1.45!important;
}
.settings-subform-title p{
margin:0!important;
color:#64748b!important;
font-size:13px!important;
font-weight:800!important;
line-height:1.6!important;
}
.sending-print-settings-form{
margin-top:24px!important;
padding-top:24px!important;
border-top:1px solid #e2e8f0!important;
}
.sending-print-settings-form .waybill-print-paper-size{
min-height:94px!important;
}
.sending-print-settings-form .settings-form-actions{
grid-column:1 / -1!important;
min-height:58px!important;
}
.sending-print-preview-wrap{
grid-column:1 / -1!important;
min-height:520px!important;
}
.sending-print-preview-wrap .waybill-print-preview-stage{
min-height:480px!important;
overflow:auto!important;
}
.sending-waybill-preview-paper[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
max-width:none!important;
min-height:380px!important;
}
.sending-waybill-preview-paper[data-paper-size="A5"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
min-height:520px!important;
}
.sending-invoice-preview-paper[data-paper-size="A5"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
min-height:520px!important;
}
.sending-invoice-preview-paper[data-paper-size="A4"]{
width:460px!important;
min-width:460px!important;
max-width:none!important;
min-height:650px!important;
}
.sending-invoice-preview-paper table,
.sending-waybill-preview-paper table{
table-layout:fixed!important;
}
.sending-invoice-preview-paper th,
.sending-invoice-preview-paper td,
.sending-waybill-preview-paper th,
.sending-waybill-preview-paper td{
overflow-wrap:anywhere!important;
}
@media(max-width:760px){
.settings-subform-title{
min-height:42px!important;
}
.settings-subform-title h3{
font-size:16px!important;
}
.settings-subform-title p{
font-size:12px!important;
}
.sending-print-settings-form{
margin-top:18px!important;
padding-top:18px!important;
}
.sending-print-preview-wrap{
min-height:0!important;
}
.sending-print-preview-wrap .waybill-print-preview-stage{
min-height:0!important;
overflow-x:auto!important;
overflow-y:hidden!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.sending-waybill-preview-paper[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
}
.sending-waybill-preview-paper[data-paper-size="A5"],
.sending-invoice-preview-paper[data-paper-size="A5"]{
width:368px!important;
min-width:368px!important;
}
.sending-invoice-preview-paper[data-paper-size="A4"]{
width:460px!important;
min-width:460px!important;
}
}
/* Codex: stable print settings forms for sending waybills and sending invoices. */
.settings-subform-title{
grid-column:1 / -1;
min-height:44px;
display:flex;
flex-direction:column;
justify-content:center;
gap:4px;
margin:0;
}
.settings-subform-title h3{
margin:0;
color:#0f172a;
font-size:18px;
font-weight:900;
line-height:1.45;
}
.settings-subform-title p{
margin:0;
color:#64748b;
font-size:13px;
font-weight:800;
line-height:1.6;
}
.sending-print-settings-form{
margin-top:24px;
padding-top:24px;
border-top:1px solid #e2e8f0;
}
.sending-print-settings-form .waybill-print-paper-size{
min-height:94px;
}
.sending-print-settings-form .settings-form-actions{
grid-column:1 / -1;
min-height:58px;
}
.sending-print-preview-wrap{
grid-column:1 / -1;
min-height:520px;
}
.sending-print-preview-wrap .waybill-print-preview-stage{
min-height:480px;
overflow:auto;
}
.sending-waybill-preview-paper[data-paper-size="A6"]{
width:270px;
min-width:270px;
min-height:380px;
}
.sending-waybill-preview-paper[data-paper-size="A5"]{
width:368px;
min-width:368px;
min-height:520px;
}
.sending-invoice-preview-paper[data-paper-size="A5"]{
width:368px;
min-width:368px;
min-height:520px;
}
.sending-invoice-preview-paper[data-paper-size="A4"]{
width:460px;
min-width:460px;
min-height:650px;
}
.sending-invoice-preview-paper table,
.sending-waybill-preview-paper table{
table-layout:fixed;
}
.sending-invoice-preview-paper th,
.sending-invoice-preview-paper td,
.sending-waybill-preview-paper th,
.sending-waybill-preview-paper td{
overflow-wrap:anywhere;
}
@media(max-width:760px){
.settings-subform-title{
min-height:42px;
}
.settings-subform-title h3{
font-size:16px;
}
.settings-subform-title p{
font-size:12px;
}
.sending-print-settings-form{
margin-top:18px;
padding-top:18px;
}
.sending-print-preview-wrap{
min-height:0;
}
.sending-print-preview-wrap .waybill-print-preview-stage{
min-height:0!important;
overflow-x:auto!important;
overflow-y:hidden!important;
}
.sending-waybill-preview-paper[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
}
.sending-waybill-preview-paper[data-paper-size="A5"],
.sending-invoice-preview-paper[data-paper-size="A5"]{
width:368px!important;
min-width:368px!important;
}
.sending-invoice-preview-paper[data-paper-size="A4"]{
width:460px!important;
min-width:460px!important;
}
}
/* Codex: absolute last override - no logo cropping, mobile preview stays desktop-shaped. */
.v1-brand img[src*="default-truck.png"],
.logo-current-preview img[src*="default-truck.png"],
.print-brand img[src*="default-truck.png"],
.sign-head img[src*="default-truck.png"],
.waybill-print-preview-paper header img[src*="default-truck.png"]{
object-fit:contain!important;
object-position:center!important;
padding:0!important;
transform:none!important;
}
@media(max-width:760px){
.waybill-print-preview-stage{
overflow-x:auto!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.waybill-print-preview-paper,
.waybill-print-preview-paper[data-paper-size="A5"],
.waybill-print-preview-paper[data-paper-size="A6"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
}
.waybill-print-preview-meta{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:5px!important;
}
}
/* Codex: settings final override after all legacy CSS. */
.activity-options.activity-options-grouped{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
.activity-option-column{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
align-content:start!important;
}
.v1-brand img[src*="default-truck.png"],
.logo-current-preview img[src*="default-truck.png"],
.print-brand img[src*="default-truck.png"],
.sign-head img[src*="default-truck.png"],
.waybill-print-preview-paper header img[src*="default-truck.png"]{
object-fit:contain!important;
object-position:center!important;
padding:0!important;
}
@media(max-width:760px){
.activity-options.activity-options-grouped{
grid-template-columns:1fr!important;
}
.waybill-print-preview-wrap{
max-width:100%!important;
overflow:hidden!important;
}
.waybill-print-preview-stage{
width:100%!important;
min-height:0!important;
padding:12px!important;
overflow-x:auto!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.waybill-print-preview-paper,
.waybill-print-preview-paper[data-paper-size="A5"],
.waybill-print-preview-paper[data-paper-size="A6"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
min-height:auto!important;
overflow:hidden!important;
}
.waybill-print-preview-meta{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:5px!important;
}
.waybill-print-preview-paper table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.waybill-print-preview-paper th,
.waybill-print-preview-paper td{
padding:4px 2px!important;
font-size:6.5px!important;
line-height:1.45!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
}
/* Codex: final guard for mobile sending filters and invoice tables. */
.sending-wrap .sending-filter-card.sending-lazy-filter{
isolation:isolate!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter label{
position:relative!important;
z-index:1!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:active,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:focus-visible,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:active,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:focus-visible{
box-sizing:border-box!important;
position:relative!important;
z-index:30!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
margin:0!important;
padding:0 18px!important;
border-radius:24px!important;
line-height:44px!important;
transform:none!important;
pointer-events:auto!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:transparent!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:has(input:checked){
box-sizing:border-box!important;
position:relative!important;
z-index:20!important;
display:grid!important;
grid-template-columns:18px minmax(0,1fr)!important;
grid-template-rows:44px!important;
align-items:center!important;
justify-content:start!important;
justify-items:start!important;
gap:8px!important;
column-gap:8px!important;
direction:rtl!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
margin:0!important;
padding:0 12px!important;
border-radius:24px!important;
line-height:44px!important;
transform:none!important;
cursor:pointer!important;
pointer-events:auto!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:transparent!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"],
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked{
box-sizing:border-box!important;
grid-column:1!important;
grid-row:1!important;
justify-self:start!important;
align-self:center!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
max-height:18px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:hover span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:active span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus + span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked + span{
grid-column:2!important;
grid-row:1!important;
justify-self:start!important;
align-self:center!important;
display:block!important;
width:auto!important;
min-width:0!important;
max-width:100%!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
line-height:20px!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
transform:none!important;
direction:rtl!important;
text-align:right!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:disabled,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn[aria-disabled="true"]{
opacity:.48!important;
cursor:not-allowed!important;
pointer-events:none!important;
background:#f8fafc!important;
color:#94a3b8!important;
}
.sending-invoices-page .status-pill,
.sending-invoices-page .sending-invoice-state{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:clip!important;
transform:none!important;
}
.sending-invoice-bills-card .modern-table-wrap{
overflow-x:auto!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
}
.sending-invoice-bills-card .sending-invoice-bills-table{
min-width:1080px!important;
table-layout:fixed!important;
}
@media (max-width:760px){
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn{
width:100%!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check{
width:100%!important;
}
.sending-invoices-page .status-pill,
.sending-invoices-page .sending-invoice-state{
min-width:80px!important;
max-width:80px!important;
height:24px!important;
min-height:24px!important;
max-height:24px!important;
padding:0 6px!important;
font-size:10px!important;
line-height:24px!important;
}
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;color:var(--text)}.page{max-width:1180px;margin:0 auto;padding:24px}h1,h2,p{margin-top:0}.btn,button{font-family:"Vazirmatn",Tahoma,Arial,sans-serif}.btn{height:42px;border-radius:12px;border:1px solid var(--border2);background:#fff;color:var(--text);padding:0 14px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn.primary,button[type=submit]{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover,button[type=submit]:hover{background:var(--primary2);border-color:var(--primary2)}
body.login-page{min-height:100vh;background:var(--bg);background-image:var(--home-grad);background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.login-page .page{width:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:14px}.login-brand{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:transparent;backdrop-filter:blur(6px)}.login-brand img{height:46px;display:block}.login-brand-text{font-weight:900;font-size:18px;color:var(--text)}.login-card{width:min(420px,calc(100% - 24px));background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.12);overflow:hidden}.login-head{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.login-title{font-weight:900}.login-subtitle{font-size:12px;color:var(--muted);font-weight:900}.login-body{padding:18px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);font-weight:900;margin-bottom:6px}.field input{width:100%;height:42px;border:1px solid var(--border2);border-radius:12px;padding:0 12px;font:inherit;outline:none;background:#fff}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.password-row{display:flex;gap:8px;align-items:center}.password-row .btn{width:92px;flex:0 0 92px}.login-body .btn.primary{width:100%;margin-top:2px}.login-message{margin-bottom:12px;font-size:12px;font-weight:900;border-radius:12px;padding:10px 12px}.login-message.bad{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.login-message.ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.login-note{margin-top:10px;font-size:12px;color:var(--muted);font-weight:800;line-height:1.6}
@keyframes onAutoFillStart{to{}}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{font-family:inherit!important;-webkit-text-fill-color:currentColor!important;-webkit-box-shadow:0 0 0 40px #fff inset!important;transition:background-color 9999s ease-in-out 0s;animation-name:onAutoFillStart;animation-duration:1ms;}
.btn.ghost{background:#fff;color:var(--primary);border-color:#bfdbfe}.login-register-link{width:100%;margin-top:10px}.register-page{justify-content:flex-start}.register-card{width:min(920px,calc(100% - 24px));border-radius:18px}.register-back{height:34px;min-width:120px;font-size:12px}.register-body{padding:18px 20px 20px}.register-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.register-full{grid-column:1/-1}.register-section-title{margin:6px 0 12px;color:#0f172a;font-size:14px;font-weight:950}.field textarea{width:100%;border:1px solid var(--border2);border-radius:12px;padding:10px 12px;font:inherit;outline:none;background:#fff;resize:vertical}.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.field small{display:block;margin-top:6px;color:var(--muted);font-size:11px;font-weight:800}.register-body .btn.primary{width:auto;min-width:160px;margin-top:6px}@media(max-width:760px){.register-grid{grid-template-columns:1fr}.login-head{align-items:flex-start;flex-direction:column}.register-back{width:100%}.register-body .btn.primary{width:100%}}
.enamad-seal{position:fixed;right:24px;bottom:24px;z-index:4;width:82px;min-height:82px;border:1px solid rgba(203,213,225,.78);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 14px 32px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;backdrop-filter:blur(8px)}.enamad-seal img{display:block;max-width:100%;max-height:70px;object-fit:contain;cursor:pointer}@media(max-width:760px){body.login-page{justify-content:flex-start;padding-bottom:22px}.enamad-seal{position:static;width:74px;min-height:74px;margin:2px auto 0;order:3}.enamad-seal img{max-height:62px}}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:18px;margin-bottom:16px}.topbar p{color:#64748b;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:18px;min-height:122px;text-decoration:none;color:inherit;transition:.18s ease}.card h2{font-size:18px}.card p{color:#64748b;font-weight:700}.card:hover{border-color:#93c5fd;box-shadow:0 14px 28px rgba(37,99,235,.10);transform:translateY(-1px)}.panel{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.compact{margin-bottom:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn.ghost{background:#fff;color:#2563eb;border:1px solid #bfdbfe}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:right;border-bottom:1px solid #e5edf7;padding:12px;font-weight:800}th{color:#64748b;background:#f8fafc}.row-actions{display:flex;gap:10px;align-items:center}.row-actions a,.link-danger{border:0;background:transparent;color:#2563eb;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;padding:0}.link-danger{color:#dc2626}.form{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form label{font-weight:900;color:#334155}.form input,.form select{margin-top:7px;width:100%;height:44px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;font:inherit;background:#fff}.check-line{display:flex;align-items:center;gap:8px;margin:16px 0}.check-line input{width:auto;height:auto;margin:0}.permissions{margin-top:14px;border-top:1px solid #e5edf7;padding-top:14px}.permissions h2{font-size:18px}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.permission-item{display:flex;align-items:center;gap:8px;border:1px solid #dbe3ef;border-radius:10px;padding:10px;background:#f8fafc}.permission-item input{width:auto;height:auto;margin:0}.profiler{position:fixed;left:12px;bottom:12px;z-index:50;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 24px);background:rgba(15,23,42,.92);color:#fff;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800;box-shadow:0 12px 26px rgba(15,23,42,.22)}.profiler span{white-space:nowrap}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.form-grid,.permission-grid{grid-template-columns:1fr}table{min-width:620px}}@media(max-width:560px){.page{padding:14px}.grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.password-row{align-items:stretch}.password-row .btn{width:82px;flex-basis:82px}}
body.dashboard-page{min-height:100vh;background:#f4f7ff;background-image:linear-gradient(90deg,rgba(246,239,255,.55),rgba(238,246,255,.86),rgba(237,241,255,.9));background-repeat:no-repeat}.dashboard-page .page{max-width:none;margin:0;padding:0}.v1-header{height:104px;background:rgba(255,255,255,.92);border-bottom:1px solid #d5dbe7;display:flex;align-items:flex-start;justify-content:space-between;padding:18px 32px 0;direction:ltr}.v1-mark{font-size:23px;line-height:1;font-weight:950;color:#0f172a;letter-spacing:.2px;direction:ltr}.v1-brand{display:flex;align-items:center;gap:12px;text-align:right;direction:rtl;margin-left:auto}.v1-brand img{width:58px;height:58px;border-radius:16px;object-fit:contain;background:#eef2ff;border:1px solid #dbe3ef;padding:6px;order:0}.v1-brand>div{order:1}.v1-brand strong{display:block;font-size:16px;font-weight:950;color:#111827;line-height:1.35}.v1-brand span{display:block;font-size:14px;color:#667085;font-weight:850;line-height:1.65}.v1-brand b{display:block;font-size:13px;color:#111827;font-weight:950}.v1-wrap{width:min(1740px,calc(100% - 230px));margin:16px auto 0;padding:0 0 72px}.v1-panel{height:136px;border:1px solid #d6ddeb;background:rgba(255,255,255,.9);border-radius:26px;box-shadow:0 14px 34px rgba(15,23,42,.09);display:flex;align-items:center;justify-content:space-between;padding:22px 22px 22px 24px;margin-bottom:18px;direction:ltr}.v1-panel-title{direction:rtl;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:12px;order:2}.v1-panel-title h1{margin:0;font-size:30px;font-weight:950;line-height:1.15;color:#111827}.v1-date{font-size:18px;color:#6b7280;font-weight:950;display:flex;align-items:center;gap:8px}.v1-date span{display:inline-flex;align-items:center;justify-content:center;min-width:124px;height:44px;border-radius:999px;background:#dfe8ff;color:#2563eb;border:1px solid #c3d3ff;font-size:18px;font-weight:950;direction:ltr}.v1-panel-actions{align-self:center;order:1;direction:rtl}.v1-logout{height:48px;min-width:104px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#111827;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:950;box-shadow:0 7px 16px rgba(15,23,42,.07)}.v1-logout span{font-size:18px;color:#475569}.v1-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;direction:rtl}.v1-card{height:202px;position:relative;border:1px solid #d6ddeb;border-radius:23px;background:rgba(255,255,255,.9);box-shadow:0 14px 28px rgba(15,23,42,.09);text-decoration:none;color:inherit;padding:80px 20px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:right;direction:rtl;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.v1-card:hover{border-color:#a9c4ff;box-shadow:0 18px 34px rgba(37,99,235,.12);transform:translateY(-1px)}.v1-card.is-disabled{cursor:default}.v1-card.is-disabled:hover{border-color:#d6ddeb;box-shadow:0 14px 28px rgba(15,23,42,.09);transform:none}.v1-icon{position:absolute;top:18px;right:20px;width:46px;height:46px;border-radius:14px;background:#e8edff;color:#2563eb;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(37,99,235,.10)}.v1-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.v1-card-title{font-size:17.5px;font-weight:950;color:#111827;line-height:1.35;margin:0 0 8px;max-width:100%;width:100%;text-align:right;overflow-wrap:anywhere}.v1-card-text{font-size:13px;font-weight:900;color:#667085;line-height:1.62;max-width:100%;width:100%;text-align:right;overflow-wrap:anywhere}.profiler{position:fixed;left:18px;bottom:18px;z-index:50;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 36px);background:rgba(15,23,42,.94);color:#fff;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:900;box-shadow:0 12px 26px rgba(15,23,42,.22)}.profiler span{white-space:nowrap}@media(max-width:1400px){.v1-wrap{width:min(1320px,calc(100% - 70px))}.v1-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.v1-header{height:auto;min-height:96px;padding:14px 16px}.v1-brand img{width:50px;height:50px}.v1-wrap{width:calc(100% - 28px);padding:0 0 60px}.v1-panel{height:auto;min-height:132px;align-items:flex-start;flex-direction:column-reverse;border-radius:22px;gap:16px;direction:rtl}.v1-panel-title{align-items:flex-start;text-align:right;width:100%}.v1-panel-title h1{font-size:26px}.v1-date{font-size:16px}.v1-date span{height:40px;min-width:112px;font-size:16px}.v1-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v1-card{height:186px;border-radius:22px;padding:76px 18px 18px}.v1-card-title{font-size:17px}.v1-card-text{font-size:12.8px}.v1-icon{width:44px;height:44px}}@media(max-width:560px){.v1-grid{grid-template-columns:1fr}.v1-card{height:auto;min-height:160px}.v1-brand span{font-size:12px}.v1-brand strong{font-size:15px}.v1-panel-title h1{font-size:24px}.v1-logout{height:46px;min-width:100px;font-size:16px}}
/* Compact dashboard profile, matched to the stable server layout. */
@media (min-width: 901px){
body.dashboard-page{
overflow:hidden;
background:#f4f7ff;
background-image:linear-gradient(90deg,rgba(246,239,255,.46),rgba(238,246,255,.82),rgba(237,241,255,.86));
}
.dashboard-page .page{
height:100vh;
overflow:hidden;
}
.v1-header{
height:86px;
padding:14px 24px 0;
}
.v1-mark{
font-size:18px;
}
.v1-brand{
gap:10px;
}
.v1-brand img{
width:48px;
height:48px;
border-radius:14px;
padding:5px;
}
.v1-brand strong{
font-size:14px;
line-height:1.3;
}
.v1-brand span{
font-size:12.5px;
line-height:1.55;
}
.v1-brand b{
font-size:12px;
}
.v1-wrap{
width:min(1200px,calc(100% - 150px));
margin:12px auto 0;
padding:0;
}
.v1-panel{
height:100px;
border-radius:18px;
padding:14px 16px;
margin-bottom:12px;
box-shadow:0 10px 24px rgba(15,23,42,.075);
}
.v1-panel-title{
gap:7px;
}
.v1-panel-title h1{
font-size:22px;
line-height:1.18;
}
.v1-panel-actions{
display:flex;
align-items:center;
gap:8px;
}
.v1-date{
height:38px;
padding:4px;
border-radius:999px;
border:1px solid #d6ddeb;
background:#f8fafc;
color:#475569;
box-shadow:0 6px 14px rgba(15,23,42,.045);
font-size:12px;
gap:8px;
direction:rtl;
}
.v1-date b{
font-size:11px;
color:#64748b;
font-weight:950;
padding:0 10px;
line-height:30px;
}
.v1-date span{
min-width:auto;
height:auto;
min-height:30px;
padding:0 14px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#dfe8ff;
border:1px solid #c3d3ff;
color:#2563eb;
font-size:13px;
direction:ltr;
}
.users-page .admin-wrap{
width:min(1120px,calc(100% - 180px));
align-items:stretch;
}
.users-page .admin-metrics,
.users-page .users-list-card,
.users-page .user-form-card{
width:100%;
margin-left:auto;
margin-right:auto;
}
.users-page .modern-table th,
.users-page .modern-table td{
text-align:center;
}
.users-page .modern-table th:first-child,
.users-page .modern-table td:first-child{
padding-right:22px;
}
.users-page .table-actions{
justify-content:center;
}
.users-page .modern-form-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
}
.users-page .modern-form-grid label{
min-width:0;
}
.users-page .settings-wide{
grid-column:1/-1;
}
.v1-logout{
height:38px;
min-width:78px;
padding:0 14px;
border-radius:999px;
gap:6px;
font-size:14px;
line-height:1;
box-shadow:0 6px 14px rgba(15,23,42,.06);
}
.v1-logout span{
width:18px;
height:18px;
display:inline-flex;
align-items:center;
justify-content:center;
line-height:0;
font-size:15px;
}
.v1-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
}
.v1-card{
height:150px;
min-height:0;
border-radius:18px;
padding:58px 14px 12px;
align-items:stretch;
justify-content:flex-start;
text-align:right;
box-shadow:0 10px 22px rgba(15,23,42,.075);
}
.v1-card:hover{
box-shadow:0 12px 26px rgba(37,99,235,.11);
}
.v1-card.is-disabled:hover{
box-shadow:0 10px 22px rgba(15,23,42,.075);
}
.v1-icon{
top:14px;
right:14px;
width:40px;
height:40px;
border-radius:13px;
box-shadow:0 7px 14px rgba(37,99,235,.09);
}
.v1-icon svg{
width:18px;
height:18px;
stroke-width:1.8;
}
.v1-card-title{
font-size:14.5px;
line-height:1.35;
margin:0 0 6px;
text-align:right;
}
.v1-card-text{
font-size:12px;
line-height:1.55;
font-weight:800;
text-align:right;
}
.dashboard-page .profiler{
display:none;
}
}
@media (min-width: 901px) and (max-width: 1400px){
.v1-wrap{
width:min(1120px,calc(100% - 130px));
}
}
/* Premium minimal dashboard skin. */
@media (min-width: 901px){
body.dashboard-page{
overflow:hidden;
background:#edf2f7;
background-image:
linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(241,246,252,.88) 44%,rgba(232,238,248,.9) 100%),
linear-gradient(90deg,rgba(20,184,166,.06),rgba(59,130,246,.045),rgba(245,158,11,.045));
}
.dashboard-page .page{
position:relative;
height:100vh;
overflow:hidden;
}
.v1-header{
height:78px;
padding:12px 28px 0;
background:rgba(255,255,255,.78);
border-bottom:1px solid rgba(148,163,184,.24);
box-shadow:0 12px 30px rgba(15,23,42,.035);
backdrop-filter:blur(14px);
}
.v1-mark{
font-size:18px;
font-weight:950;
color:#0b1220;
letter-spacing:0;
}
.v1-brand{
gap:11px;
}
.v1-brand img{
width:46px;
height:46px;
border-radius:14px;
background:linear-gradient(145deg,#f8fafc,#e8eef7);
border:1px solid rgba(148,163,184,.25);
box-shadow:0 10px 24px rgba(15,23,42,.07);
}
.v1-brand strong{
font-size:13.5px;
font-weight:950;
color:#111827;
}
.v1-brand span{
font-size:12px;
color:#667085;
font-weight:850;
line-height:1.5;
}
.v1-brand b{
display:inline-flex;
align-self:flex-end;
margin-top:2px;
color:#111827;
font-size:11.5px;
font-weight:950;
}
.v1-wrap{
width:min(1320px,calc(100% - 220px));
margin:12px auto 0;
}
.v1-panel{
height:94px;
padding:14px 18px;
margin-bottom:12px;
border-radius:22px;
border:1px solid rgba(148,163,184,.24);
background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.78));
box-shadow:0 18px 44px rgba(15,23,42,.065);
backdrop-filter:blur(14px);
}
.v1-panel-title{
gap:6px;
}
.v1-panel-title h1{
font-size:23px;
font-weight:950;
line-height:1.15;
color:#0f172a;
letter-spacing:0;
}
.v1-date{
font-size:14px;
font-weight:950;
color:#64748b;
}
.v1-date span{
min-width:104px;
height:32px;
padding:0 11px;
border-radius:999px;
color:#1d4ed8;
background:linear-gradient(135deg,#eef4ff,#dbe8ff);
border:1px solid rgba(59,130,246,.22);
font-size:14px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
}
.v1-logout{
height:36px;
min-width:82px;
padding:0 13px;
border-radius:999px;
border:1px solid rgba(148,163,184,.34);
background:rgba(255,255,255,.86);
color:#111827;
font-size:13.5px;
font-weight:950;
box-shadow:0 9px 24px rgba(15,23,42,.06);
}
.v1-logout:hover{
border-color:rgba(37,99,235,.32);
color:#1d4ed8;
}
.v1-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
align-items:start;
}
.v1-card{
--accent:#2563eb;
height:146px;
padding:56px 14px 12px;
border-radius:20px;
border:1px solid rgba(148,163,184,.22);
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.86));
box-shadow:0 14px 34px rgba(15,23,42,.06);
backdrop-filter:blur(12px);
align-items:stretch;
text-align:right;
}
.v1-card:nth-child(1){--accent:#2563eb;}
.v1-card:nth-child(2){--accent:#7c3aed;}
.v1-card:nth-child(3){--accent:#0f766e;}
.v1-card:nth-child(4){--accent:#d97706;}
.v1-card:nth-child(5){--accent:#0284c7;}
.v1-card:nth-child(6){--accent:#16a34a;}
.v1-card:nth-child(7){--accent:#ea580c;}
.v1-card:nth-child(8){--accent:#0891b2;}
.v1-card:nth-child(9){--accent:#4f46e5;}
.v1-card:nth-child(10){--accent:#2563eb;}
.v1-card::before{
content:"";
position:absolute;
inset:0 0 auto;
height:3px;
background:linear-gradient(90deg,transparent,var(--accent),transparent);
opacity:.58;
}
.v1-card:hover{
border-color:color-mix(in srgb,var(--accent) 34%,#cbd5e1);
box-shadow:0 18px 42px rgba(15,23,42,.09);
transform:translateY(-2px);
}
.v1-card.is-disabled:hover{
border-color:rgba(148,163,184,.22);
box-shadow:0 14px 34px rgba(15,23,42,.06);
transform:none;
}
.v1-icon{
top:13px;
right:14px;
width:38px;
height:38px;
border-radius:13px;
color:var(--accent);
background:color-mix(in srgb,var(--accent) 10%,#ffffff);
border:1px solid color-mix(in srgb,var(--accent) 13%,#e5e7eb);
box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 11%,transparent);
}
.v1-icon svg{
width:17px;
height:17px;
stroke-width:1.85;
}
.v1-card-title{
font-size:14px;
line-height:1.35;
margin-bottom:5px;
color:#111827;
font-weight:950;
text-align:right;
}
.v1-card-text{
color:#64748b;
font-size:11.6px;
line-height:1.58;
font-weight:850;
text-align:right;
}
}
.v1-card[type="button"]{
width:100%;
font:inherit;
text-align:right;
}
@media (min-width: 901px) and (max-width: 1500px){
.v1-wrap{
width:min(1180px,calc(100% - 150px));
}
.v1-card{
height:140px;
padding-top:54px;
}
.v1-card-title{
font-size:13.5px;
}
.v1-card-text{
font-size:11.2px;
line-height:1.5;
}
}
/* Local Lucide icon rendering for dashboard cards. */
.v1-icon svg,
.v1-icon img{
display:none;
}
.v1-icon-mask{
display:block;
width:20px;
height:20px;
background:currentColor;
-webkit-mask:var(--icon-url) center / contain no-repeat;
mask:var(--icon-url) center / contain no-repeat;
}
@media (min-width: 901px){
.v1-icon{
overflow:hidden;
}
.v1-icon::after{
content:"";
position:absolute;
inset:7px auto auto 7px;
width:8px;
height:8px;
border-radius:999px;
background:rgba(255,255,255,.82);
}
.v1-icon-mask{
position:relative;
z-index:1;
width:18px;
height:18px;
}
}
/* Reliable inline local SVG icons. */
.v1-icon::after{
display:none;
}
.v1-icon svg{
display:block;
width:20px;
height:20px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.v1-icon-mask{
display:none;
}
@media (min-width: 901px){
.v1-icon svg{
width:18px;
height:18px;
}
}
/* Shared compact admin surface, aligned with the dashboard scale. */
body.admin-page{
min-height:100vh;
background:#edf2f7;
background-image:
linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(241,246,252,.88) 44%,rgba(232,238,248,.9) 100%),
linear-gradient(90deg,rgba(20,184,166,.06),rgba(59,130,246,.045),rgba(245,158,11,.045));
background-repeat:no-repeat;
}
.admin-page .page{
max-width:none;
margin:0;
padding:0;
}
.admin-wrap{
width:min(1180px,calc(100% - 150px));
margin:12px auto 0;
padding:0 0 16px;
display:flex;
flex-direction:column;
gap:12px;
}
.admin-hero{
min-height:94px;
padding:14px 18px;
border-radius:22px;
border:1px solid rgba(148,163,184,.24);
background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.78));
box-shadow:0 18px 44px rgba(15,23,42,.065);
backdrop-filter:blur(14px);
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.admin-hero-main{
text-align:right;
}
.admin-eyebrow{
display:block;
color:#64748b;
font-size:11px;
font-weight:950;
margin-bottom:5px;
}
.admin-hero h1{
margin:0;
color:#0f172a;
font-size:23px;
line-height:1.15;
font-weight:950;
}
.admin-hero p,
.admin-card-head p{
margin:6px 0 0;
color:#64748b;
font-size:12px;
line-height:1.55;
font-weight:850;
}
.admin-actions{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.ui-btn{
height:36px;
min-width:82px;
padding:0 13px;
border-radius:999px;
border:1px solid rgba(148,163,184,.34);
background:rgba(255,255,255,.86);
color:#111827;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
font:inherit;
font-size:13px;
font-weight:950;
cursor:pointer;
box-shadow:0 9px 24px rgba(15,23,42,.06);
}
.ui-btn svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.ui-btn-primary{
color:#fff;
background:linear-gradient(135deg,#2563eb,#1d4ed8);
border-color:rgba(37,99,235,.35);
}
.ui-btn-ghost:hover{
color:#1d4ed8;
border-color:rgba(37,99,235,.32);
}
.admin-metrics{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.metric-card{
min-height:62px;
border-radius:18px;
border:1px solid rgba(148,163,184,.22);
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.86));
box-shadow:0 12px 30px rgba(15,23,42,.055);
display:flex;
align-items:center;
gap:10px;
padding:11px 13px;
}
.metric-icon{
flex:0 0 36px;
width:36px;
height:36px;
border-radius:13px;
color:#2563eb;
background:#edf4ff;
border:1px solid rgba(37,99,235,.14);
display:flex;
align-items:center;
justify-content:center;
}
.metric-icon.ok{color:#0f766e;background:#ecfdf5;border-color:rgba(15,118,110,.16)}
.metric-icon.admin{color:#7c3aed;background:#f3efff;border-color:rgba(124,58,237,.16)}
.metric-icon svg,
.icon-btn svg{
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.metric-card b{
display:block;
color:#0f172a;
font-size:18px;
line-height:1;
font-weight:950;
}
.metric-card small{
display:block;
margin-top:5px;
color:#64748b;
font-size:11px;
font-weight:900;
}
.admin-card{
border-radius:20px;
border:1px solid rgba(148,163,184,.22);
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.86));
box-shadow:0 14px 34px rgba(15,23,42,.06);
backdrop-filter:blur(12px);
overflow:hidden;
}
.admin-card-head{
min-height:60px;
padding:13px 16px;
border-bottom:1px solid rgba(148,163,184,.18);
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.admin-card-head h2,
.section-title-row h2{
margin:0;
color:#111827;
font-size:15px;
line-height:1.35;
font-weight:950;
}
.modern-table-wrap{
overflow:auto;
max-height:calc(100vh - 344px);
}
.modern-table{
width:100%;
min-width:760px;
border-collapse:separate;
border-spacing:0;
}
.modern-table th,
.modern-table td{
padding:11px 14px;
border-bottom:1px solid rgba(226,232,240,.8);
text-align:right;
font-size:12.5px;
line-height:1.5;
font-weight:850;
}
.modern-table th{
position:sticky;
top:0;
z-index:2;
color:#64748b;
background:rgba(248,250,252,.96);
font-size:11.5px;
font-weight:950;
}
.modern-table tbody tr:hover{
background:rgba(37,99,235,.035);
}
.user-name{
color:#0f172a;
font-weight:950;
}
.status-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:64px;
height:26px;
padding:0 10px;
border-radius:999px;
background:#eef2ff;
color:#4338ca;
border:1px solid rgba(67,56,202,.12);
font-size:11.5px;
font-weight:950;
}
.status-pill.is-active{background:#ecfdf5;color:#047857;border-color:rgba(4,120,87,.13)}
.status-pill.is-off{background:#f8fafc;color:#64748b;border-color:rgba(100,116,139,.16)}
.status-pill.is-admin{background:#f3efff;color:#6d28d9;border-color:rgba(109,40,217,.14)}
.status-pill.membership-pill{
min-width:92px;
white-space:nowrap;
}
.status-pill.membership-pill.is-member{
background:#eff6ff;
color:#1d4ed8;
border-color:rgba(37,99,235,.18);
}
.status-pill.membership-pill.is-temp{
background:#fff7ed;
color:#c2410c;
border-color:rgba(234,88,12,.16);
}
.status-pill.membership-pill.is-pending{
background:#fefce8;
color:#a16207;
border-color:rgba(202,138,4,.18);
}
.unloading-connection-note{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
min-height:76px;
margin:18px 0 4px;
padding:14px 16px;
border:1px solid rgba(203,213,225,.72);
border-radius:18px;
background:#f8fafc;
}
.unloading-connection-note strong{
display:block;
color:#0f172a;
font-size:13px;
font-weight:950;
}
.unloading-connection-note p{
margin:5px 0 0;
color:#64748b;
font-size:11.5px;
font-weight:800;
line-height:1.8;
}
.sending-destination-mode-hint{
display:block;
min-height:24px;
margin-top:6px;
color:#64748b;
font-size:11.5px;
line-height:1.8;
font-weight:850;
}
.tenant-connections-card{
display:flex;
flex-direction:column;
gap:12px;
overflow:visible;
}
.tenant-connection-search{
display:grid;
grid-template-columns:minmax(260px,1fr) minmax(170px,220px) 112px;
align-items:end;
gap:10px;
}
.tenant-connection-search label{
display:flex;
flex-direction:column;
gap:6px;
min-height:72px;
margin:0;
color:#64748b;
font-size:13px;
line-height:1.5;
font-weight:850;
}
.tenant-connection-search input,
.tenant-connection-search select{
width:100%;
height:46px;
min-height:46px;
max-height:46px;
border:1px solid #d7e0ec;
border-radius:14px;
padding:0 12px;
background:#fff;
color:#111827;
font:inherit;
font-size:14px;
font-weight:800;
outline:none;
box-sizing:border-box;
line-height:46px;
margin:0;
}
.tenant-connection-search input:focus,
.tenant-connection-search select:focus{
border-color:#93c5fd;
box-shadow:0 0 0 4px rgba(59,130,246,.12);
}
.tenant-connection-search .ui-btn{
width:100%;
height:46px;
min-height:46px;
max-height:46px;
align-self:end;
padding:0 14px;
margin:0;
font-size:14px;
line-height:46px;
}
.tenant-connection-search .ui-btn:hover,
.tenant-connection-search .ui-btn:focus,
.tenant-connection-search .ui-btn:active{
margin:0;
transform:none;
}
.tenant-connection-results,
.tenant-connection-list{
display:flex;
flex-direction:column;
gap:8px;
}
.tenant-connection-result,
.tenant-connection-row{
display:grid;
grid-template-columns:minmax(220px,1fr) minmax(116px,max-content) auto;
align-items:center;
gap:10px;
min-height:62px;
padding:9px 12px;
border:1px solid #e2e8f0;
border-radius:14px;
background:#fff;
box-sizing:border-box;
}
.tenant-connection-result > div,
.tenant-connection-main{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
}
.tenant-connection-result strong,
.tenant-connection-main strong{
color:#111827;
font-weight:900;
font-size:14px;
}
.tenant-connection-result span,
.tenant-connection-main span,
.tenant-connection-main small{
color:#64748b;
font-size:12.5px;
font-weight:800;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.tenant-connection-list-head h3{
margin:0;
color:#111827;
font-size:15px;
font-weight:900;
}
.tenant-connection-empty{
min-height:44px;
display:flex;
align-items:center;
justify-content:center;
border:1px dashed #cbd5e1;
border-radius:14px;
color:#64748b;
font-size:13px;
font-weight:800;
}
.tenant-connection-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
min-width:0;
flex-wrap:wrap;
}
.tenant-connection-actions form,
.tenant-connection-result form{
margin:0;
}
.tenant-connections-card .ui-btn{
border-radius:999px;
white-space:nowrap;
height:40px;
min-height:40px;
max-height:40px;
padding:0 14px;
font-size:13px;
line-height:40px;
margin:0;
}
.tenant-connections-card .ui-btn:hover,
.tenant-connections-card .ui-btn:focus,
.tenant-connections-card .ui-btn:active{
margin:0;
transform:none;
}
.tenant-connections-card .danger-soft{
color:#dc2626;
border-color:#fecaca;
background:#fff;
}
.table-actions{
display:flex;
align-items:center;
justify-content:flex-start;
gap:7px;
}
.table-actions form{
margin:0;
}
.icon-btn{
width:32px;
height:32px;
border-radius:11px;
border:1px solid rgba(148,163,184,.24);
background:#fff;
color:#2563eb;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
text-decoration:none;
box-shadow:0 7px 16px rgba(15,23,42,.045);
}
.icon-btn.danger{
color:#dc2626;
}
.carriers-page .icon-btn.danger{
background:#fff;
border-color:rgba(148,163,184,.24);
color:#dc2626;
}
.invoices-page .table-actions .icon-btn{
background:#fff;
border-color:rgba(148,163,184,.24);
color:#2563eb;
}
.invoices-page .table-actions .icon-btn.danger{
color:#dc2626;
}
.icon-btn.is-disabled,
.icon-btn:disabled{
color:#94a3b8;
background:#fff;
border-color:rgba(148,163,184,.24);
box-shadow:0 7px 16px rgba(15,23,42,.045);
cursor:not-allowed;
opacity:.82;
}
.user-form-card{
padding:0;
}
.modern-form-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
padding:14px 16px 0;
}
.modern-form-grid label{
color:#334155;
font-size:12px;
font-weight:950;
}
.modern-form-grid input,
.modern-form-grid select{
width:100%;
height:38px;
margin-top:7px;
border-radius:13px;
border:1px solid rgba(148,163,184,.34);
background:rgba(255,255,255,.88);
color:#111827;
padding:0 12px;
font:inherit;
font-size:12.5px;
font-weight:850;
outline:none;
}
.modern-form-grid input:focus,
.modern-form-grid select:focus{
border-color:rgba(37,99,235,.42);
box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
.switch-line{
margin:14px 16px 0;
display:inline-flex;
align-items:center;
gap:9px;
color:#334155;
font-size:12.5px;
font-weight:950;
cursor:pointer;
}
.switch-control{
cursor:default;
}
.switch-line input{
position:absolute;
opacity:0;
pointer-events:none;
}
.switch-line span{
width:38px;
height:22px;
border-radius:999px;
background:#cbd5e1;
position:relative;
transition:.16s ease;
cursor:pointer;
}
.switch-line span::before{
content:"";
position:absolute;
top:3px;
right:3px;
width:16px;
height:16px;
border-radius:50%;
background:#fff;
box-shadow:0 3px 8px rgba(15,23,42,.18);
transition:.16s ease;
}
.switch-line input:checked + span{
background:#2563eb;
}
.switch-line input:checked + span::before{
transform:translateX(-16px);
}
.switch-line input:disabled + span{
opacity:.62;
cursor:not-allowed;
}
.switch-button{
width:38px;
height:22px;
border:0;
border-radius:999px;
background:#cbd5e1;
position:relative;
padding:0;
cursor:pointer;
transition:.16s ease;
flex:0 0 38px;
}
.switch-button span{
position:absolute;
top:3px;
right:3px;
width:16px;
height:16px;
border-radius:50%;
background:#fff;
box-shadow:0 3px 8px rgba(15,23,42,.18);
transition:.16s ease;
}
.switch-button span::before{
content:none!important;
}
.switch-button[aria-pressed="true"]{
background:#2563eb;
}
.switch-button[aria-pressed="true"] span{
transform:translateX(-16px);
}
.switch-button:disabled{
opacity:.62;
cursor:not-allowed;
}
.switch-text{
width:auto!important;
height:auto!important;
border-radius:0!important;
background:transparent!important;
position:static!important;
cursor:default!important;
user-select:none;
}
.switch-text::before{
content:none!important;
}
.modern-permissions{
margin:14px 16px 0;
padding-top:12px;
border-top:1px solid rgba(148,163,184,.18);
}
.perm-groups{
display:flex;
flex-direction:column;
gap:10px;
}
.perm-group{
border:1px solid rgba(148,163,184,.26);
border-radius:14px;
overflow:hidden;
background:rgba(248,250,252,.6);
}
.perm-group-title{
font-size:12px;
font-weight:950;
color:#1e3a5f;
height:34px;
display:flex;
align-items:center;
padding:0 13px;
background:rgba(235,241,252,.85);
border-bottom:1px solid rgba(148,163,184,.2);
letter-spacing:.01em;
box-sizing:border-box;
}
.perm-group-items{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
padding:10px 12px;
}
.section-title-row{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
}
.section-title-row small{
color:#64748b;
font-size:11px;
font-weight:850;
}
.modern-permission-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
}
.modern-permission-item{
min-height:38px;
border-radius:13px;
border:1px solid rgba(148,163,184,.23);
background:rgba(255,255,255,.74);
color:#334155;
display:flex;
align-items:center;
gap:0;
padding:8px 10px;
font-size:12px;
font-weight:900;
overflow:hidden;
}
.modern-permission-item input{
width:15px;
height:15px;
margin:0;
flex-shrink:0;
accent-color:#2563eb;
}
.modern-permission-item input[type="checkbox"]:focus,
.modern-permission-item input[type="checkbox"]:focus-visible{
outline:none!important;
outline-offset:0!important;
}
.modern-permission-item .field-error{
display:none!important;
}
.modern-permission-item span{
margin-right:8px;
}
.form-footer-actions{
padding:14px 16px 16px;
display:flex;
justify-content:flex-end;
}
.admin-page .profiler{
display:none;
}
@media (min-width:901px){
.admin-page .page{
height:100vh;
overflow-y:auto;
overflow-x:hidden;
scrollbar-gutter:stable;
}
.admin-page .v1-header{
position:sticky;
top:0;
z-index:50;
}
.users-list-card{
flex:1;
min-height:0;
}
}
.sms-page .page{
height:auto;
min-height:100vh;
overflow:visible;
}
@media (max-width:1100px){
.admin-wrap{width:calc(100% - 40px)}
.modern-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.modern-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.perm-group-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
.admin-wrap{width:calc(100% - 24px);padding-bottom:56px}
.admin-hero{align-items:flex-start;flex-direction:column}
.admin-actions{width:100%}
.ui-btn{flex:1}
.admin-metrics{grid-template-columns:1fr}
.modern-form-grid,.modern-permission-grid,.perm-group-items{grid-template-columns:1fr}
.section-title-row{align-items:flex-start;flex-direction:column}
}
.sms-wrap{
gap:16px;
padding-bottom:48px;
}
.sms-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:16px;
align-items:start;
}
.sms-card{
min-height:0;
}
.sms-form-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.modern-form-grid textarea,
.sms-settings-body input,
.sms-settings-body select{
width:100%;
border-radius:13px;
border:1px solid rgba(148,163,184,.34);
background:rgba(255,255,255,.88);
color:#111827;
padding:10px 12px;
font:inherit;
font-size:12.5px;
font-weight:850;
outline:none;
resize:vertical;
}
.sms-card .modern-form-grid input,
.sms-card .modern-form-grid select,
.sms-card .modern-form-grid textarea,
.sms-settings-body input,
.sms-settings-body select{
border-radius:14px;
border:1px solid rgba(148,163,184,.28);
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.88));
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(15,23,42,.035);
}
.modern-form-grid textarea:focus,
.sms-settings-body input:focus,
.sms-settings-body select:focus{
border-color:rgba(37,99,235,.42);
box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
.sms-wide{
grid-column:span 2;
}
.sms-side{
display:flex;
flex-direction:column;
gap:12px;
}
.sms-settings-body{
padding:18px 20px 20px;
display:flex;
flex-direction:column;
gap:12px;
}
.sms-settings-body label{
color:#334155;
font-size:12px;
font-weight:950;
}
.sms-settings-body input,
.sms-settings-body select{
height:38px;
margin-top:7px;
padding-top:0;
padding-bottom:0;
}
.sms-settings-body small{
color:#64748b;
font-size:11px;
font-weight:850;
direction:ltr;
text-align:left;
}
.sms-lines{
padding:12px 16px 16px;
display:flex;
flex-direction:column;
gap:8px;
color:#64748b;
font-size:12px;
font-weight:850;
}
.sms-lines div{
border:1px solid rgba(148,163,184,.22);
border-radius:14px;
background:rgba(255,255,255,.72);
padding:9px 10px;
}
.sms-lines b{
display:block;
color:#111827;
font-size:12.5px;
direction:ltr;
text-align:left;
}
.sms-lines small{
display:block;
margin-top:4px;
color:#64748b;
}
.sms-flash{
border-radius:16px;
border:1px solid rgba(148,163,184,.22);
background:rgba(255,255,255,.86);
box-shadow:0 12px 30px rgba(15,23,42,.055);
padding:11px 14px;
color:#334155;
font-size:12.5px;
font-weight:950;
}
.sms-flash.ok{
color:#047857;
background:#ecfdf5;
border-color:rgba(4,120,87,.13);
}
.sms-flash.error{
color:#b91c1c;
background:#fef2f2;
border-color:rgba(185,28,28,.13);
}
.sms-logs-card{
flex:1;
min-height:0;
}
.sms-table-wrap{
max-height:none;
}
.sms-pattern-layout{
grid-template-columns:minmax(0,1fr) 360px;
}
.sms-pattern-form{
grid-template-columns:repeat(3,minmax(0,1fr));
padding:18px 20px 0;
}
.sms-preview{
margin:18px 20px 0;
border:1px solid rgba(148,163,184,.22);
border-radius:16px;
background:rgba(255,255,255,.72);
padding:16px 18px;
}
.sms-preview strong{
display:block;
color:#0f172a;
font-size:12.5px;
font-weight:950;
margin-bottom:8px;
}
.sms-preview p{
margin:0;
color:#475569;
font-size:12.5px;
font-weight:850;
line-height:1.9;
}
.sms-preview code{
direction:ltr;
display:inline-block;
color:#2563eb;
background:#eff6ff;
border:1px solid rgba(37,99,235,.12);
border-radius:8px;
padding:0 8px;
font-family:Consolas,monospace;
font-size:12px;
}
.settings-wide{
grid-column:span 2;
}
.settings-page .modern-form-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
align-items:start;
}
.settings-page .modern-form-grid label{
min-width:0;
}
.settings-page .settings-wide{
grid-column:1/-1;
}
.settings-page .settings-address textarea{
min-height:112px;
}
.settings-form-actions{
grid-column:1/-1;
display:flex;
justify-content:flex-start;
padding-top:2px;
}
.settings-form-actions .ui-btn{
min-width:138px;
}
[data-settings-panel="security"] form{
padding:0 16px;
}
[data-settings-panel="security"] .settings-form-actions{
padding-top:24px;
padding-bottom:8px;
}
.auth-method-opt{
display:flex;
align-items:flex-start;
padding:16px;
border:2px solid #e2e8f0;
border-radius:12px;
cursor:pointer;
background:#fff;
transition:border-color .15s,background .15s;
}
.auth-method-opt.is-selected{
border-color:#2563eb;
background:#eff6ff;
}
.auth-method-opt input[type="radio"]{
-webkit-appearance:none;
appearance:none;
flex:0 0 16px;
width:16px;
height:16px;
margin:2px 0 0;
border:2px solid #94a3b8;
border-radius:50%;
cursor:pointer;
transition:border-color .15s,background .15s,box-shadow .15s;
outline:none;
}
.auth-method-opt input[type="radio"]:checked{
border-color:#2563eb;
background:#2563eb;
box-shadow:inset 0 0 0 3px #fff;
}
.auth-method-opt > div{
flex:1;
min-width:0;
margin-right:14px;
}
.auth-method-opt-title{
font-size:14px;
font-weight:700;
color:#1e293b;
margin-bottom:4px;
}
.auth-method-opt-desc{
font-size:13px;
color:#64748b;
line-height:1.6;
}
.settings-tabs{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:14px 0;
}
.settings-tabs a{
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #dbe3ef;
border-radius:999px;
background:#fff;
color:#475569;
padding:0 18px;
font-weight:950;
text-decoration:none;
box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.settings-tabs a.is-active{
border-color:#93c5fd;
background:#eff6ff;
color:#2563eb;
}
.settings-tab-panel{
display:none;
}
.settings-tab-panel.is-active{
display:block;
}
.settings-tab-panel.is-active + .settings-tab-panel.is-active{
margin-top:16px;
}
/* Combined bill-receive view — compact panel style */
.is-combined-panel .admin-card-head{
padding:14px 20px 12px;
border-bottom:2px solid var(--primary);
min-height:auto;
}
.is-combined-panel .admin-card-head .metric-icon{
display:none;
}
.is-combined-panel .admin-card-head h2{
font-size:.9rem;
font-weight:700;
color:var(--primary);
}
.is-combined-panel .admin-card-head p{
display:none;
}
.is-combined-panel .admin-card-head[style*="margin-top"]{
margin-top:24px!important;
padding-top:14px!important;
border-top:1px solid var(--border);
padding-right:0!important;
padding-left:0!important;
margin-right:20px!important;
margin-left:20px!important;
}
.is-combined-panel .calculation-settings-form{
padding:16px 20px 20px;
}
.is-combined-panel .calculation-settings-form .settings-form-actions{
padding:0;
}
.is-combined-panel .settings-inline-save{
padding:12px 20px 16px;
}
.is-combined-panel .settings-pick-form .settings-pick-actions{
padding:0 16px 16px;
}
.is-combined-panel .sms-delivery-check-wrap,
.is-combined-panel .settings-section-title,
.is-combined-panel .sms-delivery-desc{
margin-right:20px;
margin-left:20px;
}
.is-combined-panel [data-settings-panel="sms"] form .settings-form-actions,
.is-combined-panel form > .settings-form-actions:last-child{
padding:12px 20px 16px;
}
.is-combined-panel .bill-form-settings-section{
padding-right:20px;
padding-left:20px;
}
.is-combined-panel .waybill-type-preview,
.is-combined-panel .waybill-type-editor,
.is-combined-panel .waybill-type-list{
padding-right:20px;
padding-left:20px;
}
.is-combined-panel .waybill-type-list{
padding-bottom:16px;
}
.is-combined-panel .waybill-print-settings-form.modern-form-grid{
padding-right:20px;
padding-left:20px;
}
.waybill-type-editor{
display:grid;
grid-template-columns:minmax(320px,1fr) 40px;
gap:12px;
align-items:center;
padding:14px 16px 16px;
border-bottom:1px solid #e2e8f0;
margin-bottom:0;
}
.waybill-type-editor label{
min-height:68px;
display:grid;
grid-template-rows:18px 42px;
gap:8px;
color:#64748b;
font-size:13px;
font-weight:950;
}
.waybill-type-editor input[type="text"],
.waybill-type-editor input[type="number"],
.waybill-type-editor input:not([type]){
width:100%;
height:42px;
border:1px solid #cbd5e1;
border-radius:12px;
padding:0 12px;
font:inherit;
font-weight:900;
outline:0;
box-sizing:border-box;
}
.waybill-type-add-btn{
box-sizing:border-box;
width:40px;
height:40px;
min-width:40px;
min-height:40px;
margin:0!important;
padding:0!important;
align-self:end;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #93c5fd;
border-radius:50%;
background:#2563eb;
color:#fff;
font:inherit;
font-size:24px;
font-weight:900;
line-height:1;
cursor:pointer;
box-shadow:0 8px 16px rgba(37,99,235,.16);
transform:none!important;
}
.waybill-type-add-btn span{
display:flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
line-height:1;
text-align:center;
}
.waybill-type-add-btn.is-editing{
background:#0f766e;
border-color:#5eead4;
font-size:21px;
}
.waybill-type-add-btn.is-editing span{
transform:none;
}
.waybill-type-add-btn:hover,
.waybill-type-add-btn:focus,
.waybill-type-add-btn:active{
margin:0!important;
border-color:#60a5fa;
background:#1d4ed8;
outline:0;
transform:none!important;
}
.waybill-type-add-btn:focus{
box-shadow:0 0 0 3px rgba(37,99,235,.16),0 8px 16px rgba(37,99,235,.16);
}
.settings-check{
grid-template-rows:1fr!important;
min-height:44px!important;
align-items:center!important;
display:flex!important;
gap:0!important;
color:#111827!important;
border:1px solid #dbe3ef!important;
border-radius:12px!important;
background:#fff!important;
padding:0 12px!important;
cursor:pointer!important;
box-sizing:border-box!important;
transition:border-color .15s,background .15s!important;
}
.settings-check:hover{
border-color:#93c5fd!important;
background:#f8fbff!important;
}
.settings-check:has(input:checked){
border-color:#2563eb!important;
background:#eff6ff!important;
}
.field-error:empty{
display:none!important;
min-height:0!important;
margin-top:0!important;
}
.admin-empty{
padding:48px 24px;
text-align:center;
color:#94a3b8;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
}
.admin-empty span{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
background:#f1f5f9;
border-radius:16px;
color:#94a3b8;
}
.admin-empty span svg{
width:28px;
height:28px;
}
.admin-empty p{
margin:0;
font-size:14px;
font-weight:900;
color:#64748b;
}
.settings-check input{
width:18px;
height:18px;
flex-shrink:0;
accent-color:#2563eb;
}
.settings-check input[type="checkbox"]:focus,
.settings-check input[type="checkbox"]:focus-visible{
outline:none!important;
outline-offset:0!important;
}
.settings-check span{
margin-right:8px!important;
}
.waybill-type-preview{
margin:0;
padding:14px 16px;
display:grid;
gap:12px;
border-bottom:1px solid #e2e8f0;
background:#f8fbff;
}
.waybill-type-preview > span{
color:#64748b;
font-size:13px;
font-weight:950;
white-space:nowrap;
}
.settings-waybill-sample{
width:100%;
min-height:154px;
position:relative;
overflow:hidden;
border:1px solid #dbe3ef;
border-radius:18px;
background:linear-gradient(135deg,#f8fbff,#eef4ff);
box-shadow:0 14px 34px rgba(15,23,42,.08);
padding:34px 30px;
}
.settings-waybill-sample::before,
.settings-waybill-sample::after{
content:"";
position:absolute;
inset:auto 22px 22px 22px;
height:42px;
border-radius:14px;
background:rgba(255,255,255,.64);
border:1px solid rgba(203,213,225,.55);
filter:blur(2.2px);
opacity:.62;
}
.settings-waybill-sample::before{
top:22px;
bottom:auto;
transform:translateY(-8px) scale(.97);
}
.settings-waybill-sample::after{
transform:translateY(10px) scale(.98);
}
.settings-waybill-sample-row{
position:relative;
z-index:1;
min-height:90px;
display:grid;
grid-template-columns:1fr auto;
gap:12px;
align-items:center;
background:#fff;
border:1px solid #dbe3ef;
border-radius:18px;
color:#111827;
font-size:12px;
font-weight:900;
padding:14px 16px;
box-shadow:0 20px 50px rgba(15,23,42,.13);
}
.settings-waybill-sample-main{
min-width:0;
display:grid;
grid-template-columns:24px 92px 100px minmax(120px,1fr) minmax(120px,1fr) minmax(230px,1.3fr) 116px;
gap:10px;
align-items:center;
}
.settings-waybill-sample-id,
.settings-waybill-sample-text{
min-width:0;
display:grid;
gap:4px;
align-content:center;
}
.settings-waybill-sample-id small,
.settings-waybill-sample-text small{
color:#64748b;
font-size:10px;
font-weight:950;
}
.settings-waybill-sample-id strong,
.settings-waybill-sample-text strong,
.settings-waybill-sample-text span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.settings-waybill-sample-text span{
color:#64748b;
font-size:10px;
}
.settings-waybill-sample-check{
width:18px;
height:18px;
justify-self:center;
border:1px solid #94a3b8;
border-radius:4px;
background:#fff;
}
.settings-waybill-sample-types{
min-width:230px;
max-width:none;
}
.settings-waybill-sample-actions{
display:flex;
gap:8px;
justify-content:center;
}
.settings-waybill-sample-actions span{
width:32px;
height:32px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #dbe3ef;
border-radius:12px;
color:#2563eb;
background:#fff;
}
.settings-waybill-sample-actions svg{
width:16px;
height:16px;
}
.waybill-type-list{
display:grid;
gap:10px;
padding:16px;
}
.waybill-type-row{
min-height:60px;
display:grid;
grid-template-columns:auto minmax(180px,1fr) auto auto auto;
gap:10px;
align-items:center;
border:1px solid #e2e8f0;
border-radius:16px;
background:#fff;
padding:10px 12px;
transition:background-color .16s ease,border-color .16s ease;
}
.waybill-type-row.is-editing{
border-color:#93c5fd;
background:#eff6ff;
}
.waybill-type-row strong{
color:#111827;
font-weight:950;
}
.waybill-type-move{
display:flex;
gap:6px;
}
.ui-icon-btn{
width:36px;
height:36px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #dbe3ef;
border-radius:12px;
background:#fff;
color:#2563eb;
font-size:16px;
font-weight:950;
line-height:1;
cursor:pointer;
}
.waybill-type-badge{
min-height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
padding:0 10px;
font-size:12px;
font-weight:950;
white-space:nowrap;
}
.waybill-type-badge.is-on{
background:#ecfdf5;
border:1px solid #a7f3d0;
color:#047857;
}
.waybill-type-badge.is-off{
background:#f8fafc;
border:1px solid #e2e8f0;
color:#64748b;
}
.waybill-type-badge.is-system{
background:#eef2ff;
border:1px solid #c7d2fe;
color:#4338ca;
}
.waybill-type-row form{
margin:0;
}
.waybill-type-row .ui-btn{
min-height:40px;
height:40px;
padding:0 14px;
}
.waybill-type-row .ui-btn.danger{
color:#dc2626;
border-color:#fecaca;
background:#fff;
}
.settings-pick-link{
width:max-content;
}
.settings-pick-form{
margin-top:8px;
}
.settings-pick-actions{
grid-column:1/-1;
min-height:48px;
display:flex;
align-items:center;
justify-content:flex-start;
}
@media (max-width:1100px){
.sms-layout{grid-template-columns:1fr}
.sms-table-wrap{max-height:none}
.waybill-type-editor{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.waybill-type-row{
grid-template-columns:auto 1fr;
}
.settings-waybill-sample{
padding:26px 18px;
}
.settings-waybill-sample-row{
grid-template-columns:1fr;
}
.settings-waybill-sample-main{
grid-template-columns:24px repeat(2,minmax(88px,1fr)) minmax(120px,1fr);
}
.settings-waybill-sample-types,
.settings-waybill-sample-main .bill-status-stack{
grid-column:1/-1;
}
}
@media (max-width:700px){
.sms-form-grid{grid-template-columns:1fr}
.sms-wide{grid-column:auto}
.settings-wide{grid-column:auto}
.settings-tabs a{
flex:1 1 100%;
}
.waybill-type-editor{
grid-template-columns:1fr;
}
.waybill-type-row{
grid-template-columns:1fr;
}
.waybill-type-move{justify-content:flex-start}
}
/* Final responsive form and mobile polish */
html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{max-width:100%;font-size:16px}.field-error{display:block;min-height:16px;margin-top:5px;color:#dc2626;font-size:11px;font-weight:850}.is-invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}.is-valid{border-color:inherit!important;box-shadow:none!important}.file-picker{height:44px;width:100%;border:1px dashed #b8c7dd;border-radius:14px;background:#f8fbff;display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;cursor:pointer;color:#334155;font-weight:900;overflow:hidden}.file-picker input[type=file]{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.file-picker span{height:30px;padding:0 12px;border-radius:10px;background:#e8edff;color:#2563eb;display:inline-flex;align-items:center;white-space:nowrap}.file-picker b{font-size:12px;color:#64748b;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.long-press-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);z-index:1000;max-width:min(420px,calc(100vw - 32px));background:rgba(15,23,42,.94);color:#fff;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:850;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 18px 38px rgba(15,23,42,.28);text-align:right}.long-press-toast.is-visible{opacity:1;transform:translate(-50%,0)}.city-autocomplete{position:relative;width:100%;margin-top:7px}.city-autocomplete input{margin-top:0!important}.city-autocomplete-list{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:60;max-height:230px;overflow:auto;background:#fff;border:1px solid #dbe3ef;border-radius:14px;box-shadow:0 18px 36px rgba(15,23,42,.16);padding:6px}.city-autocomplete-list button{width:100%;height:38px;border:0;background:#fff;border-radius:10px;text-align:right;padding:0 10px;font:inherit;font-weight:850;color:#1f2937;cursor:pointer}.city-autocomplete-list button:hover,.city-autocomplete-list button:focus{background:#eef4ff;color:#2563eb;outline:none}
.admin-page,.login-page,body{caret-color:transparent}.admin-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.admin-page textarea,.login-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.login-page textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea{caret-color:auto;user-select:text}.admin-page button,.admin-page select,.admin-page label,.admin-page .permission-item,.admin-page .switch-control,.admin-page .section-title-row,.admin-page .admin-hero,.login-page button,.login-page label,.login-page .file-picker,button,a,label,select,summary,[role="button"],.btn,.ui-btn,.permission-item,.switch-control,.switch-button,.file-picker,input[type="checkbox"],input[type="radio"]{user-select:none;caret-color:transparent}.admin-page input[type="checkbox"],.admin-page input[type="radio"]{caret-color:transparent}
.login-flow-form .field{margin-bottom:14px}.login-flow-form .field-error{display:none!important}.login-flow-form input.is-valid,.login-flow-form input.is-invalid{border-color:var(--border2)!important;box-shadow:none!important}.login-flow-form input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important}.login-flow-form .btn.primary{margin-top:18px}.login-password-line{display:flex;align-items:center;gap:8px;width:100%}.login-password-line input{flex:1 1 auto;min-width:0}.password-eye{width:44px;height:42px;flex:0 0 44px;border:1px solid var(--border2);border-radius:12px;background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.password-eye:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.15);outline:none}.password-eye span{position:absolute;width:21px;height:21px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:21px 21px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:21px 21px}.password-eye .eye-on{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.password-eye .eye-off{opacity:0;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 2 20 20'/%3E%3Cpath d='M10.6 10.6A2 2 0 0 0 12 14a2 2 0 0 0 1.4-.6'/%3E%3Cpath d='M17.9 17.9C16.2 18.7 14.3 19 12 19 5.5 19 2 12 2 12a20 20 0 0 1 5.1-5.8'/%3E%3Cpath d='M9.9 5.2A10 10 0 0 1 12 5c6.5 0 10 7 10 7a18 18 0 0 1-2.4 3.4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 2 20 20'/%3E%3Cpath d='M10.6 10.6A2 2 0 0 0 12 14a2 2 0 0 0 1.4-.6'/%3E%3Cpath d='M17.9 17.9C16.2 18.7 14.3 19 12 19 5.5 19 2 12 2 12a20 20 0 0 1 5.1-5.8'/%3E%3Cpath d='M9.9 5.2A10 10 0 0 1 12 5c6.5 0 10 7 10 7a18 18 0 0 1-2.4 3.4'/%3E%3C/svg%3E")}.password-eye.is-visible .eye-on{opacity:0}.password-eye.is-visible .eye-off{opacity:1}.btn.is-loading,.ui-btn.is-loading{position:relative;overflow:hidden;pointer-events:none}.btn.is-loading::after,.ui-btn.is-loading::after{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,0),rgba(255,255,255,.35),#fff);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:buttonSpin .72s linear infinite}.btn.is-loading::before,.ui-btn.is-loading::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:buttonSweep 1.1s ease-in-out infinite}@keyframes buttonSpin{to{transform:rotate(360deg)}}@keyframes buttonSweep{0%{transform:translateX(110%)}100%{transform:translateX(-110%)}}
.login-flow-form input[data-rule="mobile"],.login-flow-form input[data-rule="otp"],.login-flow-form input[name="password"]{text-align:center;direction:ltr;caret-color:auto!important}.login-flow-form input[data-rule="mobile"]::placeholder,.login-flow-form input[data-rule="otp"]::placeholder,.login-flow-form input[name="password"]::placeholder{text-align:center;direction:rtl}@media(max-width:900px){body.login-page{justify-content:flex-start;padding:18px 12px}.login-card,.register-card{width:100%;border-radius:18px}.login-head{gap:8px}.login-brand-text{font-size:16px}.register-body{padding:16px}.admin-wrap,.sms-wrap{width:calc(100% - 24px)!important;margin:12px auto 0!important}.admin-hero{border-radius:20px!important;padding:18px!important;gap:14px!important}.admin-hero-main h1{font-size:24px!important}.modern-form-grid,.sms-form-grid,.register-grid{grid-template-columns:1fr!important}.admin-card,.user-form-card,.sms-card{border-radius:20px!important}.modern-table-wrap,.sms-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-table,table{min-width:640px}.ui-btn,.btn,.v1-logout{min-height:44px}.v1-header{position:sticky;top:0;z-index:20}.v1-wrap{width:calc(100% - 24px)!important;margin-top:12px!important}.v1-panel{min-height:auto!important;padding:18px!important}.v1-panel-title h1{font-size:23px!important}.v1-date{font-size:14px!important}.v1-date span{height:36px!important;min-width:104px!important;font-size:14px!important}}
@media(max-width:560px){.v1-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.v1-card{height:148px!important;min-height:148px!important;border-radius:18px!important;padding:58px 12px 12px!important}.v1-icon{top:12px!important;right:12px!important;width:38px!important;height:38px!important;border-radius:12px!important}.v1-icon svg{width:18px!important;height:18px!important}.v1-card-title{font-size:14px!important;margin-bottom:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v1-card-text{font-size:11.5px!important;line-height:1.4!important;max-width:10ch!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v1-header{min-height:80px!important;padding:12px!important}.v1-brand{gap:8px}.v1-brand img{width:44px!important;height:44px!important}.v1-brand strong{font-size:13px!important}.v1-brand span{display:none}.v1-brand b{font-size:12px!important}.v1-mark{font-size:18px!important}.permission-grid,.modern-permission-grid{grid-template-columns:1fr!important}.form-footer-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 32%);padding-top:18px}}
button.is-loading:disabled,.btn.is-loading:disabled,.ui-btn.is-loading:disabled{opacity:1}
/* Final validation UX */
.password-tools{
margin-top:8px;
display:grid;
gap:8px;
}
.password-toggle{
justify-self:start;
border:1px solid rgba(37,99,235,.18);
background:#eff6ff;
color:#2563eb;
border-radius:10px;
min-height:30px;
padding:0 12px;
font-size:11px;
font-weight:950;
cursor:pointer;
}
.password-strength{
height:7px;
border-radius:999px;
overflow:hidden;
background:#e2e8f0;
}
.password-strength span{
display:block;
width:0;
height:100%;
border-radius:inherit;
background:#ef4444;
transition:width .18s ease,background .18s ease;
}
.password-strength span[data-score="2"]{background:#f59e0b}
.password-strength span[data-score="3"]{background:#22c55e}
.password-strength span[data-score="4"]{background:#16a34a}
.password-rules{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:6px 10px;
margin:0;
padding:0;
list-style:none;
color:#64748b;
font-size:11px;
font-weight:850;
}
.password-rules li{
display:flex;
align-items:center;
gap:6px;
}
.password-rules li::before{
content:"";
width:13px;
height:13px;
border-radius:50%;
border:1px solid #cbd5e1;
background:#fff;
}
.password-rules li.is-done{
color:#475569;
}
.password-rules li.is-done::before{
border-color:#94a3b8;
background:#94a3b8;
box-shadow:inset 0 0 0 3px #fff;
}
.file-preview{
width:54px;
height:54px;
border-radius:14px;
object-fit:cover;
border:1px solid rgba(148,163,184,.28);
background:#fff;
margin-top:10px;
box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.file-picker{
position:relative;
display:block!important;
height:52px!important;
min-height:52px!important;
padding:6px 118px 6px 10px!important;
direction:rtl;
line-height:1;
overflow:hidden;
}
.file-picker span{
position:absolute!important;
right:10px!important;
top:50%!important;
left:auto!important;
bottom:auto!important;
width:96px!important;
min-width:96px!important;
max-width:96px;
height:38px!important;
min-height:38px;
display:inline-flex!important;
align-items:center!important;
justify-content:center;
line-height:38px;
padding:0 14px;
margin:0;
transform:translateY(-50%)!important;
}
.file-picker b{
position:absolute!important;
right:118px!important;
left:10px!important;
top:50%!important;
bottom:auto!important;
min-width:0;
width:auto!important;
height:40px;
display:block;
text-align:right;
direction:rtl;
line-height:40px;
max-height:40px;
transform:translateY(-50%)!important;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.modern-permission-item.is-locked{
opacity:.68;
cursor:not-allowed;
}
.mobile-otp-stack{
position:relative;
width:100%;
height:42px;
margin-top:7px;
}
.modern-form-grid .mobile-otp-stack{
height:38px;
}
.mobile-otp-stack input{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
margin:0!important;
transition:opacity .16s ease,visibility .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.mobile-otp-stack input[data-mobile-code]{
opacity:0;
visibility:hidden;
pointer-events:none;
}
.mobile-otp-stack[data-stage="code"] input[data-rule="mobile"]{
opacity:0;
visibility:hidden;
pointer-events:none;
}
.mobile-otp-stack[data-stage="code"] input[data-mobile-code]{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.mobile-verify-enhanced{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
min-height:64px;
margin-top:8px;
align-items:start;
}
.mobile-verify-enhanced .btn{
width:100%;
min-height:38px;
margin:0!important;
border-radius:12px;
font-size:12px;
font-weight:950;
}
.mobile-verify-enhanced .is-secondary-action{
color:#475569;
border-color:#cbd5e1;
}
.mobile-verify-enhanced .is-verified-action{
background:#f8fafc;
color:#475569;
border-color:#cbd5e1;
}
.mobile-verify-enhanced [data-mobile-message]{
grid-column:1/-1;
display:block;
min-height:18px;
margin:0;
padding:0 2px;
background:transparent;
border:0;
color:#64748b;
font-size:11px;
font-weight:850;
line-height:18px;
}
.mobile-verify-enhanced [data-mobile-message]:empty::before{
content:"\00a0";
}
.mobile-verify-enhanced [data-mobile-message]:empty{
visibility:hidden;
}
.mobile-verify-enhanced [data-mobile-message].is-ok{
color:#475569;
}
.mobile-verify-enhanced [data-mobile-message].is-error{
color:#b91c1c;
}
.mobile-verify-enhanced button[hidden]{
display:none!important;
}
.mobile-verify-enhanced[data-stage="mobile"],
.mobile-verify-enhanced[data-stage="verified"]{
grid-template-columns:1fr;
}
@media(min-width:901px){
.register-card{
width:min(1320px,calc(100% - 160px));
}
.business-register-grid{
grid-template-columns:repeat(12,minmax(0,1fr));
align-items:start;
}
.business-register-grid .business-name-field,
.business-register-grid .business-phone-field{
grid-column:span 3;
}
.business-register-grid .business-mobile-field{
grid-column:span 6;
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);
grid-template-areas:
"label label"
"input verify";
column-gap:10px;
align-items:start;
overflow:hidden;
}
.business-register-grid .business-mobile-field > label{
grid-area:label;
}
.business-register-grid .business-mobile-field > .mobile-otp-stack{
grid-area:input;
}
.business-register-grid .business-mobile-field > .mobile-verify-enhanced{
grid-area:verify;
margin-top:7px;
grid-template-columns:repeat(2,minmax(0,1fr));
min-height:64px;
}
.business-register-grid .business-mobile-field > .mobile-verify-enhanced[data-stage="mobile"],
.business-register-grid .business-mobile-field > .mobile-verify-enhanced[data-stage="verified"]{
grid-template-columns:1fr;
}
.business-register-grid .business-city-field,
.business-register-grid .business-logo-field{
grid-column:span 6;
}
.business-register-grid .register-full{
grid-column:1/-1;
}
}
@media(min-width:901px){
.modern-form-grid label.has-inline-otp{
display:grid;
grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr);
grid-template-areas:
"title title"
"field otp"
"error otp";
column-gap:10px;
row-gap:6px;
align-items:start;
}
.modern-form-grid label.has-inline-otp > .mobile-otp-stack{
grid-area:field;
}
.modern-form-grid label.has-inline-otp > .field-error{
grid-area:error;
min-height:18px;
margin-top:0;
line-height:18px;
}
.modern-form-grid label.has-inline-otp > .mobile-verify-enhanced{
grid-area:otp;
margin-top:7px;
}
.modern-form-grid label.has-inline-otp .mobile-verify-enhanced{
grid-template-columns:repeat(2,minmax(0,1fr));
min-height:63px;
}
.modern-form-grid label.has-inline-otp .mobile-verify-enhanced[data-stage="mobile"],
.modern-form-grid label.has-inline-otp .mobile-verify-enhanced[data-stage="verified"]{
grid-template-columns:1fr;
}
}
.users-page .user-form-card{
max-height:calc(100vh - 282px);
overflow:auto;
scrollbar-gutter:stable;
padding-bottom:5mm;
margin-bottom:0;
}
@media(max-width:700px){
.password-rules{grid-template-columns:1fr}
.users-page .user-form-card{max-height:none;overflow:visible}
}
@media(max-width:900px){
.dashboard-page .v1-panel{
position:relative;
padding-left:72px!important;
}
.dashboard-page .v1-panel-actions{
position:absolute;
left:14px;
top:14px;
z-index:2;
display:flex;
align-items:center;
gap:8px;
}
.dashboard-page .v1-date{
height:42px!important;
padding:4px!important;
border-radius:14px!important;
border:1px solid #d6ddeb!important;
background:#f8fafc!important;
color:#475569!important;
box-shadow:0 6px 14px rgba(15,23,42,.045)!important;
font-size:0!important;
gap:0!important;
}
.dashboard-page .v1-date b{
display:none!important;
}
.dashboard-page .v1-date span{
min-width:auto!important;
height:auto!important;
min-height:34px!important;
padding:0 12px!important;
border:1px solid #c3d3ff!important;
border-radius:12px!important;
background:#dfe8ff!important;
color:#111827!important;
box-shadow:none!important;
font-size:12px!important;
}
.dashboard-page .v1-logout{
width:42px!important;
min-width:42px!important;
height:42px!important;
min-height:42px!important;
padding:0!important;
border-radius:14px!important;
font-size:0!important;
gap:0!important;
}
.dashboard-page .v1-logout span{
margin:0!important;
font-size:18px!important;
}
}
/* Final dashboard mobile and user-form polish */
.v1-card:nth-child(1){--accent:#2563eb;}
.v1-card:nth-child(2){--accent:#7c3aed;}
.v1-card:nth-child(3){--accent:#0f766e;}
.v1-card:nth-child(4){--accent:#d97706;}
.v1-card:nth-child(5){--accent:#0284c7;}
.v1-card:nth-child(6){--accent:#16a34a;}
.v1-card:nth-child(7){--accent:#ea580c;}
.v1-card:nth-child(8){--accent:#0891b2;}
.v1-card:nth-child(9){--accent:#4f46e5;}
.v1-card:nth-child(10){--accent:#2563eb;}
.v1-card::before{
content:"";
position:absolute;
inset:0 0 auto;
height:2px;
background:linear-gradient(90deg,transparent,var(--accent),transparent);
opacity:.48;
}
.v1-logout span svg{
width:18px;
height:18px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
@media(max-width:560px){
.v1-card-text{
max-width:100%!important;
white-space:normal!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:3!important;
line-clamp:3!important;
}
.v1-card::before{
height:2px;
opacity:.42;
}
}
@media(min-width:901px){
.users-page .admin-wrap{
height:auto;
padding-bottom:48px;
}
.users-page .user-form-card{
flex:none;
height:auto;
max-height:none;
overflow:visible;
padding-bottom:4mm;
margin-bottom:0;
}
}
@media(min-width:901px){
.settings-page{
min-height:100vh;
height:auto!important;
overflow-y:auto!important;
}
.settings-page .page{
height:auto!important;
min-height:100vh;
overflow:visible!important;
}
.settings-page .v1-header{
position:relative!important;
top:auto!important;
z-index:30;
}
.settings-page .admin-wrap{
height:auto!important;
min-height:0!important;
margin-top:6px;
gap:6px;
padding-bottom:56px!important;
overflow:visible!important;
}
.settings-page .admin-hero{
min-height:48px;
padding:7px 12px;
border-radius:16px;
}
.settings-page .admin-hero p{
display:none;
}
.settings-page .admin-hero h1{
font-size:18px;
}
.settings-page .admin-eyebrow{
margin-bottom:2px;
}
.settings-page .settings-tabs{
position:static!important;
top:auto!important;
z-index:24;
margin:0 0 8px;
padding:4px 0;
background:linear-gradient(180deg,rgba(237,242,247,.98),rgba(237,242,247,.88));
backdrop-filter:blur(10px);
}
.settings-page .settings-tabs a{
min-height:34px;
padding:0 14px;
}
.settings-page .user-form-card,
.settings-page .settings-tab-panel{
flex:0 0 auto!important;
max-height:none!important;
overflow:visible!important;
margin-bottom:18px!important;
}
.settings-page .settings-tab-panel.is-active{
display:block;
}
}
/* Visual stability batch */
.v1-brand img{
flex:0 0 auto;
}
.register-grid,
.modern-form-grid{
align-items:start;
}
.register-grid .field,
.modern-form-grid > label{
min-width:0;
}
.register-grid .field > label{
display:block;
min-height:20px;
line-height:20px;
margin-bottom:7px;
}
.modern-form-grid > label{
display:grid;
align-content:start;
gap:7px;
min-height:0;
line-height:20px;
}
.modern-form-grid > label > input,
.modern-form-grid > label > select,
.modern-form-grid > label > textarea,
.modern-form-grid > label > .city-autocomplete,
.modern-form-grid > label > .file-picker,
.modern-form-grid > label > .mobile-otp-stack{
margin-top:0!important;
}
.register-grid .field > input,
.register-grid .field > select,
.register-grid .field > textarea,
.register-grid .field > .city-autocomplete,
.register-grid .field > .file-picker,
.register-grid .field > .mobile-otp-stack{
margin-top:0!important;
}
.file-field small{
display:none!important;
}
.file-field .file-picker{
margin-top:0!important;
}
@media(min-width:901px){
.admin-register-grid{
grid-template-columns:repeat(12,minmax(0,1fr));
align-items:start;
}
.admin-register-grid .admin-name-field,
.admin-register-grid .admin-lastname-field{
grid-column:span 3;
}
.admin-register-grid .admin-mobile-field{
grid-column:span 6;
}
.admin-register-grid .admin-password-field{
grid-column:span 6;
}
.register-mobile-field{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
grid-template-areas:
"label label"
"input verify";
gap:7px 10px;
padding:10px;
border:1px solid rgba(148,163,184,.28);
border-radius:16px;
background:#f8fbff;
overflow:hidden;
}
.register-mobile-field > label{
grid-area:label;
margin-bottom:0!important;
}
.register-mobile-field > .mobile-otp-stack{
grid-area:input;
height:46px;
}
.register-mobile-field > .mobile-verify-enhanced{
grid-area:verify;
min-height:64px;
margin-top:0!important;
}
.business-register-grid .business-mobile-field{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
gap:7px 10px;
}
.modern-form-grid label.has-inline-otp{
gap:7px 10px;
padding:10px;
border:1px solid rgba(148,163,184,.28);
border-radius:16px;
background:#f8fbff;
}
.modern-form-grid label.has-inline-otp > .mobile-otp-stack{
height:46px;
}
.modern-form-grid label.has-inline-otp > .mobile-verify-enhanced{
margin-top:0!important;
}
}
@media(max-width:900px){
.register-mobile-field,
.modern-form-grid label.has-inline-otp{
padding:10px;
border:1px solid rgba(148,163,184,.28);
border-radius:16px;
background:#f8fbff;
}
.register-mobile-field > .mobile-verify-enhanced,
.modern-form-grid label.has-inline-otp > .mobile-verify-enhanced{
margin-top:8px!important;
}
}
.users-page .password-tools{
margin-top:8px;
gap:7px;
}
.users-page .password-toggle{
justify-self:end;
}
.users-page .password-rules{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:5px 9px;
}
.users-page .password-rules li{
min-width:0;
white-space:nowrap;
}
/* Final compact pass after live visual check */
.mobile-verify-enhanced{
min-height:46px;
}
.mobile-verify-enhanced [data-mobile-message]{
min-height:0;
}
.mobile-verify-enhanced [data-mobile-message]:empty::before{
content:"";
}
@media(min-width:901px){
.register-mobile-field > .mobile-verify-enhanced,
.business-register-grid .business-mobile-field > .mobile-verify-enhanced,
.modern-form-grid label.has-inline-otp .mobile-verify-enhanced{
min-height:46px;
}
.users-page .password-tools{
display:grid;
grid-template-columns:84px minmax(0,1fr);
grid-template-areas:
"toggle strength"
"rules rules";
align-items:center;
}
.users-page .password-toggle{
grid-area:toggle;
justify-self:start;
min-width:84px;
}
.users-page .password-strength{
grid-area:strength;
}
.users-page .password-rules{
grid-area:rules;
margin-top:2px;
}
}
@media(max-width:760px){
body.login-page{
overflow-x:hidden;
padding-left:12px;
padding-right:12px;
}
.login-page .page{
width:min(100%,360px)!important;
max-width:360px;
padding:0!important;
}
.login-page .login-card{
width:100%!important;
max-width:100%;
}
}
/* Codex absolute final mobile header: only thin back + hamburger, no brand data. */
@media(max-width:760px){
body:not(.login-page):not(.register-page):not(.print-page) .v1-header{
height:44px!important;
min-height:44px!important;
max-height:44px!important;
padding:0 12px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:0!important;
overflow:hidden!important;
background:#fff!important;
border-bottom:1px solid #edf2f7!important;
box-shadow:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header),
body.bills-page .page:has(> .v1-header){
padding-top:44px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-brand,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-brand *,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header img{
display:none!important;
visibility:hidden!important;
opacity:0!important;
width:0!important;
min-width:0!important;
max-width:0!important;
height:0!important;
min-height:0!important;
max-height:0!important;
overflow:hidden!important;
pointer-events:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-mark{
order:1!important;
width:34px!important;
min-width:34px!important;
max-width:34px!important;
height:34px!important;
min-height:34px!important;
max-height:34px!important;
flex:0 0 34px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark{
width:34px!important;
min-width:34px!important;
max-width:34px!important;
height:34px!important;
min-height:34px!important;
max-height:34px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark::before{
width:15px!important;
height:15px!important;
border-left:3px solid currentColor!important;
border-bottom:3px solid currentColor!important;
border-radius:1px!important;
transform:rotate(45deg)!important;
margin-left:3px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle{
order:2!important;
width:34px!important;
min-width:34px!important;
max-width:34px!important;
height:34px!important;
min-height:34px!important;
max-height:34px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle span{
width:20px!important;
height:2px!important;
border-radius:999px!important;
background:#111827!important;
}
}
/* Settings logo remove control: fixed-size, no layout shift. */
.settings-logo-field{
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:7px;
min-height:154px;
}
.settings-field-label{
display:block;
min-height:22px;
line-height:22px;
font-size:13px;
font-weight:950;
color:#64748b;
text-align:right;
}
.logo-current-control{
width:100%;
min-height:86px;
margin-top:10px;
padding:12px;
border:1px solid #dbe3ef;
border-radius:14px;
background:#f8fbff;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:8px;
box-sizing:border-box;
}
.logo-current-preview{
position:relative;
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:10px;
width:auto;
max-width:100%;
min-width:0;
height:46px;
margin:0;
padding:0;
border:0;
background:transparent;
color:inherit;
direction:rtl;
cursor:pointer;
box-sizing:border-box;
appearance:none;
-webkit-appearance:none;
transform:none!important;
}
.logo-current-preview img{
width:46px;
height:46px;
min-width:46px;
border-radius:10px;
object-fit:contain;
background:#fff;
border:1px solid #dbe3ef;
padding:4px;
box-sizing:border-box;
}
.logo-current-preview.is-default{
cursor:default;
}
.logo-current-preview:disabled{
opacity:1;
}
.logo-current-preview b{
font-size:12px;
font-weight:950;
color:#475569;
line-height:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.logo-delete-icon{
position:absolute;
top:-6px;
right:-7px;
width:16px;
height:16px;
min-width:16px;
display:flex;
align-items:center;
justify-content:center;
color:#dc2626;
background:transparent;
border:0;
box-shadow:none;
pointer-events:none;
transform:none!important;
}
.logo-delete-icon svg{
width:14px;
height:14px;
stroke:currentColor;
stroke-width:2.25;
fill:none;
}
.logo-current-control.is-default-preview .logo-delete-icon,
.logo-current-control.is-pending-remove .logo-delete-icon{
display:none!important;
}
.logo-current-control.is-pending-remove .logo-current-preview img{
opacity:.72;
filter:grayscale(.16);
}
.logo-current-control small{
height:18px;
line-height:18px;
font-size:11px;
font-weight:850;
color:#64748b;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media(max-width:760px){
.logo-current-control{
min-height:86px;
}
}
/* Codex final override: mobile header is a minimal app bar, drawer icons use dashboard SVGs. */
@media(max-width:760px){
body:not(.login-page):not(.register-page):not(.print-page) .v1-header{
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
z-index:800!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
direction:ltr!important;
background:rgba(255,255,255,.96)!important;
border-bottom:1px solid #dbe4f2!important;
box-shadow:0 6px 18px rgba(15,23,42,.07)!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header){
padding-top:44px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-brand,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-brand *,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header > img,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-subscription-expiry{
display:none!important;
visibility:hidden!important;
width:0!important;
height:0!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark{
order:1!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark::before{
content:""!important;
width:14px!important;
height:14px!important;
border-left:2.25px solid currentColor!important;
border-bottom:2.25px solid currentColor!important;
border-radius:1px!important;
transform:rotate(45deg)!important;
margin:0 0 0 4px!important;
box-sizing:border-box!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark:hover,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark:focus-visible,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark:active{
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
outline:none!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark[hidden]{
display:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle{
order:2!important;
margin:0 0 0 auto!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle span{
width:20px!important;
height:2px!important;
border-radius:999px!important;
background:currentColor!important;
display:block!important;
margin:0!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle:hover,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle:focus-visible,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle:active{
background:transparent!important;
box-shadow:none!important;
outline:none!important;
transform:none!important;
}
.mobile-nav-icon{
width:23px!important;
height:23px!important;
flex:0 0 23px!important;
display:block!important;
background:currentColor!important;
color:currentColor!important;
-webkit-mask:var(--mobile-nav-icon) center / contain no-repeat!important;
mask:var(--mobile-nav-icon) center / contain no-repeat!important;
position:static!important;
}
.mobile-nav-icon::before,
.mobile-nav-icon::after{
display:none!important;
content:none!important;
}
img.mobile-nav-icon{
display:block!important;
width:23px!important;
height:23px!important;
flex:0 0 23px!important;
object-fit:contain!important;
background:transparent!important;
color:inherit!important;
-webkit-mask:none!important;
mask:none!important;
opacity:.9!important;
filter:none!important;
position:static!important;
}
.mobile-nav-item.is-active img.mobile-nav-icon{
opacity:1!important;
filter:brightness(0) saturate(100%) invert(38%) sepia(89%) saturate(2101%) hue-rotate(211deg) brightness(98%) contrast(94%)!important;
}
}
/* Codex mobile app navigation: simple app bar + global drawer. */
.mobile-nav-toggle,
.mobile-nav-backdrop,
.mobile-nav-drawer{
display:none;
}
@media(max-width:760px){
body:not(.login-page):not(.register-page):not(.print-page) .v1-header{
min-height:58px!important;
height:58px!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
background:#fff!important;
border-bottom:1px solid #e5edf7!important;
box-shadow:0 3px 10px rgba(15,23,42,.04)!important;
overflow:hidden!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header),
body.bills-page .page:has(> .v1-header){
padding-top:58px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand{
display:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-mark{
order:1!important;
width:38px!important;
min-width:38px!important;
height:38px!important;
flex:0 0 38px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark{
width:38px!important;
min-width:38px!important;
height:38px!important;
min-height:38px!important;
border:0!important;
border-radius:999px!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark::before{
width:17px!important;
height:17px!important;
border-left:3.5px solid currentColor!important;
border-bottom:3.5px solid currentColor!important;
border-radius:1px!important;
margin-left:4px!important;
}
.mobile-nav-toggle{
order:2;
width:40px;
height:40px;
min-width:40px;
border:0;
border-radius:999px;
background:transparent;
color:#111827;
display:inline-flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
padding:0;
margin:0;
cursor:pointer;
transform:none!important;
}
.mobile-nav-toggle span{
width:21px;
height:2.5px;
border-radius:999px;
background:currentColor;
display:block;
}
.mobile-nav-backdrop{
position:fixed;
inset:0;
z-index:998;
display:block;
border:0;
background:rgba(15,23,42,.28);
backdrop-filter:blur(2px);
opacity:0;
pointer-events:none;
transition:opacity .18s ease;
}
.mobile-nav-backdrop[hidden]{
display:block!important;
}
.mobile-nav-drawer{
position:fixed;
top:0;
right:0;
bottom:0;
z-index:999;
width:min(318px,86vw);
display:flex;
flex-direction:column;
background:#fff;
border-left:1px solid #e5edf7;
box-shadow:-18px 0 42px rgba(15,23,42,.18);
transform:translateX(104%);
transition:transform .22s ease;
overflow:auto;
direction:rtl;
}
.mobile-nav-drawer[hidden]{
display:flex!important;
}
body.mobile-nav-open .mobile-nav-backdrop{
opacity:1;
pointer-events:auto;
}
body.mobile-nav-open .mobile-nav-drawer{
transform:translateX(0);
}
.mobile-nav-profile{
padding:28px 20px 18px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:7px;
border-bottom:1px solid #edf2f7;
}
.mobile-nav-profile img{
width:64px;
height:64px;
border-radius:18px;
border:1px solid #dbe3ef;
background:#eef2ff;
object-fit:contain;
padding:5px;
margin-bottom:3px;
}
.mobile-nav-profile strong{
max-width:100%;
color:#111827;
font-size:16px;
font-weight:950;
line-height:1.45;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.mobile-nav-profile span{
max-width:100%;
color:#64748b;
font-size:13px;
font-weight:850;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.mobile-nav-profile small{
max-width:100%;
height:26px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 10px;
margin-top:4px;
border-radius:999px;
border:1px solid #dbe7fb;
background:#f8fbff;
color:#475569;
font-size:11px;
font-weight:900;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.mobile-nav-list{
padding:10px 10px 18px;
display:flex;
flex-direction:column;
gap:4px;
}
.mobile-nav-item{
min-height:48px;
border-radius:14px;
display:flex;
align-items:center;
gap:11px;
padding:0 12px;
color:#334155;
text-decoration:none;
font-size:14px;
font-weight:950;
transform:none!important;
}
.mobile-nav-item.is-active{
background:#eef4ff;
color:#2563eb;
}
.mobile-nav-icon{
width:23px;
height:23px;
flex:0 0 23px;
position:relative;
color:currentColor;
}
.mobile-nav-icon::before,
.mobile-nav-icon::after{
content:"";
position:absolute;
box-sizing:border-box;
}
.mobile-nav-icon-dashboard::before{inset:3px;border:2px solid currentColor;border-radius:6px}
.mobile-nav-icon-dashboard::after{left:5px;right:5px;top:10px;border-top:2px solid currentColor}
.mobile-nav-icon-receive::before{inset:4px 2px 5px;border:2px solid currentColor;border-radius:4px}
.mobile-nav-icon-receive::after{width:8px;height:8px;right:2px;bottom:2px;border:2px solid currentColor;border-radius:50%}
.mobile-nav-icon-send::before{width:17px;height:13px;right:2px;top:5px;border:2px solid currentColor;border-radius:4px}
.mobile-nav-icon-send::after{width:7px;height:7px;left:2px;bottom:3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.mobile-nav-icon-account::before{width:9px;height:9px;right:7px;top:3px;border:2px solid currentColor;border-radius:50%}
.mobile-nav-icon-account::after{width:17px;height:9px;right:3px;bottom:3px;border:2px solid currentColor;border-radius:12px 12px 4px 4px}
.mobile-nav-icon-settings::before{inset:5px;border:2px solid currentColor;border-radius:50%}
.mobile-nav-icon-settings::after{width:21px;height:2px;right:1px;top:10px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.mobile-nav-icon-logout::before{width:13px;height:15px;right:2px;top:4px;border:2px solid currentColor;border-left:0;border-radius:0 5px 5px 0}
.mobile-nav-icon-logout::after{width:11px;height:11px;left:2px;top:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
}
/* Codex final mobile header polish: compact Material-style header and thin chevron back icon. */
@media(max-width:760px){
body:not(.login-page):not(.register-page):not(.print-page) .v1-header{
min-height:88px!important;
height:88px!important;
padding:8px 12px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
overflow:hidden!important;
background:#fff!important;
box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header){
padding-top:88px!important;
}
body.bills-page .page:has(> .v1-header){
padding-top:88px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-mark{
order:0!important;
width:40px!important;
min-width:40px!important;
flex:0 0 40px!important;
height:40px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark{
width:38px!important;
min-width:38px!important;
height:38px!important;
min-height:38px!important;
border:1px solid #d7e3fb!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 4px 12px rgba(37,99,235,.075)!important;
color:#1f2937!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark::before{
content:""!important;
width:16px!important;
height:16px!important;
border-left:4px solid currentColor!important;
border-bottom:4px solid currentColor!important;
border-radius:1px!important;
transform:rotate(45deg)!important;
margin-left:4px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand{
order:1!important;
flex:1 1 auto!important;
min-width:0!important;
max-width:calc(100% - 48px)!important;
height:100%!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
overflow:hidden!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand img{
flex:0 0 46px!important;
width:46px!important;
min-width:46px!important;
max-width:46px!important;
height:46px!important;
min-height:46px!important;
max-height:46px!important;
padding:4px!important;
border-radius:14px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand > div,
body.bills-page .v1-brand > div,
body.invoices-page .v1-brand > div,
body.carriers-page .v1-brand > div,
body.unloading-locations-page .v1-brand > div{
flex:1 1 auto!important;
min-width:0!important;
max-width:calc(100vw - 116px)!important;
height:auto!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
justify-content:center!important;
gap:1px!important;
overflow:hidden!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand strong{
font-size:13px!important;
line-height:1.25!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand span{
display:block!important;
font-size:10.5px!important;
line-height:1.28!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand b{
font-size:10.8px!important;
line-height:1.28!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-brand .v1-subscription-expiry{
height:20px!important;
min-height:20px!important;
max-height:20px!important;
margin-top:3px!important;
padding:0 7px!important;
font-size:9.8px!important;
line-height:20px!important;
max-width:100%!important;
align-self:flex-end!important;
border-radius:999px!important;
box-shadow:none!important;
}
}
.billing-current-card p,
.billing-package-card p{
display:block;
color:#64748b;
font-size:12px;
font-weight:850;
line-height:1.8;
margin:0;
}
.billing-current-card h2,
.billing-package-card h2{
margin:0;
font-size:18px;
font-weight:950;
color:#111827;
}
.billing-wrap{
width:min(1120px,calc(100% - 160px));
}
@media(min-width:901px){
body.billing-page{
min-height:100vh;
height:auto!important;
overflow-y:auto!important;
}
.billing-page .page{
min-height:100vh;
height:auto!important;
overflow:visible!important;
}
.billing-page .billing-wrap{
min-height:0!important;
height:auto!important;
padding-bottom:56px!important;
overflow:visible!important;
}
}
.billing-current-card{
padding:18px;
margin-bottom:14px;
}
.account-page-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:14px;
align-items:stretch;
margin-bottom:14px;
}
.account-page-grid .account-subscription-owner-card,
.account-page-grid .billing-current-card{
min-height:154px;
margin-bottom:0;
}
.account-section-card{
padding:16px;
margin-bottom:14px;
overflow:visible;
}
.account-users-card{
padding:16px;
margin-bottom:56px;
}
.account-users-card .admin-card-head{
min-height:52px;
align-items:center;
}
.account-subscription-owner-card{
box-sizing:border-box;
padding:16px;
margin-bottom:14px;
}
.account-subscription-owner-head{
display:flex;
align-items:center;
justify-content:space-between;
min-height:44px;
gap:12px;
margin-bottom:12px;
}
.account-subscription-owner-head h2{
margin:0;
color:#111827;
font-size:18px;
font-weight:950;
}
.account-subscription-owner-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.account-subscription-owner-item{
box-sizing:border-box;
min-height:68px;
display:flex;
flex-direction:column;
justify-content:center;
gap:4px;
padding:10px 12px;
border:1px solid #dbe3ef;
border-radius:8px;
background:#f8fafc;
}
.account-subscription-owner-item span{
color:#64748b;
font-size:12px;
font-weight:850;
line-height:1.6;
}
.account-subscription-owner-item strong{
color:#111827;
font-size:14px;
font-weight:950;
line-height:1.6;
}
.billing-current-card span{
color:#64748b;
font-size:12px;
font-weight:950;
}
.v1-subscription-expiry{
box-sizing:border-box;
min-height:20px;
display:inline-flex;
align-items:center;
gap:5px;
margin:3px 8px 0 0;
padding:1px 7px;
border:1px solid #dbe3ef;
border-radius:999px;
background:#f8fafc;
color:#475569;
font-size:10.5px;
font-style:normal;
font-weight:900;
line-height:1.5;
vertical-align:middle;
white-space:nowrap;
}
.v1-brand .v1-subscription-expiry span,
.v1-brand .v1-subscription-expiry strong,
.v1-brand .v1-subscription-expiry em{
display:inline;
margin:0;
color:inherit;
font-size:inherit;
font-style:normal;
font-weight:900;
line-height:inherit;
}
.v1-subscription-expiry.is-warning{
border-color:#fdba74;
background:#fff7ed;
color:#c2410c;
}
.billing-expiry-warning{
margin-top:10px;
padding:8px 10px;
border:1px solid #fdba74;
border-radius:8px;
background:#fff7ed;
color:#c2410c;
font-size:12px;
font-weight:950;
line-height:1.7;
}
.waybill-create-actions .v1-subscription-expiry{
flex:0 0 auto;
margin:0;
}
.billing-package-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.billing-package-card{
position:relative;
min-height:292px;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
padding:18px;
overflow:hidden;
border:1px solid #dbe3ef;
border-radius:14px;
background:#fff;
box-shadow:0 12px 28px rgba(15,23,42,.05);
}
.billing-package-card.is-recommended{
border-color:#93c5fd;
box-shadow:0 18px 34px rgba(37,99,235,.12);
}
.billing-package-card strong{
color:#2563eb;
font-size:24px;
font-weight:950;
}
.billing-price{
margin-top:auto;
min-height:28px;
color:#111827;
font-size:13px;
font-weight:950;
}
.billing-package-card .ui-btn{
width:100%;
}
.billing-badge{
position:absolute;
top:12px;
left:12px;
height:28px;
display:inline-flex;
align-items:center;
border-radius:999px;
background:#e8edff;
color:#2563eb;
padding:0 10px;
font-size:11px;
font-weight:950;
}
@media(max-width:1100px){
.account-page-grid{
grid-template-columns:1fr;
}
.billing-package-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:900px){
.billing-wrap{
width:calc(100% - 24px);
}
}
@media(max-width:560px){
.account-subscription-owner-grid{
grid-template-columns:1fr;
}
.billing-package-grid{
grid-template-columns:1fr;
}
}
.carrier-form-card .modern-form-grid{
align-items:stretch;
}
.carrier-form-card .modern-form-grid > label{
display:flex!important;
flex-direction:column;
gap:7px;
min-height:96px;
line-height:20px;
}
.carrier-form-card .modern-form-grid > label.settings-wide{
min-height:96px;
}
.carrier-form-card .modern-form-grid input,
.carrier-form-card .modern-form-grid select,
.carrier-form-card .modern-form-grid textarea{
flex:0 0 42px;
height:42px;
margin:0!important;
border-width:1px!important;
outline:0;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.carrier-form-card .modern-form-grid input:focus,
.carrier-form-card .modern-form-grid select:focus,
.carrier-form-card .modern-form-grid textarea:focus{
border-color:rgba(37,99,235,.42)!important;
box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
transform:none!important;
}
.carrier-form-card .field-error{
min-height:16px;
margin:0!important;
line-height:16px;
}
.invoice-filter-card{
padding:14px 16px!important;
height:94px;
min-height:94px;
max-height:94px;
overflow:visible!important;
box-sizing:border-box;
}
.invoice-filter-form{
display:grid;
grid-template-columns:minmax(185px,1.6fr) minmax(140px,1fr) minmax(132px,.95fr) minmax(116px,.72fr) minmax(116px,.72fr) auto auto;
gap:10px;
align-items:start;
height:66px;
min-height:66px;
max-height:66px;
margin:0!important;
padding:0!important;
}
.bill-filter-card{
padding:0!important;
height:auto;
min-height:0;
overflow:visible!important;
box-sizing:border-box;
}
.bill-filter-panel{
display:block;
margin:0;
}
.bill-filter-panel summary{
min-height:66px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:12px 18px;
list-style:none;
cursor:pointer;
user-select:none;
}
.bill-filter-panel summary::-webkit-details-marker{
display:none;
}
.bill-filter-panel summary span{
display:grid;
gap:5px;
}
.bill-filter-panel summary b{
color:#0f172a;
font-size:16px;
font-weight:950;
}
.bill-filter-panel summary small{
color:#64748b;
font-size:12px;
font-weight:900;
}
.bill-filter-panel summary i{
width:34px;
height:34px;
border:1px solid #dbe3ef;
border-radius:12px;
background:#fff;
position:relative;
flex:0 0 34px;
}
.bill-filter-panel summary i::before,
.bill-filter-panel summary i::after{
content:"";
position:absolute;
width:12px;
height:2px;
border-radius:999px;
background:#334155;
top:16px;
left:10px;
transition:transform .16s ease;
}
.bill-filter-panel summary i::after{
transform:rotate(90deg);
}
.bill-filter-panel[open] summary{
border-bottom:1px solid #e2e8f0;
}
.bill-filter-panel[open] summary i::after{
transform:rotate(0deg);
}
.bill-filter-form{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
align-items:start;
padding:16px 18px 18px!important;
margin:0!important;
}
.bill-filter-search{
grid-column:span 2;
}
.bill-filter-form input,
.bill-filter-form select{
width:100%;
height:42px;
min-height:42px;
max-height:42px;
border:1px solid #cbd5e1;
border-radius:12px;
padding:0 12px;
background:#fff;
font:inherit;
outline:0;
margin:0!important;
transform:none!important;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
box-sizing:border-box;
line-height:42px;
}
.bill-filter-form input:hover,
.bill-filter-form select:hover,
.bill-filter-form input:focus,
.bill-filter-form select:focus{
border-color:rgba(37,99,235,.42);
box-shadow:0 0 0 3px rgba(37,99,235,.10);
transform:none!important;
margin:0!important;
}
.bill-filter-actions{
grid-column:span 2;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
align-self:end;
}
.bill-filter-actions .ui-btn{
height:42px;
min-height:42px;
max-height:42px;
width:100%;
margin:24px 0 0!important;
padding:0 18px;
white-space:nowrap;
transform:none!important;
box-sizing:border-box;
}
.bills-list-card .modern-table-wrap{
max-height:68vh;
overflow:auto;
}
.bills-table th,
.bills-table td{
white-space:nowrap;
}
.bill-op-brand{
height:82px;
min-height:82px;
align-items:center;
padding-top:0;
position:sticky;
top:0;
z-index:70;
}
body.bills-page .page{
padding-top:82px!important;
overflow:visible!important;
}
body.bills-page .bill-op-brand{
position:fixed!important;
top:0!important;
right:0!important;
left:0!important;
width:100%!important;
margin:0!important;
z-index:120!important;
}
.bills-page .bill-op-brand,
.bills-page .bill-op-page{
zoom:1;
}
.bill-op-page{
width:min(100% - 32px,1680px);
max-width:1680px;
margin:16px auto 3mm;
color:#111827;
}
.bill-op-toolbar,
.bill-op-board,
.bill-op-search-card,
.bill-op-table-card{
box-sizing:border-box;
max-width:100%;
background:rgba(255,255,255,.94);
border:1px solid #dbe3ef;
border-radius:18px;
box-shadow:0 18px 42px rgba(15,23,42,.08);
}
.bill-op-toolbar{
min-height:64px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 12px;
margin-bottom:16px;
}
.bill-op-actions{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.bill-op-btn{
height:42px;
min-height:42px;
min-width:96px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border:1px solid #d5deec;
border-radius:999px;
background:#fff;
color:#111827;
padding:0 12px;
font:inherit;
font-weight:950;
text-decoration:none;
cursor:pointer;
box-shadow:0 8px 18px rgba(15,23,42,.06);
white-space:nowrap;
line-height:1;
transform:none;
}
.bill-op-btn:hover,
.bill-op-btn:focus,
.bill-op-btn:active{
transform:none;
}
.bill-op-btn svg{
width:17px;
height:17px;
}
.bill-op-btn:disabled{
opacity:.48;
cursor:not-allowed;
box-shadow:none;
}
.bill-mobile-more,
.bill-mobile-sheet-backdrop{
display:none;
}
.bill-op-btn[hidden],
.bill-group-filter-reset[hidden],
[hidden]{
display:none!important;
}
.bill-op-primary{
background:#3b63f3;
border-color:#3b63f3;
color:#fff;
}
.bill-op-selected{
background:#9aaaf4;
border-color:#9aaaf4;
color:#fff;
}
.bill-op-danger{
background:#fee2e2;
border-color:#fecaca;
color:#dc2626;
}
.bill-op-board{
min-height:0;
margin-bottom:0;
overflow:hidden;
}
.bill-op-board-head{
height:62px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 14px;
border-bottom:1px solid #e5e7eb;
}
.bill-op-count{
height:36px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
border:1px solid #cbd5ff;
background:#eef2ff;
color:#2563eb;
padding:0 14px;
font-weight:950;
font-size:13px;
}
.bill-op-groups-title{
min-height:40px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:8px 12px 0;
text-align:right;
font-size:13px;
font-weight:950;
}
.bill-op-groups-title > span{
white-space:nowrap;
}
.bill-delivery-grid{
min-height:0;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
align-content:start;
justify-content:end;
padding:12px 12px 4px;
}
.bill-delivery-card{
border:1px solid #fed7aa;
border-radius:14px;
background:#fffaf3;
padding:10px 12px;
box-shadow:0 10px 24px rgba(180,83,9,.06);
transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.bill-delivery-card.is-filter-active{
border-color:#bfdbfe;
background:#eff6ff;
box-shadow:0 10px 26px rgba(37,99,235,.10);
}
.bill-delivery-card h3{
margin:0 0 8px;
color:#b45309;
font-size:13px;
font-weight:950;
line-height:1.65;
}
.bill-delivery-card p,
.bill-delivery-card strong{
display:block;
margin:0 0 10px;
color:#64748b;
font-size:12px;
font-weight:950;
line-height:1.8;
}
.bill-delivery-card .bill-delivery-actions,
.bill-delivery-card .bill-delivery-print-actions{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.bill-delivery-card .bill-delivery-print-actions{
margin-top:10px;
}
.bill-delivery-card button{
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border-radius:999px;
border:1px solid #d5deec;
background:#fff;
color:#111827;
padding:0 12px;
font:inherit;
font-weight:950;
cursor:pointer;
}
.bill-delivery-card button svg{
width:15px;
height:15px;
flex:0 0 15px;
}
.bill-delivery-card .bill-add-btn{
min-width:118px;
background:#fff;
}
.bill-delivery-card .bill-group-print-btn{
min-width:148px;
}
.bill-delivery-card .bill-add-btn:disabled{
opacity:.48;
cursor:not-allowed;
background:#f8fafc;
color:#94a3b8;
}
.bill-delivery-card .bill-add-btn > span{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:50%;
border:1px solid #cbd5e1;
font-weight:950;
}
.bill-delivery-card .bill-clear-btn{
background:#fee2e2;
border-color:#fecaca;
color:#dc2626;
}
.bill-delivery-empty{
grid-column:1/-1;
align-self:center;
justify-self:center;
color:#64748b;
font-weight:950;
}
.bill-op-board:has([data-delivery-empty]) .bill-op-groups-title,
.bill-op-board:has([data-delivery-empty]) .bill-delivery-grid{
display:none;
}
.bill-op-search-card{
box-sizing:border-box;
border-radius:0;
border-left:1px solid #dbe3ef;
border-right:1px solid #dbe3ef;
border-top:0;
border-bottom:0;
box-shadow:none;
padding:10px;
contain:layout paint;
}
.bill-op-search-form{
display:grid;
gap:10px;
grid-template-columns:minmax(360px,1fr) auto auto minmax(260px,.9fr);
grid-template-rows:52px;
align-items:center;
}
.bill-op-search-form input{
width:100%;
height:52px;
min-height:52px;
max-height:52px;
border:1px solid #cbd5e1;
border-radius:16px;
background:#fff;
padding:0 18px;
font:inherit;
font-weight:900;
outline:0;
margin:0!important;
transform:none!important;
box-sizing:border-box;
line-height:52px;
}
.bill-op-search-form input:hover,
.bill-op-search-form input:focus,
.bill-op-search-form input:active{
border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,.12);
margin:0!important;
transform:none!important;
outline:0;
}
.bill-op-filter-row{
height:52px;
min-height:52px;
max-height:52px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:nowrap;
overflow:hidden;
}
.bill-op-filter-row p{
margin:0;
color:#64748b;
font-size:13px;
font-weight:950;
flex:1 1 auto;
text-align:center;
}
.bill-op-selected-count{
height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
border:1px solid #e2e8f0;
background:#fff;
padding:0 14px;
color:#64748b;
font-size:13px;
font-weight:950;
}
.bill-op-selected-count.has-selection{
border-color:#bfdbfe;
background:#eff6ff;
color:#2563eb;
}
.bill-op-advanced-panel{
display:none;
margin-top:10px;
padding:12px;
border:1px solid #dbe3ef;
border-radius:18px;
background:rgba(255,255,255,.92);
box-shadow:0 12px 30px rgba(15,23,42,.06);
overflow:hidden;
contain:layout paint;
box-sizing:border-box;
transform:none!important;
will-change:auto;
}
.bill-op-advanced-panel.is-open{
display:block;
}
.bill-op-advanced-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
grid-auto-rows:62px;
gap:12px 16px;
align-items:start;
}
.bill-op-advanced-grid label{
height:62px;
min-height:62px;
max-height:62px;
display:grid;
grid-template-rows:16px 40px;
align-items:start;
gap:6px;
color:#64748b;
font-size:12px;
font-weight:950;
margin:0!important;
padding:0!important;
transform:none!important;
box-sizing:border-box;
overflow:hidden;
min-width:0;
}
.bill-op-advanced-grid label span{
display:block;
height:16px;
min-height:16px;
max-height:16px;
margin:0!important;
padding:0!important;
line-height:16px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
transform:none!important;
}
.bill-op-advanced-grid input,
.bill-op-advanced-grid select{
width:100%;
height:40px;
min-height:40px;
max-height:40px;
border:1px solid #cbd5e1;
border-radius:14px;
background:#fff;
padding:0 10px;
color:#111827;
font:inherit;
font-weight:900;
outline:0;
box-sizing:border-box;
line-height:40px;
margin:0!important;
transform:none!important;
appearance:auto;
min-width:0;
}
.bill-op-advanced-grid .js-bill-filter-date{
cursor:pointer;
text-align:center;
direction:ltr;
}
.bill-op-advanced-grid input:hover,
.bill-op-advanced-grid select:hover,
.bill-op-advanced-grid input:focus,
.bill-op-advanced-grid select:focus,
.bill-op-advanced-grid input:active,
.bill-op-advanced-grid select:active{
border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,.12);
height:40px!important;
min-height:40px!important;
max-height:40px!important;
margin:0!important;
padding-top:0!important;
padding-bottom:0!important;
transform:none!important;
outline:0;
}
.bill-op-advanced-actions{
height:42px;
min-height:42px;
max-height:42px;
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
margin-top:10px;
overflow:hidden;
}
.bill-op-advanced-actions .bill-op-btn{
height:38px;
min-height:38px;
max-height:38px;
min-width:128px;
flex:0 0 auto;
margin:0!important;
transform:none!important;
}
.bill-op-advanced-actions .bill-op-btn:hover,
.bill-op-advanced-actions .bill-op-btn:focus,
.bill-op-advanced-actions .bill-op-btn:active{
height:38px!important;
min-height:38px!important;
max-height:38px!important;
margin:0!important;
padding-top:0!important;
padding-bottom:0!important;
transform:none!important;
}
.bill-op-table-card{
border-radius:0 0 18px 18px;
overflow:hidden;
display:flex;
flex-direction:column;
}
.bill-op-table-wrap{
height:max(520px, calc(100vh - 95px));
min-height:0;
max-height:none;
overflow:hidden;
overscroll-behavior:auto;
}
body.bill-waybill-list-ready .bill-op-table-wrap{
overflow:auto;
}
.bill-op-table{
width:100%;
min-width:1080px;
border-collapse:separate;
border-spacing:0;
}
.bill-op-table th,
.bill-op-table td{
height:58px;
border-bottom:1px solid #e5e7eb;
padding:8px 9px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
font-weight:900;
font-size:12px;
}
.bill-op-table th{
position:sticky;
top:0;
z-index:3;
background:#f8fafc;
color:#64748b;
font-size:13px;
font-weight:950;
}
.bill-op-table tbody tr:hover{
background:#f8fbff;
}
.bill-op-table tbody tr.row-selected{
background:#eff6ff;
}
.bill-op-table input[type="checkbox"]{
width:20px;
height:20px;
accent-color:#3b82f6;
}
.bill-op-desc-col{
width:108px;
min-width:108px;
max-width:108px;
}
.bill-op-desc-text{
width:10ch;
max-width:10ch;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
vertical-align:middle;
}
.bill-chip{
min-height:28px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
padding:0 10px;
margin:2px;
font-size:11px;
font-weight:950;
}
.bill-chip-soft{
background:#e6fffb;
border:1px solid #99f6e4;
color:#0f766e;
}
.bill-type-choice-group{
min-width:250px;
max-width:360px;
display:flex;
align-items:center;
justify-content:center;
gap:5px;
flex-wrap:wrap;
margin:0 auto;
}
.bill-chip-type{
min-width:62px;
height:26px;
min-height:26px;
background:#fff;
border:1px solid #dbe3ef;
color:#334155;
box-shadow:none;
cursor:pointer;
font:inherit;
font-size:10.5px;
line-height:1;
transform:none;
}
.bill-chip-type:hover,
.bill-chip-type:focus,
.bill-chip-type:active{
transform:none;
border-color:#bfdbfe;
outline:0;
}
.bill-chip-type.is-selected{
background:#eff6ff;
border-color:#bfdbfe;
color:#2563eb;
box-shadow:0 4px 12px rgba(37,99,235,.08);
}
.bill-chip-ok{
background:#ecfdf5;
border:1px solid #a7f3d0;
color:#047857;
}
.bill-chip-warn{
background:#fee2e2;
border:1px solid #fecaca;
color:#dc2626;
}
.bill-chip-delivery{
background:#fff7ed;
border:1px solid #fed7aa;
color:#b45309;
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
cursor:pointer;
}
.bill-chip-delivery svg{
width:13px;
height:13px;
flex:0 0 13px;
}
.bill-chip-delivery:hover,
.bill-chip-delivery:focus{
background:#ffedd5;
border-color:#fdba74;
outline:0;
}
.bill-chip-delivery-slot{
visibility:hidden;
pointer-events:none;
}
.bill-status-stack{
display:grid;
grid-template-rows:28px 28px;
align-items:center;
justify-content:center;
justify-items:center;
gap:4px;
width:116px;
min-width:116px;
min-height:60px;
margin:0 auto;
}
.bill-status-stack .bill-chip{
width:104px;
min-width:104px;
max-width:104px;
height:28px;
min-height:28px;
max-height:28px;
margin:0;
padding:0 8px;
box-sizing:border-box;
white-space:nowrap;
}
.bill-group-filter-reset{
height:34px!important;
min-height:34px!important;
padding:0 12px!important;
gap:6px;
background:#eff6ff!important;
border-color:#bfdbfe!important;
color:#2563eb!important;
box-shadow:0 8px 18px rgba(37,99,235,.08)!important;
}
.bill-group-filter-reset svg{
width:15px;
height:15px;
}
.bill-op-btn.is-disabled,
.bill-op-btn:disabled{
opacity:.52;
cursor:not-allowed;
}
.bill-type-panel{
max-width:520px;
}
.bill-type-panel > p,
.bill-type-panel .bill-type-modal-head,
.bill-type-panel .bill-type-grid,
.bill-type-panel .bill-modal-message,
.bill-type-panel .bill-modal-actions{
flex:0 0 auto;
}
.bill-type-modal-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:8px;
}
.bill-type-modal-head h2{
margin:0;
}
.bill-type-modal-chip{
min-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #bfdbfe;
border-radius:999px;
background:#eff6ff;
color:#2563eb;
padding:0 16px;
font-size:14px;
font-weight:950;
white-space:nowrap;
}
.bill-type-grid{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin:14px 0;
}
.bill-type-grid label{
min-height:74px;
display:grid;
grid-template-rows:18px 52px;
gap:8px;
color:#64748b;
font-size:13px;
font-weight:950;
}
.bill-type-grid select,
.bill-type-grid input{
width:100%;
height:52px;
border:1px solid #cbd5e1;
border-radius:14px;
background:#fff;
padding:0 12px;
color:#111827;
font:inherit;
font-weight:900;
outline:0;
box-sizing:border-box;
}
.bill-type-grid select:focus,
.bill-type-grid input:focus{
border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.bill-pick-fare-list{
display:grid;
gap:10px;
flex:1 1 auto;
min-height:180px;
max-height:none;
overflow-y:auto;
overflow-x:hidden;
padding:2px 0 4px 2px;
margin:4px 0 12px;
overscroll-behavior:contain;
}
.bill-pick-fare-item{
width:100%;
min-height:72px;
display:grid;
grid-template-columns:28px minmax(86px,auto) 1fr auto;
align-items:center;
gap:10px;
border:1px solid #e2e8f0;
border-radius:16px;
background:#f8fafc;
color:#111827;
padding:10px 14px;
font:inherit;
font-weight:950;
text-align:right;
cursor:pointer;
box-sizing:border-box;
}
.bill-pick-fare-item:hover{
border-color:#bfdbfe;
background:#eff6ff;
}
.bill-pick-fare-item.is-selected{
border-color:#93c5fd;
background:#eff6ff;
box-shadow:0 10px 24px rgba(37,99,235,.08);
}
.bill-pick-fare-item:disabled{
opacity:.7;
cursor:wait;
}
.bill-pick-fare-radio{
width:20px;
height:20px;
border:2px solid #94a3b8;
border-radius:999px;
background:#fff;
box-sizing:border-box;
position:relative;
}
.bill-pick-fare-item.is-selected .bill-pick-fare-radio{
border-color:#2563eb;
}
.bill-pick-fare-item.is-selected .bill-pick-fare-radio::after{
content:"";
position:absolute;
inset:4px;
border-radius:999px;
background:#2563eb;
}
.bill-pick-fare-name{
color:#111827;
font-size:16px;
}
.bill-pick-fare-item small{
color:#64748b;
font-size:12px;
font-weight:900;
}
.bill-pick-fare-item strong{
color:#111827;
direction:ltr;
font-size:16px;
white-space:nowrap;
}
.bill-row-actions{
display:flex;
align-items:center;
justify-content:center;
gap:5px;
}
.bill-row-actions form{
margin:0;
}
.bill-row-actions a,
.bill-row-actions button{
width:34px;
height:34px;
min-width:34px;
max-width:34px;
min-height:34px;
max-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #dbe3ef;
border-radius:999px;
background:#fff;
color:#2563eb;
cursor:pointer;
padding:0;
margin:0;
line-height:1;
box-shadow:0 2px 8px rgba(15,23,42,.04);
transform:none;
-webkit-tap-highlight-color:transparent;
touch-action:manipulation;
transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.bill-row-actions a:hover,
.bill-row-actions a:focus,
.bill-row-actions a:focus-visible,
.bill-row-actions button:hover,
.bill-row-actions button:focus,
.bill-row-actions button:focus-visible{
background:#f8fbff;
border-color:#bfdbfe;
color:#2563eb;
outline:0;
box-shadow:0 0 0 3px rgba(37,99,235,.10),0 3px 10px rgba(15,23,42,.06);
transform:none;
}
.bill-row-actions a:active,
.bill-row-actions button:active{
background:#eef6ff;
border-color:#93c5fd;
color:#1d4ed8;
box-shadow:0 0 0 2px rgba(37,99,235,.12);
transform:none;
}
.bill-row-actions a:focus:not(:focus-visible),
.bill-row-actions button:focus:not(:focus-visible){
background:#fff;
border-color:#dbe3ef;
color:#2563eb;
box-shadow:0 2px 8px rgba(15,23,42,.04);
outline:0;
}
.bill-row-actions svg{
width:16px;
height:16px;
display:block;
flex:0 0 16px;
color:currentColor;
stroke:currentColor;
}
.bill-row-actions .danger{
color:#dc2626;
}
.bill-modal[hidden]{
display:none;
}
.bill-modal{
position:fixed;
inset:0;
z-index:100000!important;
display:grid;
align-items:start;
justify-items:center;
padding:24px 16px;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
box-sizing:border-box;
isolation:isolate;
contain:none!important;
}
.bill-modal-backdrop{
position:absolute;
inset:0;
z-index:0;
background:rgba(15,23,42,.28);
backdrop-filter:blur(3px);
}
.bill-modal-panel{
position:relative;
z-index:1;
width:min(460px,100%);
max-height:calc(100vh - 48px);
max-height:calc(100dvh - 48px);
border:1px solid #dbe3ef;
border-radius:18px;
background:#fff;
box-shadow:0 28px 80px rgba(15,23,42,.2);
padding:22px;
display:flex;
flex-direction:column;
overflow:hidden;
box-sizing:border-box;
}
.bill-modal-panel h2{
margin:0 0 10px;
color:#111827;
font-size:20px;
font-weight:950;
}
.bill-modal-panel p{
margin:0 0 14px;
color:#64748b;
font-size:14px;
font-weight:850;
line-height:1.9;
}
.bill-modal-count{
width:max-content;
max-width:100%;
height:38px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #bfdbfe;
border-radius:999px;
background:#eff6ff;
color:#2563eb;
padding:0 14px;
font-size:13px;
font-weight:950;
}
.bill-modal-field{
display:grid;
grid-template-rows:22px 52px;
gap:6px;
margin-top:16px;
color:#374151;
font-size:14px;
font-weight:950;
}
.bill-modal-field input{
width:100%;
height:52px;
border:1px solid #cbd5e1;
border-radius:16px;
padding:0 14px;
font:inherit;
font-weight:900;
outline:0;
}
.bill-modal-field input:focus{
border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,.12);
}
.bill-modal-message{
min-height:24px;
margin-top:8px;
color:#dc2626;
font-size:13px;
font-weight:900;
}
.bill-modal-actions{
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
margin-top:8px;
flex:0 0 auto;
padding-top:12px;
border-top:1px solid #eef2f7;
background:#fff;
}
.bill-detail-panel{
width:min(760px,100%);
}
.bill-detail-grid{
flex:1 1 auto;
min-height:160px;
overflow-y:auto;
overflow-x:hidden;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
padding:4px 0 10px;
overscroll-behavior:contain;
}
.bill-detail-item{
min-height:62px;
border:1px solid #e2e8f0;
border-radius:14px;
background:#f8fafc;
padding:10px 12px;
display:grid;
grid-template-rows:18px auto;
gap:5px;
}
.bill-detail-item span{
color:#64748b;
font-size:12px;
font-weight:950;
}
.bill-detail-item strong{
color:#111827;
font-size:14px;
font-weight:950;
line-height:1.8;
white-space:pre-wrap;
overflow-wrap:anywhere;
}
@media(max-width:1280px){
.bill-op-page{
width:calc(100% - 20px);
margin-top:10px;
}
.bill-op-toolbar{
align-items:stretch;
flex-wrap:wrap;
}
.bill-op-actions{
gap:8px;
}
.bill-op-btn{
min-width:84px;
height:40px;
padding:0 10px;
font-size:12px;
}
.bill-delivery-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.bill-op-table{
min-width:1020px;
}
.bill-op-table-wrap{
height:max(500px, calc(100vh - 95px));
max-height:none;
}
.bill-op-table th,
.bill-op-table td{
padding:7px 7px;
}
}
@media(max-width:1200px){
.bill-op-advanced-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:900px){
.bill-op-toolbar{
flex-direction:column;
}
.bill-op-actions{
justify-content:flex-start;
}
.bill-op-search-form{
grid-template-columns:1fr;
grid-template-rows:52px auto;
}
.bill-op-filter-row{
height:auto;
min-height:38px;
max-height:none;
flex-wrap:wrap;
}
.bill-delivery-grid{
grid-template-columns:1fr;
min-height:0;
}
.bill-op-table{
min-width:980px;
}
.bill-op-table-wrap{
height:auto;
max-height:70vh;
overflow:auto;
}
}
@media(max-width:720px){
.bills-page .bill-op-brand,
.bills-page .bill-op-page{
zoom:1;
}
body.bills-page{
padding-bottom:92px;
}
.bill-mobile-sheet-backdrop{
position:fixed;
inset:0;
z-index:88;
display:block;
border:0;
background:rgba(15,23,42,.18);
backdrop-filter:blur(1.5px);
padding:0;
margin:0;
}
.bill-mobile-sheet-backdrop[hidden]{
display:none!important;
}
.bill-op-toolbar{
position:fixed;
left:10px;
right:10px;
bottom:10px;
z-index:90;
min-height:64px;
display:grid;
grid-template-columns:minmax(0,1fr) 92px 92px;
align-items:center;
gap:8px;
padding:8px;
margin:0;
border-radius:22px;
background:rgba(255,255,255,.98);
box-shadow:0 16px 38px rgba(15,23,42,.18);
direction:rtl;
overflow:visible;
}
.bill-op-toolbar .bill-op-actions{
display:contents;
}
.bill-op-toolbar .bill-op-btn{
width:100%;
height:48px;
min-height:48px;
max-height:48px;
min-width:0;
margin:0;
padding:0 12px;
box-sizing:border-box;
transform:none!important;
box-shadow:none;
-webkit-tap-highlight-color:transparent;
}
.bill-mobile-primary-action{
grid-column:1;
grid-row:1;
}
.bill-mobile-more{
grid-column:2;
grid-row:1;
display:inline-flex;
}
.bill-op-toolbar .bill-op-btn:not(.bill-mobile-primary-action):not(.bill-mobile-more){
display:none;
}
.bill-op-toolbar.is-mobile-sheet-open{
padding-top:12px;
}
.bill-op-toolbar.is-mobile-sheet-open .bill-op-btn:not(.bill-mobile-primary-action):not(.bill-mobile-more){
display:flex;
grid-column:1 / -1;
height:46px;
min-height:46px;
max-height:46px;
justify-content:flex-start;
padding:0 14px;
border-radius:16px;
background:#fff;
border-color:#e2e8f0;
color:#111827;
box-shadow:0 5px 12px rgba(15,23,42,.05);
}
.bill-op-toolbar.is-mobile-sheet-open #billPrintSelected{
grid-row:1;
}
.bill-op-toolbar.is-mobile-sheet-open #billPrintSign{
grid-row:2;
}
.bill-op-toolbar.is-mobile-sheet-open #billWarehouseExit{
grid-row:3;
}
.bill-op-toolbar.is-mobile-sheet-open #billDeleteSelected{
grid-row:4;
color:#dc2626;
background:#fff5f5;
border-color:#fecaca;
}
.bill-op-toolbar.is-mobile-sheet-open .bill-mobile-primary-action{
grid-row:5;
}
.bill-op-toolbar.is-mobile-sheet-open .bill-mobile-more{
grid-row:5;
}
.bill-modal{
padding:10px;
align-items:start;
}
.bill-modal-panel{
width:100%;
max-height:calc(100vh - 20px);
max-height:calc(100dvh - 20px);
border-radius:18px;
padding:14px;
}
.bill-modal-panel h2{
font-size:18px;
line-height:1.45;
}
.bill-modal-panel p{
font-size:13px;
line-height:1.8;
}
.bill-modal-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:8px;
padding-top:10px;
}
.bill-modal-actions .bill-op-btn{
width:100%;
min-width:0;
height:42px;
}
.bill-type-panel{
max-width:100%;
}
.bill-type-modal-head{
flex-wrap:wrap;
align-items:flex-start;
gap:8px;
}
.bill-type-modal-chip{
min-height:30px;
padding:0 10px;
font-size:12px;
}
.bill-pick-fare-list{
min-height:140px;
gap:8px;
}
.bill-pick-fare-item{
min-height:66px;
grid-template-columns:24px minmax(76px,auto) 1fr auto;
gap:8px;
padding:9px 10px;
border-radius:14px;
}
.bill-pick-fare-name,
.bill-pick-fare-item strong{
font-size:14px;
}
.bill-detail-grid{
grid-template-columns:1fr;
min-height:160px;
}
.bill-op-page{
width:calc(100% - 20px);
}
.bill-op-advanced-grid{
grid-template-columns:1fr;
}
.bill-type-grid{
grid-template-columns:1fr;
}
.bill-op-advanced-actions{
flex-direction:column;
align-items:stretch;
}
.bill-op-advanced-actions .bill-op-btn{
width:100%;
}
}
.form-span-2{
grid-column:span 2;
}
.invoice-form-card textarea{
width:100%;
border:1px solid #cbd5e1;
border-radius:12px;
padding:12px;
font:inherit;
resize:vertical;
min-height:88px;
outline:0;
box-sizing:border-box;
}
.waybill-create-app{
width:min(1245px,calc(100% - 48px));
margin:12px auto;
padding:0;
contain:layout paint;
}
.waybill-create-app .waybill-create-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:17px;
box-shadow:0 14px 38px rgba(15,23,42,.12);
font-size:12px;
overflow:hidden;
display:flex;
flex-direction:column;
contain:layout paint;
}
.waybill-create-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:9px;
min-height:65px;
padding:10px 15px;
border-bottom:1px solid #e5e7eb;
background:#fff;
direction:rtl;
}
.waybill-create-title{
display:flex;
align-items:center;
gap:8px;
color:#111827;
font-size:15px;
font-weight:950;
}
.waybill-submit-spinner{
order:-1;
width:23px;
height:23px;
border-radius:999px;
border:3px solid #e5e7eb;
border-top-color:#3b82f6;
opacity:0;
visibility:hidden;
flex:0 0 23px;
animation:waybillSubmitSpin .74s linear infinite;
}
.waybill-create-card.is-waybill-submitting .waybill-submit-spinner{
opacity:1;
visibility:visible;
}
@keyframes waybillSubmitSpin{
to{transform:rotate(360deg)}
}
.waybill-create-actions{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
direction:ltr;
}
.waybill-btn{
height:41px;
min-width:135px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border-radius:999px;
border:1px solid #d1d5db;
background:#fff;
color:#111827;
padding:0 14px;
font:inherit;
font-weight:950;
text-decoration:none;
cursor:pointer;
transform:none!important;
}
.waybill-btn.primary{
background:#3b82f6;
border-color:#3b82f6;
color:#fff;
}
.waybill-create-content{
display:grid;
grid-template-columns:minmax(420px,1.35fr) minmax(293px,.95fr);
gap:14px;
padding:14px;
align-items:start;
direction:ltr;
}
.waybill-create-content > div:first-child{
order:2;
direction:rtl;
}
.waybill-create-content > div:nth-child(2){
order:1;
direction:rtl;
}
.waybill-panel{
background:#fff;
border:1px solid #dbe3ef;
border-radius:15px;
padding:11px;
box-shadow:0 10px 22px rgba(15,23,42,.07);
}
.waybill-panel + .waybill-panel{
margin-top:11px;
}
.waybill-panel-title{
min-height:22px;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin:0 0 9px;
color:#111827;
font-size:13px;
font-weight:950;
}
.waybill-status{
color:#059669;
}
.waybill-field{
display:grid;
grid-template-columns:128px 1fr;
gap:11px;
align-items:start;
min-height:51px;
margin:0!important;
transform:none!important;
}
.waybill-compact{
grid-template-columns:105px 1fr;
min-height:44px;
}
.waybill-date-extra,
.waybill-prepay{
margin-top:12px;
min-height:50px;
}
.waybill-prepay.is-hidden{
visibility:hidden;
pointer-events:none;
}
.waybill-label{
color:#1f2937;
font-weight:950;
white-space:nowrap;
padding-top:10px;
line-height:17px;
min-height:36px;
margin:0!important;
transform:none!important;
}
.waybill-control input,
.waybill-control textarea,
.waybill-control select,
.waybill-select select{
width:100%;
height:39px;
border:1px solid #cfd7e6;
border-radius:11px;
background:#fff;
color:#111827;
padding:0 12px;
font:inherit;
outline:0;
margin:0!important;
transform:none!important;
box-sizing:border-box;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.waybill-create-card *,
.waybill-create-card *:hover,
.waybill-create-card *:focus,
.waybill-create-card *:active{
transform:none!important;
letter-spacing:0!important;
}
.waybill-create-card .field-error{
display:none!important;
}
.waybill-control{
min-height:51px;
margin:0!important;
transform:none!important;
}
.waybill-compact .waybill-control{
min-height:44px;
}
.waybill-control textarea{
height:95px;
min-height:95px;
resize:none;
padding:8px 10px;
}
.waybill-control input:focus,
.waybill-control textarea:focus,
.waybill-control select:focus,
.waybill-select select:focus{
border-color:#3b82f6;
box-shadow:0 0 0 2px rgba(59,130,246,.14);
outline:0;
}
.waybill-control input:disabled,
.waybill-select select:disabled{
background:#f8fafc;
color:#94a3b8;
}
.waybill-select{
position:relative;
}
.waybill-select select{
appearance:none;
-webkit-appearance:none;
padding-left:26px;
cursor:pointer;
}
.waybill-select::after{
content:"";
position:absolute;
left:10px;
top:50%;
width:7px;
height:7px;
border-right:2px solid #6b7280;
border-bottom:2px solid #6b7280;
transform:translateY(-60%) rotate(45deg);
pointer-events:none;
}
.waybill-note,
.waybill-hint{
height:17px;
min-height:17px;
max-height:17px;
margin:4px 0 0!important;
color:#6b7280;
font-size:9px;
font-weight:850;
line-height:17px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
transform:none!important;
}
.waybill-hint.primary{
display:block;
color:#2563eb;
direction:rtl;
}
.waybill-hint.ok{
color:#0f766e;
}
.waybill-date-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:6px;
margin-bottom:10px;
}
.waybill-mini-label{
margin-bottom:6px;
color:#1f2937;
font-size:11px;
font-weight:950;
}
.waybill-radio-group{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(86px,max-content));
align-items:center;
gap:6px;
justify-content:center;
justify-items:center;
padding-top:3px;
min-height:40px;
}
.waybill-radio{
display:inline-grid;
grid-template-columns:12px max-content;
align-items:center;
gap:6px;
width:max-content;
height:34px;
min-height:34px;
max-height:34px;
padding:0 10px;
border:1px solid #e0e7f2;
border-radius:10px;
background:#fff;
color:#111827;
font-size:11px;
line-height:15px;
font-weight:900;
cursor:pointer;
user-select:none;
margin:0!important;
transform:none!important;
box-sizing:border-box;
}
.waybill-radio input{
width:12px;
height:12px;
min-width:12px;
max-width:12px;
min-height:12px;
max-height:12px;
margin:0!important;
accent-color:#3b82f6;
flex:0 0 12px;
transform:none!important;
}
.waybill-form-fields{
display:flex;
flex-direction:column;
gap:9px;
padding:0 0 6px;
}
.waybill-inline-check{
display:grid;
grid-template-columns:max-content max-content;
align-items:center;
gap:6px;
padding-top:0;
height:36px;
min-height:36px;
}
.waybill-inline-check label{
display:inline-grid;
grid-template-columns:12px max-content;
align-items:center;
gap:5px;
color:#111827;
font-size:10px;
line-height:15px;
font-weight:800;
cursor:pointer;
height:18px;
min-height:18px;
margin:0!important;
transform:none!important;
}
.waybill-inline-check input{
width:12px;
height:12px;
min-width:12px;
max-width:12px;
min-height:12px;
max-height:12px;
margin:0!important;
accent-color:#3b82f6;
transform:none!important;
}
.waybill-textarea-field{
align-items:start;
min-height:110px;
}
.waybill-textarea-field .waybill-control{
min-height:110px;
}
.waybill-field-error{
height:16px;
min-height:16px;
max-height:16px;
margin:3px 0 0!important;
color:#dc2626;
font-size:9px;
font-weight:900;
line-height:16px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
transform:none!important;
}
.waybill-field-error.is-info{
color:#2563eb;
}
.waybill-invalid{
border-color:#ef4444!important;
box-shadow:0 0 0 2px rgba(239,68,68,.12)!important;
}
.waybill-autofilled{
border-color:#bfdbfe!important;
background:#eff6ff!important;
box-shadow:none!important;
}
.waybill-date-error{
margin-top:4px!important;
}
.waybill-errors{display:none!important}
.waybill-create-footer{
display:flex;
justify-content:flex-start;
gap:8px;
flex-wrap:wrap;
padding:11px 14px;
border-top:1px solid #e5e7eb;
background:#fff;
direction:ltr;
}
.waybill-create-footer .waybill-btn{
min-width:143px;
}
.waybill-create-footer .waybill-btn.primary{
order:-1;
}
.waybill-save-message{
direction:rtl;
min-width:190px;
height:39px;
min-height:39px;
display:flex;
align-items:center;
justify-content:flex-start;
color:#0f766e;
font-size:12px;
font-weight:900;
line-height:18px;
opacity:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
transition:opacity .16s ease;
}
.waybill-save-message.is-visible{
opacity:1;
}
.invoice-filter-field{
display:grid;
grid-template-rows:16px 42px;
gap:8px;
color:#334155;
font-size:12px;
font-weight:950;
height:66px;
min-height:66px;
max-height:66px;
margin:0!important;
line-height:1;
box-sizing:border-box;
}
.invoice-filter-field span{
display:block;
height:16px;
line-height:16px;
margin:0!important;
padding:0!important;
overflow:hidden;
white-space:nowrap;
}
.invoice-filter-form input,
.invoice-filter-form select{
width:100%;
height:42px;
min-height:42px;
max-height:42px;
border:1px solid #cbd5e1;
border-radius:12px;
padding:0 12px;
background:#fff;
font:inherit;
outline:0;
margin:0!important;
transform:none!important;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
box-sizing:border-box;
line-height:42px;
}
.invoice-filter-form .js-invoice-filter-date{
cursor:pointer;
text-align:center;
}
.invoice-filter-form input:hover,
.invoice-filter-form select:hover,
.invoice-filter-form input:active,
.invoice-filter-form select:active,
.invoice-filter-form input:focus,
.invoice-filter-form select:focus{
border-color:rgba(37,99,235,.42);
box-shadow:0 0 0 3px rgba(37,99,235,.10);
transform:none!important;
margin:0!important;
}
.invoice-filter-form .ui-btn{
height:42px;
min-height:42px;
max-height:42px;
align-self:end;
margin-top:24px!important;
margin-right:0!important;
margin-left:0!important;
margin-bottom:0!important;
padding:0 18px;
white-space:nowrap;
transform:none!important;
box-sizing:border-box;
box-shadow:0 9px 24px rgba(15,23,42,.06);
}
.invoice-filter-form .ui-btn:hover,
.invoice-filter-form .ui-btn:focus,
.invoice-filter-form .ui-btn:active,
.invoice-filter-form .ui-btn.is-loading{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin-top:24px!important;
margin-right:0!important;
margin-left:0!important;
margin-bottom:0!important;
padding-top:0!important;
padding-bottom:0!important;
transform:none!important;
outline:0;
}
.invoice-form-card .modern-form-grid > label{
min-height:96px;
}
.invoice-form-card input,
.invoice-form-card select{
margin:0!important;
height:42px;
border-width:1px!important;
transform:none!important;
}
.invoice-form-card input:focus,
.invoice-form-card select:focus{
transform:none!important;
}
.invoice-form-card .js-persian-date{
cursor:pointer;
text-align:center;
direction:ltr;
background:#fff;
}
.invoice-calc-box{
min-height:78px;
border:1px solid rgba(148,163,184,.22);
border-radius:14px;
background:#f8fafc;
display:flex;
flex-direction:column;
justify-content:center;
gap:8px;
padding:12px;
}
.invoice-calc-box span{
color:#64748b;
font-size:12px;
font-weight:900;
}
.invoice-calc-box b{
color:#0f172a;
font-size:18px;
font-weight:950;
direction:ltr;
}
.invoice-notes-label{
display:block;
color:#334155;
font-size:12px;
font-weight:950;
padding:14px 16px 0;
}
.invoice-notes-label textarea{
width:100%;
margin-top:7px;
border-radius:13px;
border:1px solid rgba(148,163,184,.34);
background:rgba(255,255,255,.88);
color:#111827;
padding:10px 12px;
font:inherit;
font-size:12.5px;
font-weight:850;
outline:none;
resize:vertical;
min-height:80px;
box-sizing:border-box;
}
.invoice-notes-label textarea:focus{
border-color:rgba(37,99,235,.42);
box-shadow:0 0 0 3px rgba(37,99,235,.10);
}
.invoice-form-card .iran-plate-field{
display:grid;
grid-template-rows:20px 1fr;
align-items:start;
color:#334155;
font-size:12px;
font-weight:950;
min-height:75px;
}
.invoice-form-card .iran-plate-field > span:first-child{
display:flex;
align-items:center;
height:20px;
line-height:1;
}
.pick-fares-wrap{
max-width:1180px;
}
.pick-fare-form-card{
overflow:hidden;
}
.pick-fare-grid{
display:grid;
grid-template-columns:repeat(2,minmax(280px,1fr));
gap:10px 14px;
padding:16px;
background:#fff;
}
.pick-fare-item{
height:42px;
min-height:42px;
display:grid;
grid-template-columns:118px minmax(0,1fr);
gap:8px;
align-items:center;
margin:0!important;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
color:#64748b;
font-size:12px;
font-weight:950;
line-height:1;
box-sizing:border-box;
transition:none;
}
.pick-fare-item span{
height:40px;
line-height:40px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#475569;
padding:0 2px;
text-align:right;
}
.pick-fare-control{
position:relative;
height:40px;
min-height:40px;
display:grid;
grid-template-columns:minmax(0,1fr) 58px;
gap:8px;
align-items:center;
direction:ltr;
}
.pick-fare-control .field-error{
display:none!important;
position:absolute!important;
inset:auto!important;
width:0!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
.pick-fare-item input{
grid-column:1;
min-width:0;
width:100%;
height:40px;
min-height:40px;
max-height:40px;
margin:0!important;
border:1px solid #cbd5e1;
border-radius:10px;
padding:0 12px;
background:#fff;
font:inherit;
color:#111827;
outline:0;
transform:none!important;
box-sizing:border-box;
direction:rtl;
}
.pick-fare-item input:hover,
.pick-fare-item input:focus,
.pick-fare-item input:active{
transform:none!important;
margin:0!important;
border-color:rgba(37,99,235,.42);
background:#fff;
box-shadow:none!important;
}
.pick-fare-remove{
grid-column:2;
width:58px!important;
height:40px!important;
min-width:58px!important;
min-height:40px!important;
max-height:40px!important;
margin:0!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid #fecaca!important;
transform:none!important;
border-radius:10px;
background:#fff!important;
color:#dc2626!important;
font:inherit!important;
font-size:12px!important;
font-weight:950!important;
line-height:1!important;
cursor:pointer;
box-shadow:none!important;
position:static!important;
float:none!important;
}
.pick-fare-remove:hover,
.pick-fare-remove:focus,
.pick-fare-remove:active{
margin:0!important;
transform:none!important;
background:#fff5f5!important;
border-color:#fca5a5!important;
outline:0!important;
}
.pick-fare-remove:disabled{
opacity:.42;
cursor:not-allowed;
}
.settings-pick-form{
display:grid;
}
.settings-pick-actions{
padding:14px 18px 18px;
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
flex-wrap:wrap;
border-top:1px solid #e2e8f0;
background:#fff;
}
.waybill-print-settings-form{
align-items:start;
}
.waybill-print-paper-size{
min-height:48px;
margin:0;
padding:8px 12px;
display:flex;
align-items:center;
gap:8px;
border:1px solid #dbe3ef;
border-radius:14px;
background:#fff;
}
.waybill-print-paper-size legend{
padding:0 4px;
color:#475569;
font-size:13px;
font-weight:950;
}
.waybill-print-paper-size label{
min-width:64px;
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid #dbe3ef;
border-radius:10px;
color:#334155;
background:#fff;
font-size:13px;
font-weight:950;
cursor:pointer;
}
.waybill-print-paper-size label span{
margin-left:6px;
}
.waybill-print-paper-size input{
width:16px;
height:16px;
margin:0;
accent-color:#2563eb;
}
.waybill-print-preview-wrap{
grid-column:1 / -1;
display:grid;
gap:10px;
padding:14px;
border-top:1px solid #e2e8f0;
background:#f8fbff;
}
.waybill-print-preview-wrap>strong{
color:#334155;
font-size:14px;
font-weight:950;
}
.waybill-print-preview-stage{
min-height:560px;
display:flex;
align-items:flex-start;
justify-content:center;
overflow:auto;
padding:12px;
border:1px solid #dbe3ef;
border-radius:16px;
background:#eef4ff;
}
.waybill-print-preview-paper{
width:260px;
min-height:368px;
display:flex;
flex-direction:column;
gap:10px;
padding:16px;
border:1px solid #000;
border-radius:8px;
direction:rtl;
color:#000;
background:#fff;
box-shadow:none;
transition:width .16s ease,min-height .16s ease;
}
.waybill-print-preview-paper[data-paper-size="A5"]{
width:368px;
min-height:520px;
}
.waybill-print-preview-paper header{
display:grid;
grid-template-columns:24px 1fr;
gap:10px;
align-items:center;
padding-bottom:8px;
border-bottom:2px solid #111827;
}
.waybill-print-preview-paper header img{
width:24px;
height:24px;
object-fit:contain;
border:1px solid #000;
border-radius:6px;
filter:grayscale(1);
}
.waybill-print-preview-paper header b,
.waybill-print-preview-paper header small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.waybill-print-preview-paper header b{font-size:10px}
.waybill-print-preview-paper header small{margin-top:3px;color:#000;font-size:7px;font-weight:800}
.waybill-print-preview-meta{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:5px;
}
.waybill-print-preview-meta span{
min-height:18px;
display:flex;
align-items:center;
overflow:hidden;
padding:0 4px;
border:1px solid #000;
border-radius:3px;
font-size:7px;
font-weight:900;
white-space:nowrap;
text-overflow:ellipsis;
}
.waybill-print-preview-desc{
min-height:58px;
display:grid;
align-content:start;
gap:5px;
padding:7px;
border:1px solid #000;
border-radius:5px;
font-size:8px;
}
.waybill-print-preview-paper table{
width:100%;
min-width:0;
border-collapse:collapse;
table-layout:fixed;
}
.waybill-print-preview-paper th,
.waybill-print-preview-paper td{
padding:5px 3px;
border:1px solid #000;
font-size:7px;
font-weight:900;
text-align:center;
}
.waybill-print-preview-paper th{color:#000;background:#fff}
.waybill-print-preview-paper tbody tr:last-child th,
.waybill-print-preview-paper tbody tr:last-child td{color:#000;background:#fff}
.waybill-print-preview-paper tbody tr[data-print-preview-storage] td{font-size:7px}
.waybill-print-preview-paper tbody tr:last-child td{font-size:6px}
.waybill-print-preview-paper footer{
margin-top:auto;
color:#000;
font-size:7px;
font-weight:800;
}
@media(max-width:700px){
.waybill-print-preview-stage{min-height:480px}
.waybill-print-preview-paper[data-paper-size="A5"]{width:min(368px,100%);min-height:520px}
}
.invoice-switches{
display:flex;
gap:18px;
flex-wrap:wrap;
padding:14px 16px 16px;
}
.invoice-actions{
min-width:148px;
}
.invoice-status-stack{
display:grid;
gap:7px;
width:156px;
margin:0 auto;
}
.invoice-status-line{
display:grid;
grid-template-columns:auto 1fr;
align-items:center;
gap:6px;
min-height:34px;
padding:3px 4px 3px 8px;
border:1px solid #e2e8f0;
border-radius:999px;
background:#fff;
box-shadow:0 4px 12px rgba(15,23,42,.035);
white-space:nowrap;
}
.invoice-status-line b{
color:#64748b;
font-size:11px;
font-weight:950;
}
.invoice-status-line .status-pill{
min-width:82px;
min-height:26px;
justify-content:center;
box-shadow:none;
}
.invoices-table th:nth-child(8),
.invoices-table td:nth-child(8){
text-align:center;
}
.invoices-table th:nth-child(8){
padding-left:12px;
padding-right:12px;
}
.invoices-table tr.is-updated{
animation:invoice-row-updated .9s ease;
}
.invoice-actions .icon-btn.is-loading{
opacity:.55;
pointer-events:none;
}
@keyframes invoice-row-updated{
0%{background:rgba(37,99,235,.10)}
100%{background:transparent}
}
.app-toast{
position:fixed;
right:32px;
top:auto;
bottom:32px;
z-index:1000;
min-width:220px;
max-width:min(390px,calc(100vw - 48px));
min-height:54px;
display:flex;
align-items:center;
gap:12px;
padding:12px 16px;
border-radius:16px;
background:#fff;
color:#0f172a;
border:1px solid #dbe3ef;
box-shadow:0 18px 48px rgba(15,23,42,.16);
font-size:14px;
font-weight:950;
transform:translateY(-50%);
animation:appToastLife 10s ease forwards;
}
.app-toast.is-fading{
opacity:0;
transform:translateY(8px);
transition:opacity .22s ease,transform .22s ease;
}
.app-toast-icon{
width:30px;
height:30px;
border-radius:50%;
flex:0 0 30px;
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
}
.app-toast.is-ok .app-toast-icon{
background:#dcfce7;
color:#15803d;
}
.app-toast.is-error .app-toast-icon{
background:#fee2e2;
color:#dc2626;
}
.app-toast.is-ok .app-toast-icon::before{
content:"";
width:12px;
height:7px;
border-right:3px solid currentColor;
border-bottom:3px solid currentColor;
transform:rotate(45deg) translate(-1px,-1px);
}
.app-toast.is-error .app-toast-icon::before,
.app-toast.is-error .app-toast-icon::after{
content:"";
position:absolute;
width:14px;
height:3px;
border-radius:999px;
background:currentColor;
}
.app-toast.is-error .app-toast-icon::before{transform:rotate(45deg)}
.app-toast.is-error .app-toast-icon::after{transform:rotate(-45deg)}
@keyframes appToastLife{
0%{opacity:0;transform:translate(12px,-50%)}
8%,86%{opacity:1;transform:translate(0,-50%)}
100%{opacity:0;transform:translate(18px,-50%);visibility:hidden}
}
.datepicker-plot-area,
.datepicker-plot-area *{
font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
box-sizing:border-box;
}
.datepicker-plot-area{
z-index:99999!important;
border:1px solid #dbe3ef!important;
border-radius:18px!important;
box-shadow:0 20px 54px rgba(15,23,42,.18)!important;
overflow:hidden!important;
width:min(320px,94vw)!important;
min-width:0!important;
max-width:94vw!important;
}
.datepicker-plot-area .datepicker-navigator{
padding:8px!important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn,
.datepicker-plot-area .toolbox .pwt-btn{
border-radius:12px!important;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box{
padding:8px 10px 10px!important;
}
.datepicker-plot-area table,
.datepicker-plot-area .table-days{
min-width:0!important;
width:100%!important;
table-layout:fixed!important;
}
.datepicker-plot-area th,
.datepicker-plot-area td{
min-width:0!important;
padding:0!important;
}
.datepicker-plot-area .datepicker-day-view .table-days td{
width:14.285714%!important;
height:40px!important;
border-radius:50%!important;
text-align:center!important;
vertical-align:middle!important;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell{
width:14.285714%!important;
}
.datepicker-plot-area .datepicker-day-view .table-days td span{
width:32px!important;
height:32px!important;
border-radius:50%!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin:0 auto!important;
line-height:32px!important;
background:#f8fafc!important;
border:1px solid #e2e8f0!important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected,
.datepicker-plot-area .datepicker-day-view .table-days td.today,
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-day-view .table-days td.today span{
border-radius:50%!important;
}
.datepicker-plot-area .datepicker-day-view .table-days td:hover span{
background:#eff6ff!important;
border-color:#bfdbfe!important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.today span{
background:#dbeafe!important;
border-color:#93c5fd!important;
color:#1d4ed8!important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.selected span{
background:#2563eb!important;
border-color:#2563eb!important;
color:#fff!important;
}
.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,
.datepicker-plot-area .datepicker-day-view .table-days td span.other-month{
background:#fff!important;
border-color:#eef2f7!important;
}
.datepicker-plot-area .datepicker-month-view .month-item,
.datepicker-plot-area .datepicker-year-view .year-item{
border-radius:999px!important;
}
@media(min-width:901px){
html:has(body.invoices-page),
body.invoices-page,
.invoices-page .page{
min-height:100%;
height:auto!important;
overflow-y:auto!important;
}
.invoices-page{
min-height:100vh;
overflow-y:auto!important;
}
.invoices-page .v1-header{
position:sticky;
top:0;
z-index:30;
}
.invoices-page .admin-wrap{
padding-bottom:0;
}
.invoices-page .invoices-list-card{
display:flex;
flex-direction:column;
position:relative;
top:auto;
height:calc(166vh - 174px);
min-height:638px;
max-height:none;
}
.invoices-page .invoices-list-card .modern-table-wrap{
flex:1 1 auto;
min-height:0;
max-height:none;
overflow:auto;
overscroll-behavior:auto;
}
.invoices-page .invoices-table thead th{
position:sticky;
top:0;
z-index:2;
background:#f8fafc;
}
}
@media(max-width:900px){
body.carriers-page,
body.unloading-locations-page,
body.invoices-page,
.carriers-page .page,
.unloading-locations-page .page,
.invoices-page .page{
width:100%!important;
max-width:100%!important;
min-height:100vh!important;
height:auto!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
.carriers-page .v1-header,
.unloading-locations-page .v1-header{
width:100%!important;
max-width:100%!important;
margin:0!important;
overflow:hidden!important;
}
.invoices-page .v1-header{
width:100%!important;
max-width:100%!important;
margin:0!important;
overflow:hidden!important;
}
.invoices-page .v1-brand{
max-width:calc(100% - 72px)!important;
min-width:0!important;
flex:0 1 auto!important;
}
.invoices-page .v1-brand > div{
display:none!important;
}
.carriers-page .admin-wrap,
.carriers-page .admin-hero,
.carriers-page .admin-card,
.carriers-page .admin-metrics,
.unloading-locations-page .admin-wrap,
.unloading-locations-page .admin-hero,
.unloading-locations-page .admin-card,
.unloading-locations-page .admin-metrics,
.invoices-page .admin-wrap,
.invoices-page .admin-hero,
.invoices-page .admin-card,
.invoices-page .admin-metrics{
width:calc(100% - 24px)!important;
max-width:calc(100% - 24px)!important;
margin-left:auto!important;
margin-right:auto!important;
}
.carriers-page .admin-hero,
.carriers-page .admin-card,
.unloading-locations-page .admin-hero,
.unloading-locations-page .admin-card,
.invoices-page .admin-hero,
.invoices-page .admin-card{
overflow:hidden!important;
}
.invoices-page .admin-actions{
display:grid!important;
grid-template-columns:1fr 1fr;
gap:8px;
}
.invoices-page .admin-actions .ui-btn{
min-width:0!important;
width:100%!important;
}
.invoice-filter-card{
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow:visible!important;
}
.invoice-filter-form{
grid-template-columns:1fr;
height:auto!important;
min-height:0!important;
max-height:none!important;
gap:10px;
}
.invoice-filter-field{
height:66px;
min-height:66px;
max-height:66px;
}
.invoice-filter-form .ui-btn{
width:100%;
margin-top:0!important;
}
.invoice-filter-form .ui-btn:hover,
.invoice-filter-form .ui-btn:focus,
.invoice-filter-form .ui-btn:active,
.invoice-filter-form .ui-btn.is-loading{
margin-top:0!important;
}
.bill-filter-card{
height:auto!important;
min-height:0!important;
max-height:none!important;
}
.bill-filter-panel summary{
min-height:58px;
padding:10px 12px;
}
.bill-filter-form{
grid-template-columns:1fr;
height:auto!important;
min-height:0!important;
max-height:none!important;
gap:10px;
padding:12px!important;
}
.bill-filter-search,
.bill-filter-actions{
grid-column:span 1;
}
.bill-filter-actions{
grid-template-columns:1fr;
gap:8px;
}
.bill-filter-actions .ui-btn{
width:100%;
margin-top:0!important;
}
.form-span-2{
grid-column:span 1;
}
.waybill-create-app{
width:calc(100% - 24px);
margin:12px auto;
}
.waybill-create-header{
align-items:stretch;
flex-direction:column;
}
.waybill-create-actions{
display:grid;
grid-template-columns:1fr;
}
.waybill-btn{
width:100%;
}
.waybill-create-content{
grid-template-columns:1fr;
}
.waybill-field,
.waybill-compact{
grid-template-columns:1fr;
}
.waybill-label{
padding-top:0;
color:#6b7280;
font-size:13px;
}
.waybill-create-footer{
align-items:stretch;
flex-direction:column;
}
.app-toast{
right:12px;
left:12px;
top:auto;
bottom:22px;
max-width:none;
transform:none;
}
@keyframes appToastLife{
0%{opacity:0;transform:translateY(12px)}
8%,86%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(16px);visibility:hidden}
}
.invoice-switches{
display:grid;
grid-template-columns:1fr;
}
.pick-fare-grid{
grid-template-columns:1fr;
}
.carriers-page .v1-brand{
max-width:calc(100% - 72px)!important;
min-width:0!important;
flex:0 1 auto!important;
}
.carriers-page .v1-brand > div{
display:none!important;
}
.carriers-page .admin-wrap,
.carriers-page .admin-hero,
.carriers-page .admin-card,
.carriers-page .admin-metrics{
width:calc(100% - 24px)!important;
max-width:calc(100% - 24px)!important;
margin-left:auto!important;
margin-right:auto!important;
}
.carriers-page .admin-hero,
.carriers-page .admin-card{
overflow:hidden!important;
}
.carriers-page .admin-hero-main{
width:100%!important;
min-width:0!important;
}
.carriers-page .admin-hero h1,
.carriers-page .admin-hero p,
.carriers-page .admin-eyebrow{
max-width:100%!important;
overflow-wrap:anywhere;
}
.carriers-page .admin-actions{
display:grid!important;
grid-template-columns:1fr 1fr;
gap:8px;
}
.carriers-page .admin-actions .ui-btn{
min-width:0!important;
width:100%!important;
}
}
/* Customers module */
.customers-page .admin-wrap{
padding-bottom:32px;
}
@media(min-width:901px){
html:has(body.customers-page),
body.customers-page,
.customers-page .page{
min-height:100%;
height:auto!important;
overflow-y:auto!important;
}
.customers-page{
min-height:100vh;
overflow-y:auto!important;
}
.customers-page .v1-header{
position:sticky;
top:0;
z-index:30;
}
.customers-page .admin-wrap{
height:auto!important;
min-height:0!important;
padding-bottom:48px;
overflow:visible!important;
}
.customers-page .customer-form-card{
flex:none!important;
max-height:none!important;
overflow:visible!important;
}
}
.customer-search-card{
padding:14px 16px!important;
}
.customer-search-form{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:12px;
align-items:end;
}
.customer-search-form label,
.customer-form-grid label{
display:flex;
flex-direction:column;
gap:7px;
margin:0!important;
color:#475569;
font-size:13px;
font-weight:900;
}
.customer-search-form label{
min-height:68px;
}
.customer-search-form input,
.customer-form-grid input,
.customer-form-grid textarea{
box-sizing:border-box;
width:100%;
margin:0!important;
border:1px solid #d5deeb!important;
border-radius:12px;
outline:0;
background:#fff;
color:#172033;
font:inherit;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
transform:none!important;
}
.customer-search-form input{
height:42px;
padding:0 13px;
}
.customer-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px 16px;
padding:18px 20px 12px;
}
.customer-form-grid label{
min-height:0;
}
.customer-form-grid .customer-field-name{
grid-column:1 / -1;
}
.customer-form-grid input{
flex:0 0 42px;
height:42px;
padding:0 13px;
}
.customer-form-grid textarea{
flex:0 0 112px;
height:112px;
padding:11px 13px;
resize:none;
}
.customer-search-form input:focus,
.customer-form-grid input:focus,
.customer-form-grid textarea:focus{
border-color:#8fb4ff!important;
box-shadow:0 0 0 3px rgba(59,130,246,.12)!important;
transform:none!important;
}
.customer-form-grid .field-error{
display:block;
min-height:16px;
margin:0!important;
color:#dc2626;
font-size:12px;
line-height:16px;
}
.customer-address-manager{
min-width:0;
box-sizing:border-box;
margin:0 20px 18px;
padding:14px 16px 16px;
border:1px solid #e1e7f0;
border-radius:16px;
background:rgba(255,255,255,.72);
}
.customer-address-heading{
min-height:32px;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
color:#475569;
font-size:13px;
font-weight:900;
}
.customer-address-add{
min-height:32px;
height:32px;
padding:0 10px;
font-size:12px;
}
.customer-address-list{
display:grid;
gap:8px;
}
.customer-address-row{
position:relative;
box-sizing:border-box;
min-height:46px;
height:46px;
}
.customer-address-row input{
box-sizing:border-box!important;
display:block;
width:100%;
min-height:46px!important;
height:46px!important;
flex:none!important;
margin:0!important;
padding:0 14px 0 54px!important;
border:1px solid #d5deeb!important;
border-radius:14px!important;
background:#fff!important;
line-height:44px!important;
transform:none!important;
}
.customer-address-row input:focus{
border-color:#8fb4ff!important;
box-shadow:none!important;
outline:none!important;
transform:none!important;
}
.customer-address-remove{
position:absolute;
top:5px;
left:5px;
box-sizing:border-box;
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
min-width:36px;
height:36px;
min-height:36px;
margin:0!important;
padding:0!important;
border:1px solid #fecaca!important;
border-radius:50%;
background:#fff7f7!important;
color:#dc2626;
font:900 20px/1 Tahoma,Arial,sans-serif;
cursor:pointer;
transform:none!important;
transition:border-color .16s ease,background-color .16s ease,color .16s ease!important;
}
.customer-address-remove span{
display:block;
width:20px;
height:20px;
line-height:18px;
text-align:center;
transform:none!important;
}
.customer-address-remove:focus{
outline:none;
border-color:#f87171!important;
box-shadow:none!important;
background:#fff1f2!important;
transform:none!important;
}
.customer-address-remove:hover,
.customer-address-remove:active{
border-color:#f87171!important;
background:#fff1f2!important;
color:#b91c1c!important;
transform:none!important;
}
.receiver-address-picker{
position:relative;
width:100%;
}
.receiver-mobile-picker{
position:relative;
width:100%;
}
.receiver-address-picker input{
padding-left:42px!important;
}
.receiver-mobile-picker input{
padding-left:42px!important;
}
.receiver-address-toggle{
position:absolute;
top:1px;
bottom:1px;
left:1px;
box-sizing:border-box;
width:40px;
border:0;
border-right:1px solid #d5deeb;
border-radius:11px 0 0 11px;
background:#fff;
color:#64748b;
font-size:18px;
cursor:pointer;
}
.receiver-address-toggle:focus{
outline:none;
background:#f4f8ff;
}
.receiver-mobile-toggle{
transform:none!important;
}
.receiver-address-menu{
position:absolute;
z-index:80;
top:calc(100% + 5px);
right:0;
left:0;
max-height:190px;
overflow:auto;
padding:5px;
border:1px solid #d9e1ed;
border-radius:11px;
background:#fff;
box-shadow:0 14px 30px rgba(15,23,42,.14);
}
.receiver-address-menu[hidden]{
display:none!important;
}
.receiver-mobile-menu{
direction:rtl;
}
.receiver-address-option{
display:block;
width:100%;
min-height:36px;
border:0;
border-radius:8px;
background:#fff;
color:#334155;
padding:7px 9px;
text-align:right;
font:inherit;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.receiver-address-option:hover,
.receiver-address-option:focus{
outline:none;
background:#eef4ff;
color:#2563eb;
}
.receiver-mobile-option{
direction:ltr;
text-align:right;
}
.customer-address-cell{
max-width:320px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
@media(max-width:760px){
.customer-search-form,
.customer-form-grid{
grid-template-columns:1fr;
}
.customer-search-form .ui-btn{
width:100%;
}
}
/* Waybill customer suggestions */
.customer-suggest-modal{
position:fixed;
inset:0;
z-index:1200;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
background:rgba(15,23,42,.24);
}
.customer-suggest-modal[hidden]{
display:none!important;
}
.customer-suggest-dialog{
box-sizing:border-box;
width:min(560px,100%);
max-height:min(640px,calc(100vh - 36px));
overflow:auto;
border:1px solid #d9e1ed;
border-radius:14px;
background:#fff;
box-shadow:0 24px 60px rgba(15,23,42,.18);
}
.customer-suggest-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:56px;
padding:0 16px;
border-bottom:1px solid #e5e7eb;
}
.customer-suggest-head h3{
margin:0;
color:#172033;
font-size:16px;
}
.customer-suggest-close{
box-sizing:border-box;
width:36px;
height:36px;
border:1px solid #d5deeb;
border-radius:10px;
background:#fff;
color:#475569;
font-size:22px;
line-height:30px;
cursor:pointer;
}
.customer-suggest-message{
min-height:20px;
margin:0;
padding:14px 16px 6px;
color:#64748b;
font-size:12px;
font-weight:800;
}
.customer-suggest-list{
display:grid;
gap:8px;
padding:8px 16px 14px;
}
.customer-suggest-item{
display:grid;
grid-template-columns:minmax(0,1fr) max-content;
gap:5px 12px;
box-sizing:border-box;
width:100%;
min-height:76px;
padding:11px 13px;
border:1px solid #d9e1ed;
border-radius:11px;
background:#fff;
color:#172033;
text-align:right;
cursor:pointer;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.customer-suggest-item:hover,
.customer-suggest-item.is-active{
border-color:#8fb4ff;
background:#f4f8ff;
box-shadow:0 0 0 2px rgba(59,130,246,.1);
}
.customer-suggest-item strong{
font-size:14px;
}
.customer-suggest-item span{
direction:ltr;
color:#2563eb;
font-size:13px;
font-weight:900;
}
.customer-suggest-item small,
.customer-suggest-item em{
grid-column:1 / -1;
overflow:hidden;
color:#64748b;
font-size:11px;
font-style:normal;
text-overflow:ellipsis;
white-space:nowrap;
}
.customer-suggest-addresses{
grid-column:1 / -1;
display:grid;
gap:3px;
}
.customer-suggest-addresses small{
display:block;
}
.customer-suggest-address-link{
display:block;
width:max-content;
max-width:100%;
border:0;
background:transparent;
color:#2563eb;
padding:0;
text-align:right;
font:inherit;
font-size:12px;
font-weight:850;
line-height:1.7;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
.customer-suggest-address-link:hover,
.customer-suggest-address-link:focus{
outline:none;
color:#1d4ed8;
}
.customer-suggest-actions{
display:flex;
gap:8px;
padding:0 16px 16px;
}
.customer-suggest-actions[hidden]{
display:none!important;
}
/* Tenant waybill calculations */
.calculation-settings-form{
display:grid;
gap:16px;
}
.calc-source-tabs{
display:flex;
gap:4px;
border-bottom:1px solid var(--border);
margin-bottom:20px;
}
.calc-source-tab{
padding:8px 20px;
border:none;
background:none;
color:var(--text-2);
font-size:.9rem;
cursor:pointer;
border-bottom:2px solid transparent;
margin-bottom:-1px;
transition:color .2s,border-color .2s;
font-family:inherit;
}
.calc-source-tab.is-active{
color:var(--accent);
border-bottom-color:var(--accent);
font-weight:600;
}
.calc-source-panel{
display:none;
grid-column:1/-1;
}
.calc-source-panel.is-active{
display:grid;
gap:16px;
}
.calculation-formulas{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.formula-group{
display:flex;
flex-direction:column;
gap:10px;
border:1.5px solid #d0dae8;
border-radius:12px;
padding:14px 12px 12px;
}
.formula-group-title{
font-size:13px;
font-weight:900;
color:#26364d;
padding-bottom:10px;
border-bottom:1px solid #e8eef6;
margin-bottom:2px;
text-align:center;
}
.calculation-formula-card{
box-sizing:border-box;
display:grid;
align-content:start;
gap:9px;
min-width:0;
min-height:126px;
padding:13px;
border:1px solid #d8e1ee;
border-radius:12px;
background:#fff;
cursor:pointer;
}
.calculation-formula-card.is-active{
border-color:#78a8ff;
box-shadow:inset 0 0 0 1px #78a8ff;
}
.calculation-formula-card>span{
color:#26364d;
font-size:13px;
font-weight:900;
}
.calculation-formula-card output{
display:flex;
flex-wrap:wrap;
align-content:flex-start;
gap:5px;
min-height:68px;
}
.calculation-card-reset{
box-sizing:border-box;
align-self:end;
width:max-content;
min-height:32px;
margin:0!important;
padding:5px 9px;
border:1px solid #d8e1ee;
border-radius:8px;
background:#fff;
color:#475569;
font:inherit;
font-size:11px;
font-weight:850;
cursor:pointer;
transform:none!important;
}
.calculation-card-reset:hover,
.calculation-card-reset:focus,
.calculation-card-reset:active{
margin:0!important;
border-color:#8fb4ff;
background:#eef4ff;
outline:0;
transform:none!important;
}
.calculation-formula-card output span{
box-sizing:border-box;
min-height:26px;
padding:4px 7px;
border:1px solid #d8e1ee;
border-radius:7px;
background:#f8fafc;
color:#475569;
font-size:11px;
font-weight:850;
}
.calculation-builder{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
align-items:start;
}
.builder-box-vars{
grid-column:1/-1;
}
.builder-box-vars .calculation-token-list{
display:flex;
flex-wrap:wrap;
gap:7px;
}
.builder-box{
box-sizing:border-box;
min-width:0;
padding:12px;
border:1px solid #d8e1ee;
border-radius:12px;
background:#fff;
}
.builder-box-title{
color:#334155;
font-size:12px;
font-weight:900;
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px solid #edf0f5;
}
.builder-box-digits .calculation-token-list{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:5px;
}
.builder-box-digits .digit-zero{
grid-column:1/-1;
}
.builder-box-ops .calculation-token-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:5px;
}
.builder-nav-group{
display:flex;
flex-direction:column;
gap:6px;
}
.builder-nav-btn{
box-sizing:border-box;
min-height:38px;
min-width:52px;
margin:0!important;
padding:6px 10px;
border:1px solid #d8e1ee;
border-radius:9px;
background:#f8fafc;
color:#334155;
font:inherit;
font-size:15px;
font-weight:700;
cursor:pointer;
transform:none!important;
text-align:center;
}
.builder-nav-btn:hover,.builder-nav-btn:focus,.builder-nav-btn:active{
margin:0!important;
border-color:#8fb4ff;
background:#eef4ff;
outline:0;
transform:none!important;
}
.builder-nav-btn.is-delete{
font-size:12px;
color:#dc2626;
border-color:#fecaca;
background:#fff5f5;
}
.builder-nav-btn.is-delete:hover{
background:#fee2e2;
border-color:#dc2626;
}
.calculation-formula-card output{
direction:ltr;
}
.calculation-formula-card output span.is-selected{
background:#3b82f6!important;
color:#fff!important;
border-color:#2563eb!important;
}
.calculation-preview,
.calculation-rounding{
box-sizing:border-box;
min-width:0;
padding:13px;
border:1px solid #d8e1ee;
border-radius:12px;
background:#fff;
}
.calculation-preview>strong,
.calculation-rounding legend{
color:#334155;
font-size:13px;
font-weight:900;
}
.calculation-net-fare-hint{
display:block;
min-height:18px;
margin-top:6px;
color:#64748b;
font-size:11px;
font-weight:800;
}
.calculation-token-list{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:10px;
}
.calculation-token-list button{
box-sizing:border-box;
min-height:38px;
margin:0!important;
padding:7px 11px;
border:1px solid #d8e1ee;
border-radius:9px;
background:#f8fafc;
color:#334155;
font:inherit;
font-size:12px;
font-weight:850;
cursor:pointer;
transform:none!important;
}
.calculation-token-list button:hover,
.calculation-token-list button:focus,
.calculation-token-list button:active{
margin:0!important;
border-color:#8fb4ff;
background:#eef4ff;
outline:0;
transform:none!important;
}
.builder-box-ops .calculation-token-list button,
.builder-box-digits .calculation-token-list button{
flex:1;
min-width:0;
text-align:center;
padding:7px 4px;
justify-content:center;
}
.builder-nav-btn{
width:100%;
}
.calculation-rounding{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
}
.calculation-rounding legend{
padding:0 6px;
}
.calculation-rounding-option,
.calculation-rounding label{
box-sizing:border-box;
display:flex;
align-items:center;
min-height:42px;
margin:0!important;
padding:8px;
border:1px solid #d8e1ee;
border-radius:9px;
color:#475569;
font-size:12px;
font-weight:850;
transform:none!important;
}
.calculation-rounding input{
flex:0 0 auto;
width:17px;
height:17px;
margin:0 0 0 7px!important;
}
.calculation-preview{
display:grid;
gap:8px;
}
.calculation-preview small{
color:#64748b;
font-size:11px;
font-weight:750;
}
.calculation-preview [data-calculation-preview]{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.calculation-preview [data-calculation-preview] div{
display:grid;
gap:5px;
min-height:55px;
padding:9px;
border:1px solid #d8e1ee;
border-radius:9px;
background:#f8fafc;
}
.calculation-preview [data-calculation-preview] span{
color:#64748b;
font-size:11px;
font-weight:800;
}
.calculation-preview [data-calculation-preview] strong{
color:#2563eb;
font-size:14px;
}
.calculation-preview [data-calculation-preview] .is-error strong{
color:#dc2626;
}
/* ---- live bill-form preview in calculations settings ---- */
.calc-bill-preview{
border:1.5px solid #e2e8f0;
border-radius:14px;
overflow:hidden;
margin-bottom:20px;
background:#f8fafc;
}
.calc-bill-preview-title{
display:flex;
align-items:center;
gap:10px;
padding:9px 14px;
background:#fff;
border-bottom:1px solid #e2e8f0;
flex-wrap:wrap;
}
.calc-preview-badge{
font-size:11px;
font-weight:800;
color:#2563eb;
background:#eff6ff;
border:1px solid #bfdbfe;
border-radius:6px;
padding:2px 8px;
white-space:nowrap;
}
.calc-preview-hint{
font-size:11px;
color:#94a3b8;
}
.calc-bill-preview-wrap{
border:1.5px solid #e2e8f0;
border-radius:14px;
overflow:hidden;
margin-bottom:20px;
background:#f8fafc;
}
.calc-bill-preview-frame{
width:100%;
min-height:600px;
border:none;
display:block;
background:#fff;
}
/* Preview mode body (inside iframe) */
body.is-bill-preview,
body.is-bill-preview.bills-page,
body.is-bill-preview.admin-page{
background:#fff;
margin:0;
padding:0;
}
body.is-bill-preview .page,
body.is-bill-preview.bills-page .page,
body.is-bill-preview.admin-page .page{
padding:0!important;
margin:0!important;
max-width:none!important;
}
body.is-bill-preview .waybill-create-app{
width:100%!important;
margin:0!important;
padding:0!important;
contain:none!important;
}
body.is-bill-preview .waybill-create-header{
display:none!important;
}
body.is-bill-preview .waybill-create-card{
border-radius:0!important;
border:none!important;
box-shadow:none!important;
margin:0!important;
}
body.is-bill-preview .bill-op-brand{
display:none!important;
}
/* ---- end live preview ---- */
.waybill-registration-settings{
box-sizing:border-box;
display:grid;
grid-template-columns:max-content minmax(0,1fr) max-content;
align-items:center;
gap:10px;
min-height:62px;
margin-bottom:14px;
padding:10px 12px;
border:1px solid #d8e1ee;
border-radius:11px;
background:#f8fafc;
}
.waybill-registration-settings .settings-check{
min-height:38px;
margin:0!important;
transform:none!important;
}
.waybill-registration-settings small{
color:#64748b;
font-size:11px;
font-weight:800;
}
.waybill-registration-settings .ui-btn{
margin:0!important;
transform:none!important;
}
.waybill-registration-settings .ui-btn:hover,
.waybill-registration-settings .ui-btn:focus,
.waybill-registration-settings .ui-btn:active{
margin:0!important;
transform:none!important;
}
.dashboard-group-head{
display:flex;
align-items:center;
min-height:48px;
margin:0 0 12px;
}
.dashboard-group-head[hidden],
.dashboard-group-back[hidden],
.dashboard-group-grid[hidden],
.v1-grid[hidden]{
display:none!important;
}
.dashboard-group-back{
box-sizing:border-box;
height:42px;
min-height:42px;
flex:0 0 auto;
margin:0!important;
transform:none!important;
}
.dashboard-group-back span{
display:flex;
align-items:center;
justify-content:center;
}
.dashboard-group-back svg{
display:block;
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:2;
}
.dashboard-group-back:hover,
.dashboard-group-back:focus,
.dashboard-group-back:active{
margin:0!important;
transform:none!important;
}
@media(max-width:980px){
.calculation-formulas,
.calculation-preview [data-calculation-preview]{
grid-template-columns:1fr;
}
.calculation-builder,
.calculation-rounding{
grid-template-columns:1fr 1fr;
}
.waybill-registration-settings{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.dashboard-page .dashboard-group-back{
min-width:44px;
width:44px;
height:42px;
padding:0!important;
overflow:hidden;
}
.dashboard-page .dashboard-group-back > span{
margin:0;
}
.dashboard-page .dashboard-group-back{
font-size:0;
}
}
@media(max-width:640px){
.calculation-builder,
.calculation-rounding{
grid-template-columns:1fr;
}
}
.activity-section-title{display:flex;align-items:center;gap:10px;margin-top:18px}.activity-section-title small{color:#64748b;font-size:11px}.activity-scope-card{border:1px solid #dbe3ef;border-radius:14px;background:#fbfdff;padding:12px;display:grid;gap:12px}.activity-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.activity-option{min-height:42px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;padding:8px 10px;display:flex;align-items:center;color:#334155;font-size:12px;font-weight:850;line-height:1.65;cursor:pointer}.activity-option.is-disabled{opacity:.55;background:#f8fafc;cursor:not-allowed}.activity-option input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:#2563eb}.activity-option input:disabled{cursor:not-allowed}.activity-option span{margin-right:8px}.activity-city-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-city-panel[hidden]{display:none}.activity-city-panel>label{display:block;margin-bottom:6px;color:#475569;font-size:12px;font-weight:900}.multi-city-picker{position:relative;min-height:82px;border:1px solid #d3deed;border-radius:12px;background:#fff;padding:8px}.multi-city-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.multi-city-chip{height:26px;border-radius:9px;background:#eef4ff;color:#1d4ed8;padding:0 8px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900}.multi-city-chip button{width:18px;height:18px;border:0;background:transparent;color:#dc2626;padding:0;line-height:16px;font-size:18px;cursor:pointer}.multi-city-picker>input[type=text]{height:34px;width:100%;border:0!important;box-shadow:none!important;outline:0;padding:4px 2px;margin:2px 0 0;background:transparent;font:inherit;font-size:12px}.multi-city-results{top:calc(100% + 6px);margin:0}.activity-license{max-width:520px;border-color:#bfdbfe;background:#f8fbff}@media(max-width:760px){.activity-options,.activity-city-panels{grid-template-columns:1fr}}
.settings-inline-save{display:inline-flex;align-items:center;gap:10px;min-height:44px}
.settings-save-spinner{width:18px;height:18px;flex:0 0 18px;border-radius:50%;opacity:0;border:3px solid #bfdbfe;border-top-color:#2563eb;animation:buttonSpin .72s linear infinite}
.settings-save-spinner.is-active{opacity:1}
.sending-wrap .admin-hero,
.sending-wrap .admin-card{
overflow:visible;
}
.sending-page,
.sending-page .page{
min-height:100vh;
height:auto!important;
overflow-y:auto!important;
}
.sending-wrap{
width:min(1180px,calc(100% - 150px));
margin:12px auto 0;
padding:0 0 16px;
}
.sending-wrap .admin-hero{
min-height:94px;
margin:0;
padding:14px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.sending-wrap .admin-hero h1{
margin:0;
font-size:23px;
line-height:1.15;
}
.sending-wrap .admin-hero p{
margin:6px 0 0;
min-height:auto;
}
.sending-filter-card{
display:grid;
grid-template-columns:minmax(260px,1fr) auto;
gap:12px;
align-items:end;
padding:16px 18px;
min-height:92px;
overflow:visible;
}
.sending-filter-card label,
.sending-form-card label{
display:grid;
gap:7px;
margin:0!important;
color:#64748b;
font-size:12px;
font-weight:900;
line-height:1.5;
transform:none!important;
}
.sending-filter-card input,
.sending-form-card input,
.sending-form-card select,
.sending-form-card textarea{
box-sizing:border-box;
width:100%;
min-height:48px;
margin:0!important;
border:1px solid #d3deed;
border-radius:12px;
background:#fff;
color:#0f172a;
padding:10px 12px;
font:inherit;
font-size:13px;
font-weight:850;
line-height:1.5;
outline:none;
box-shadow:none;
transform:none!important;
transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.sending-form-card textarea{
min-height:96px;
resize:vertical;
}
.sending-filter-card input:focus,
.sending-form-card input:focus,
.sending-form-card select:focus,
.sending-form-card textarea:focus{
border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,.16);
margin:0!important;
transform:none!important;
}
.sending-filter-card .ui-btn{
width:150px;
height:48px;
margin:0!important;
transform:none!important;
}
.sending-form-card{
padding:0;
overflow:visible!important;
}
.sending-bill-form-wrap{
padding-bottom:64px;
}
.sending-invoice-form-wrap{
padding-bottom:76px;
}
.sending-static-row{
display:grid;
grid-template-columns:repeat(2,minmax(220px,1fr));
gap:12px;
padding:18px;
border-bottom:1px solid #e2e8f0;
background:#f8fbff;
}
.sending-readonly-field{
min-height:64px;
border:1px solid #dbe3ef;
border-radius:14px;
background:#fff;
padding:10px 14px;
display:grid;
align-content:center;
gap:4px;
}
.sending-readonly-field span{
color:#64748b;
font-size:12px;
font-weight:900;
}
.sending-readonly-field strong{
color:#0f172a;
font-size:18px;
font-weight:950;
}
.sending-system-field{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:20px 48px!important;
align-content:start!important;
gap:7px!important;
min-height:75px!important;
height:75px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
transform:none!important;
}
.sending-system-field input,
.sending-system-field input:hover,
.sending-system-field input:focus,
.sending-system-field input:active{
box-sizing:border-box!important;
width:100%!important;
height:48px!important;
min-height:48px!important;
margin:0!important;
padding:0 12px!important;
border:1px solid #d3deed!important;
border-radius:12px!important;
background:#f8fafc!important;
color:#334155!important;
font:inherit!important;
font-size:13px!important;
font-weight:950!important;
line-height:48px!important;
box-shadow:none!important;
outline:none!important;
cursor:default!important;
caret-color:transparent!important;
transform:none!important;
}
.sending-section{
padding:18px;
border-bottom:1px solid #e2e8f0;
}
.sending-section h2{
margin:0 0 14px;
color:#0f172a;
font-size:18px;
font-weight:950;
}
.sending-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}
.sending-section-head h2{
margin:0;
}
.sending-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(220px,1fr));
gap:14px 16px;
align-items:start;
}
.sending-form-grid .sending-wide{
grid-column:1/-1;
}
.sending-good-entry{
display:grid;
grid-template-columns:120px minmax(180px,1fr) minmax(180px,1fr);
gap:12px;
align-items:end;
min-height:76px;
margin-bottom:8px;
}
.sending-good-actions{
display:flex;
justify-content:flex-start;
min-height:42px;
margin:0 0 14px;
}
.sending-small-btn{
min-width:112px;
height:42px;
margin:0!important;
transform:none!important;
}
.sending-items-table-wrap{
min-height:170px;
border:1px solid #dbe3ef;
border-radius:14px;
overflow:auto;
background:#fff;
}
.sending-items-table{
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.sending-items-table th,
.sending-items-table td{
height:54px;
padding:8px;
border-bottom:1px solid #edf2f7;
color:#334155;
font-size:13px;
font-weight:900;
text-align:right;
vertical-align:middle;
}
.sending-items-table th:last-child,
.sending-items-table td:last-child{
width:72px;
min-width:72px;
max-width:72px;
text-align:center;
}
.sending-items-table th{
background:#f8fafc;
color:#64748b;
}
.sending-items-table input,
.sending-items-table select{
box-sizing:border-box;
width:100%;
min-height:40px!important;
height:40px!important;
border-radius:10px!important;
margin:0!important;
border:1px solid #d3deed;
background:#fff;
color:#0f172a;
padding:0 10px;
font:inherit;
font-size:13px;
font-weight:900;
outline:none;
transform:none!important;
}
.sending-items-table select{
appearance:auto;
}
.sending-items-table input:focus,
.sending-items-table select:focus{
border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,.16);
margin:0!important;
transform:none!important;
}
.sending-items-table .icon-btn{
width:38px;
height:38px;
min-width:38px;
margin:0 auto!important;
transform:none!important;
}
.sending-list-toolbar,
.sending-selection-summary{
min-height:48px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.sending-list-toolbar{
padding:12px 16px;
border-bottom:1px solid #e2e8f0;
}
.sending-list-toolbar span,
.sending-selection-summary span{
display:inline-flex;
align-items:center;
gap:6px;
min-height:34px;
color:#64748b;
font-size:12px;
font-weight:950;
white-space:nowrap;
}
.sending-list-toolbar b,
.sending-selection-summary b{
color:#2563eb;
font-size:14px;
font-weight:950;
}
.sending-list-toolbar .ui-btn{
width:auto;
min-width:188px;
height:42px;
margin:0!important;
transform:none!important;
}
.sending-select-bills .sending-section-head{
min-height:48px;
margin:0 0 12px;
}
.sending-select-bills .modern-table-wrap{
max-height:none;
overflow:auto;
}
.sending-wrap .modern-table input[type="checkbox"]{
width:18px;
height:18px;
margin:0;
accent-color:#2563eb;
transform:none!important;
}
.sending-wrap .modern-table tr.is-selected td{
background:#eef4ff;
}
.sending-warning-grid{
display:flex;
flex-wrap:wrap;
gap:10px;
min-height:48px;
margin-bottom:14px;
}
.sending-warning-chip{
display:inline-flex!important;
grid-template-columns:none!important;
align-items:center;
gap:8px!important;
min-height:38px;
padding:0 12px;
border:1px solid #dbe3ef;
border-radius:999px;
background:#fff;
color:#334155!important;
cursor:pointer;
}
.sending-warning-chip input{
width:18px!important;
min-height:18px!important;
height:18px!important;
margin:0!important;
padding:0!important;
box-shadow:none!important;
}
.sending-warning-chip button{
width:22px;
height:22px;
border:0;
border-radius:999px;
background:#fee2e2;
color:#dc2626;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0;
margin:0!important;
font:inherit;
font-size:16px;
line-height:1;
font-weight:950;
cursor:pointer;
transform:none!important;
}
.sending-inline-add{
display:grid;
grid-template-columns:minmax(0,1fr) 112px;
gap:10px;
align-items:end;
min-height:48px;
}
.sending-unit-input{
display:flex;
align-items:center;
width:100%;
height:48px;
min-height:48px;
border:1px solid #d3deed;
border-radius:12px;
background:#fff;
overflow:hidden;
}
.sending-unit-input input{
flex:1 1 auto;
min-width:0;
height:46px!important;
min-height:46px!important;
border:0!important;
box-shadow:none!important;
border-radius:0!important;
margin:0!important;
}
.sending-unit-input b{
flex:0 0 88px;
width:88px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
background:#f8fafc;
border-right:1px solid #e2e8f0;
color:#64748b;
font-size:12px;
font-weight:950;
}
input[data-sending-total]{
background:#f8fafc!important;
color:#334155!important;
cursor:default;
}
.sending-goods-card,
.sending-select-bills{
margin:18px 0;
border:1px solid #dbe3ef;
border-radius:14px;
background:#fbfdff;
padding:14px;
}
.sending-goods-card h3,
.sending-select-bills h3{
margin:0 0 12px;
color:#0f172a;
font-size:16px;
font-weight:950;
}
.sending-goods-row{
display:grid;
grid-template-columns:120px minmax(180px,1fr) minmax(180px,1fr);
gap:10px;
align-items:start;
margin-bottom:10px;
}
.sending-wrap .table-actions form,
.sending-wrap .table-actions button,
.sending-wrap .table-actions a{
margin:0!important;
transform:none!important;
}
.sending-wrap .modern-table td,
.sending-wrap .modern-table th{
vertical-align:middle;
}
.sending-bills-page .carriers-list-card{
min-height:260px;
}
.sending-bills-page .modern-table-wrap{
min-height:180px;
background:#fff;
}
@media(max-width:860px){
.sending-filter-card,
.sending-goods-row,
.sending-form-grid,
.sending-static-row,
.sending-good-entry{
grid-template-columns:1fr;
}
.sending-wrap{
width:calc(100% - 24px);
margin-top:12px;
}
}
.sending-goods-editor,
.sending-goods-editor .sending-section-head,
.sending-good-entry,
.sending-good-entry label,
.sending-option-picker{
overflow:visible!important;
}
.sending-option-picker{
position:relative;
display:block;
width:100%;
height:48px;
min-height:48px;
}
.sending-option-picker input{
position:relative;
z-index:1;
width:100%;
height:48px!important;
min-height:48px!important;
margin:0!important;
transform:none!important;
}
.sending-option-list{
position:absolute;
top:calc(100% + 6px);
right:0;
left:0;
z-index:80;
display:block;
max-height:224px;
overflow:auto;
padding:6px;
border:1px solid #dbe3ef;
border-radius:14px;
background:#fff;
box-shadow:0 18px 36px rgba(15,23,42,.16);
}
.sending-option-list[hidden]{
display:none!important;
}
.sending-option-item{
display:flex;
align-items:center;
width:100%;
height:38px;
min-height:38px;
margin:0!important;
padding:0 10px;
border:0;
border-radius:10px;
background:#fff;
color:#1f2937;
font:inherit;
font-size:13px;
font-weight:850;
line-height:1;
text-align:right;
cursor:pointer;
transform:none!important;
user-select:none;
}
.sending-option-item:hover,
.sending-option-item:focus{
background:#eef4ff;
color:#2563eb;
outline:none;
}
.sending-form-card .sending-inline-add{
display:grid!important;
grid-template-columns:minmax(0,1fr) 112px!important;
gap:10px!important;
align-items:center!important;
width:100%!important;
min-height:48px!important;
height:48px!important;
overflow:visible!important;
}
.sending-form-card .sending-inline-add input{
grid-column:1!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
margin:0!important;
transform:none!important;
}
.sending-form-card .sending-inline-add [data-add-warning]{
grid-column:2!important;
box-sizing:border-box!important;
width:112px!important;
min-width:112px!important;
max-width:112px!important;
height:48px!important;
min-height:48px!important;
flex:0 0 112px!important;
margin:0!important;
padding:0 12px!important;
transform:none!important;
align-self:stretch!important;
justify-self:stretch!important;
}
.sending-form-card .sending-inline-add [data-add-warning]:hover,
.sending-form-card .sending-inline-add [data-add-warning]:focus,
.sending-form-card .sending-inline-add [data-add-warning]:active,
.sending-form-card .sending-inline-add [data-add-warning].is-loading{
width:112px!important;
min-width:112px!important;
max-width:112px!important;
height:48px!important;
margin:0!important;
transform:none!important;
}
.sending-form-card .sending-money-field{
display:grid!important;
grid-template-rows:20px 48px!important;
align-content:start!important;
gap:6px!important;
min-height:74px!important;
height:74px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
}
.sending-form-card .sending-money-field > span{
display:flex!important;
align-items:center!important;
min-height:20px!important;
height:20px!important;
margin:0!important;
padding:0!important;
line-height:20px!important;
transform:none!important;
}
.sending-form-card .sending-money-field input,
.sending-form-card .sending-money-field input:hover,
.sending-form-card .sending-money-field input:focus,
.sending-form-card .sending-money-field input:active,
.sending-form-card .sending-money-field input.is-valid,
.sending-form-card .sending-money-field input.is-invalid,
.sending-form-card .sending-money-field input[data-invoice-money],
.sending-form-card .sending-money-field input[data-sending-total]{
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding-top:0!important;
padding-bottom:0!important;
line-height:48px!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip,
.sending-form-card .sending-warning-chip:hover,
.sending-form-card .sending-warning-chip:focus,
.sending-form-card .sending-warning-chip:focus-within,
.sending-form-card .sending-warning-chip:active,
.sending-form-card .sending-warning-chip:has(input:checked){
box-sizing:border-box!important;
display:inline-grid!important;
grid-template-columns:18px max-content 22px!important;
column-gap:8px!important;
align-items:center!important;
justify-content:flex-start!important;
flex:0 0 auto!important;
position:relative!important;
min-height:38px!important;
height:38px!important;
margin:0!important;
padding:0 12px!important;
border-width:1px!important;
line-height:1!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip:has(input:checked){
border-color:#bfdbfe!important;
background:#eef4ff!important;
color:#1d4ed8!important;
}
.sending-form-card .sending-warning-chip input,
.sending-form-card .sending-warning-chip input:hover,
.sending-form-card .sending-warning-chip input:focus,
.sending-form-card .sending-warning-chip input:active,
.sending-form-card .sending-warning-chip input:checked{
appearance:none!important;
-webkit-appearance:none!important;
flex:0 0 18px!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
grid-column:1!important;
justify-self:center!important;
align-self:center!important;
margin:0!important;
padding:0!important;
border:1px solid #cbd5e1!important;
border-radius:999px!important;
background:#fff!important;
box-shadow:none!important;
transform:none!important;
transition:none!important;
}
.sending-form-card .sending-warning-chip input:checked{
border-color:#2563eb!important;
background:radial-gradient(circle at center,#2563eb 0 42%,transparent 45%) #fff!important;
}
.sending-form-card .sending-warning-chip span{
display:flex!important;
align-items:center!important;
grid-column:2!important;
justify-self:start!important;
align-self:center!important;
width:max-content!important;
max-width:max-content!important;
min-height:22px!important;
height:22px!important;
margin:0!important;
padding:0!important;
line-height:22px!important;
transform:none!important;
white-space:nowrap!important;
}
.sending-form-card .sending-warning-chip button,
.sending-form-card .sending-warning-chip button:hover,
.sending-form-card .sending-warning-chip button:focus,
.sending-form-card .sending-warning-chip button:active{
flex:0 0 22px!important;
grid-column:3!important;
justify-self:center!important;
align-self:center!important;
width:22px!important;
min-width:22px!important;
max-width:22px!important;
height:22px!important;
min-height:22px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip,
.sending-form-card .sending-warning-chip:hover,
.sending-form-card .sending-warning-chip:focus,
.sending-form-card .sending-warning-chip:focus-within,
.sending-form-card .sending-warning-chip:active,
.sending-form-card .sending-warning-chip:has(input:checked){
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
box-sizing:border-box!important;
min-height:38px!important;
height:38px!important;
margin:0!important;
padding:0 40px!important;
border-width:1px!important;
line-height:38px!important;
transform:none!important;
overflow:visible!important;
}
.sending-form-card .sending-warning-chip input,
.sending-form-card .sending-warning-chip input:hover,
.sending-form-card .sending-warning-chip input:focus,
.sending-form-card .sending-warning-chip input:active,
.sending-form-card .sending-warning-chip input:checked{
position:absolute!important;
top:9px!important;
right:12px!important;
left:auto!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip span{
display:block!important;
position:static!important;
width:auto!important;
max-width:none!important;
height:22px!important;
min-height:22px!important;
margin:0!important;
padding:0!important;
line-height:22px!important;
white-space:nowrap!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip button,
.sending-form-card .sending-warning-chip button:hover,
.sending-form-card .sending-warning-chip button:focus,
.sending-form-card .sending-warning-chip button:active{
position:absolute!important;
top:8px!important;
left:10px!important;
right:auto!important;
width:22px!important;
min-width:22px!important;
max-width:22px!important;
height:22px!important;
min-height:22px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.sending-wrap .sending-filter-card{
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 150px!important;
gap:12px!important;
align-items:start!important;
min-height:108px!important;
height:108px!important;
margin:0 0 18px!important;
padding:16px 18px!important;
overflow:visible!important;
transform:none!important;
}
.sending-wrap .sending-filter-card label{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:20px 48px!important;
align-content:start!important;
gap:7px!important;
width:100%!important;
min-width:0!important;
min-height:75px!important;
height:75px!important;
margin:0!important;
padding:0!important;
line-height:20px!important;
transform:none!important;
}
.sending-wrap .sending-filter-card label > span{
display:flex!important;
align-items:center!important;
min-height:20px!important;
height:20px!important;
margin:0!important;
padding:0!important;
line-height:20px!important;
transform:none!important;
}
.sending-wrap .sending-filter-card input,
.sending-wrap .sending-filter-card input:hover,
.sending-wrap .sending-filter-card input:focus,
.sending-wrap .sending-filter-card input:active,
.sending-wrap .sending-filter-card input.is-valid,
.sending-wrap .sending-filter-card input.is-invalid{
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0 12px!important;
line-height:48px!important;
transform:none!important;
}
.sending-wrap .sending-filter-card .ui-btn,
.sending-wrap .sending-filter-card .ui-btn:hover,
.sending-wrap .sending-filter-card .ui-btn:focus,
.sending-wrap .sending-filter-card .ui-btn:active,
.sending-wrap .sending-filter-card .ui-btn.is-loading{
box-sizing:border-box!important;
align-self:end!important;
justify-self:stretch!important;
width:150px!important;
min-width:150px!important;
max-width:150px!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:27px 0 0!important;
padding:0 14px!important;
line-height:48px!important;
transform:none!important;
}
@media(max-width:860px){
.sending-wrap .sending-filter-card{
grid-template-columns:1fr!important;
min-height:0!important;
height:auto!important;
}
.sending-wrap .sending-filter-card .ui-btn,
.sending-wrap .sending-filter-card .ui-btn:hover,
.sending-wrap .sending-filter-card .ui-btn:focus,
.sending-wrap .sending-filter-card .ui-btn:active{
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
}
}
.sending-wrap .sending-filter-card.sending-lazy-filter{
grid-template-columns:minmax(220px,1.35fr) minmax(145px,.65fr) minmax(145px,.65fr) 108px 108px!important;
min-height:108px!important;
height:108px!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter.sending-bills-filter{
grid-template-columns:minmax(210px,1.25fr) minmax(135px,.58fr) minmax(135px,.58fr) 108px 108px!important;
min-height:158px!important;
height:158px!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .js-sending-filter-date{
cursor:pointer!important;
background:#fff!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within{
box-sizing:border-box!important;
align-self:end!important;
display:flex!important;
flex-flow:row nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
width:220px!important;
min-width:220px!important;
max-width:220px!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:33px 0 0!important;
padding:0 12px!important;
border:1px solid #dbe5f2!important;
border-radius:24px!important;
background:#fff!important;
line-height:42px!important;
transform:none!important;
overflow:hidden!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="hidden"]{
display:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"],
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:active{
appearance:none!important;
-webkit-appearance:none!important;
box-sizing:border-box!important;
display:block!important;
flex:0 0 18px!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
max-height:18px!important;
margin:0!important;
padding:0!important;
border:2px solid #94a3b8!important;
border-radius:4px!important;
background:#fff!important;
outline:none!important;
box-shadow:none!important;
transform:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked{
background:#2563eb!important;
border-color:#2563eb!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked::after{
content:"";
display:block;
width:5px;
height:9px;
margin:1px auto 0;
border:solid #fff;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check span{
display:block!important;
height:20px!important;
line-height:20px!important;
margin:0!important;
padding:0!important;
font-size:13px!important;
font-weight:900!important;
color:#334155!important;
white-space:nowrap!important;
transform:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-inline-toggle-row{
grid-column:1 / -1!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
min-height:44px!important;
height:44px!important;
margin:0!important;
padding:0!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-inline-toggle-row .sending-filter-check,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-inline-toggle-row .sending-filter-check:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-inline-toggle-row .sending-filter-check:focus-within{
align-self:center!important;
margin:0!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn:active{
box-sizing:border-box!important;
align-self:end!important;
justify-self:stretch!important;
width:108px!important;
min-width:108px!important;
max-width:108px!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:33px 0 0!important;
padding:0 10px!important;
border-radius:24px!important;
font-size:14px!important;
line-height:42px!important;
transform:none!important;
white-space:nowrap!important;
}
.sending-lazy-status{
min-height:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
color:#64748b;
font-weight:800;
border-top:1px solid #e2e8f0;
}
.sending-lazy-status[hidden]{
display:none!important;
}
.sending-lazy-sentinel{
height:1px;
}
@media(max-width:1100px){
.sending-wrap .sending-filter-card.sending-lazy-filter{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
min-height:190px!important;
height:auto!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .ui-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter .ui-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .ui-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .ui-btn:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn:active{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
}
@media(max-width:700px){
.sending-wrap .sending-filter-card.sending-lazy-filter{
grid-template-columns:1fr!important;
min-height:0!important;
height:auto!important;
}
}
.sending-invoice-form .sending-section{
overflow:visible!important;
}
.sending-invoice-static-row{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
padding:0!important;
margin:0 0 14px!important;
border:0!important;
background:transparent!important;
}
.sending-invoice-driver-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.sending-invoice-bills-card{
margin:0!important;
border:0!important;
border-top:1px solid #e2e8f0!important;
border-radius:0!important;
background:#fff!important;
padding:0!important;
}
.sending-invoice-list-toolbar{
min-height:68px!important;
height:68px!important;
padding:10px 16px!important;
margin:0!important;
overflow:hidden!important;
}
.sending-invoice-list-toolbar .sending-toolbar-hint{
flex:1 1 auto;
justify-content:center;
min-width:180px;
white-space:normal;
line-height:1.7;
}
.sending-invoice-list-toolbar .ui-btn{
flex:0 0 46px!important;
width:46px!important;
min-width:46px!important;
max-width:46px!important;
height:42px!important;
min-height:42px!important;
margin:0!important;
transform:none!important;
}
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:hover,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:focus,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:active{
flex:0 0 84px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:84px!important;
min-width:84px!important;
max-width:84px!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
padding:0 10px!important;
margin:0!important;
transform:none!important;
gap:6px!important;
text-align:center!important;
line-height:42px!important;
white-space:nowrap!important;
color:#fff!important;
}
.sending-bulk-add-symbol{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 14px!important;
width:14px!important;
height:18px!important;
min-width:14px!important;
font-size:20px!important;
font-weight:950!important;
line-height:18px!important;
margin:0!important;
padding:0!important;
transform:none!important;
color:#fff!important;
}
.sending-bulk-add-text{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
font-size:12px!important;
font-weight:950!important;
line-height:18px!important;
height:18px!important;
margin:0!important;
padding:0!important;
transform:none!important;
color:#fff!important;
}
.sending-invoice-bills-table{
table-layout:fixed!important;
}
.sending-invoice-bills-table th,
.sending-invoice-bills-table td{
height:64px!important;
min-height:64px!important;
vertical-align:middle!important;
}
.sending-invoice-bills-table th:first-child,
.sending-invoice-bills-table td:first-child{
width:54px!important;
min-width:54px!important;
max-width:54px!important;
text-align:center!important;
}
.sending-invoice-bills-table th:nth-child(7),
.sending-invoice-bills-table td:nth-child(7){
width:170px;
max-width:170px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.sending-invoice-bills-table th:last-child,
.sending-invoice-bills-table td:last-child{
width:136px!important;
min-width:136px!important;
max-width:136px!important;
}
.sending-invoice-bills-table tr.is-in-current-invoice td{
background:#eef4ff;
}
.sending-invoice-state{
min-width:82px!important;
justify-content:center;
}
.sending-invoice-row-actions{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
min-height:42px!important;
height:42px!important;
margin:0!important;
transform:none!important;
}
.sending-invoice-row-actions .icon-btn{
flex:0 0 38px!important;
width:38px!important;
min-width:38px!important;
max-width:38px!important;
height:38px!important;
min-height:38px!important;
margin:0!important;
transform:none!important;
}
.sending-row-toggle-btn,
.sending-row-toggle-btn:hover,
.sending-row-toggle-btn:focus,
.sending-row-toggle-btn:active{
flex:0 0 42px!important;
width:42px!important;
min-width:42px!important;
max-width:42px!important;
height:38px!important;
min-height:38px!important;
margin:0!important;
padding:0!important;
font-size:20px!important;
line-height:38px!important;
transform:none!important;
white-space:nowrap!important;
}
.sending-row-toggle-btn.is-add,
.sending-row-toggle-btn.is-add:hover,
.sending-row-toggle-btn.is-add:focus,
.sending-row-toggle-btn.is-add:active{
background:#2563eb!important;
border-color:#2563eb!important;
color:#fff!important;
}
.sending-row-toggle-btn.is-remove,
.sending-row-toggle-btn.is-remove:hover,
.sending-row-toggle-btn.is-remove:focus,
.sending-row-toggle-btn.is-remove:active{
background:#fff!important;
border-color:#fecaca!important;
color:#dc2626!important;
}
.sending-invoice-bills-table input[type="checkbox"],
.sending-invoice-bills-table input[type="checkbox"]:hover,
.sending-invoice-bills-table input[type="checkbox"]:focus,
.sending-invoice-bills-table input[type="checkbox"]:active,
.sending-bill-check-slot input[type="checkbox"],
.sending-bill-check-slot input[type="checkbox"]:hover,
.sending-bill-check-slot input[type="checkbox"]:focus,
.sending-bill-check-slot input[type="checkbox"]:active{
appearance:none!important;
-webkit-appearance:none!important;
box-sizing:border-box!important;
display:block!important;
flex:0 0 18px!important;
width:18px!important;
max-width:18px!important;
min-width:18px!important;
height:18px!important;
max-height:18px!important;
min-height:18px!important;
margin:0!important;
padding:0!important;
border:2px solid #94a3b8!important;
border-radius:4px!important;
background:#fff!important;
transform:none!important;
box-shadow:none!important;
outline:none!important;
vertical-align:middle!important;
line-height:18px!important;
cursor:pointer!important;
}
.sending-invoice-bills-table input[type="checkbox"]:checked,
.sending-bill-check-slot input[type="checkbox"]:checked{
background:#2563eb!important;
border-color:#2563eb!important;
}
.sending-invoice-bills-table input[type="checkbox"]:checked::after,
.sending-bill-check-slot input[type="checkbox"]:checked::after{
content:"";
display:block;
width:5px;
height:9px;
margin:1px auto 0;
border:solid #fff;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.sending-bill-select-cell{
position:relative!important;
width:54px!important;
min-width:54px!important;
max-width:54px!important;
height:64px!important;
min-height:64px!important;
padding:0!important;
text-align:center!important;
vertical-align:middle!important;
line-height:64px!important;
overflow:hidden!important;
}
.sending-invoice-bills-table th.sending-bill-select-cell,
.sending-invoice-bills-table th.sending-bill-select-cell:hover,
.sending-invoice-bills-table th.sending-bill-select-cell:focus-within{
width:54px!important;
min-width:54px!important;
max-width:54px!important;
height:64px!important;
min-height:64px!important;
padding:0!important;
line-height:64px!important;
text-align:center!important;
vertical-align:middle!important;
transform:none!important;
overflow:hidden!important;
}
.sending-bill-check-slot{
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:24px!important;
min-width:24px!important;
max-width:24px!important;
height:24px!important;
min-height:24px!important;
max-height:24px!important;
margin:0 auto!important;
padding:0!important;
line-height:24px!important;
transform:none!important;
overflow:hidden!important;
}
.sending-form-card .sending-warning-new-field{
grid-column:1/-1!important;
display:grid!important;
grid-template-rows:20px 48px!important;
align-content:start!important;
gap:7px!important;
box-sizing:border-box!important;
min-height:75px!important;
height:75px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
}
.sending-form-card .sending-warning-new-field > span:first-child{
display:flex!important;
align-items:center!important;
height:20px!important;
min-height:20px!important;
margin:0!important;
padding:0!important;
line-height:20px!important;
transform:none!important;
}
.sending-form-card .sending-warning-add-row,
.sending-form-card .sending-warning-add-row:hover,
.sending-form-card .sending-warning-add-row:focus-within,
.sending-form-card .sending-warning-add-row:active{
box-sizing:border-box!important;
display:flex!important;
flex-flow:row nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
}
.sending-form-card .sending-warning-add-row input,
.sending-form-card .sending-warning-add-row input:hover,
.sending-form-card .sending-warning-add-row input:focus,
.sending-form-card .sending-warning-add-row input:active,
.sending-form-card .sending-warning-add-row input.is-valid,
.sending-form-card .sending-warning-add-row input.is-invalid{
box-sizing:border-box!important;
flex:1 1 auto!important;
width:auto!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0 12px!important;
line-height:48px!important;
transform:none!important;
}
.sending-form-card .sending-warning-add-row [data-add-warning],
.sending-form-card .sending-warning-add-row [data-add-warning]:hover,
.sending-form-card .sending-warning-add-row [data-add-warning]:focus,
.sending-form-card .sending-warning-add-row [data-add-warning]:active,
.sending-form-card .sending-warning-add-row [data-add-warning].is-loading{
box-sizing:border-box!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 112px!important;
width:112px!important;
min-width:112px!important;
max-width:112px!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0 12px!important;
line-height:48px!important;
white-space:nowrap!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip,
.sending-form-card .sending-warning-chip:hover,
.sending-form-card .sending-warning-chip:focus,
.sending-form-card .sending-warning-chip:focus-within,
.sending-form-card .sending-warning-chip:active,
.sending-form-card .sending-warning-chip:has(input:checked){
box-sizing:border-box!important;
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
position:relative!important;
flex:0 0 auto!important;
min-height:38px!important;
height:38px!important;
margin:0!important;
padding:0 42px 0 40px!important;
border-width:1px!important;
line-height:1!important;
gap:0!important;
transform:none!important;
overflow:visible!important;
}
.sending-form-card .sending-warning-chip::before{
content:"";
position:absolute;
right:12px;
top:9px;
width:18px;
height:18px;
box-sizing:border-box;
border:1px solid #cbd5e1;
border-radius:999px;
background:#fff;
pointer-events:none;
}
.sending-form-card .sending-warning-chip:has(input:checked)::before{
border-color:#2563eb;
background:radial-gradient(circle at center,#2563eb 0 42%,transparent 45%) #fff;
}
.sending-form-card .sending-warning-chip input,
.sending-form-card .sending-warning-chip input:hover,
.sending-form-card .sending-warning-chip input:focus,
.sending-form-card .sending-warning-chip input:active,
.sending-form-card .sending-warning-chip input:checked{
appearance:none!important;
-webkit-appearance:none!important;
position:absolute!important;
right:12px!important;
top:9px!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
margin:0!important;
padding:0!important;
border:0!important;
opacity:0!important;
pointer-events:none!important;
box-shadow:none!important;
outline:none!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip span{
display:block!important;
position:static!important;
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
height:22px!important;
min-height:22px!important;
margin:0!important;
padding:0!important;
line-height:22px!important;
white-space:nowrap!important;
font-weight:900!important;
letter-spacing:0!important;
transform:none!important;
}
.sending-form-card .sending-warning-chip button,
.sending-form-card .sending-warning-chip button:hover,
.sending-form-card .sending-warning-chip button:focus,
.sending-form-card .sending-warning-chip button:active{
position:absolute!important;
top:8px!important;
left:10px!important;
right:auto!important;
flex:0 0 22px!important;
width:22px!important;
min-width:22px!important;
max-width:22px!important;
height:22px!important;
min-height:22px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.sending-goods-editor .sending-good-entry,
.sending-goods-editor .sending-good-entry:hover,
.sending-goods-editor .sending-good-entry:focus-within{
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:120px minmax(180px,1fr) minmax(180px,1fr)!important;
gap:12px!important;
align-items:start!important;
min-height:75px!important;
height:75px!important;
margin:0 0 8px!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
}
.sending-goods-editor .sending-good-entry > label,
.sending-goods-editor .sending-good-entry > label:hover,
.sending-goods-editor .sending-good-entry > label:focus-within{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:20px 48px!important;
align-content:start!important;
gap:7px!important;
width:100%!important;
min-width:0!important;
min-height:75px!important;
height:75px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
line-height:20px!important;
transform:none!important;
}
.sending-goods-editor .sending-good-entry > label > span:first-child{
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
margin:0!important;
padding:0!important;
line-height:20px!important;
transform:none!important;
}
.sending-goods-editor .sending-good-entry input,
.sending-goods-editor .sending-good-entry input:hover,
.sending-goods-editor .sending-good-entry input:focus,
.sending-goods-editor .sending-good-entry input:active,
.sending-goods-editor .sending-good-entry input.is-valid,
.sending-goods-editor .sending-good-entry input.is-invalid{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0 12px!important;
line-height:48px!important;
border-width:1px!important;
transform:none!important;
}
.sending-goods-editor .sending-option-picker,
.sending-goods-editor .sending-option-picker:hover,
.sending-goods-editor .sending-option-picker:focus-within{
box-sizing:border-box!important;
display:block!important;
position:relative!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
}
.sending-goods-editor .sending-option-picker .sending-option-list{
top:calc(100% + 6px)!important;
}
@media(max-width:960px){
.sending-invoice-static-row,
.sending-invoice-driver-grid{
grid-template-columns:1fr!important;
}
.sending-invoice-list-toolbar{
height:auto!important;
min-height:0!important;
flex-wrap:wrap;
overflow:visible!important;
}
.sending-invoice-list-toolbar .ui-btn{
flex:1 1 100%!important;
width:100%!important;
max-width:none!important;
}
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:hover,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:focus,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:active{
flex:0 0 84px!important;
width:84px!important;
min-width:84px!important;
max-width:84px!important;
}
}
.sending-bill-form .sending-wide:has(textarea[name="notes"]),
.sending-bill-form .sending-wide:has(textarea[name="notes"]):hover,
.sending-bill-form .sending-wide:has(textarea[name="notes"]):focus-within{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:20px 96px!important;
align-content:start!important;
gap:7px!important;
min-height:123px!important;
height:123px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
line-height:20px!important;
transform:none!important;
}
.sending-bill-form textarea[name="notes"],
.sending-bill-form textarea[name="notes"]:hover,
.sending-bill-form textarea[name="notes"]:focus,
.sending-bill-form textarea[name="notes"]:active,
.sending-bill-form textarea[name="notes"].is-valid,
.sending-bill-form textarea[name="notes"].is-invalid{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-width:0!important;
height:96px!important;
min-height:96px!important;
max-height:96px!important;
margin:0!important;
padding:10px 12px!important;
border-width:1px!important;
border-radius:12px!important;
line-height:1.65!important;
resize:none!important;
transform:none!important;
}
.sending-invoice-form .sending-static-row label,
.sending-invoice-form .sending-static-row label:hover,
.sending-invoice-form .sending-static-row label:focus-within,
.sending-invoice-form .sending-form-grid label,
.sending-invoice-form .sending-form-grid label:hover,
.sending-invoice-form .sending-form-grid label:focus-within{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:20px 48px!important;
align-content:start!important;
gap:7px!important;
min-height:75px!important;
height:75px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
line-height:20px!important;
transform:none!important;
}
.sending-invoice-form .sending-static-row label > span:first-child,
.sending-invoice-form .sending-form-grid label > span:first-child{
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
margin:0!important;
padding:0!important;
line-height:20px!important;
transform:none!important;
}
.sending-invoice-form input,
.sending-invoice-form input:hover,
.sending-invoice-form input:focus,
.sending-invoice-form input:active,
.sending-invoice-form input.is-valid,
.sending-invoice-form input.is-invalid,
.sending-invoice-form select,
.sending-invoice-form select:hover,
.sending-invoice-form select:focus,
.sending-invoice-form select:active,
.sending-invoice-form select.is-valid,
.sending-invoice-form select.is-invalid{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0 12px!important;
border-width:1px!important;
line-height:48px!important;
transform:none!important;
}
.sending-invoice-form .sending-plate-hidden{
display:none!important;
width:0!important;
height:0!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
}
.sending-invoice-form .iran-plate-field,
.sending-invoice-form .iran-plate-field:hover,
.sending-invoice-form .iran-plate-field:focus-within{
grid-template-rows:20px 48px!important;
min-height:75px!important;
height:75px!important;
}
.iran-plate-control,
.iran-plate-control:hover,
.iran-plate-control:focus-within{
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0!important;
border:1px solid #cbd5e1!important;
border-radius:14px!important;
background:#fff!important;
display:grid!important;
grid-template-columns:44px minmax(34px,.7fr) 54px minmax(48px,1fr) 1px minmax(54px,.85fr)!important;
align-items:stretch!important;
direction:ltr!important;
overflow:hidden!important;
transform:none!important;
box-shadow:none!important;
}
.iran-plate-control:focus-within{
border-color:#3b82f6!important;
box-shadow:0 0 0 3px rgba(59,130,246,.14)!important;
}
.iran-plate-flag{
width:44px!important;
min-width:44px!important;
height:48px!important;
background:#0f2e75!important;
color:#fff!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:1px!important;
line-height:1!important;
font-family:Arial,sans-serif!important;
font-size:8px!important;
font-weight:800!important;
transform:none!important;
}
.iran-plate-flag span{
display:block!important;
width:21px!important;
height:5px!important;
border-radius:2px!important;
background:linear-gradient(to bottom,#16a34a 0 33%,#fff 33% 66%,#ef4444 66% 100%)!important;
margin:0 0 2px!important;
}
.iran-plate-flag b{
display:block!important;
margin:0!important;
padding:0!important;
color:#fff!important;
font-size:8px!important;
line-height:9px!important;
}
.iran-plate-input,
.iran-plate-input:hover,
.iran-plate-input:focus,
.iran-plate-input:active,
.iran-plate-letter,
.iran-plate-letter:hover,
.iran-plate-letter:focus,
.iran-plate-letter:active{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-width:0!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
margin:0!important;
padding:0 4px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
outline:0!important;
color:#111827!important;
font-size:22px!important;
font-weight:950!important;
line-height:48px!important;
text-align:center!important;
transform:none!important;
direction:ltr!important;
}
.iran-plate-letter{
appearance:none!important;
-webkit-appearance:none!important;
direction:rtl!important;
cursor:pointer!important;
}
.iran-plate-separator{
display:block!important;
align-self:center!important;
width:1px!important;
height:32px!important;
background:#cbd5e1!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.iran-plate-region-box{
box-sizing:border-box!important;
height:48px!important;
min-height:48px!important;
display:grid!important;
grid-template-rows:15px 33px!important;
align-items:center!important;
justify-items:center!important;
padding:2px 2px 1px!important;
margin:0!important;
transform:none!important;
}
.iran-plate-region-box b{
display:block!important;
height:15px!important;
line-height:15px!important;
margin:0!important;
padding:0!important;
color:#6b7280!important;
font-size:10px!important;
font-weight:950!important;
}
.iran-plate-region-box .iran-plate-region,
.iran-plate-region-box .iran-plate-region:hover,
.iran-plate-region-box .iran-plate-region:focus,
.iran-plate-region-box .iran-plate-region:active{
height:31px!important;
min-height:31px!important;
max-height:31px!important;
line-height:31px!important;
font-size:20px!important;
}
.sending-invoice-form .sending-form-grid label.sending-wide,
.sending-invoice-form .sending-form-grid label.sending-wide:hover,
.sending-invoice-form .sending-form-grid label.sending-wide:focus-within{
grid-column:1/-1!important;
grid-template-rows:20px 96px!important;
min-height:123px!important;
height:123px!important;
}
.sending-invoice-form textarea,
.sending-invoice-form textarea:hover,
.sending-invoice-form textarea:focus,
.sending-invoice-form textarea:active,
.sending-invoice-form textarea.is-valid,
.sending-invoice-form textarea.is-invalid{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-width:0!important;
height:96px!important;
min-height:96px!important;
max-height:96px!important;
margin:0!important;
padding:10px 12px!important;
border-width:1px!important;
border-radius:12px!important;
line-height:1.65!important;
resize:none!important;
transform:none!important;
}
/* Final responsive pass: keep sending/receiving pages stable on mobile without changing desktop layouts. */
.sending-invoice-form.sending-form-card{
border-radius:22px!important;
overflow:hidden!important;
}
.sending-invoice-form .sending-invoice-bills-card{
border-bottom-right-radius:22px!important;
border-bottom-left-radius:22px!important;
padding:0 16px 18px!important;
overflow:hidden!important;
}
.sending-invoice-form .sending-invoice-bills-card .sending-invoice-list-toolbar{
margin:0 -16px!important;
}
.sending-invoice-form .sending-invoice-bills-card .modern-table-wrap{
border:1px solid #e2e8f0!important;
border-radius:16px!important;
overflow:auto!important;
background:#fff!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:has(input:checked){
box-sizing:border-box!important;
display:flex!important;
flex-flow:row nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
padding:0 12px!important;
border-width:1px!important;
line-height:42px!important;
transform:none!important;
cursor:pointer!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"],
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked{
flex:0 0 18px!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
max-height:18px!important;
margin:0!important;
padding:0!important;
outline:none!important;
box-shadow:none!important;
transform:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:hover span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within span,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:active span{
flex:1 1 auto!important;
min-width:0!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
margin:0!important;
padding:0!important;
line-height:20px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
transform:none!important;
}
.sending-wrap .status-pill{
white-space:nowrap!important;
line-height:26px!important;
transform:none!important;
}
@media(max-width:760px){
html,
body{
width:100%!important;
max-width:100vw!important;
overflow-x:hidden!important;
}
.admin-page,
.sending-page,
.dashboard-page{
overflow-x:hidden!important;
}
.v1-header{
box-sizing:border-box!important;
width:100%!important;
max-width:100vw!important;
min-width:0!important;
padding:10px 12px!important;
direction:rtl!important;
overflow:hidden!important;
}
.v1-brand{
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
justify-content:flex-start!important;
}
.v1-brand > div{
min-width:0!important;
max-width:calc(100% - 56px)!important;
}
.v1-brand strong,
.v1-brand b,
.v1-subscription-expiry{
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.unloading-connection-note{
flex-direction:column;
align-items:flex-start;
min-height:112px;
padding:12px;
}
.tenant-connection-search{
grid-template-columns:1fr;
gap:8px;
}
.tenant-connection-search label{
min-height:68px;
}
.tenant-connection-search .ui-btn{
width:100%;
height:44px;
min-height:44px;
max-height:44px;
line-height:44px;
}
.tenant-connection-result,
.tenant-connection-row{
grid-template-columns:1fr;
align-items:stretch;
gap:8px;
min-height:0;
padding:10px;
border-radius:14px;
}
.tenant-connection-actions{
justify-content:flex-start;
flex-wrap:wrap;
}
.tenant-connection-actions .ui-btn,
.tenant-connection-result .ui-btn{
min-height:40px;
height:40px;
max-height:40px;
padding:0 14px;
line-height:40px;
}
.sending-destination-mode-hint{
min-height:40px;
}
.admin-page .page,
.sending-page .page{
width:100%!important;
max-width:100vw!important;
min-height:100vh!important;
height:auto!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding-bottom:18px!important;
}
.admin-wrap,
.sending-wrap,
.invoices-wrap,
.bills-wrap,
.customers-wrap,
.carriers-wrap{
width:calc(100% - 16px)!important;
max-width:none!important;
margin:8px auto 0!important;
padding:0 0 18px!important;
}
.admin-hero,
.sending-wrap .admin-hero{
box-sizing:border-box!important;
width:100%!important;
min-height:0!important;
height:auto!important;
margin:0 0 10px!important;
padding:14px!important;
border-radius:18px!important;
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:12px!important;
overflow:visible!important;
}
.admin-hero-main,
.sending-wrap .admin-hero-main{
width:100%!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
}
.admin-hero-main h1,
.sending-wrap .admin-hero h1{
font-size:22px!important;
line-height:1.25!important;
max-width:100%!important;
overflow-wrap:anywhere!important;
}
.admin-hero-main p,
.sending-wrap .admin-hero p{
font-size:12.5px!important;
line-height:1.7!important;
max-width:100%!important;
overflow-wrap:anywhere!important;
}
.admin-actions,
.sending-wrap .admin-actions{
width:100%!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
}
.admin-actions .ui-btn,
.sending-wrap .admin-actions .ui-btn{
width:100%!important;
min-width:0!important;
height:44px!important;
margin:0!important;
transform:none!important;
}
.admin-card,
.user-form-card,
.sending-form-card,
.invoice-form-card{
box-sizing:border-box!important;
width:100%!important;
border-radius:18px!important;
}
.modern-form-grid,
.invoice-form-grid,
.sending-form-grid,
.sending-static-row,
.sending-invoice-static-row,
.sending-invoice-driver-grid,
.sending-good-entry,
.sending-goods-row{
grid-template-columns:1fr!important;
}
.sending-section,
.sending-static-row,
.sending-form-card .sending-section{
padding:14px!important;
}
.sending-section h2{
font-size:17px!important;
line-height:1.35!important;
}
.sending-filter-card,
.sending-wrap .sending-filter-card,
.sending-wrap .sending-filter-card.sending-lazy-filter,
.sending-wrap .sending-filter-card.sending-lazy-filter.sending-bills-filter{
box-sizing:border-box!important;
grid-template-columns:1fr!important;
width:100%!important;
min-height:0!important;
height:auto!important;
padding:14px!important;
gap:10px!important;
border-radius:18px!important;
overflow:visible!important;
}
.sending-wrap form.sending-filter-card.sending-lazy-filter > .ui-btn,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .ui-btn:hover,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .ui-btn:focus,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .ui-btn:active,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .ui-btn.is-loading,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:hover,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:focus,
.sending-wrap form.sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:active{
box-sizing:border-box!important;
position:relative!important;
z-index:4!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
grid-column:auto!important;
align-self:stretch!important;
justify-self:stretch!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
margin:0!important;
padding:0 12px!important;
border-radius:24px!important;
line-height:44px!important;
transform:none!important;
white-space:nowrap!important;
touch-action:manipulation!important;
pointer-events:auto!important;
}
.sending-wrap .sending-filter-card label,
.sending-wrap .sending-filter-card label:hover,
.sending-wrap .sending-filter-card label:focus-within{
width:100%!important;
min-height:75px!important;
height:75px!important;
margin:0!important;
transform:none!important;
}
.sending-wrap .sending-filter-card .ui-btn,
.sending-wrap .sending-filter-card .sending-clear-filter-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-clear-filter-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check{
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
justify-self:stretch!important;
transform:none!important;
}
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:hover,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:focus,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:active,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:has(input:checked){
position:relative!important;
z-index:3!important;
grid-column:auto!important;
align-self:stretch!important;
justify-self:stretch!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
margin:0!important;
padding:0 12px!important;
line-height:44px!important;
border-radius:24px!important;
transform:none!important;
touch-action:manipulation!important;
}
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"],
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:hover,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:active,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked{
flex:0 0 18px!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
max-height:18px!important;
margin:0!important;
transform:none!important;
}
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check span{
height:20px!important;
min-height:20px!important;
max-height:20px!important;
line-height:20px!important;
font-size:12.5px!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check{
justify-content:flex-start!important;
}
.sending-good-entry,
.sending-good-entry:hover,
.sending-good-entry:focus-within{
box-sizing:border-box!important;
min-height:0!important;
height:auto!important;
gap:10px!important;
margin:0 0 10px!important;
transform:none!important;
}
.sending-good-actions,
.sending-inline-add,
.sending-warning-add-row{
width:100%!important;
min-height:0!important;
}
.sending-inline-add,
.sending-form-card .sending-warning-add-row{
grid-template-columns:1fr!important;
display:grid!important;
gap:8px!important;
height:auto!important;
max-height:none!important;
}
.sending-form-card .sending-warning-add-row [data-add-warning],
.sending-small-btn{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.sending-warning-grid{
gap:8px!important;
min-height:0!important;
}
.sending-warning-chip{
max-width:100%!important;
}
.modern-table-wrap,
.sending-wrap .modern-table-wrap,
.sending-items-table-wrap{
width:100%!important;
max-width:100%!important;
overflow:auto!important;
-webkit-overflow-scrolling:touch!important;
border-radius:16px!important;
}
.modern-table,
.sending-invoice-bills-table,
.sending-items-table,
table{
min-width:720px!important;
}
.sending-invoices-page .status-pill,
.sending-invoice-state{
min-width:76px!important;
height:24px!important;
padding:0 8px!important;
font-size:10.5px!important;
line-height:24px!important;
white-space:nowrap!important;
}
.sending-invoice-bills-table{
min-width:1080px!important;
table-layout:fixed!important;
}
.sending-invoice-bills-table th,
.sending-invoice-bills-table td{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.sending-invoice-bills-table th:nth-child(7),
.sending-invoice-bills-table td:nth-child(7){
width:170px!important;
min-width:170px!important;
max-width:170px!important;
}
.sending-invoice-bills-table th:last-child,
.sending-invoice-bills-table td:last-child{
width:130px!important;
min-width:130px!important;
max-width:130px!important;
}
.sending-invoice-list-toolbar,
.sending-list-toolbar,
.sending-selection-summary{
height:auto!important;
min-height:0!important;
flex-wrap:wrap!important;
align-items:stretch!important;
gap:8px!important;
}
.sending-invoice-list-toolbar .sending-toolbar-hint,
.sending-list-toolbar span,
.sending-selection-summary span{
width:100%!important;
min-width:0!important;
justify-content:flex-start!important;
white-space:normal!important;
}
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn{
width:100%!important;
min-width:0!important;
max-width:none!important;
flex:1 1 100%!important;
}
.sending-invoice-form.sending-form-card{
border-radius:18px!important;
}
.sending-invoice-form .sending-invoice-bills-card{
border-bottom-right-radius:18px!important;
border-bottom-left-radius:18px!important;
padding:0 10px 14px!important;
}
.sending-invoice-form .sending-invoice-bills-card .sending-invoice-list-toolbar{
margin:0 -10px!important;
}
}
@media(max-width:760px){
.v1-header{
min-height:92px!important;
height:auto!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
padding:10px 12px!important;
overflow:visible!important;
}
.v1-mark{
flex:0 0 auto!important;
font-size:18px!important;
line-height:1!important;
}
.v1-brand{
flex:1 1 auto!important;
min-width:0!important;
max-width:calc(100% - 44px)!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
margin:0!important;
direction:rtl!important;
text-align:right!important;
}
.v1-brand img{
width:44px!important;
height:44px!important;
min-width:44px!important;
max-width:44px!important;
padding:4px!important;
border-radius:13px!important;
}
.v1-brand > div{
flex:1 1 auto!important;
min-width:0!important;
max-width:calc(100% - 52px)!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:1px!important;
}
.v1-brand strong,
.v1-brand span,
.v1-brand b,
.v1-brand .v1-subscription-expiry{
display:block!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
margin:0!important;
}
.v1-brand strong{
font-size:13px!important;
line-height:1.35!important;
}
.v1-brand span{
font-size:11px!important;
line-height:1.35!important;
}
.v1-brand b{
font-size:11px!important;
line-height:1.35!important;
}
.v1-brand .v1-subscription-expiry{
width:max-content!important;
max-width:100%!important;
min-height:18px!important;
display:inline-flex!important;
flex-direction:row!important;
align-items:center!important;
gap:4px!important;
padding:1px 6px!important;
font-size:10px!important;
line-height:1.4!important;
}
.v1-brand .v1-subscription-expiry span,
.v1-brand .v1-subscription-expiry strong,
.v1-brand .v1-subscription-expiry em{
display:inline!important;
overflow:visible!important;
text-overflow:clip!important;
}
}
/* Codex mobile stability guard: keep sending filters, chips and invoice tables fixed after every state change. */
.sending-wrap .sending-filter-card.sending-lazy-filter{
isolation:isolate!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter label{
position:relative!important;
z-index:1!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:active,
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn:focus-visible,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:active,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:focus-visible{
box-sizing:border-box!important;
position:relative!important;
z-index:30!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
margin:0!important;
padding:0 18px!important;
border-radius:24px!important;
line-height:44px!important;
transform:none!important;
pointer-events:auto!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:transparent!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check:has(input:checked){
box-sizing:border-box!important;
position:relative!important;
z-index:20!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
column-gap:8px!important;
direction:rtl!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
margin:0!important;
padding:0 12px!important;
border-radius:24px!important;
line-height:44px!important;
transform:none!important;
cursor:pointer!important;
pointer-events:auto!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:transparent!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"],
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:hover,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:active,
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked{
box-sizing:border-box!important;
flex:0 0 18px!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
max-height:18px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check span{
display:block!important;
flex:0 1 auto!important;
width:auto!important;
min-width:0!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
line-height:20px!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
transform:none!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn:disabled,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn[aria-disabled="true"]{
opacity:.48!important;
cursor:not-allowed!important;
pointer-events:none!important;
background:#f8fafc!important;
color:#94a3b8!important;
}
.sending-invoices-page .status-pill,
.sending-invoices-page .sending-invoice-state{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:clip!important;
transform:none!important;
}
.sending-invoice-bills-card .modern-table-wrap{
overflow-x:auto!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
}
.sending-invoice-bills-card .sending-invoice-bills-table{
min-width:1080px!important;
table-layout:fixed!important;
}
@media (max-width:760px){
.sending-wrap .sending-filter-card.sending-lazy-filter > .ui-btn,
.sending-wrap .sending-filter-card.sending-lazy-filter > .sending-clear-filter-btn{
width:100%!important;
}
.sending-wrap .sending-filter-card.sending-lazy-filter .sending-filter-check{
width:100%!important;
}
.sending-invoices-page .status-pill,
.sending-invoices-page .sending-invoice-state{
min-width:80px!important;
max-width:80px!important;
height:24px!important;
min-height:24px!important;
max-height:24px!important;
padding:0 6px!important;
font-size:10px!important;
line-height:24px!important;
}
}
/* Codex final override: fixed checkbox/text geometry for uninvoiced sending filter chip. */
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:hover,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:focus,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:active,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:has(input:checked){
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:18px minmax(0,1fr)!important;
grid-template-rows:44px!important;
column-gap:8px!important;
row-gap:0!important;
align-items:center!important;
justify-items:start!important;
justify-content:start!important;
direction:rtl!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
margin:0!important;
padding:0 12px!important;
line-height:44px!important;
transform:none!important;
white-space:nowrap!important;
}
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"],
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:hover,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:active,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked{
grid-column:1!important;
grid-row:1!important;
justify-self:start!important;
align-self:center!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
max-height:18px!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check span,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:hover span,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:focus span,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:focus-within span,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check:active span,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:focus + span,
.sending-wrap form.sending-filter-card.sending-lazy-filter .sending-filter-check input[type="checkbox"]:checked + span{
grid-column:2!important;
grid-row:1!important;
justify-self:start!important;
align-self:center!important;
display:block!important;
width:auto!important;
min-width:0!important;
max-width:100%!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
line-height:20px!important;
margin:0!important;
padding:0!important;
transform:none!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
direction:rtl!important;
text-align:right!important;
}
/* Codex final mobile header override: keep Barbari, user and subscription data visible on every V1 page. */
@media (max-width:760px){
body .v1-header{
width:100%!important;
max-width:100vw!important;
min-height:94px!important;
height:auto!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
padding:10px 12px!important;
overflow:visible!important;
direction:ltr!important;
}
body .v1-mark{
display:block!important;
flex:0 0 auto!important;
min-width:28px!important;
font-size:18px!important;
line-height:1!important;
}
body .v1-brand{
display:flex!important;
flex:1 1 auto!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
min-width:0!important;
max-width:calc(100% - 38px)!important;
margin:0!important;
direction:rtl!important;
text-align:right!important;
}
body .v1-brand img{
display:block!important;
order:0!important;
flex:0 0 44px!important;
width:44px!important;
min-width:44px!important;
max-width:44px!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
padding:4px!important;
border-radius:13px!important;
object-fit:contain!important;
}
body .v1-brand > div{
display:flex!important;
order:1!important;
flex:1 1 auto!important;
flex-direction:column!important;
align-items:flex-end!important;
justify-content:center!important;
gap:1px!important;
min-width:0!important;
max-width:calc(100vw - 104px)!important;
overflow:visible!important;
}
body .v1-brand strong,
body .v1-brand span,
body .v1-brand b{
display:block!important;
position:static!important;
visibility:visible!important;
opacity:1!important;
width:100%!important;
max-width:100%!important;
min-height:14px!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
direction:rtl!important;
text-align:right!important;
}
body .v1-brand strong{
color:#111827!important;
font-size:13px!important;
font-weight:950!important;
line-height:1.35!important;
}
body .v1-brand span{
color:#667085!important;
font-size:11px!important;
font-weight:850!important;
line-height:1.35!important;
}
body .v1-brand b{
color:#111827!important;
font-size:11px!important;
font-weight:950!important;
line-height:1.35!important;
}
body .v1-brand .v1-subscription-expiry{
visibility:visible!important;
opacity:1!important;
width:max-content!important;
max-width:100%!important;
min-height:18px!important;
display:inline-flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:4px!important;
margin:1px 0 0!important;
padding:1px 6px!important;
font-size:10px!important;
line-height:1.4!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body .v1-brand .v1-subscription-expiry span,
body .v1-brand .v1-subscription-expiry strong,
body .v1-brand .v1-subscription-expiry em{
display:inline!important;
width:auto!important;
min-height:0!important;
overflow:visible!important;
text-overflow:clip!important;
white-space:nowrap!important;
}
body.bills-page .v1-brand > div,
body.invoices-page .v1-brand > div,
body.carriers-page .v1-brand > div,
body.unloading-locations-page .v1-brand > div{
display:flex!important;
flex:1 1 auto!important;
flex-direction:column!important;
align-items:flex-end!important;
justify-content:center!important;
gap:1px!important;
min-width:0!important;
max-width:calc(100vw - 104px)!important;
overflow:visible!important;
}
}
/* Codex: make the V1 header behavior consistent across operational pages. */
body:not(.login-page):not(.register-page):not(.print-page) .v1-header{
position:fixed!important;
top:0!important;
right:0!important;
left:0!important;
width:100%!important;
margin:0!important;
z-index:120!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header){
padding-top:104px!important;
}
body.bills-page .page:has(> .v1-header){
padding-top:82px!important;
}
@media(max-width:900px){
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header){
padding-top:96px!important;
}
body.bills-page .page:has(> .v1-header){
padding-top:94px!important;
}
}
.v1-mark{
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
-mark{
width:42px;
height:42px;
min-width:42px;
min-height:42px;
border:1px solid #d5dbe7;
border-radius:14px;
background:#fff;
color:#111827;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0;
margin:0;
cursor:pointer;
font-size:24px;
font-weight:950;
line-height:1;
box-shadow:0 8px 18px rgba(15,23,42,.08);
transform:none!important;
transition:.v1-backborder-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.v1-back-mark:hover,
.v1-back-mark:focus-visible{
border-color:#a9c4ff;
color:#2563eb;
box-shadow:0 10px 22px rgba(37,99,235,.14);
outline:none;
}
.v1-back-mark:active{
transform:none!important;
}
.v1-back-mark::before{
content:"";
width:16px;
height:16px;
border-left:4px solid currentColor;
border-bottom:4px solid currentColor;
border-radius:1px;
transform:rotate(45deg);
margin-left:4px;
}
.dashboard-group-back{
display:none!important;
}
@media(max-width:760px){
body .v1-header{
min-height:104px!important;
padding:10px 14px 10px 10px!important;
align-items:center!important;
gap:10px!important;
background:rgba(255,255,255,.96)!important;
border-bottom:1px solid #dbe3ef!important;
box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
body .v1-mark{
order:0!important;
flex:0 0 48px!important;
min-width:48px!important;
width:48px!important;
}
body .v1-brand{
order:1!important;
flex:1 1 auto!important;
max-width:calc(100% - 58px)!important;
align-items:center!important;
justify-content:flex-start!important;
gap:9px!important;
}
body .v1-brand img{
order:0!important;
flex:0 0 48px!important;
width:48px!important;
min-width:48px!important;
max-width:48px!important;
height:48px!important;
min-height:48px!important;
max-height:48px!important;
border-radius:15px!important;
padding:4px!important;
}
body .v1-brand > div,
body.bills-page .v1-brand > div,
body.invoices-page .v1-brand > div,
body.carriers-page .v1-brand > div,
body.unloading-locations-page .v1-brand > div{
flex:1 1 auto!important;
max-width:calc(100vw - 130px)!important;
align-items:flex-end!important;
gap:2px!important;
}
body .v1-brand strong{
font-size:13.5px!important;
line-height:1.25!important;
}
body .v1-brand span{
display:block!important;
font-size:10.8px!important;
line-height:1.35!important;
}
body .v1-brand b{
font-size:11.2px!important;
line-height:1.35!important;
}
body .v1-brand .v1-subscription-expiry{
align-self:flex-end!important;
max-width:100%!important;
min-height:22px!important;
height:22px!important;
margin:4px 0 0!important;
padding:0 8px!important;
border-radius:999px!important;
background:#f8fbff!important;
border:1px solid #d5e2f5!important;
color:#475569!important;
box-shadow:none!important;
font-size:10.5px!important;
line-height:22px!important;
}
.v1-back-mark{
position:relative;
width:48px;
height:48px;
min-width:48px;
min-height:48px;
border-radius:15px;
font-size:0;
color:#111827;
background:#fff;
border-color:#bfdbfe;
box-shadow:0 8px 18px rgba(37,99,235,.08);
}
.v1-back-mark::before{
content:"";
width:19px;
height:19px;
border-left:6px solid currentColor;
border-bottom:6px solid currentColor;
border-radius:4px;
transform:rotate(45deg);
margin-left:5px;
}
.v1-back-mark:hover,
.v1-back-mark:focus-visible{
color:#2563eb;
border-color:#a9c4ff;
}
}
/* Codex absolute mobile header/navigation lock - keep this at the physical end. */
@media(max-width:760px){
body:not(.login-page):not(.register-page):not(.print-page) .v1-header{
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
z-index:800!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
direction:ltr!important;
background:rgba(255,255,255,.96)!important;
border-bottom:1px solid #dbe4f2!important;
box-shadow:0 6px 18px rgba(15,23,42,.07)!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header){
padding-top:44px!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-brand,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-brand *,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header > img,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-subscription-expiry{
display:none!important;
visibility:hidden!important;
width:0!important;
height:0!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark{
order:1!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark::before{
content:""!important;
width:14px!important;
height:14px!important;
border-left:2.25px solid currentColor!important;
border-bottom:2.25px solid currentColor!important;
border-radius:1px!important;
transform:rotate(45deg)!important;
margin:0 0 0 4px!important;
box-sizing:border-box!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark:hover,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark:focus-visible,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark:active{
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
outline:none!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .v1-back-mark[hidden]{
display:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle{
order:2!important;
margin:0 0 0 auto!important;
width:32px!important;
min-width:32px!important;
max-width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:4px!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle span{
width:20px!important;
height:2px!important;
border-radius:999px!important;
background:currentColor!important;
display:block!important;
margin:0!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle:hover,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle:focus-visible,
body:not(.login-page):not(.register-page):not(.print-page) .v1-header .mobile-nav-toggle:active{
background:transparent!important;
box-shadow:none!important;
outline:none!important;
transform:none!important;
}
.mobile-nav-icon{
width:23px!important;
height:23px!important;
flex:0 0 23px!important;
display:block!important;
background:currentColor!important;
color:currentColor!important;
-webkit-mask:var(--mobile-nav-icon) center / contain no-repeat!important;
mask:var(--mobile-nav-icon) center / contain no-repeat!important;
position:static!important;
}
.mobile-nav-icon::before,
.mobile-nav-icon::after{
display:none!important;
content:none!important;
}
}
/* Codex: final default logo fitting and desktop header back icon. */
.v1-brand img,
.logo-current-preview img,
.print-brand img,
.sign-head img{
object-fit:contain!important;
object-position:center!important;
padding:0!important;
}
.logo-current-preview img{
width:100%!important;
height:100%!important;
min-width:0!important;
background:transparent!important;
transform:none!important;
}
@media(min-width:761px){
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark{
width:36px!important;
min-width:36px!important;
max-width:36px!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#111827!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
transform:none!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark::before{
content:""!important;
width:16px!important;
height:16px!important;
border-left:3px solid currentColor!important;
border-bottom:3px solid currentColor!important;
border-radius:2px!important;
transform:rotate(45deg)!important;
margin:0 0 0 4px!important;
box-sizing:border-box!important;
}
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark:hover,
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark:focus-visible,
body:not(.login-page):not(.register-page):not(.print-page) .v1-back-mark:active{
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#2563eb!important;
outline:none!important;
transform:none!important;
}
}
/* Codex: settings final override after all legacy CSS. */
.activity-options.activity-options-grouped{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
.activity-option-column{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
align-content:start!important;
}
.v1-brand img[src*="default-truck.png"],
.logo-current-preview img[src*="default-truck.png"],
.print-brand img[src*="default-truck.png"],
.sign-head img[src*="default-truck.png"],
.waybill-print-preview-paper header img[src*="default-truck.png"]{
object-fit:contain!important;
object-position:center!important;
padding:0!important;
}
@media(max-width:760px){
.activity-options.activity-options-grouped{
grid-template-columns:1fr!important;
}
.waybill-print-preview-wrap{
max-width:100%!important;
overflow:hidden!important;
}
.waybill-print-preview-stage{
width:100%!important;
min-height:0!important;
padding:12px!important;
overflow-x:auto!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.waybill-print-preview-paper,
.waybill-print-preview-paper[data-paper-size="A5"],
.waybill-print-preview-paper[data-paper-size="A6"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
min-height:auto!important;
overflow:hidden!important;
}
.waybill-print-preview-meta{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:5px!important;
}
.waybill-print-preview-paper table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
}
.waybill-print-preview-paper th,
.waybill-print-preview-paper td{
padding:4px 2px!important;
font-size:6.5px!important;
line-height:1.45!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
}
/* Codex: physical-end sending print settings override. */
.settings-subform-title{
grid-column:1 / -1!important;
min-height:44px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
gap:4px!important;
margin:0!important;
}
.settings-subform-title h3{
margin:0!important;
color:#0f172a!important;
font-size:18px!important;
font-weight:900!important;
line-height:1.45!important;
}
.settings-subform-title p{
margin:0!important;
color:#64748b!important;
font-size:13px!important;
font-weight:800!important;
line-height:1.6!important;
}
.sending-print-settings-form{
margin-top:24px!important;
padding-top:24px!important;
border-top:1px solid #e2e8f0!important;
}
.sending-print-settings-form .waybill-print-paper-size{
min-height:94px!important;
}
.sending-print-settings-form .settings-form-actions{
grid-column:1 / -1!important;
min-height:58px!important;
}
.sending-print-preview-wrap{
grid-column:1 / -1!important;
min-height:520px!important;
}
.sending-print-preview-wrap .waybill-print-preview-stage{
min-height:480px!important;
overflow:auto!important;
}
.sending-waybill-preview-paper[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
max-width:none!important;
min-height:380px!important;
}
.sending-waybill-preview-paper[data-paper-size="A5"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
min-height:520px!important;
}
.sending-invoice-preview-paper[data-paper-size="A5"]{
width:368px!important;
min-width:368px!important;
max-width:none!important;
min-height:520px!important;
}
.sending-invoice-preview-paper[data-paper-size="A4"]{
width:460px!important;
min-width:460px!important;
max-width:none!important;
min-height:650px!important;
}
.sending-invoice-preview-paper table,
.sending-waybill-preview-paper table{
table-layout:fixed!important;
}
.sending-invoice-preview-paper th,
.sending-invoice-preview-paper td,
.sending-waybill-preview-paper th,
.sending-waybill-preview-paper td{
overflow-wrap:anywhere!important;
}
@media(max-width:760px){
.settings-subform-title{min-height:42px!important}
.settings-subform-title h3{font-size:16px!important}
.settings-subform-title p{font-size:12px!important}
.sending-print-settings-form{margin-top:18px!important;padding-top:18px!important}
.sending-print-preview-wrap{min-height:0!important}
.sending-print-preview-wrap .waybill-print-preview-stage{
min-height:0!important;
overflow-x:auto!important;
overflow-y:hidden!important;
justify-content:flex-start!important;
align-items:flex-start!important;
}
.sending-waybill-preview-paper[data-paper-size="A6"]{width:270px!important;min-width:270px!important}
.sending-waybill-preview-paper[data-paper-size="A5"],
.sending-invoice-preview-paper[data-paper-size="A5"]{width:368px!important;min-width:368px!important}
.sending-invoice-preview-paper[data-paper-size="A4"]{width:460px!important;min-width:460px!important}
}
/* Codex: physical-end paper size radio alignment and A4/A5/A6 preview support. */
.waybill-print-paper-size{
min-height:76px!important;
margin:0!important;
padding:14px 16px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
flex-wrap:wrap!important;
border:1px solid #dbe3ef!important;
border-radius:16px!important;
background:#fff!important;
}
.waybill-print-paper-size legend{
padding:0 6px!important;
color:#475569!important;
font-size:13px!important;
font-weight:950!important;
line-height:1.4!important;
}
.waybill-print-paper-size label{
min-width:76px!important;
width:76px!important;
height:44px!important;
padding:0 10px!important;
display:inline-flex!important;
flex-direction:row-reverse!important;
align-items:center!important;
justify-content:space-between!important;
border:1px solid #dbe3ef!important;
border-radius:12px!important;
color:#334155!important;
background:#fff!important;
font-size:14px!important;
font-weight:950!important;
line-height:1!important;
cursor:pointer!important;
box-sizing:border-box!important;
transform:none!important;
}
.waybill-print-paper-size label:hover,
.waybill-print-paper-size label:focus-within,
.waybill-print-paper-size label:active{
transform:none!important;
box-shadow:none!important;
}
.waybill-print-paper-size input{
width:20px!important;
height:20px!important;
min-width:20px!important;
min-height:20px!important;
margin:0!important;
flex:0 0 20px!important;
accent-color:#2563eb!important;
}
.waybill-print-paper-size span{
display:block!important;
min-width:24px!important;
text-align:center!important;
white-space:nowrap!important;
margin-left:8px!important;
}
.waybill-print-preview-paper[data-paper-size="A4"]{
width:460px!important;
min-width:460px!important;
max-width:none!important;
min-height:650px!important;
}
.sending-waybill-preview-paper[data-paper-size="A4"],
.sending-invoice-preview-paper[data-paper-size="A4"]{
width:460px!important;
min-width:460px!important;
max-width:none!important;
min-height:650px!important;
}
.sending-waybill-preview-paper[data-paper-size="A6"],
.sending-invoice-preview-paper[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
max-width:none!important;
min-height:380px!important;
}
@media(max-width:760px){
.waybill-print-paper-size{
min-height:0!important;
padding:12px!important;
gap:8px!important;
}
.waybill-print-paper-size label{
width:72px!important;
min-width:72px!important;
height:42px!important;
padding:0 9px!important;
}
.waybill-print-preview-paper[data-paper-size="A4"],
.sending-waybill-preview-paper[data-paper-size="A4"],
.sending-invoice-preview-paper[data-paper-size="A4"]{
width:460px!important;
min-width:460px!important;
}
.sending-waybill-preview-paper[data-paper-size="A6"],
.sending-invoice-preview-paper[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
}
}
/* Codex: sending waybill contract preview must match black-and-white print output. */
.sending-contract-preview{
background:#fff!important;
color:#000!important;
border:2px solid #000!important;
border-radius:12px!important;
box-shadow:none!important;
padding:18px!important;
display:block!important;
font-family:Vazirmatn,Tahoma,Arial,sans-serif!important;
}
.sending-contract-preview *{
box-sizing:border-box!important;
color:#000!important;
box-shadow:none!important;
}
.contract-preview-head{
display:grid!important;
grid-template-columns:68px 1fr!important;
gap:16px!important;
align-items:start!important;
padding-bottom:16px!important;
border-bottom:2px solid #000!important;
margin:0 0 14px!important;
}
.contract-preview-logo{
width:58px!important;
height:58px!important;
border:2px solid #000!important;
border-radius:12px!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.contract-preview-logo img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
filter:grayscale(1)!important;
display:block!important;
}
.contract-preview-title{
text-align:right!important;
display:grid!important;
gap:4px!important;
}
.contract-preview-title b{
font-size:18px!important;
line-height:1.45!important;
font-weight:950!important;
}
.contract-preview-title span{
font-size:8px!important;
line-height:1.6!important;
font-weight:800!important;
}
.contract-preview-meta{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
margin:0 0 14px!important;
font-size:12px!important;
font-weight:950!important;
text-align:center!important;
}
.contract-preview-parties,
.contract-preview-mobiles{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
margin-bottom:8px!important;
}
.contract-preview-parties>div{
min-height:38px!important;
border:2px solid #000!important;
border-radius:16px!important;
padding:7px 10px!important;
text-align:right!important;
display:grid!important;
grid-template-columns:auto 1fr!important;
gap:8px!important;
align-items:center!important;
}
.contract-preview-parties small{
display:block!important;
color:#64748b!important;
font-size:10px!important;
font-weight:800!important;
}
.contract-preview-parties b{
display:block!important;
margin-top:0!important;
font-size:15px!important;
font-weight:950!important;
text-align:left!important;
}
.contract-preview-mobiles span{
min-height:38px!important;
border:2px solid #000!important;
border-radius:14px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:11px!important;
font-weight:950!important;
}
.contract-preview-goods{
width:100%!important;
border-collapse:separate!important;
border-spacing:0!important;
table-layout:fixed!important;
border:2px solid #000!important;
border-radius:16px!important;
overflow:hidden!important;
margin:0 0 10px!important;
font-size:11px!important;
}
.contract-preview-goods th,
.contract-preview-goods td{
height:28px!important;
border-left:2px solid #000!important;
border-bottom:2px solid #000!important;
text-align:center!important;
vertical-align:middle!important;
padding:2px 6px!important;
font-weight:900!important;
background:#fff!important;
}
.contract-preview-goods th:last-child,
.contract-preview-goods td:last-child{border-left:0!important}
.contract-preview-goods tr:last-child td{border-bottom:0!important}
.contract-preview-goods th:first-child,
.contract-preview-goods td:first-child{width:28%!important}
.contract-preview-totals{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
border:2px solid #000!important;
border-radius:14px!important;
overflow:hidden!important;
margin-bottom:12px!important;
font-size:10px!important;
font-weight:950!important;
}
.contract-preview-totals span{
min-height:34px!important;
border-left:2px solid #000!important;
border-bottom:2px solid #000!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:6px!important;
padding:6px 10px!important;
}
.contract-preview-totals span:nth-child(2n){border-left:0!important}
.contract-preview-totals span:nth-last-child(-n+2){border-bottom:0!important}
.contract-preview-notes{
min-height:96px!important;
border:2px solid #000!important;
border-radius:14px!important;
padding:8px 12px 12px!important;
text-align:right!important;
}
.contract-preview-notes small{
display:block!important;
color:#64748b!important;
font-size:10px!important;
font-weight:800!important;
margin-bottom:8px!important;
}
.contract-preview-notes span{
display:block!important;
font-size:12px!important;
font-weight:800!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:normal!important;
line-height:1.35!important;
}
@media(max-width:760px){
.sending-contract-preview{padding:14px!important}
.contract-preview-head{grid-template-columns:54px 1fr!important;gap:12px!important}
.contract-preview-logo{width:48px!important;height:48px!important;border-radius:10px!important}
.contract-preview-title b{font-size:15px!important}
.contract-preview-meta{font-size:10px!important;gap:5px!important}
.contract-preview-parties b{font-size:13px!important}
.contract-preview-mobiles span{font-size:9px!important}
}
/* Codex: final A6-first sending contract preview sizing. */
.sending-contract-preview[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
min-height:382px!important;
padding:10px!important;
border-width:2px!important;
border-radius:10px!important;
}
.sending-contract-preview[data-paper-size="A5"]{
width:382px!important;
min-width:382px!important;
min-height:542px!important;
padding:15px!important;
}
.sending-contract-preview[data-paper-size="A4"]{
width:540px!important;
min-width:540px!important;
min-height:770px!important;
padding:20px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-head{
grid-template-columns:42px 1fr!important;
gap:8px!important;
padding-bottom:8px!important;
margin-bottom:8px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-logo{
width:38px!important;
height:38px!important;
border-radius:8px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-title{
gap:1px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-title b{
font-size:11px!important;
line-height:1.35!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-title span{
font-size:5.6px!important;
line-height:1.55!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-meta{
font-size:7.2px!important;
gap:4px!important;
margin-bottom:8px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-parties,
.sending-contract-preview[data-paper-size="A6"] .contract-preview-mobiles{
gap:4px!important;
margin-bottom:4px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-parties>div{
min-height:24px!important;
border-radius:10px!important;
padding:4px 6px!important;
display:grid!important;
grid-template-columns:auto 1fr!important;
gap:5px!important;
align-items:center!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-parties small{
font-size:6.2px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-parties b{
font-size:9px!important;
margin-top:0!important;
text-align:left!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-mobiles span{
min-height:22px!important;
border-radius:8px!important;
font-size:6.4px!important;
padding:2px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-goods{
font-size:7px!important;
border-radius:10px!important;
margin-bottom:6px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-goods th,
.sending-contract-preview[data-paper-size="A6"] .contract-preview-goods td{
height:18px!important;
padding:1px 3px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-totals{
font-size:6.4px!important;
border-radius:8px!important;
margin-bottom:6px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-totals span{
min-height:20px!important;
gap:2px!important;
padding:3px 5px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-notes{
min-height:48px!important;
border-radius:8px!important;
padding:4px 6px 7px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-notes small{
font-size:6.4px!important;
margin-bottom:4px!important;
}
.sending-contract-preview[data-paper-size="A6"] .contract-preview-notes span{
font-size:7px!important;
line-height:1.32!important;
}
/* Codex: black-and-white sending invoice print preview. */
.sending-invoice-contract-preview{
background:#fff!important;
color:#000!important;
border:2px solid #000!important;
border-radius:10px!important;
box-shadow:none!important;
padding:14px!important;
font-family:Vazirmatn,Tahoma,Arial,sans-serif!important;
}
.sending-invoice-contract-preview *,
.sending-invoice-contract-preview table,
.sending-invoice-contract-preview th,
.sending-invoice-contract-preview td{
color:#000!important;
box-shadow:none!important;
box-sizing:border-box!important;
}
.sending-invoice-contract-preview .invoice-preview-head{
display:grid!important;
grid-template-columns:64px 1fr!important;
gap:18px!important;
align-items:start!important;
border-bottom:2px solid #000!important;
padding-bottom:14px!important;
margin-bottom:12px!important;
}
.sending-invoice-contract-preview .invoice-preview-head img{
width:62px!important;
height:62px!important;
border:0!important;
border-radius:0!important;
object-fit:contain!important;
filter:grayscale(1)!important;
}
.sending-invoice-contract-preview .invoice-preview-head div{
text-align:right!important;
display:grid!important;
gap:3px!important;
}
.sending-invoice-contract-preview .invoice-preview-head b{
font-size:16px!important;
line-height:1.35!important;
font-weight:950!important;
}
.sending-invoice-contract-preview .invoice-preview-head small{
font-size:7.5px!important;
line-height:1.45!important;
font-weight:800!important;
}
.sending-invoice-contract-preview h4{
margin:0 0 10px!important;
text-align:center!important;
font-size:15px!important;
font-weight:950!important;
}
.sending-invoice-contract-preview .invoice-preview-fields{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:5px!important;
margin-bottom:7px!important;
}
.sending-invoice-contract-preview .invoice-preview-fields span{
min-height:28px!important;
border:2px solid #000!important;
border-radius:8px!important;
padding:4px 7px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:5px!important;
font-size:8px!important;
font-weight:850!important;
}
.sending-invoice-contract-preview .invoice-preview-fields b{
font-weight:950!important;
white-space:nowrap!important;
}
.sending-invoice-contract-preview table{
width:100%!important;
border-collapse:collapse!important;
table-layout:fixed!important;
margin:7px 0!important;
font-size:6.7px!important;
}
.sending-invoice-contract-preview th,
.sending-invoice-contract-preview td{
border:2px solid #000!important;
height:22px!important;
padding:2px 3px!important;
text-align:center!important;
vertical-align:middle!important;
background:#fff!important;
font-weight:850!important;
}
.sending-invoice-contract-preview th{
font-weight:950!important;
}
.sending-invoice-contract-preview .invoice-preview-summary{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:5px!important;
margin:8px 0!important;
}
.sending-invoice-contract-preview .invoice-preview-summary span{
min-height:42px!important;
border:2px solid #000!important;
border-radius:8px!important;
padding:5px!important;
text-align:right!important;
font-size:7.5px!important;
font-weight:950!important;
}
.sending-invoice-contract-preview .invoice-preview-summary small{
display:block!important;
color:#64748b!important;
font-size:7px!important;
font-weight:850!important;
margin-bottom:4px!important;
}
.sending-invoice-contract-preview .invoice-preview-notes{
min-height:32px!important;
border:2px solid #000!important;
border-radius:8px!important;
padding:6px 8px!important;
font-size:8px!important;
font-weight:850!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
.sending-invoice-contract-preview footer{
border-top:2px solid #000!important;
margin-top:8px!important;
padding-top:7px!important;
text-align:center!important;
font-size:7px!important;
font-weight:850!important;
color:#475569!important;
}
.sending-invoice-contract-preview[data-paper-size="A6"]{
width:270px!important;
min-width:270px!important;
min-height:382px!important;
padding:9px!important;
}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-head{
grid-template-columns:38px 1fr!important;
gap:8px!important;
padding-bottom:8px!important;
margin-bottom:7px!important;
}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-head img{
width:36px!important;
height:36px!important;
}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-head b{font-size:9px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-head small{font-size:4.8px!important;line-height:1.35!important}
.sending-invoice-contract-preview[data-paper-size="A6"] h4{font-size:9px!important;margin-bottom:6px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-fields{gap:3px!important;margin-bottom:5px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-fields span{min-height:17px!important;border-radius:5px!important;padding:2px 4px!important;font-size:4.9px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] table{font-size:4.6px!important;margin:5px 0!important}
.sending-invoice-contract-preview[data-paper-size="A6"] th,
.sending-invoice-contract-preview[data-paper-size="A6"] td{height:14px!important;padding:1px!important;border-width:1.5px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-summary{gap:3px!important;margin:5px 0!important}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-summary span{min-height:24px!important;border-radius:5px!important;padding:3px!important;font-size:4.8px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-summary small{font-size:4.6px!important;margin-bottom:2px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] .invoice-preview-notes{min-height:18px!important;border-radius:5px!important;padding:3px 4px!important;font-size:4.8px!important}
.sending-invoice-contract-preview[data-paper-size="A6"] footer{font-size:4.5px!important;margin-top:5px!important;padding-top:4px!important}
/* Codex: compact bulk add button on mobile sending invoice form. */
@media(max-width:960px){
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:hover,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:focus,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:active{
flex:0 0 96px!important;
width:96px!important;
min-width:96px!important;
max-width:96px!important;
height:40px!important;
min-height:40px!important;
max-height:40px!important;
padding:0 10px!important;
margin:0!important;
border-radius:16px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
line-height:1!important;
white-space:nowrap!important;
transform:none!important;
}
.sending-invoice-list-toolbar .sending-bulk-add-symbol,
.sending-invoice-list-toolbar .sending-bulk-add-text{
height:18px!important;
line-height:18px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
transform:none!important;
}
}
/* Codex: center icon and label inside mobile bulk add button. */
@media(max-width:960px){
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:hover,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:focus,
.sending-invoice-list-toolbar .sending-bulk-add-icon-btn:active{
display:grid!important;
grid-template-columns:14px auto!important;
place-content:center!important;
place-items:center!important;
column-gap:6px!important;
text-align:center!important;
}
.sending-invoice-list-toolbar .sending-bulk-add-symbol,
.sending-invoice-list-toolbar .sending-bulk-add-text{
position:static!important;
inset:auto!important;
justify-self:center!important;
align-self:center!important;
vertical-align:middle!important;
text-align:center!important;
}
}
/* Stabilize carrier and unloading management pages */
body.carriers-page,
body.unloading-locations-page{
min-height:100vh!important;
height:auto!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
body.carriers-page .page,
body.unloading-locations-page .page{
min-height:100vh!important;
height:auto!important;
overflow:visible!important;
}
body.carriers-page .admin-wrap,
body.unloading-locations-page .admin-wrap{
min-height:0!important;
height:auto!important;
overflow:visible!important;
padding-bottom:48px!important;
}
body.carriers-page .admin-hero,
body.carriers-page .admin-card,
body.unloading-locations-page .admin-hero,
body.unloading-locations-page .admin-card{
overflow:visible!important;
box-sizing:border-box!important;
}
body.carriers-page .tenant-connections-card,
body.unloading-locations-page .tenant-connections-card{
padding:20px!important;
gap:14px!important;
}
body.carriers-page .tenant-connections-card .admin-card-head,
body.unloading-locations-page .tenant-connections-card .admin-card-head{
min-height:64px!important;
align-items:center!important;
padding:0!important;
}
body.carriers-page .tenant-connection-search,
body.unloading-locations-page .tenant-connection-search{
display:grid!important;
grid-template-columns:minmax(280px,1fr) minmax(170px,220px) 112px!important;
gap:12px!important;
align-items:end!important;
min-height:74px!important;
height:auto!important;
}
body.carriers-page .tenant-connection-search label,
body.unloading-locations-page .tenant-connection-search label{
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
gap:6px!important;
height:68px!important;
min-height:68px!important;
max-height:68px!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
body.carriers-page .tenant-connection-search label > span,
body.unloading-locations-page .tenant-connection-search label > span{
display:block!important;
height:20px!important;
line-height:20px!important;
padding:0 4px!important;
margin:0!important;
color:#64748b!important;
font-size:12.5px!important;
font-weight:850!important;
white-space:nowrap!important;
}
body.carriers-page .tenant-connection-search input,
body.carriers-page .tenant-connection-search select,
body.unloading-locations-page .tenant-connection-search input,
body.unloading-locations-page .tenant-connection-search select{
display:block!important;
width:100%!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
line-height:42px!important;
margin:0!important;
padding:0 14px!important;
border:1px solid #d7e0ec!important;
border-radius:12px!important;
box-sizing:border-box!important;
outline:0!important;
transform:none!important;
background:#fff!important;
color:#111827!important;
font-size:14px!important;
font-weight:800!important;
}
body.carriers-page .tenant-connection-search input:focus,
body.carriers-page .tenant-connection-search select:focus,
body.unloading-locations-page .tenant-connection-search input:focus,
body.unloading-locations-page .tenant-connection-search select:focus{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:0!important;
padding:0 14px!important;
border-width:1px!important;
border-color:#93c5fd!important;
box-shadow:0 0 0 3px rgba(59,130,246,.10)!important;
transform:none!important;
}
body.carriers-page .tenant-connection-search .ui-btn,
body.unloading-locations-page .tenant-connection-search .ui-btn,
body.carriers-page .tenant-connections-card .ui-btn,
body.unloading-locations-page .tenant-connections-card .ui-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
line-height:42px!important;
margin:0!important;
padding:0 14px!important;
border-radius:12px!important;
box-sizing:border-box!important;
transform:none!important;
font-size:13.5px!important;
font-weight:900!important;
white-space:nowrap!important;
}
body.carriers-page .tenant-connection-search .ui-btn:hover,
body.carriers-page .tenant-connection-search .ui-btn:focus,
body.carriers-page .tenant-connection-search .ui-btn:active,
body.unloading-locations-page .tenant-connection-search .ui-btn:hover,
body.unloading-locations-page .tenant-connection-search .ui-btn:focus,
body.unloading-locations-page .tenant-connection-search .ui-btn:active,
body.carriers-page .tenant-connections-card .ui-btn:hover,
body.carriers-page .tenant-connections-card .ui-btn:focus,
body.carriers-page .tenant-connections-card .ui-btn:active,
body.unloading-locations-page .tenant-connections-card .ui-btn:hover,
body.unloading-locations-page .tenant-connections-card .ui-btn:focus,
body.unloading-locations-page .tenant-connections-card .ui-btn:active{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
margin:0!important;
transform:none!important;
}
body.carriers-page .tenant-connection-result,
body.carriers-page .tenant-connection-row,
body.unloading-locations-page .tenant-connection-result,
body.unloading-locations-page .tenant-connection-row{
min-height:58px!important;
padding:10px 12px!important;
border-radius:12px!important;
box-sizing:border-box!important;
align-items:center!important;
}
body.carriers-page .tenant-connection-result *,
body.carriers-page .tenant-connection-row *,
body.unloading-locations-page .tenant-connection-result *,
body.unloading-locations-page .tenant-connection-row *{
box-sizing:border-box!important;
}
@media(max-width:900px){
body.carriers-page .tenant-connection-search,
body.unloading-locations-page .tenant-connection-search{
grid-template-columns:1fr!important;
min-height:0!important;
}
body.carriers-page .tenant-connection-search label,
body.unloading-locations-page .tenant-connection-search label{
height:68px!important;
min-height:68px!important;
max-height:68px!important;
}
body.carriers-page .tenant-connection-search .ui-btn,
body.unloading-locations-page .tenant-connection-search .ui-btn{
width:100%!important;
}
}
/* Codex: stable Iranian plate field inside the sending invoice form. */
.sending-invoice-form .sending-invoice-driver-grid{
align-items:start!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-field,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-field:hover,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-field:focus-within{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:20px 58px!important;
gap:7px!important;
min-height:85px!important;
height:85px!important;
max-height:85px!important;
width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
isolation:isolate!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-field > span:first-child{
grid-row:1!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
line-height:20px!important;
margin:0!important;
padding:0 4px!important;
position:relative!important;
z-index:2!important;
text-align:right!important;
direction:rtl!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-control,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-control:hover,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-control:focus-within{
grid-row:2!important;
position:relative!important;
z-index:1!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:50px 54px 64px 82px 1px 70px!important;
align-items:stretch!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:58px!important;
min-height:58px!important;
max-height:58px!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
transform:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-control *{
box-sizing:border-box!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-input,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-letter,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-region-box{
position:relative!important;
z-index:3!important;
pointer-events:auto!important;
flex:none!important;
transform:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-letter{
text-align-last:center!important;
padding:0 18px 0 4px!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-flag{
height:58px!important;
min-height:58px!important;
max-height:58px!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-input,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-letter{
height:58px!important;
min-height:58px!important;
max-height:58px!important;
line-height:58px!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-region-box{
height:58px!important;
min-height:58px!important;
max-height:58px!important;
grid-template-rows:18px 40px!important;
}
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-region-box .iran-plate-region{
height:38px!important;
min-height:38px!important;
max-height:38px!important;
line-height:38px!important;
}
@media(max-width:760px){
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-control,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-control:hover,
.sending-invoice-form .sending-invoice-driver-grid .iran-plate-control:focus-within{
grid-template-columns:44px 42px 58px 66px 1px 58px!important;
}
}
/* Stable dashboard badge for pending system receipts. */
.v1-card-badge{
position:absolute;
top:18px;
left:18px;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:88px;
height:32px;
padding:0 12px;
border-radius:999px;
background:#eef6ff;
color:#2563eb;
border:1px solid rgba(37,99,235,.18);
font-size:12px;
line-height:32px;
font-weight:950;
white-space:nowrap;
box-sizing:border-box;
}
/* Codex: final lock for sending invoice Iranian plate widget.
The widget contains multiple controls, so it must be isolated from generic label/input focus styles. */
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field:hover,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field:focus-within,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field:active{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:20px 56px!important;
gap:7px!important;
width:100%!important;
min-width:0!important;
height:83px!important;
min-height:83px!important;
max-height:83px!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
align-content:start!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field > span:first-child{
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
margin:0!important;
padding:0 4px!important;
color:#64748b!important;
font-size:13px!important;
font-weight:950!important;
line-height:20px!important;
transform:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:hover,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:focus-within,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:active{
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:48px 17% 16% 24% 1px 1fr!important;
align-items:stretch!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
margin:0!important;
padding:0!important;
border:1px solid #cbd5e1!important;
border-radius:16px!important;
background:#fff!important;
overflow:hidden!important;
direction:ltr!important;
transform:none!important;
box-shadow:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:focus-within{
border-color:#3b82f6!important;
box-shadow:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-input,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-input:hover,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-input:focus,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-input:active,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter:hover,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter:focus,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter:active{
box-sizing:border-box!important;
display:block!important;
position:relative!important;
z-index:5!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
margin:0!important;
padding:0 4px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
outline:0!important;
color:#111827!important;
font-size:20px!important;
font-weight:950!important;
line-height:56px!important;
text-align:center!important;
pointer-events:auto!important;
transform:none!important;
transition:none!important;
caret-color:#111827!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter{
appearance:none!important;
-webkit-appearance:none!important;
direction:rtl!important;
cursor:pointer!important;
text-align-last:center!important;
padding:0 4px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-flag{
width:48px!important;
min-width:48px!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
transform:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-region-box{
box-sizing:border-box!important;
display:grid!important;
grid-template-rows:17px 39px!important;
width:100%!important;
min-width:0!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
margin:0!important;
padding:1px 2px!important;
transform:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-region-box .iran-plate-region{
height:37px!important;
min-height:37px!important;
max-height:37px!important;
line-height:37px!important;
}
@media(max-width:760px){
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:hover,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:focus-within,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:active{
grid-template-columns:44px 16% 15% 24% 1px 1fr!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-input,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter{
font-size:18px!important;
}
}
@media(max-width:560px){
.v1-card-badge{
top:16px;
left:16px;
height:30px;
min-width:80px;
line-height:30px;
font-size:11.5px;
}
}
/* System received invoice update note */
.incoming-update-note{
display:block;
margin-top:6px;
max-width:260px;
color:#64748b;
font-size:12px;
line-height:1.8;
white-space:normal;
}
/* Codex: hard lock the sending-invoice plate widget with fixed flex segments.
This overrides older grid rules so typing in one plate segment cannot resize or hide another. */
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:hover,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:focus,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:focus-within,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control:active{
display:flex!important;
flex-flow:row nowrap!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:0!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:56px!important;
min-height:56px!important;
max-height:56px!important;
overflow:hidden!important;
contain:layout paint style!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-control > *{
box-sizing:border-box!important;
min-width:0!important;
max-height:56px!important;
margin:0!important;
transform:none!important;
transition:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-flag{
flex:0 0 50px!important;
width:50px!important;
min-width:50px!important;
max-width:50px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-two{
flex:0 0 66px!important;
width:66px!important;
min-width:66px!important;
max-width:66px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter{
flex:0 0 66px!important;
width:66px!important;
min-width:66px!important;
max-width:66px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-three{
flex:1 1 96px!important;
width:auto!important;
min-width:82px!important;
max-width:none!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-separator{
flex:0 0 1px!important;
width:1px!important;
min-width:1px!important;
max-width:1px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-region-box{
flex:0 0 86px!important;
width:86px!important;
min-width:86px!important;
max-width:86px!important;
overflow:hidden!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-region-box .iran-plate-region{
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-input,
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter{
flex-shrink:0!important;
overflow:hidden!important;
text-overflow:clip!important;
}
@media(max-width:760px){
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-flag{
flex-basis:44px!important;
width:44px!important;
min-width:44px!important;
max-width:44px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-two{
flex-basis:52px!important;
width:52px!important;
min-width:52px!important;
max-width:52px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-letter{
flex-basis:58px!important;
width:58px!important;
min-width:58px!important;
max-width:58px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-three{
flex-basis:66px!important;
min-width:60px!important;
}
.sending-invoice-form .sending-invoice-driver-grid > .iran-plate-field .iran-plate-region-box{
flex-basis:64px!important;
width:64px!important;
min-width:64px!important;
max-width:64px!important;
}
}
/* Public home page */
.public-home-page{
background:#f2f6fb;
color:#0f172a;
}
.public-home-page .page{
width:100%;
min-height:100vh;
padding:0;
overflow-x:hidden;
}
.public-home-shell{
direction:rtl;
min-height:100vh;
background:
radial-gradient(circle at 12% 18%, rgba(37,99,235,.12), transparent 28rem),
radial-gradient(circle at 92% 4%, rgba(14,165,233,.13), transparent 24rem),
linear-gradient(180deg,#f8fbff 0%,#eef4fb 52%,#f7fafc 100%);
}
.public-home-nav{
position:sticky;
top:0;
z-index:30;
width:min(1180px, calc(100% - 40px));
min-height:78px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:14px 0;
background:rgba(248,251,255,.82);
backdrop-filter:blur(18px);
}
.public-brand{
display:flex;
align-items:center;
gap:12px;
min-width:260px;
color:#0f172a;
text-decoration:none;
}
.public-brand__mark{
width:52px;
height:52px;
border:1px solid #d8e3f4;
border-radius:16px;
background:#fff;
display:grid;
place-items:center;
overflow:hidden;
box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.public-brand__mark img{
width:100%;
height:100%;
object-fit:cover;
}
.public-brand strong{
display:block;
font-size:18px;
line-height:1.55;
}
.public-brand small{
display:block;
color:#64748b;
font-size:13px;
line-height:1.8;
}
.public-nav-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}
.public-nav-actions a{
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 16px;
border:1px solid transparent;
border-radius:999px;
color:#334155;
text-decoration:none;
font-size:14px;
font-weight:800;
white-space:nowrap;
}
.public-nav-link-ghost{
background:#fff;
border-color:#d9e3f2!important;
box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.public-nav-link-primary,
.public-btn--primary{
background:#2563eb;
color:#fff!important;
border-color:#2563eb!important;
box-shadow:0 18px 32px rgba(37,99,235,.22);
}
.public-hero{
width:min(1180px, calc(100% - 40px));
min-height:calc(100vh - 96px);
margin:0 auto;
display:grid;
grid-template-columns:minmax(0, .9fr) minmax(420px, 1.1fr);
align-items:center;
gap:34px;
padding:34px 0 62px;
}
.public-hero__copy{
position:relative;
z-index:2;
}
.public-eyebrow,
.public-section-heading p,
.public-final-cta p{
margin:0 0 12px;
color:#2563eb;
font-size:14px;
font-weight:900;
}
.public-hero h1{
margin:0;
font-size:clamp(38px, 5vw, 72px);
line-height:1.18;
letter-spacing:0;
max-width:780px;
}
.public-hero__lead{
margin:22px 0 0;
color:#475569;
font-size:18px;
font-weight:700;
line-height:2.05;
max-width:700px;
}
.public-hero__actions{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-top:30px;
}
.public-btn{
min-width:170px;
min-height:54px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 24px;
font-size:16px;
font-weight:900;
text-decoration:none;
border:1px solid #d8e3f4;
color:#0f172a;
background:#fff;
}
.public-btn--soft{
box-shadow:0 14px 28px rgba(15,23,42,.08);
}
.public-hero__stats{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
margin:30px 0 0;
max-width:620px;
}
.public-hero__stats div{
min-height:92px;
border:1px solid #dce6f3;
border-radius:18px;
background:rgba(255,255,255,.72);
padding:16px;
box-shadow:0 16px 34px rgba(15,23,42,.06);
}
.public-hero__stats dt{
color:#2563eb;
font-size:24px;
font-weight:1000;
}
.public-hero__stats dd{
margin:6px 0 0;
color:#64748b;
font-size:13px;
font-weight:800;
}
.public-hero-scene{
position:relative;
min-height:560px;
overflow:hidden;
border:1px solid #dbe6f4;
border-radius:34px;
background:
linear-gradient(180deg,#f9fcff 0%,#e8f2fb 58%,#dbe9f5 100%);
box-shadow:0 30px 70px rgba(15,23,42,.14);
}
.scene-sun{
position:absolute;
top:48px;
right:58px;
width:84px;
height:84px;
border-radius:50%;
background:#facc15;
box-shadow:0 0 60px rgba(250,204,21,.45);
}
.scene-city,
.scene-city:before,
.scene-city:after{
position:absolute;
bottom:148px;
content:"";
display:block;
background:#dfe8f3;
border:1px solid #cbd8e8;
}
.scene-city{
width:126px;
height:92px;
border-radius:10px 10px 0 0;
}
.scene-city:before{
width:44px;
height:60px;
bottom:-1px;
right:24px;
border-radius:8px 8px 0 0;
}
.scene-city:after{
width:36px;
height:128px;
bottom:-1px;
left:20px;
border-radius:8px 8px 0 0;
}
.scene-city--origin{right:42px;}
.scene-city--destination{left:46px;}
.scene-loader{
position:absolute;
bottom:174px;
width:18px;
height:54px;
border-radius:999px 999px 8px 8px;
background:#0f172a;
}
.scene-loader:before{
content:"";
position:absolute;
top:-16px;
right:-4px;
width:26px;
height:26px;
border-radius:50%;
background:#f59e0b;
}
.scene-loader:after{
content:"";
position:absolute;
top:18px;
right:-22px;
width:38px;
height:5px;
border-radius:999px;
background:#0f172a;
transform:rotate(-20deg);
transform-origin:right center;
animation:workerWave 2.4s ease-in-out infinite;
}
.scene-loader--one{right:220px;}
.scene-loader--two{
left:225px;
animation-delay:.6s;
}
.scene-cargo{
position:absolute;
bottom:156px;
width:54px;
height:42px;
border-radius:8px;
background:#f59e0b;
border:2px solid #b45309;
box-shadow:inset 0 0 0 7px rgba(255,255,255,.18);
animation:cargoLift 4.5s ease-in-out infinite;
}
.scene-cargo--one{right:254px;}
.scene-cargo--two{
left:254px;
animation-delay:1.5s;
}
.scene-road{
position:absolute;
left:0;
right:0;
bottom:86px;
height:104px;
background:#1f2937;
box-shadow:inset 0 10px 0 rgba(255,255,255,.08);
}
.scene-road span{
position:absolute;
top:50%;
width:120px;
height:8px;
border-radius:999px;
background:#f8fafc;
opacity:.9;
animation:roadLine 2.2s linear infinite;
}
.scene-road span:nth-child(1){right:4%;}
.scene-road span:nth-child(2){right:32%; animation-delay:.45s;}
.scene-road span:nth-child(3){right:62%; animation-delay:.9s;}
.scene-road span:nth-child(4){right:86%; animation-delay:1.35s;}
.scene-truck{
position:absolute;
bottom:148px;
right:8%;
width:min(470px, 58%);
max-height:260px;
object-fit:contain;
filter:drop-shadow(0 20px 18px rgba(15,23,42,.22));
animation:heroTruck 8s ease-in-out infinite;
}
.scene-delivery-card{
position:absolute;
left:34px;
bottom:32px;
min-width:210px;
min-height:86px;
border:1px solid #c7d7ec;
border-radius:22px;
background:rgba(255,255,255,.88);
display:flex;
flex-direction:column;
justify-content:center;
padding:16px 20px;
box-shadow:0 18px 30px rgba(15,23,42,.12);
animation:deliveryCard 8s ease-in-out infinite;
}
.scene-delivery-card strong{
font-size:18px;
color:#059669;
}
.scene-delivery-card small{
margin-top:5px;
color:#64748b;
font-weight:800;
}
@keyframes workerWave{
0%,100%{transform:rotate(-18deg);}
50%{transform:rotate(24deg);}
}
@keyframes cargoLift{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-32px);}
}
@keyframes roadLine{
from{transform:translateX(0);}
to{transform:translateX(260px);}
}
@keyframes heroTruck{
0%,100%{right:8%; transform:translateY(0) scale(1);}
42%{right:28%; transform:translateY(-6px) scale(1.02);}
72%{right:52%; transform:translateY(0) scale(1);}
}
@keyframes deliveryCard{
0%,55%{opacity:0; transform:translateY(18px);}
70%,100%{opacity:1; transform:translateY(0);}
}
.public-story{
width:min(1180px, calc(100% - 40px));
margin:0 auto;
display:grid;
grid-template-columns:minmax(380px, .95fr) minmax(0, 1.05fr);
gap:28px;
align-items:start;
padding:50px 0 40px;
}
.public-story-stage{
position:sticky;
top:100px;
min-height:620px;
border:1px solid #dbe6f4;
border-radius:32px;
background:linear-gradient(180deg,#fff 0%,#edf6ff 100%);
overflow:hidden;
box-shadow:0 28px 60px rgba(15,23,42,.12);
}
.story-track{
position:absolute;
left:8%;
right:8%;
bottom:145px;
height:94px;
border-radius:999px;
background:#202b3a;
}
.story-track span{
position:absolute;
top:42px;
width:110px;
height:7px;
border-radius:999px;
background:#fff;
}
.story-track span:nth-child(1){right:12%;}
.story-track span:nth-child(2){right:43%;}
.story-track span:nth-child(3){right:72%;}
.story-truck{
position:absolute;
width:260px;
height:160px;
object-fit:contain;
bottom:192px;
right:9%;
transition:right .75s ease, transform .75s ease, opacity .45s ease;
filter:drop-shadow(0 14px 14px rgba(15,23,42,.2));
}
.public-story[data-stage="invoice"] .story-truck{right:22%;}
.public-story[data-stage="route"] .story-truck{right:42%;}
.public-story[data-stage="delivery"] .story-truck{right:58%;}
.public-story[data-stage="accounting"] .story-truck{right:67%; transform:scale(.92);}
.story-point{
position:absolute;
bottom:258px;
min-width:82px;
min-height:36px;
border:1px solid #c9d7ea;
border-radius:999px;
background:#fff;
display:grid;
place-items:center;
font-weight:900;
color:#475569;
box-shadow:0 10px 22px rgba(15,23,42,.08);
}
.story-point--origin{right:8%;}
.story-point--middle{right:43%;}
.story-point--destination{left:8%;}
.story-box{
position:absolute;
width:42px;
height:38px;
border:2px solid #b45309;
background:#f59e0b;
border-radius:8px;
transition:all .6s ease;
}
.story-box--a{right:16%; bottom:345px;}
.story-box--b{right:24%; bottom:330px;}
.story-box--c{left:19%; bottom:330px;}
.public-story[data-stage="route"] .story-box--a,
.public-story[data-stage="route"] .story-box--b{right:47%; bottom:304px;}
.public-story[data-stage="delivery"] .story-box--c{left:14%; bottom:220px;}
.story-worker{
position:absolute;
width:18px;
height:54px;
border-radius:999px 999px 8px 8px;
background:#111827;
bottom:300px;
}
.story-worker:before{
content:"";
position:absolute;
top:-17px;
right:-4px;
width:26px;
height:26px;
border-radius:50%;
background:#f59e0b;
}
.story-worker--a{right:32%;}
.story-worker--b{left:29%;}
.story-status{
position:absolute;
top:34px;
right:34px;
left:34px;
min-height:96px;
border:1px solid #dbe6f4;
border-radius:24px;
background:rgba(255,255,255,.78);
padding:20px 22px;
}
.story-status span{
color:#64748b;
font-size:14px;
font-weight:900;
}
.story-status strong{
display:block;
margin-top:8px;
font-size:26px;
}
.public-story-list{
display:grid;
gap:18px;
}
.public-story-step{
min-height:220px;
border:1px solid #dbe6f4;
border-radius:28px;
background:#fff;
padding:28px;
box-shadow:0 20px 42px rgba(15,23,42,.08);
transition:border-color .25s ease, transform .25s ease;
}
.public-story-step.is-active{
border-color:#93c5fd;
transform:translateY(-2px);
}
.public-story-step span{
width:52px;
height:34px;
border-radius:999px;
background:#eff6ff;
color:#2563eb;
display:grid;
place-items:center;
font-weight:1000;
}
.public-story-step h2{
margin:24px 0 0;
font-size:30px;
line-height:1.4;
}
.public-story-step p{
margin:12px 0 0;
color:#64748b;
font-size:16px;
font-weight:750;
line-height:2;
}
.public-features{
width:min(1180px, calc(100% - 40px));
margin:0 auto;
padding:56px 0 36px;
}
.public-section-heading{
max-width:760px;
}
.public-section-heading h2,
.public-final-cta h2{
margin:0;
color:#0f172a;
font-size:clamp(30px, 4vw, 48px);
line-height:1.35;
}
.public-feature-grid{
margin-top:28px;
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:16px;
}
.public-feature-grid article{
min-height:210px;
border:1px solid #dbe6f4;
border-radius:24px;
background:#fff;
padding:24px;
box-shadow:0 20px 40px rgba(15,23,42,.07);
}
.public-feature-grid span{
display:inline-flex;
min-height:32px;
padding:0 12px;
align-items:center;
border-radius:999px;
background:#eff6ff;
color:#2563eb;
font-size:13px;
font-weight:1000;
}
.public-feature-grid h3{
margin:18px 0 0;
font-size:22px;
}
.public-feature-grid p{
margin:10px 0 0;
color:#64748b;
font-size:15px;
font-weight:750;
line-height:1.9;
}
.public-final-cta{
width:min(1180px, calc(100% - 40px));
min-height:220px;
margin:42px auto 70px;
border-radius:34px;
border:1px solid #cfe0f5;
background:
linear-gradient(135deg,rgba(37,99,235,.09),rgba(14,165,233,.08)),
#fff;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:34px;
box-shadow:0 28px 56px rgba(15,23,42,.12);
}
.public-final-cta span{
display:block;
margin-top:14px;
color:#64748b;
font-size:16px;
font-weight:800;
line-height:1.9;
}
@media(max-width:980px){
.public-home-nav{
position:relative;
width:min(100% - 28px, 760px);
align-items:flex-start;
flex-direction:column;
}
.public-nav-actions{
width:100%;
justify-content:flex-start;
}
.public-hero,
.public-story{
width:min(100% - 28px, 760px);
grid-template-columns:1fr;
}
.public-hero{
padding-top:18px;
}
.public-hero-scene{
min-height:440px;
}
.scene-truck{
width:62%;
}
.public-story-stage{
position:relative;
top:auto;
min-height:470px;
}
.public-feature-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.public-final-cta{
width:min(100% - 28px, 760px);
flex-direction:column;
align-items:flex-start;
}
}
@media(max-width:640px){
.public-home-nav,
.public-hero,
.public-story,
.public-features,
.public-final-cta{
width:calc(100% - 24px);
}
.public-brand{
min-width:0;
width:100%;
}
.public-brand strong{font-size:15px;}
.public-brand small{font-size:12px;}
.public-nav-actions{
display:grid;
grid-template-columns:1fr 1fr;
}
.public-nav-actions a{
min-height:42px;
padding:0 10px;
font-size:12px;
}
.public-hero h1{
font-size:34px;
}
.public-hero__lead{
font-size:15px;
}
.public-hero__actions{
display:grid;
grid-template-columns:1fr;
}
.public-btn{
width:100%;
min-height:50px;
}
.public-hero__stats{
grid-template-columns:1fr;
}
.public-hero-scene{
min-height:380px;
border-radius:24px;
}
.scene-city{
transform:scale(.72);
transform-origin:bottom center;
}
.scene-city--origin{right:4px;}
.scene-city--destination{left:4px;}
.scene-loader,
.scene-cargo{
display:none;
}
.scene-road{
bottom:72px;
height:82px;
}
.scene-truck{
width:78%;
right:5%;
bottom:128px;
}
.scene-delivery-card{
left:16px;
right:16px;
bottom:14px;
}
.public-story-stage{
min-height:390px;
border-radius:24px;
}
.story-track{
left:5%;
right:5%;
bottom:88px;
height:76px;
}
.story-truck{
width:190px;
bottom:126px;
}
.story-point{
bottom:195px;
min-width:62px;
font-size:12px;
}
.story-box,
.story-worker{
display:none;
}
.story-status{
top:18px;
right:18px;
left:18px;
min-height:86px;
}
.story-status strong{
font-size:22px;
}
.public-story-step{
min-height:0;
padding:22px;
border-radius:22px;
}
.public-story-step h2{
font-size:24px;
}
.public-feature-grid{
grid-template-columns:1fr;
}
.public-final-cta{
margin-bottom:38px;
padding:24px;
border-radius:24px;
}
}
.bill-reorder-handle{
display:none;
align-items:center;
justify-content:center;
width:28px;
height:34px;
min-width:28px;
color:#94a3b8;
font-size:13px;
letter-spacing:-3px;
line-height:1;
cursor:grab;
user-select:none;
padding:0;
background:none;
border:none;
border-radius:0;
box-shadow:none;
}
.bill-reorder-handle:active{
cursor:grabbing;
}
@media(hover:hover) and (pointer:fine){
.bill-reorder-handle{display:inline-flex;}
.bill-reorder-btn{display:none!important;}
}
[data-bill-row].is-dragging{
opacity:.25;
background:#eff6ff!important;
transition:opacity .15s ease;
}
[data-bill-row].is-dragging td{
pointer-events:none;
}
.bill-drop-indicator{
pointer-events:none;
}
.bill-drop-indicator td{
padding:0!important;
height:4px!important;
background:linear-gradient(90deg,#1d4ed8,#3b82f6,#60a5fa,#3b82f6,#1d4ed8);
background-size:200% 100%;
animation:dropIndicatorSlide .8s linear infinite,dropIndicatorGlow .5s ease-in-out infinite alternate;
border:none!important;
box-shadow:0 2px 10px rgba(37,99,235,.5);
}
@keyframes dropIndicatorSlide{
0%{background-position:100% 0}
100%{background-position:-100% 0}
}
@keyframes dropIndicatorGlow{
from{box-shadow:0 1px 6px rgba(37,99,235,.4);height:3px!important}
to{box-shadow:0 2px 14px rgba(37,99,235,.8),0 0 20px rgba(59,130,246,.3);height:5px!important}
}
.bill-reorder-save-btn{
height:34px!important;
min-height:34px!important;
padding:0 12px!important;
gap:6px;
background:#f0fdf4!important;
border-color:#bbf7d0!important;
color:#16a34a!important;
box-shadow:0 8px 18px rgba(22,163,74,.08)!important;
}
.bill-reorder-save-btn svg{
width:15px;
height:15px;
}
.bill-reorder-btn:disabled{
opacity:.3;
cursor:not-allowed;
}
.bill-row-actions .bill-reorder-btn{
font-size:16px;
font-weight:700;
color:#6366f1;
border-color:#e0e7ff;
background:#f5f3ff;
}
.bill-row-actions .bill-reorder-btn:hover:not(:disabled),
.bill-row-actions .bill-reorder-btn:focus:not(:disabled){
background:#ede9fe;
border-color:#c4b5fd;
}
/* Datepicker ghost button styles */
.pwt-btn.pwt-btn-today,.pwt-btn.pwt-btn-submit{background:#f8fafc;border:1px solid #e2e8f0;color:#334155;border-radius:8px;padding:5px 14px;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}
.pwt-btn.pwt-btn-today:hover,.pwt-btn.pwt-btn-submit:hover{background:#f1f5f9;border-color:#94a3b8}
.pwt-btn.pwt-btn-clear{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:5px 14px;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}
.pwt-btn.pwt-btn-clear:hover{background:#fee2e2;border-color:#f87171}
.pdp-toolbox-bottom{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px}
/* Sending-bills goods table edit mode */
.sending-items-table .goods-inp{display:none}
.sending-items-table tr.is-editing .goods-val{display:none}
.sending-items-table tr.is-editing .goods-inp{display:block}
.sending-items-table .goods-edit-btn{color:#2563eb}
.sending-items-table .goods-confirm-btn{color:#16a34a;display:none}
.sending-items-table .goods-cancel-btn{color:#64748b;display:none}
.sending-items-table tr.is-editing .goods-edit-btn{display:none}
.sending-items-table tr.is-editing .goods-confirm-btn,.sending-items-table tr.is-editing .goods-cancel-btn{display:inline-flex}
.sending-items-table td:last-child{width:88px;min-width:88px;max-width:88px;display:table-cell;gap:4px}
/* Responsive for goods entry */
@media(max-width:640px){
.sending-good-entry{grid-template-columns:1fr 1fr}
.sending-good-entry label:first-child{grid-column:1/-1}
}
/* Bills index: bottom action bar on mobile (≤840px) */
@media(max-width:840px){
body.bills-page{
padding-bottom:72px;
}
.bill-mobile-sheet-backdrop{
position:fixed;
inset:0;
z-index:88;
display:block;
border:0;
background:rgba(15,23,42,.3);
backdrop-filter:blur(3px);
padding:0;
margin:0;
}
.bill-mobile-sheet-backdrop[hidden]{
display:none!important;
}
/* collapsed: one solid bar at bottom */
.bill-op-toolbar{
position:fixed;
left:0;right:0;bottom:0;
z-index:90;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
padding:0 12px;
height:64px;
min-height:64px;
background:#fff;
border-top:1px solid #e2e8f0;
box-shadow:0 -2px 16px rgba(15,23,42,.08);
border-radius:0;
margin:0;
box-sizing:border-box;
pointer-events:all;
gap:10px;
}
.bill-op-toolbar .bill-op-actions{
display:contents;
}
/* primary action: fills remaining space */
.bill-op-toolbar .bill-mobile-primary-action{
flex:1;
height:44px;
min-height:44px;
max-height:44px;
width:auto;
min-width:0;
border-radius:22px;
background:#3b63f3;
color:#fff;
padding:0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
font-size:14px;
font-weight:700;
border:none;
text-decoration:none;
white-space:nowrap;
box-sizing:border-box;
transition:background .15s;
}
.bill-op-toolbar .bill-mobile-primary-action:active{
background:#2452d6;
}
/* more button: square icon button */
.bill-op-toolbar .bill-mobile-more{
flex:none;
width:44px;
height:44px;
min-width:44px;
min-height:44px;
max-width:44px;
max-height:44px;
border-radius:12px;
background:#f1f5f9;
color:#334155;
border:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
padding:0;
box-sizing:border-box;
transition:background .15s;
position:static;
font-size:0;
line-height:0;
}
.bill-op-toolbar .bill-mobile-more svg{
display:block;
flex-shrink:0;
}
.bill-op-toolbar .bill-mobile-more:active{
background:#e2e8f0;
}
/* hide all other buttons in collapsed state */
.bill-op-toolbar .bill-op-btn:not(.bill-mobile-primary-action):not(.bill-mobile-more){
display:none;
}
/* expanded sheet state */
.bill-op-toolbar.is-mobile-sheet-open{
height:auto;
flex-direction:column;
align-items:stretch;
padding:52px 12px 16px;
border-radius:20px 20px 0 0;
gap:8px;
justify-content:flex-start;
box-shadow:0 -4px 32px rgba(15,23,42,.14);
}
/* drag handle */
.bill-op-toolbar.is-mobile-sheet-open::before{
content:'';
position:absolute;
top:10px;
left:50%;
transform:translateX(-50%);
width:40px;height:4px;
background:#cbd5e1;
border-radius:2px;
}
/* close button: small circle, top-left (RTL trailing) */
.bill-op-toolbar.is-mobile-sheet-open .bill-mobile-more{
position:absolute;
top:10px;
left:12px;
width:32px;height:32px;
min-width:32px;min-height:32px;
max-width:32px;max-height:32px;
border-radius:50%;
background:#f1f5f9;
color:#64748b;
flex:none;
}
/* hide new-bill button inside sheet */
.bill-op-toolbar.is-mobile-sheet-open .bill-mobile-primary-action{
display:none!important;
}
/* hide the primary-actions wrapper entirely — close btn is absolute */
.bill-op-toolbar.is-mobile-sheet-open .bill-op-actions-primary{
display:none;
}
/* secondary actions */
.bill-op-toolbar.is-mobile-sheet-open .bill-op-actions{
display:flex;
flex-direction:column;
gap:8px;
}
/* show all action buttons in sheet */
.bill-op-toolbar.is-mobile-sheet-open .bill-op-btn:not(.bill-mobile-primary-action):not(.bill-mobile-more){
display:flex;
width:100%;
height:48px;
min-height:48px;
max-height:48px;
justify-content:flex-start;
align-items:center;
padding:0 16px;
border-radius:12px;
background:#f8fafc;
border:1px solid #e2e8f0;
color:#1e293b;
font-size:14px;
gap:12px;
box-sizing:border-box;
font-weight:500;
box-shadow:none;
cursor:pointer;
}
.bill-op-toolbar.is-mobile-sheet-open .bill-op-btn:not(.bill-mobile-primary-action):not(.bill-mobile-more):disabled{
opacity:.4;
cursor:default;
}
.bill-op-toolbar.is-mobile-sheet-open #billDeleteSelected{
color:#dc2626;
background:#fff5f5;
border-color:#fecaca;
}
}
/* SMS Delivery Modal */
.sms-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(2px)}
.sms-modal-backdrop[hidden]{display:none}
.sms-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(15,23,42,.2);overflow:hidden;animation:smsModalIn .2s ease}
@keyframes smsModalIn{from{transform:scale(.95) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.sms-modal-body{padding:28px 24px 20px;text-align:center}
.sms-modal-icon{font-size:40px;margin-bottom:12px}
.sms-modal-title{font-size:17px;font-weight:800;color:#1e293b;margin-bottom:10px}
.sms-modal-desc{font-size:14px;color:#475569;line-height:1.6;margin-bottom:10px}
.sms-modal-note{font-size:12px;color:#94a3b8;line-height:1.5}
.sms-modal-note a{color:#3b82f6;text-decoration:none}
.sms-modal-actions{display:flex;gap:10px;padding:0 24px 16px;flex-direction:row-reverse}
.sms-btn{flex:1;padding:12px;border-radius:12px;border:2px solid transparent;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}
.sms-btn-yes{background:#3b82f6;color:#fff;border-color:#3b82f6}
.sms-btn-yes:hover,.sms-btn-yes.sms-btn-default{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 3px rgba(59,130,246,.25)}
.sms-btn-no{background:#f8fafc;color:#475569;border-color:#e2e8f0}
.sms-btn-no:hover,.sms-btn-no.sms-btn-default{background:#f1f5f9;border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.2)}
.sms-modal-footer{display:flex;justify-content:space-between;padding:12px 24px 20px;border-top:1px solid #f1f5f9}
.sms-modal-link-right,.sms-modal-link-left{font-size:12px;color:#94a3b8;text-decoration:none;cursor:pointer;transition:color .15s}
.sms-modal-link-right:hover{color:#ef4444}
.sms-modal-link-left:hover{color:#3b82f6}
.sms-silent-reset-btn{display:block;width:100%;margin-bottom:12px;padding:10px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1d4ed8;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:background .15s}
.sms-silent-reset-btn[hidden]{display:none}
.sms-silent-reset-btn:hover{background:#dbeafe}
/* Settings SMS Tab */
.settings-section-title{font-size:13px;font-weight:700;color:#64748b;padding:16px 0 8px;border-bottom:1px solid #f1f5f9;margin-bottom:16px}
.settings-section-divider{height:1px;background:#f1f5f9;margin:24px 0}
.sms-delivery-check-wrap{padding:16px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0}
.settings-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:10px}
.settings-toggle-label input[type=checkbox]{display:none}
.toggle-track{width:44px;height:24px;background:#cbd5e1;border-radius:12px;position:relative;flex-shrink:0;transition:background .2s}
.toggle-track::after{content:'';position:absolute;top:3px;right:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.settings-toggle-label input:checked~.toggle-track{background:#3b82f6}
.settings-toggle-label input:checked~.toggle-track::after{transform:translateX(-20px)}
.sms-delivery-desc{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:14px}
.sms-preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}
.sms-preview-label{font-size:11px;color:#94a3b8;font-weight:600;margin-bottom:8px;letter-spacing:.5px}
.sms-preview-text{font-size:13px;color:#334155;line-height:1.8;direction:rtl}
.sms-preview-link{color:#3b82f6;word-break:break-all;font-size:12px}
.field-hint{display:block;font-size:12px;color:#94a3b8;margin-top:4px}
.sms-section-highlight{animation:smsHighlight 2s ease}
@keyframes smsHighlight{0%,100%{background:transparent}20%,80%{background:#fffbeb;border-radius:8px}}
/* SMS Flash */
.sms-flash{padding:10px 16px;border-radius:10px;margin-bottom:12px;font-size:14px}
.sms-flash.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}
/* Notification Bell */
.v1-header .v1-mark{order:1;align-self:center}
.v1-header .v1-notif-wrap{order:2;margin-left:20px;align-self:center}
.v1-header .v1-brand{order:3;margin-left:auto}
/* Uniform 82px header — same as bills page — on all pages (desktop only) */
@media(min-width:761px){
.v1-header{height:82px!important;min-height:82px!important;max-height:82px!important;padding-top:0!important;align-items:center!important}
}
.v1-notif-wrap{position:relative;flex-shrink:0;align-self:center}
.v1-notif-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;background:rgba(0,0,0,.06);color:#475569;cursor:pointer;position:relative;transition:background .15s}
.v1-notif-btn:hover,.v1-notif-btn.is-active{background:rgba(0,0,0,.1);color:#1e293b}
.v1-notif-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;background:#ef4444;color:#fff;border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}
.v1-notif-badge[hidden]{display:none}
.v1-notif-panel{position:absolute;top:calc(100% + 8px);left:0;width:320px;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(15,23,42,.18);z-index:8000;overflow:hidden;animation:notifPanelIn .18s ease;direction:rtl}
@keyframes notifPanelIn{from{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}
.v1-notif-panel[hidden]{display:none}
.v1-notif-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:700;color:#1e293b}
.v1-notif-close{background:none;border:none;cursor:pointer;font-size:20px;color:#94a3b8;line-height:1;padding:0 4px;transition:color .15s}
.v1-notif-close:hover{color:#475569}
.v1-notif-list{list-style:none;margin:0;padding:0;max-height:360px;overflow-y:auto}
.v1-notif-empty{padding:24px 16px;text-align:center;color:#94a3b8;font-size:13px}
.v1-notif-badge.is-pending{background:#f59e0b}
.v1-notif-item{padding:12px 16px;border-bottom:1px solid #f8fafc;transition:background .12s}
.v1-notif-item:last-child{border-bottom:none}
.v1-notif-item:hover{background:#f8fafc}
.v1-notif-item.is-pending{background:#fffbeb!important;border-right:3px solid #f59e0b}
.v1-notif-item.is-unread{background:#eff6ff!important;border-right:3px solid #3b82f6}
.v1-notif-item-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}
.v1-notif-item-date{font-size:10px;color:#94a3b8;direction:rtl;white-space:nowrap}
.v1-notif-item-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px;line-height:1.4;white-space:nowrap}
.v1-notif-item-badge.pending{background:#fef3c7;color:#92400e}
.v1-notif-item-badge.unread{background:#dbeafe;color:#1d4ed8}
.v1-notif-item-title{font-size:13px;font-weight:600;color:#1e293b;line-height:1.5;margin-bottom:3px}
.v1-notif-item-body{font-size:12px;color:#64748b;line-height:1.5}
.v1-notif-panel-foot{border-top:1px solid #f1f5f9;padding:10px 16px;text-align:center}
.v1-notif-show-all{font-size:12px;font-weight:600;color:#3b82f6;text-decoration:none}
.v1-notif-show-all:hover{text-decoration:underline}
/* Notification backdrop + mobile bottom sheet */
.v1-notif-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:7999;animation:notifBackdropIn .22s ease}
.v1-notif-backdrop[hidden]{display:none}
@keyframes notifBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes notifSheetIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
.v1-notif-drag-wrap{display:none}
@media(max-width:760px){
.v1-notif-wrap{position:static}
.v1-notif-panel{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:50vh;border-radius:20px 20px 0 0!important;box-shadow:0 -6px 32px rgba(15,23,42,.22)!important;display:flex;flex-direction:column;animation:notifSheetIn .28s cubic-bezier(.32,1,.23,1)!important;will-change:height,transform}
.v1-notif-panel[hidden]{display:none!important}
.v1-notif-drag-wrap{display:flex;justify-content:center;align-items:center;height:28px;flex-shrink:0;cursor:grab;touch-action:none;user-select:none}
.v1-notif-drag-wrap:active{cursor:grabbing}
.v1-notif-drag-bar{width:44px;height:4px;background:#cbd5e1;border-radius:2px;transition:background .15s}
.v1-notif-drag-wrap:active .v1-notif-drag-bar{background:#94a3b8}
.v1-notif-panel-head{padding:4px 16px 12px;font-size:15px;cursor:grab;touch-action:none;user-select:none}
.v1-notif-list{flex:1!important;max-height:none!important;overflow-y:auto!important}
.v1-notif-panel-foot{flex-shrink:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}
}
/* Notifications page */
.notif-list-wrap{display:flex;flex-direction:column;gap:0}
.notif-list-item{padding:14px 20px;border-bottom:1px solid #f1f5f9;transition:background .12s}
.notif-list-item:last-child{border-bottom:none}
.notif-list-item.is-link{cursor:pointer}
.notif-list-item.is-link:hover{background:#f8fafc}
.notif-list-item.is-pending{background:#fffbeb;border-right:3px solid #f59e0b}
.notif-list-item.is-pending:hover{background:#fef9e7}
.notif-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.notif-list-item-date{font-size:11px;color:#94a3b8}
.notif-list-item-type{font-size:11px;font-weight:700;color:#3b82f6;background:#eff6ff;border-radius:6px;padding:2px 8px}
.notif-list-item-type.is-pending{color:#92400e;background:#fef3c7}
.notif-list-item-title{font-size:14px;font-weight:600;color:#1e293b;line-height:1.5;margin-bottom:4px}
.notif-list-item-body{font-size:12px;color:#64748b;line-height:1.6}
.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;font-size:13px;color:#475569}
/* Bill Saved Banner */
.bill-saved-banner{position:sticky;top:0;z-index:100;background:#dcfce7;border-bottom:2px solid #86efac;padding:10px 20px;font-size:13px;font-weight:600;color:#15803d;display:flex;flex-direction:column;gap:6px;animation:billBannerIn .25s ease;direction:rtl}
@keyframes billBannerIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.bill-saved-banner-row{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}
.bill-saved-banner-check{color:#166534}
.bill-saved-banner-stats{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:600;color:#166534;padding-top:2px;border-top:1px solid #bbf7d0}
.bill-saved-banner-stats b{font-weight:800;color:#14532d}
/* Bill Form Calc Summary */
.waybill-calc-summary{display:flex;flex-direction:column;gap:0}
.waybill-calc-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;direction:rtl;gap:8px}
.waybill-calc-item:last-child{border-bottom:none;padding-bottom:0}
.waybill-calc-item:first-child{padding-top:0}
.waybill-calc-item-label{font-size:13px;color:#64748b;font-weight:500}
.waybill-calc-item-val{font-size:14px;font-weight:700;color:#1e293b;text-align:left;direction:ltr}
.waybill-calc-item.is-primary .waybill-calc-item-label{color:#0f172a;font-weight:700}
.waybill-calc-item.is-primary .waybill-calc-item-val{color:#0284c7;font-size:16px;font-weight:800}
.waybill-calc-item-val.primary{color:#0284c7;font-size:16px;font-weight:800}
/* Bill Form Settings (settings page) */
.bill-form-settings-section{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}
.bill-form-settings-label{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:2px}
.bill-form-settings-section:last-of-type{border-bottom:none}
.bill-form-sum-mode{display:flex;gap:20px;flex-wrap:wrap}
/* ─── Fix: radio/checkbox fixed size — prevents layout shift when state changes ─── */
/* specificity (0,1,2) beats generic rules like .permission-item input (0,1,1) */
/* Rules with their own explicit sizing (.bill-op-table input[type="checkbox"]: 0,2,1)*/
/* are more specific and keep their own dimensions. */
label input[type="radio"],label input[type="checkbox"]{
width:16px;
height:16px;
flex-shrink:0;
box-sizing:border-box;
margin:0;
outline:none;
}
label input[type="radio"]:focus-visible,label input[type="checkbox"]:focus-visible{
outline:2px solid #3b82f6;
outline-offset:2px;
}
/* ─── Mobile header — standard 60px ─── */
@media(max-width:760px){
body:not(.login-page):not(.register-page):not(.print-page) .v1-header{height:60px!important;min-height:60px!important;max-height:60px!important;padding:0 12px!important;overflow:hidden!important;gap:8px!important}
body:not(.login-page):not(.register-page):not(.print-page) .page:has(> .v1-header),body.bills-page .page:has(> .v1-header){padding-top:60px!important}
body .v1-brand img{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:10px!important;padding:2px!important}
body .v1-brand span,body .v1-brand .v1-subscription-expiry{display:none!important}
body .v1-brand strong{font-size:13px!important;line-height:1.3!important}
body .v1-brand b{font-size:11px!important;line-height:1.3!important}
body .v1-mark{width:36px!important;min-width:36px!important;height:36px!important;flex:0 0 36px!important}
}