.settings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start;max-width:1120px}.settings-nav{display:grid;gap:6px;position:sticky;top:22px}.settings-nav button{font:inherit;display:grid;gap:5px;text-align:left;padding:12px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:#bbb;cursor:pointer;min-width:0}.settings-nav button strong{font-size:14px;font-weight:600}.settings-nav button small{font-size:11px;color:#999}.settings-nav button:hover{background:#252525;color:white}.settings-nav button[aria-pressed=true]{background:#303030;border-color:#666;color:#fff}.settings-nav button[aria-pressed=true] small{color:#ccc}.settings-nav button:focus-visible{outline:2px solid #ddd;outline-offset:2px}.settings-content{min-width:0}.settings-content:focus{outline:none}.settings-content>.settings-card{margin:0}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #444}.settings-section-head h2{font-size:19px;margin:0 0 5px}.settings-section-head .subtitle{font-size:13px;margin:0;line-height:1.7;color:#aaa}.settings-content .settings-card{padding:22px}.settings-content .cloud-members .setting-row{padding:12px 0;gap:12px}.settings-content .cloud-members .setting-row strong{font-size:14px}.settings-content .setting-row small{font-size:12px;line-height:1.6}.settings-content .setting-row select{max-width:170px}.settings-content .setting-row>.pill{font-size:12px}.settings-content .hint{font-size:12px;line-height:1.8;color:#aaa}.settings-content .subtitle{line-height:1.7}.settings-add-member{margin-top:16px;border-top:1px solid #444;padding-top:16px}.settings-add-member>summary{cursor:pointer;font-size:14px;color:#eee;padding:5px 0;list-style:none}.settings-add-member>summary::-webkit-details-marker{display:none}.settings-add-member[open]>summary{margin-bottom:14px}.settings-content .settings-add-member .section-gap{margin-top:0}.settings-add-member .form-grid{gap:14px}.settings-content .field{font-size:13px}.settings-content .field input,.settings-content .field select{min-height:40px}.settings-account-line{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:15px 0;border-bottom:1px solid #383838;font-size:14px}.settings-account-line>span{color:#aaa;flex-shrink:0}.settings-account-line strong{font-weight:500;overflow-wrap:anywhere;text-align:right;min-width:0}.settings-password{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}.settings-password h3{font-size:15px;margin:0 0 5px}.settings-password p{margin:0}.settings-password .btn{white-space:nowrap;flex-shrink:0}.settings-catalog-intro .settings-section-head{margin-bottom:0}.settings-content .settings-fold{margin-top:14px!important}.settings-content .settings-fold>summary{padding:16px 20px}.settings-content .settings-fold-body{padding:0 20px 18px}.settings-content .invite-row{padding:12px 0}.settings-content .invite-list-head{padding-top:12px;border-top:1px solid #444}.settings-content .form-grid>.error:empty{display:none}
@media(max-width:1000px){.settings-layout{grid-template-columns:150px minmax(0,1fr);gap:16px}.settings-content .cloud-members .setting-row>span:first-child{min-width:140px}.settings-password{flex-wrap:wrap}}
@media(max-width:720px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:18px}.settings-nav{position:static;display:flex;flex-wrap:wrap;gap:7px}.settings-nav button{padding:10px 12px;min-height:44px;background:#222;border-color:#444}.settings-nav button strong{font-size:13px}.settings-nav button small{display:none}.settings-content .settings-card{padding:16px}.settings-section-head{margin-bottom:12px;padding-bottom:12px}.settings-section-head h2{font-size:18px}.settings-content .cloud-members .setting-row{padding:12px 0;gap:8px 12px}.settings-content .cloud-members .setting-row>span:first-child{flex-basis:100%;min-width:0}.settings-content .setting-row select{max-width:none}.settings-content .member-editor-toggle{min-height:40px}.settings-content .field input,.settings-content .field select{font-size:16px!important}.settings-content .settings-add-member .form-grid{grid-template-columns:minmax(0,1fr)}.settings-account-line{flex-wrap:wrap;gap:7px;padding:12px 0}.settings-account-line strong{text-align:left;flex-basis:100%}.settings-password{gap:14px;padding-top:18px}.settings-password .btn{width:100%;min-height:44px}.settings-content .hint{font-size:13px}.settings-content .settings-fold>summary{padding:14px 16px}.settings-content .settings-fold-body{padding:0 16px 16px}}

.settings-permission-help{margin-top:14px}.settings-permission-help summary{font-size:12px;color:#aaa;cursor:pointer}.settings-permission-help p{margin-bottom:0}
.rank-permissions{margin-top:20px}.rank-permission{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #444;font-size:14px}.rank-permission select{min-width:150px;min-height:40px}.rank-permission input[type=checkbox]{width:20px;height:20px;accent-color:#eee}.rank-permission span{min-width:0}.settings-section-head .btn{flex-shrink:0}@media(max-width:600px){.rank-permission{font-size:13px;gap:8px}.rank-permission select{min-width:120px;max-width:140px;font-size:16px}.settings-section-head{flex-wrap:wrap}}
.backup-layout{display:grid;gap:20px;max-width:900px}.backup-layout .data-card{margin:0}.backup-layout h2{font-size:18px}.backup-layout p{line-height:1.8}.backup-layout .hint{font-size:13px;color:#aaa}.backup-help{margin-top:16px;border-top:1px solid #444;padding-top:16px}.backup-help summary{cursor:pointer;font-size:14px}.backup-help p{font-size:13px;color:#bbb}.backup-log-head,.backup-log-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.backup-log-row{padding:12px 0;border-top:1px solid #444;font-size:14px}.backup-log-row span{display:grid;gap:5px}.backup-log-row strong{font-weight:500}.backup-log-row small{color:#aaa}.backup-log-row .btn{white-space:nowrap}.backup-compare{font-size:14px;margin-bottom:18px}.backup-compare>div{display:grid;grid-template-columns:minmax(0,1fr) 80px 80px;gap:10px;padding:9px 0;border-bottom:1px solid #444}.backup-compare>div>:not(:first-child){text-align:right}.backup-confirm-label{display:flex;align-items:center;gap:10px;line-height:1.7;font-size:14px}.backup-confirm-label input{width:20px;height:20px;flex-shrink:0;accent-color:#ddd}@media(max-width:600px){.backup-layout .actions{display:grid}.backup-log-row{flex-wrap:wrap}.backup-log-head h2{font-size:17px}.backup-compare>div{grid-template-columns:minmax(0,1fr) 65px 65px}}
