.settings-page{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;padding:0 24px 32px;align-items:start;color:var(--ink)}
.settings-page[hidden]{display:none}.settings-navigation{display:grid;gap:4px;position:sticky;top:16px}.settings-navigation .ui-button{justify-content:flex-start;width:100%;padding-inline:12px}.settings-navigation [aria-current=page]{background:var(--surface-2,#ececf2);color:var(--ink);font-weight:600}.settings-content{max-width:880px;min-width:0}.settings-content>h2{font-size:calc(21px * var(--font-scale,1));line-height:1.4;margin:0 0 8px;font-weight:600}.settings-description,.settings-row p{font-size:calc(12px * var(--font-scale,1));color:var(--muted);line-height:1.6;margin:0}.settings-content>.settings-description{margin-bottom:24px}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,38%);gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.settings-row h3{font-size:calc(14px * var(--font-scale,1));line-height:1.4;font-weight:600;margin:0 0 6px}.settings-row-info{min-width:0}.settings-scope-label{display:block;font-size:calc(12px * var(--font-scale,1));margin-top:8px;color:var(--accent,#5e6ad2)}.settings-input{width:100%;min-width:0;box-sizing:border-box;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface-1,#fff);color:var(--ink);font:inherit;font-size:calc(14px * var(--font-scale,1));padding:8px 10px}.settings-input:focus-visible,.settings-picker-trigger:focus-visible{outline:2px solid var(--accent,#5e6ad2);outline-offset:2px}.settings-input:disabled{opacity:.5}.settings-picker{position:relative;min-width:0}.settings-picker .settings-picker-trigger{width:100%;justify-content:space-between;min-height:36px;height:auto;text-align:left;white-space:normal;gap:12px}.settings-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;padding:4px;background:var(--surface-2,#fff);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0002;max-height:240px;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.settings-picker-menu:hover{scrollbar-color:var(--subtle) transparent}.settings-picker-menu[hidden]{display:none}.settings-picker-menu .ui-button{width:100%;justify-content:flex-start;text-align:left;height:auto;min-height:32px;white-space:normal}.settings-picker-menu [aria-selected=true]{background:var(--surface-3,#ededf5);font-weight:600}.settings-value{font-size:calc(14px * var(--font-scale,1));color:var(--muted)}.settings-switch.ui-button{width:32px!important;min-width:32px;height:18px!important;min-height:18px!important;padding:2px!important;border:0;border-radius:20px;background:var(--subtle,#a3a6b1);justify-self:end;justify-content:flex-start}.settings-switch span{width:14px;height:14px;background:white;border-radius:50%;transition:transform .18s ease}.settings-switch[aria-checked=true]{background:var(--brand,#5e6ad2)}.settings-switch[aria-checked=true] span{transform:translateX(14px)}.settings-tag{padding:16px 0;border-bottom:1px solid var(--line)}.settings-tag-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-tag-fields{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:12px}.settings-color-picker .settings-picker-trigger{font-family:monospace;font-size:calc(12px * var(--font-scale,1))}.settings-add-tag{display:flex;gap:12px;margin:24px 0 12px}.settings-add-tag .ui-button{height:36px;flex-shrink:0}.settings-footer{padding-top:24px;font-size:calc(12px * var(--font-scale,1));color:var(--subtle)}.settings-integration{border:1px solid var(--line);border-radius:8px;background:var(--surface-1,#fff);margin:12px 0;overflow:visible}.settings-integration summary{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:calc(14px * var(--font-scale,1));font-weight:600;cursor:pointer;padding:16px;list-style:none}.settings-integration summary::-webkit-details-marker{display:none}.settings-integration summary:after{content:'›';color:var(--subtle);transition:transform .18s}.settings-integration[open] summary:after{transform:rotate(90deg)}.settings-pill{font-size:calc(12px * var(--font-scale,1));font-weight:400;color:var(--muted);margin-left:auto}.settings-integration-body{padding:0 16px 16px}.settings-integration-body label{display:block;font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin:16px 0 12px}.settings-integration-body input{display:block;margin-top:8px}.settings-integration-body button{margin-right:8px}@media(max-width:900px){.settings-page{grid-template-columns:1fr;gap:24px;padding-inline:12px}.settings-navigation{position:static;display:flex;flex-wrap:wrap;gap:4px}.settings-navigation .ui-button{width:auto}.settings-row{grid-template-columns:1fr;gap:12px}.settings-switch{justify-self:start}.settings-tag-fields{grid-template-columns:minmax(0,1fr) 120px}}@media(prefers-reduced-motion:reduce){.settings-switch span,.settings-integration summary:after{transition:none}}

/* Settings use the same horizontal tab rhythm as record views. */
.settings-page{display:block}.settings-navigation{position:static;display:flex;flex-wrap:nowrap;gap:24px;margin:0 0 24px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.settings-navigation:hover{scrollbar-color:var(--subtle) transparent}.settings-navigation .ui-button{position:relative;flex-shrink:0;width:auto;height:44px;padding:8px 0;border-radius:0;font-size:calc(14px * var(--font-scale,1));background:transparent;border:0;color:var(--muted)}.settings-navigation .ui-button[aria-selected=true]{color:var(--ink);font-weight:600;background:transparent;box-shadow:inset 0 -2px var(--brand,#5e6ad2)}.settings-navigation .ui-button:hover{background:transparent;color:var(--ink)}.settings-content{max-width:960px}.settings-switch.ui-button span{flex-shrink:0}.settings-content [role=tabpanel]:focus-visible{outline:2px solid var(--accent)}
.settings-input[type=number]{appearance:textfield}.settings-input::-webkit-inner-spin-button,.settings-input::-webkit-outer-spin-button{appearance:none;margin:0}.settings-picker-menu::-webkit-scrollbar,.settings-navigation::-webkit-scrollbar{width:6px;height:6px}.settings-picker-menu::-webkit-scrollbar-thumb,.settings-navigation::-webkit-scrollbar-thumb{background:transparent;border-radius:6px}.settings-picker-menu:hover::-webkit-scrollbar-thumb,.settings-navigation:hover::-webkit-scrollbar-thumb{background:var(--subtle)}.settings-switch.ui-button[data-ui-variant=ghost]:hover{background:var(--subtle)}.settings-switch.ui-button[data-ui-variant=ghost][aria-checked=true]:hover{background:var(--brand-color,#5e6ad2)}

.settings-tag-fields{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.settings-picker-value{min-width:0}.settings-picker-preview{display:flex;align-items:center;gap:10px;min-width:0}.settings-picker-preview .intent-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.settings-tag-control-label{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:8px}@media(max-width:450px){.settings-tag-fields{grid-template-columns:1fr}}

.settings-tag-inline{display:grid;grid-template-columns:64px minmax(0,1fr) 180px 32px;align-items:center;gap:16px;padding:14px 0}.settings-tag-name{font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere}.settings-tag-icon-picker .settings-picker-trigger .settings-picker-preview>span{display:none}.settings-tag-icon-picker .settings-picker-trigger .intent-icon{color:var(--intent-color)}.settings-tag-icon-picker .settings-picker-menu{min-width:180px}.settings-tag-inline .settings-switch{justify-self:end}@media(max-width:600px){.settings-tag-inline{grid-template-columns:56px minmax(0,1fr) 116px 32px;gap:10px}}@media(max-width:400px){.settings-tag-inline{grid-template-columns:48px minmax(0,1fr) 92px 32px;gap:6px}.settings-tag-color-picker .settings-picker-trigger{padding-inline:6px;gap:4px}.settings-tag-color-picker .settings-picker-preview{gap:6px}}

.settings-content--members{max-width:none}.settings-members-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.settings-members-table-scroll{overflow:visible}.settings-members-table{table-layout:fixed;white-space:normal}.settings-members-table :is(th,td){padding-inline:12px;overflow-wrap:anywhere}.settings-members-table td{border-bottom-color:var(--line)}.settings-members-table .directory-identity{white-space:normal;min-width:0;flex-wrap:wrap}.settings-members-table .directory-identity strong{color:var(--ink)}.settings-members-table .settings-picker{max-width:240px}.settings-member-you{font-size:var(--text-xs);color:var(--subtle);padding:2px 6px;border:1px solid var(--line);border-radius:4px}.settings-members-table tbody tr:hover{background:var(--surface-1)}@media(max-width:600px){.settings-members-table :is(th,td){padding-inline:8px}.settings-members-table .settings-picker-trigger{padding-inline:8px;gap:6px}}

.settings-invitation-status,.settings-member-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--muted)}.settings-invitation-status:before,.settings-member-status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--subtle);flex-shrink:0}.settings-invitation-status:before{background:var(--accent)}.settings-invitation-dialog{width:min(440px,calc(100% - 32px));overflow:visible;border-radius:10px}.settings-invitation-dialog .settings-input{margin-bottom:20px;min-height:40px;background:var(--canvas);border-color:var(--line)}.settings-invitation-label{display:block;font-size:var(--text-sm);margin-bottom:8px}.settings-invitation-dialog .settings-picker-trigger{min-height:40px}.settings-invitation-dialog .dialog-actions{margin-top:24px}.settings-invitation-dialog .settings-invitation-error{font-size:var(--text-xs);color:var(--ink);margin:12px 0 0}.settings-invitation-dialog [aria-invalid=true]{border-color:#b42332}@media(max-width:600px){}

.settings-tag-inline{grid-template-columns:minmax(0,1fr) 180px 32px}.settings-tag-label.intent-badge{display:inline-flex;justify-self:start;align-items:center;gap:0;padding:0 6px 0 0;min-width:0;max-width:100%;overflow:visible}.settings-tag-label .settings-tag-icon-picker{width:52px;flex-shrink:0}.settings-tag-label .settings-picker-trigger.ui-button{background:transparent;border:0;padding:6px 4px 6px 8px;gap:4px;min-height:36px}.settings-tag-label .settings-tag-name-edit.ui-button{background:transparent;border:0;box-shadow:none;color:var(--ink);font-size:var(--text-sm);font-weight:500;padding:6px 8px;min-width:0;overflow-wrap:anywhere;white-space:normal;text-align:left}.settings-tag-label .settings-tag-name-edit:hover{background:var(--surface-2);cursor:text}.settings-tag-label-input{max-width:240px;width:clamp(100px,18vw,240px);min-width:0;border:1px solid var(--focus);border-radius:4px;background:var(--canvas);color:var(--ink);font:inherit;font-size:var(--text-sm);padding:4px 8px;height:30px}.settings-tag-edit-error{grid-column:1 / -1;font-size:var(--text-xs);color:var(--ink)}@media(max-width:600px){.settings-tag-inline{grid-template-columns:minmax(0,1fr) 116px 32px;gap:10px}.settings-tag-label-input{width:100%;min-width:40px}}@media(max-width:400px){.settings-tag-inline{grid-template-columns:minmax(0,1fr) 92px 32px;gap:6px}.settings-tag-label .settings-tag-icon-picker{width:44px}}

.settings-icon-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:8px;padding:10px;overflow:hidden}.settings-icon-search{width:100%;min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--canvas);font:inherit;font-size:var(--text-xs);flex-shrink:0}.settings-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;overflow:auto;min-height:0;max-height:260px;scrollbar-width:thin;scrollbar-color:transparent transparent}.settings-icon-grid:hover{scrollbar-color:var(--subtle) transparent}.settings-icon-menu .settings-icon-option.ui-button{height:40px;min-height:40px;justify-content:center;padding:6px}.settings-icon-option .intent-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.settings-icon-count{font-size:var(--text-xs);color:var(--muted);flex-shrink:0}.settings-icon-grid::-webkit-scrollbar{width:6px}.settings-icon-grid::-webkit-scrollbar-thumb{background:transparent;border-radius:6px}.settings-icon-grid:hover::-webkit-scrollbar-thumb{background:var(--subtle)}.settings-tag-inline[data-disabled=true]{opacity:.45;filter:grayscale(1)}.settings-tag-inline[data-disabled=true]:focus-within{opacity:.65}.settings-save-status:empty{display:none}

.settings-member-actions{text-align:right}.settings-member-remove.ui-button{width:32px;height:32px;min-height:32px;padding:6px}.settings-member-remove svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.settings-member-spaces .settings-space-menu{min-width:240px}.settings-space-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--line);border-radius:4px;font-size:var(--text-xs)}[aria-selected=true]>.settings-space-check{border-color:var(--accent);color:var(--accent)}.settings-space-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 4px 4px;border-top:1px solid var(--line);margin-top:4px}@media(max-width:650px){.settings-members-table th:nth-child(2){display:none}.settings-members-table td:nth-child(2){display:none}}