.customer-notice,.customer-errors{display:flex;align-items:flex-start;gap:10px;border-radius:12px;padding:12px 15px;margin:-10px 0 16px;font-size:10px}.customer-notice{color:var(--green);background:rgba(21,138,85,.08);border:1px solid rgba(21,138,85,.18)}.customer-errors{color:#a6403b;background:rgba(230,91,91,.08);border:1px solid rgba(230,91,91,.2)}.customer-notice svg,.customer-errors>svg{width:17px;flex:0 0 auto}.customer-errors strong{font-size:10px}.customer-errors ul{margin:5px 0 0;padding-left:16px}.customer-errors li{margin:2px 0}.customer-master-layout .square-add{text-decoration:none}.customer-master-layout .master-record{text-decoration:none}.customer-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:var(--muted)}.customer-empty svg{width:27px;margin-bottom:10px;color:var(--green)}.customer-empty strong{color:var(--ink);font-size:10px}.customer-empty span{font-size:8px;margin-top:4px}.customer-delete{background:rgba(230,91,91,.08);border:1px solid rgba(230,91,91,.18);color:#b74640}.field input.field-invalid{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,91,91,.08)}.status-orb.inactive{background:#adb8b2;box-shadow:none}.customer-status-switch{width:35px;height:20px;border-radius:30px;background:#b9c3bd;position:relative;cursor:pointer;transition:.2s}.customer-status-switch input{position:absolute;opacity:0;pointer-events:none}.customer-status-switch i{position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.customer-status-switch:has(input:checked){background:var(--green)}.customer-status-switch input:checked+i{left:18px}
@media(max-width:1180px){.customer-master-layout .master-list-card{display:block;position:static}}
@media(max-width:700px){.customer-master-layout .editor-head{flex-direction:column}.customer-master-layout .editor-actions{width:100%;flex-direction:row;flex-wrap:wrap}.customer-master-layout .editor-actions .button{justify-content:center}.customer-master-layout .editor-actions .button.primary{flex:1}.customer-master-layout .editor-actions .button.secondary{display:flex}.customer-master-layout .editor-actions form{order:3;width:100%}.customer-master-layout .editor-actions form .button{width:100%}.customer-master-layout{gap:10px}}