@font-face{font-family:MoonsFlowUrdu;src:url('/fonts/NotoSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MoonsFlowUrdu;src:url('/fonts/NotoSansArabic-Bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
.moonsflow-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0}.moonsflow-logo.large{width:96px;height:96px}.sidebar-collapsed .brand .moonsflow-logo{width:48px;height:48px}
.language-switch{display:inline-flex;gap:2px;align-items:center;background:#f1f5fa;border:1px solid #dce5ef;border-radius:8px;padding:3px;white-space:nowrap;flex-shrink:0}.language-switch button{border:0;border-radius:5px;padding:5px 10px;background:transparent;color:#284460;min-height:30px;cursor:pointer;font-size:12px}.language-switch button.active{background:var(--primary,#1679bd);color:#fff}.language-switch [data-language=ur]{font-family:MoonsFlowUrdu,sans-serif}.public-language{position:absolute;z-index:20;top:max(15px,env(safe-area-inset-top));inset-inline-end:20px}.public-language+.login-page .login-panel{padding-top:88px}
.bilingual-fields{margin:10px 0;padding:8px 12px;background:#f6f9fc;border:1px solid #e1eaf2;border-radius:8px}.bilingual-fields summary{cursor:pointer;font-size:12px}.bilingual-fields .form-grid{margin-top:12px}.bilingual-fields input[lang=ur]{font-family:MoonsFlowUrdu,sans-serif}
html[dir=rtl] body,html[dir=rtl] input,html[dir=rtl] button,html[dir=rtl] select,html[dir=rtl] textarea{font-family:MoonsFlowUrdu,Arial,sans-serif;letter-spacing:0;line-height:1.9}
html[dir=rtl] .sidebar{left:auto;right:0;border-left:1px solid #e1e7ef;border-right:0}
html[dir=rtl] .sidebar nav a,html[dir=rtl] .sidebar summary{text-align:right}
html[dir=rtl] .suggestion-list{direction:rtl;text-align:right}
html[dir=rtl] .suggestion-list button,html[dir=rtl] .suggestion-list a{text-align:right}
html[dir=rtl] input[type=number],html[dir=rtl] input[type=email],html[dir=rtl] input[type=password],html[dir=rtl] input[type=date],html[dir=rtl] input[name*=Barcode],html[dir=rtl] input[name*=Code],html[dir=rtl] .num,html[dir=rtl] [data-no-translate]{direction:ltr;unicode-bidi:plaintext}
html[dir=rtl] .data-table th,html[dir=rtl] .data-table td{text-align:start}html[dir=rtl] .data-table .num{text-align:end}
html[dir=rtl] .sidebar details summary::after{margin-left:0;margin-right:auto}
html[dir=rtl] .invoice-paper{direction:rtl}
.select-search:disabled{opacity:.65;cursor:not-allowed}.select-suggestions [role=option]{width:100%}
@media(min-width:901px){html[dir=rtl] .app-shell .main-content,html[dir=rtl] body:not(.sidebar-collapsed) .main-content{margin-left:0}html[dir=rtl] .topbar{left:0;right:var(--sidebar-width,260px)}}
@media(max-width:900px){html[dir=rtl] .sidebar{transform:translateX(100%)}html[dir=rtl] body.sidebar-open .sidebar{transform:translateX(0)}html[dir=rtl] .topbar{left:0;right:0}.topbar .language-switch button{padding:4px 7px}.public-language{top:max(8px,env(safe-area-inset-top));inset-inline-end:8px}.public-language+.login-page .login-panel{padding-top:76px}}
@media print{.language-switch,.public-language{display:none!important}html[dir=rtl] body{font-family:MoonsFlowUrdu,Arial,sans-serif!important}}

@media(min-width:901px){html[dir=rtl] .page-shell{margin-left:0;margin-right:250px}html[dir=rtl] .topbar{left:0;right:250px}html[dir=rtl] body.sidebar-collapsed .page-shell{margin-left:0;margin-right:82px}html[dir=rtl] body.sidebar-collapsed .topbar{left:0;right:82px}}
@media(max-width:900px){html[dir=rtl] .page-shell{margin-left:0;margin-right:0}html[dir=rtl] .sidebar{right:0;left:auto}html[dir=rtl] body.sidebar-collapsed .topbar{left:0;right:0}}
html[dir=rtl] .table-toolbar>[data-match-count],html[dir=rtl] .bulk-form{margin-left:0;margin-right:auto}
@media(max-width:600px){.topbar{gap:5px}.topbar .language-switch{order:3}.topbar .top-search{min-width:60px;flex:1}.topbar .user-chip{max-width:110px}.topbar .user-chip div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-grid>*{min-width:0}.modal-card{max-height:calc(100dvh - 24px);overflow:auto}.modal-footer{position:sticky;bottom:0;background:var(--surface,#fff);z-index:2}}

.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.device-card{display:flex;flex-direction:column;gap:16px;padding:24px!important;min-width:0}.device-card h2{display:flex;gap:9px;align-items:center;font-size:19px}.device-card p,.device-card small{line-height:1.7;color:var(--muted,#63738a)}.device-card label{display:flex;flex-direction:column;gap:7px}.device-status{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #d6e1ed;border-radius:8px;background:#f4f7fb;color:#5b6d82}.device-status.connected{background:#ecfdf5;border-color:#86efac;color:#166534}.device-actions{display:flex;gap:6px;flex-wrap:wrap}.device-actions .btn{padding:8px 12px}.device-help{margin-top:20px;padding:22px}.device-help p{margin-top:8px}.draft-notice{color:#1e5b87;background:#eef7ff;padding:10px;border-radius:7px}
@media(max-width:1100px){.device-grid{grid-template-columns:1fr}.device-card .device-actions{justify-content:start}}

.payment-dialog{max-height:calc(100dvh - 24px);overflow:auto}.payment-dialog footer{position:sticky;bottom:0;z-index:3;background:var(--surface,#fff)}.pos-modal{padding:12px!important}.device-card input{min-height:38px}
