.auth-logo{display:block;width:84px;height:84px;margin:0 0 18px}
.brand-logo{width:40px;height:40px;flex:none;filter:drop-shadow(0 4px 10px #ed8b2b40)}
.workspace-manage{font-size:12px;padding:4px 13px 0}
.archived-banner{margin:-10px 0 18px;padding:12px 16px;border-radius:12px;background:#f1f2f4;border:1px solid #dfe2e7;color:#4a4e58;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.roles-panel{margin-top:28px;padding-top:24px;border-top:1px solid #eceef1}
.roles-table{width:100%;border-collapse:collapse;font-size:13px}
.roles-table th,.roles-table td{border-bottom:1px solid #eef0f2;padding:8px 6px;text-align:center;vertical-align:middle}
.roles-table th:first-child,.roles-table td:first-child{text-align:left;position:sticky;left:0;background:#fff;min-width:230px}
.roles-table thead th{font-size:12px;color:#4a4e58;vertical-align:bottom}
.roles-table .group-row td{background:#fafbfc;font-weight:700;color:#8b909a;text-align:left;font-size:12px}
.roles-table input[type=checkbox]{width:17px;height:17px;accent-color:#ee7a1d}
.roles-table input:disabled{opacity:.45}
.roles-scroll{overflow-x:auto;border:1px solid #eceef1;border-radius:12px}
.role-head{display:grid;gap:4px;justify-items:center}
.role-head input{width:110px;text-align:center;padding:5px 6px;font-size:12px;font-weight:700}
.role-head small{color:#8b909a;font-weight:500}
.role-actions{display:flex;gap:6px;justify-content:center}
.role-actions button{font-size:12px;padding:0}
.ws-form{margin:0 0 16px;flex-wrap:wrap}.ws-form input{flex:1 1 200px}
.ws-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #eceef1;border-radius:12px;padding:14px 16px;margin-bottom:10px;flex-wrap:wrap}
.ws-card.current{border-color:#f7c99d;background:#fffaf4}
.ws-card h3{margin:0 0 4px;font-size:16px}
.ws-card .meta{font-size:12px;color:#8b909a}
.ws-actions{display:flex;gap:8px;flex-wrap:wrap}
.ws-actions button{font-size:13px}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.admin-stats article{background:#fff;border:1px solid #eceef1;border-radius:12px;padding:14px 16px}
.admin-stats span{font-size:12px;color:#6b7080}.admin-stats strong{display:block;font:700 24px Outfit,'IBM Plex Sans Thai',sans-serif;margin-top:4px}
.admin-table{font-size:13px}
.admin-table td{vertical-align:top}
.admin-table .actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-table .actions button{font-size:12px;padding:0}
.admin-note{font-size:12px;color:#8b909a;margin:0 0 12px}
.foot-links{display:flex;gap:14px;flex-wrap:wrap}
/* Brand: horizontal wordmark in the sidebar, round badge when the sidebar collapses. */
.sidebar .brand{padding:2px 8px 0;gap:0}
.sidebar .brand-logo{display:none}
.brand-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.brand-wordmark{display:block;width:190px;max-width:100%;height:auto}
.sidebar .brand small{margin:0 0 0 2px;letter-spacing:.14em;text-transform:uppercase;font:700 9.5px Outfit,sans-serif;color:#b0b4bd}
@media(max-width:900px){.sidebar .brand-logo{display:block}.sidebar .brand-text{display:none}}
.auth-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin:-4px 0 24px;padding-bottom:22px;border-bottom:1px solid #f1f2f4;text-align:center}
.auth-wordmark{display:block;width:230px;max-width:100%;height:auto}
.auth-brand span{font-size:12px;color:#9a9fa9;letter-spacing:.01em}
/* Workspace card: "in use" badge sits centered with the buttons instead of stretching */
.ws-actions{align-items:center}
.ws-actions .tag.done{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;line-height:1}
.ws-actions .tag.done::before{content:'';width:7px;height:7px;border-radius:50%;background:#2eb98a}