/* Branding console, account tooling and the new admin tables. */

.branding-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0 22px}
.branding-preview-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;border:1px solid var(--border,rgba(255,255,255,.09));border-radius:16px;background:var(--surface-2,rgba(255,255,255,.03))}
.branding-preview-card small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;text-align:center}
.branding-preview-card img.branding-preview-icon{width:64px;height:64px;border-radius:18px;object-fit:contain;background:rgba(0,0,0,.18)}
.branding-preview-card img.branding-preview-icon.round{border-radius:50%}
.branding-preview-tab{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px 10px 0 0;background:rgba(0,0,0,.35);border:1px solid var(--border,rgba(255,255,255,.09));border-bottom:none;max-width:100%}
.branding-preview-tab img{width:16px;height:16px;border-radius:4px}
.branding-preview-tab i{font-style:normal;font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.branding-preview-logo{display:flex;align-items:center;gap:10px}
.branding-preview-logo img{width:34px;height:34px;border-radius:10px;object-fit:contain}
.branding-preview-logo strong{font-size:14px}
.branding-upload-status{min-height:20px;margin:10px 0;font-size:13px;display:flex;align-items:center;gap:8px}
.branding-upload-status:empty{display:none;margin:0}
.branding-upload-status.is-error{color:var(--danger,#ff7b7b)}
#branding-form input[type="color"]{height:44px;padding:4px;cursor:pointer}
#branding-form input[type="file"]{padding:10px;background:var(--surface-2,rgba(255,255,255,.04));border:1px dashed var(--border,rgba(255,255,255,.16));border-radius:12px;cursor:pointer;color:inherit}
#branding-form input[type="file"]::file-selector-button{margin-right:10px;padding:6px 12px;border-radius:9px;border:1px solid var(--border,rgba(255,255,255,.16));background:rgba(124,58,237,.22);color:inherit;font:inherit;cursor:pointer}

.order-filter-form,.audit-filter-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:16px 0}
.order-filter-form .field,.audit-filter-form .field{min-width:190px;margin:0;flex:1 1 190px}
.order-filter-form select,.order-filter-form input,.audit-filter-form input{width:100%}
.coverage-target{word-break:break-all}

.admin-security-lockouts .lockout-manual{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--border,rgba(255,255,255,.09))}
.admin-security-lockouts .lockout-manual .field{margin:0;flex:1 1 220px}
.user-edit-danger{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--border,rgba(255,255,255,.09))}

.profile-account-panel,.profile-password-panel{margin-top:18px}
.profile-account-panel .section-title svg,.profile-password-panel .section-title svg{opacity:.6}

@media (max-width:640px){
 .order-filter-form .field,.audit-filter-form .field{flex:1 1 100%}
 .branding-preview-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
}

.page-editor{border:1px solid var(--border,rgba(255,255,255,.09));border-radius:14px;padding:14px 16px;margin-bottom:12px;background:var(--surface-2,rgba(255,255,255,.03))}
.page-editor summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
.page-editor summary::-webkit-details-marker{display:none}
.page-editor summary strong{font-size:15px}
.page-editor[open] summary{margin-bottom:14px}
.page-editor-body{display:flex;flex-direction:column;gap:12px}
.page-section-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;gap:12px;align-items:start;padding:12px;border:1px dashed var(--border,rgba(255,255,255,.14));border-radius:12px}
.page-section-row .field{margin:0}
.page-section-row textarea{min-height:96px}
.page-editor.is-reset{opacity:.6}
@media (max-width:820px){.page-section-row{grid-template-columns:1fr}}