/* Demo Workspace Tenant Settings: aligned with the Demo Admin's horizontal tabs. */
.tenant-settings{width:100%;max-width:1390px}
.tenant-settings-tabs{display:flex;align-items:center;gap:27px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--line);padding:0 1px;margin:0 0 24px}
.tenant-settings-tab{flex:none;min-height:44px;margin:0 0 -1px;padding:11px 3px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:12.5px;font-weight:550;cursor:pointer}
.tenant-settings-tab:hover{color:var(--fg)}.tenant-settings-tab.active{color:var(--primary);font-weight:700;border-bottom-color:var(--primary)}
.tenant-settings-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}
.tenant-settings-panel{min-width:0}.tenant-panel-general{max-width:1120px}.tenant-panel-security{max-width:980px}
.tenant-panel-heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin:0 0 20px;flex-wrap:wrap}
.tenant-panel-heading h2{font-size:21px;letter-spacing:-.45px;margin:0 0 5px;color:var(--heading)}
.tenant-panel-heading p{margin:0;max-width:620px}
.tenant-general-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.tenant-general-actions .btn{white-space:nowrap}
.tenant-general-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:start}
.tenant-general-grid>.card{margin:0;padding:22px;min-height:300px}
.tenant-card-heading{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.tenant-card-heading .card-title{margin:0 0 5px}.tenant-card-heading .muted{margin:0}
.tenant-brand-line{display:flex;align-items:center;gap:12px;min-width:0;margin:0 0 20px}
.tenant-brand-line .org-logo-preview{width:52px;height:52px;flex:none;border-radius:12px}
.tenant-brand-line>div{min-width:0}.tenant-brand-line strong{display:block;font-size:14px;overflow-wrap:anywhere}
.tenant-brand-line span.muted{display:block;margin:4px 0 0}
.tenant-detail-list{display:flex;flex-direction:column;gap:0;margin:0}
.tenant-detail-list>div{border-top:1px solid var(--line);padding:13px 0}
.tenant-detail-list>div:first-child{border-top:0}
.tenant-detail-list dt{font-size:11px;color:var(--muted);margin:0 0 5px}
.tenant-detail-list dd{font-size:12.5px;font-weight:650;overflow-wrap:anywhere;margin:0;line-height:1.5}
.tenant-count-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:3px 0 17px}
.tenant-count-row div{display:grid;gap:3px}.tenant-count-row strong{font-size:26px;line-height:1.2;color:var(--heading)}
.tenant-count-row span{font-size:11px;color:var(--muted)}
.tenant-summary-card>.btn{margin-top:16px}
.tenant-form{display:flex;flex-direction:column;gap:15px}.tenant-edit-intro{font-size:12px;font-weight:700}
.tenant-logo-editor{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.tenant-logo-editor .org-logo-preview{width:72px;height:72px;flex:none}
.tenant-logo-editor>div{flex:1;min-width:170px}
.tenant-logo-editor label{display:block;font-size:11px;font-weight:700;margin:0 0 7px}
.tenant-logo-editor input[type=file]{display:block;width:100%;max-width:360px;font-size:12px}
.tenant-logo-editor p{margin:6px 0 8px}
.tenant-form-fields{display:grid;grid-template-columns:1fr;gap:15px;max-width:540px}
.tenant-form .form-row{display:flex;flex-direction:column;gap:6px}
.tenant-form .form-row label{font-size:11.5px;font-weight:650}
.tenant-form .field{width:100%;max-width:100%}
.tenant-form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:2px}
.tenant-form-error{font-size:11.5px;color:#b14d4d;margin:0;min-height:0}
.tenant-members-card{margin:0;padding:18px 20px}
.tenant-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 17px}
.tenant-toolbar>input{width:min(100%,410px);flex:1;min-width:160px}
.tenant-toolbar .tenant-filter{width:165px;min-width:150px}
.tenant-table-wrap{width:100%;overflow-x:auto}
.tenant-table{min-width:760px;width:100%}
.tenant-table td{white-space:normal;vertical-align:middle;overflow-wrap:anywhere}
.tenant-table td:first-child{min-width:180px}
.tenant-table td:nth-child(3){min-width:145px}
.tenant-table .tenant-member-row[hidden]{display:none}
.tenant-table-time{white-space:nowrap!important;font-size:11.5px;color:var(--muted)}
.tenant-role-select{width:145px;max-width:100%}.tenant-role-label{font-size:11.5px;white-space:nowrap}
.tenant-status{font-size:10.5px;font-weight:700;padding:5px 9px;border:1px solid var(--line);background:var(--subtle);color:var(--muted);border-radius:100px;white-space:nowrap}
.tenant-status-active{background:color-mix(in srgb,var(--ok) 10%,var(--surface));color:var(--ok);border-color:color-mix(in srgb,var(--ok) 21%,var(--line))}
.tenant-status-invited{color:var(--primary);background:var(--selected)}
.tenant-invite-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.tenant-action-select{max-width:103px;min-width:99px;font-size:11px;padding-left:7px}
.tenant-invite-card{max-width:680px;padding:20px;margin:0 0 16px}
.tenant-invite-card .tenant-card-heading{margin:0 0 8px}.tenant-invite-card>.muted{margin:0 0 17px}
.tenant-link-result{max-width:800px;border:1px solid var(--line);background:var(--subtle);border-radius:10px;padding:15px 18px;margin:0 0 16px}
.tenant-link-result strong{font-size:12.5px}.tenant-link-result p{margin:4px 0 12px}
.tenant-link-row{display:flex;gap:9px;align-items:center}.tenant-link-row .field{flex:1;min-width:0}
.tenant-table-caption{margin:13px 0 0;font-size:11px}
.tenant-security-stack{display:grid;gap:16px}
.tenant-security-stack>.card{padding:22px;margin:0}
.tenant-security-stack>.card>.muted{margin:6px 0 16px}
.tenant-demo-footer{margin:20px 0 0;font-size:10.5px}
@media(max-width:920px){.tenant-general-grid{grid-template-columns:1fr}.tenant-general-grid>.card{min-height:0;max-width:700px}.tenant-settings-tabs{gap:21px}}
@media(max-width:600px){.tenant-settings-tabs{gap:18px}.tenant-settings-tab{font-size:12px}.tenant-panel-heading h2{font-size:19px}
.tenant-general-grid>.card,.tenant-security-stack>.card{padding:17px}.tenant-general-actions{justify-content:flex-start}.tenant-toolbar{flex-wrap:wrap}.tenant-toolbar>input{min-width:100%}
.tenant-toolbar .tenant-filter{width:100%;min-width:100%}.tenant-link-row{flex-direction:column;align-items:stretch}.tenant-logo-editor{gap:11px}}
