.connected .top>.brand{display:flex}.connected .top .brand small{color:#c1d9e6}.connected .top .brand strong{color:white}.connected .top .app-logo{width:38px;height:38px}
.connected .actions [data-action=form-sale],.connected .actions [data-action=form-transferRequest]{background:#e6f5ff;color:#176da9;border-color:#d8eaf9}.connected .actions [data-action=form-clientPay]{background:#e1f8f1;color:#087959;border-color:#d1eee5}.connected .section-title>[data-action=form-print],.connected .section-title>[data-action=form-stockRequest]{background:#197475;color:white;border-color:#197475}
.connected #navigation .nav-direct button{width:100%;font-weight:700}.connected #navigation .sidebar-brand{margin-bottom:8px;padding:18px 8px}.connected .sidebar-footer{padding:12px}
.connected .auth-panel{max-width:440px;margin:28px auto;padding:24px}.connected .auth-panel h1{margin-bottom:8px}.connected .auth-panel form{display:grid;gap:14px}.connected .auth-panel p{margin-bottom:16px}
.connected .notice{font-size:12px}.connected .sync-warning{background:#fff5de;border-color:#e3c876;color:#6a4a06}.connected .error-box{background:#fff0ee;border:1px solid #edb8b2;color:#913e35;padding:12px;border-radius:10px}
.connected .toolbar{grid-template-columns:1fr 1fr}.connected .section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.connected .section-title h1{font-size:23px}.connected .section-title h2{font-size:17px}
.connected .compact-list{display:grid;gap:9px}.connected .compact-list>.panel{margin:0;padding:14px}.connected .meta{font-size:12px;color:#506c7e;line-height:1.8}.connected .amount{font-size:23px;font-weight:700;overflow-wrap:anywhere}.connected .event-summary{display:flex;justify-content:space-between;gap:10px;align-items:start}.connected .event-summary>div{min-width:0}.connected .event-summary .amount{font-size:20px}
.connected .form-stack label,.connected .form-stack p{font-size:14px}.connected .check-label{display:flex;align-items:center;gap:10px}.connected .check-label input{width:20px;min-height:20px}.connected input[type=file]{padding:8px;font-size:12px}.connected .line-entry{padding:9px}.connected .line-entry .grid{gap:7px}
.connected .inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.connected .inline-actions button{font-size:12px;min-height:44px;padding:7px 10px}.connected .attachment{display:block;max-width:100%;max-height:60vh;margin:auto;object-fit:contain}.connected .credentials{white-space:pre-wrap;direction:rtl;line-height:2;background:#eff7fa;padding:16px;overflow-wrap:anywhere}.connected .empty-compact{padding:10px 0;color:#506c7e;font-size:13px}.connected .chart-mini{display:grid;gap:8px}.connected .chart-mini meter{width:100%;height:12px}.connected .chart-mini [data-tone=high] meter::-webkit-meter-optimum-value{background:#ea4963}.connected .chart-mini [data-tone=medium] meter::-webkit-meter-optimum-value{background:#e3b02c}.connected .chart-mini [data-tone=low] meter::-webkit-meter-optimum-value{background:#18a87c}
.connected .chat-message{border-right:3px solid #197475;padding:10px 12px;margin:8px 0;background:#f1fafb}.connected .chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}.connected .chat-message.outgoing{border-right-color:#7895b4;background:#f5f7fa}.connected .receipt-label{background:#e9f7f4;padding:8px;border-radius:8px}.connected .form-stack fieldset{min-width:0;border:1px solid #dce7ee;border-radius:10px;padding:12px}.connected .report-table{font-size:12px}.connected .report-table td{padding:8px}.connected .filters{margin:10px 0}.connected .pending-count{font-weight:700;color:#7a5504}
@media(max-width:650px){.connected main{padding:10px 12px}.connected .auth-panel{margin:12px 0;padding:18px}.connected .section-title h1{font-size:20px}.connected .actions{display:grid;grid-template-columns:1fr 1fr}.connected .actions button{width:auto}.connected .metric-head{font-size:12px}.connected .section-title{flex-wrap:wrap}.connected .event-summary .amount{font-size:18px}.connected .top{padding:10px 12px}.connected .toolbar select{font-size:13px}}
@media print{.connected .top,.connected nav,.connected .actions,.connected .inline-actions,.connected .toolbar,.connected .filters,.connected #session-message{display:none!important}.connected{padding:0}.connected main{padding:0}.connected .panel{border:0;box-shadow:none}}
/* Customer ledger and vouchers */
.ledger-actions{gap:8px}.ledger-table{min-width:720px}.ledger-table td{vertical-align:top}.ledger-actor{display:block;color:#617381;margin-top:4px}.voucher-card{background:white;color:#183444;padding:18px;border:1px solid #d9e3e9;border-radius:14px;max-width:680px;margin:auto}.voucher-card header{text-align:center;border-bottom:2px solid #173e50;padding-bottom:12px}.voucher-brand{font-size:20px}.voucher-card p{margin:10px 0}.voucher-amounts{display:flex;justify-content:space-around;background:#f1f6f8;border-radius:10px}.voucher-balance{border-top:1px solid #d9e3e9;padding-top:12px}#voucher-status{padding:8px;color:#17613d}@media(max-width:480px){.ledger-actions button{flex:1 1 44%}.voucher-card{padding:12px}.voucher-card td,.voucher-card th{padding:6px;font-size:12px}}
.voucher-image{display:block;width:100%;max-width:600px;height:auto;margin:0 auto 16px;border:1px solid #dce5ec;border-radius:12px}
.connected .ledger-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.connected .ledger-metrics .metric{min-height:0;padding:16px;display:flex;flex-direction:column;gap:6px}.connected .ledger-metrics .metric strong{font-size:22px;line-height:1.4;overflow-wrap:anywhere}.connected .ledger-metrics .metric small{color:#617381}
.receipt-stock-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.receipt-stock-summary .metric{min-width:0;padding:14px 10px;border:1px solid #cce3e3;border-radius:14px;background:#f2fafa}
.receipt-stock-summary .number{font-size:clamp(18px,5vw,28px);white-space:nowrap}
.receipt-lot-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.receipt-lot-heading .number,.receipt-lot td:last-child{white-space:nowrap}
.receipt-lot table{width:100%;min-width:0}
.receipt-lot th,.receipt-lot td{padding:10px 6px}
.receipt-lot .meta{overflow-wrap:anywhere}
.receipt-stock-remaining{padding:14px;border:1px solid #cce3e3;border-radius:14px}
.receipt-stock-remaining summary{cursor:pointer;font-weight:700;color:#136b6d}
.receipt-stock-remaining>p:not(.help){display:flex;justify-content:space-between;gap:10px}
.connected .dashboard-overview .dashboard-metrics button.inventory-summary-card{grid-column:1/-1;text-align:center}
.connected .dashboard-overview .dashboard-metrics .inventory-summary-card .number{text-align:center}
.connected .dashboard-overview .dashboard-metrics .inventory-summary-card~.metric:last-child{grid-column:auto}
.inventory-value-label{display:block;font-size:14px;color:#526970;margin:5px 0}
.inventory-received-total{display:flex;justify-content:center;align-items:center;gap:6px 12px;flex-wrap:wrap;border-top:1px solid #d9e8e8;padding-top:10px;margin:10px 0;font-size:14px;color:#526970}
.inventory-received-total b{color:#136b6d;white-space:nowrap}