[hidden]{display:none!important}.loading{padding:48px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at top,#e5edff,transparent 65%),#f6f7f9}.auth-card{width:min(100%,480px);padding:36px;background:white;border:1px solid #dfe4ea;border-radius:16px;box-shadow:0 20px 80px #17202a12}.auth-card h1{font-size:26px;margin:20px 0 8px}.auth-card p{color:#667085;line-height:1.7}.auth-card form,.stack{display:grid;gap:18px}.brand-mark{background:#2457c5;color:white}.field{display:grid;gap:7px}.field input,.field select{min-width:0;width:100%}.error{color:#b42318;line-height:1.5;min-height:20px}.notice{padding:16px 20px;background:#e5edff;color:#25416b;border-radius:8px;line-height:1.7;margin-bottom:22px}.empty{text-align:center;padding:56px 20px;color:#667085}.empty strong{display:block;font-size:20px;color:#17202a;margin-bottom:12px}.nav button{min-height:44px}.sidebar-footer{line-height:1.8}.sidebar-footer button{margin-top:14px;width:100%}.table-wrap td{vertical-align:middle}.actions{display:flex;gap:8px;flex-wrap:wrap}.topbar{flex-wrap:wrap}.topbar .title-block{flex:1}.metric strong{font-variant-numeric:tabular-nums}.metric small{line-height:1.5}.product-card{gap:18px}.product-card a{word-break:break-all;color:#2457c5}.muted{color:#667085;font-size:13px}.panel+.panel{margin-top:24px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-toolbar h2{margin:0}.modal{overflow:auto;padding:24px}.modal-card{max-height:90vh;overflow:auto;width:min(620px,100%)}.modal .field{margin-bottom:16px}.modal h2{margin:0}.modal .panel-body{padding:24px}.check-grid{margin:12px 0 20px}.check-card input{width:auto}.btn[disabled]{opacity:.5;cursor:wait}.btn.danger{color:#b42318;border-color:#f6c7c3}.status.off{color:#b42318;background:#ffe7e4}.login-brand{font-size:12px;letter-spacing:.18em;color:#667085;font-weight:700}.auth-actions{display:flex;gap:12px;margin-top:20px}.details{line-height:1.8}.role-table{width:100%;border-collapse:collapse}.role-table td,.role-table th{padding:16px;border-bottom:1px solid #dfe4ea;text-align:left}.code-box{white-space:pre-wrap;word-break:break-word}.btn-link{background:none;border:0;color:#2457c5;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.sidebar .nav{display:flex;overflow:auto}.sidebar .nav button{white-space:nowrap}.sidebar-footer{display:none}.brand{padding-bottom:8px}.topbar{padding:20px}.content{padding:20px}.grid-4{grid-template-columns:repeat(2,1fr)}.auth-card{padding:24px}.section-toolbar{align-items:flex-start;flex-wrap:wrap}.grid-2{grid-template-columns:1fr}}@media(max-width:480px){.grid-4{grid-template-columns:1fr}.tenant-select{width:100%}.product-grid{grid-template-columns:1fr}}
[data-view]{display:flex!important;align-items:center;white-space:nowrap;gap:10px;text-align:left}.btn{text-decoration:none}.metric small{color:#667085}

.device-cell{max-width:360px;overflow-wrap:anywhere;font-size:13px}#profileForm{max-width:480px}#memberStatus{padding:10px;border:1px solid #dfe4ea;border-radius:8px;background:white}

.system-address{overflow-wrap:anywhere;max-width:380px}.sidebar{overflow-y:auto}.nav{flex-shrink:0}

.account-summary{background:#f6f7f9;padding:12px 16px;border-radius:8px}.account-summary p{margin:6px 0}#deliveryText{width:100%;padding:12px;border:1px solid #c6ced8;border-radius:8px;line-height:1.7;resize:vertical;font:inherit}#approvalFields{border:1px solid #dfe4ea;padding:16px;border-radius:8px;min-width:0}#approvalFields select{max-width:100%}#copyDelivery{margin-top:16px}

#dialog:has(#deliveryText) .modal-card{width:min(760px,100%)}#dialog:has(#deliveryText) .panel-body{display:block;padding:18px 24px}#dialog:has(#deliveryText) .field{margin-bottom:12px}#dialog:has(#deliveryText) .notice{margin-bottom:16px;padding:12px 16px}#dialog:has(#deliveryText) .muted{margin:10px 0 0}

.customer-table{width:100%}.customer-table td:first-child{min-width:220px;overflow-wrap:anywhere}.customer-table td:nth-child(2){min-width:180px}.customer-table .badge{display:inline-block;margin:3px}.customer-table td:last-child{min-width:230px}.customer-pagination{margin:20px 0 0;flex-wrap:wrap}.page-number{align-self:center;color:#667085}#customerPageSize{padding:8px;border:1px solid #dfe4ea;border-radius:8px;background:white}
