/* Local Settings concept. Native text, IDs, values and handlers retained. */
.pixar #settings.settings-atelier{padding:8px 10px 22px!important}
#settings.settings-atelier{--sc-ink:#26585d;--sc-gold:#c4a267;--sc-paper:#fffbed}
#settings.settings-atelier .panel{padding:10px;margin-bottom:10px;border:1px solid #bfa36e;border-radius:17px;background:linear-gradient(135deg,#fffdf4,#f8efd9);box-shadow:inset 0 0 0 2px #fffdf5,0 3px 0 #a08d6040,0 5px 12px #214d4d12;overflow:hidden}
#settings.settings-atelier .panel h2{display:flex;align-items:center;gap:8px;margin:0 0 7px;font-size:14px;line-height:1.3;font-weight:900;color:var(--sc-ink);letter-spacing:0}
#settings.settings-atelier .panel h2::before{content:'';display:block;width:27px;height:27px;flex:none;background:url('assets/settings-compact-v2/logbook.webp') center/contain no-repeat}
#settings.settings-atelier .sa-profile{padding-top:0}
#settings.settings-atelier .sa-profile>h2{margin:0 -10px 8px;padding:7px 12px;min-height:44px;color:#fff4d4;background:linear-gradient(125deg,#388e8a,#245e68);border-bottom:2px solid #d4b879;box-shadow:inset 0 1px 0 #d7f0dc50;text-shadow:0 1px 1px #17474b}
#settings.settings-atelier .sa-profile>h2::before{width:32px;height:32px;filter:drop-shadow(0 2px 1px #153a4340)}
#settings.settings-atelier .sa-joined{grid-template-columns:21px minmax(0,1fr) max-content;gap:7px;margin:0 0 6px;padding:6px 8px;min-height:44px;border:1px solid #c7d6bf;border-radius:10px;background:linear-gradient(110deg,#e7f1e6,#f8f4df);box-shadow:inset 0 1px 1px #698d7220}
#settings.settings-atelier .sa-joined>svg{width:18px;height:18px;color:#47897d}
#settings.settings-atelier .sa-joined>div:nth-child(2){gap:1px}
#settings.settings-atelier .sa-joined>div:nth-child(2) span{font-size:10px;color:#58776b}
#settings.settings-atelier .sa-joined>div:nth-child(2) b{--stat-size:12;font-size:12px;color:#285f60}
#settings.settings-atelier .sa-joined-days{min-width:39px;padding-inline-start:8px;border-left:0;border-inline-start:1px solid #aabf9c}
#settings.settings-atelier .sa-joined-days b{--stat-size:17;font-size:17px;color:#8f692d}
#settings.settings-atelier .sa-grid{gap:0;border:1px solid #ddcfad;border-radius:12px;background:#fffdf5;overflow:hidden;box-shadow:inset 0 1px 2px #687a5220}
#settings.settings-atelier .sa-tile{position:relative;grid-template-columns:34px minmax(0,1fr);gap:5px;min-height:58px;padding:7px 6px;border:0;border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid #ede5cf}
#settings.settings-atelier .sa-tile:nth-child(odd){border-inline-end:1px solid #ede5cf}
#settings.settings-atelier .sa-tile:nth-last-child(-n+2){border-bottom:0}
#settings.settings-atelier .sa-tile>img{display:block;width:34px;height:36px;object-fit:contain;filter:drop-shadow(0 1px 1px #725f3533)}
#settings.settings-atelier .sa-tile>div{gap:3px}
#settings.settings-atelier .sa-tile span{font-size:10px;font-weight:700;color:#6c7b6a;line-height:1.2}
#settings.settings-atelier .sa-tile b{--stat-size:15;font-size:15px;color:#275c5e;line-height:1.12;letter-spacing:-.25px}
#settings.settings-atelier .sa-tile:first-child b{color:#967025}
#settings.settings-atelier .sa-tile:has(.sa-tile-row){display:block;min-height:66px;padding:7px 8px}
#settings.settings-atelier .sa-tile:has(.sa-tile-row)>img{position:absolute;top:5px;inset-inline-start:7px;width:29px;height:27px}
#settings.settings-atelier .sa-tile:has(.sa-tile-row)>div>span{padding-inline-start:33px;min-height:24px;display:flex;align-items:center}
#settings.settings-atelier .sa-tile-row{display:flex;align-items:center;gap:4px}
#settings.settings-atelier .sa-tile-row b{--stat-size:12.5;font-size:12.5px}
#settings.settings-atelier .sa-index-pill{padding:2px 4px;font-size:9px;line-height:1.3;border:1px solid #c4ad71;border-radius:5px;background:#f6e8ba;color:#78602f;box-shadow:inset 0 1px #fff9df}
#settings.settings-atelier [hidden]{display:none!important}
#settings.settings-atelier .sa-lang-panel{gap:0}
#settings.settings-atelier .sa-lang-panel h2::before{background-image:url('assets/settings-compact-v2/globe.svg');width:24px;height:24px;margin-inline:2px}
#settings.settings-atelier .sa-lang-grid{gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}
#settings.settings-atelier .sa-lang-card{position:relative;min-height:40px;padding:7px 9px;gap:8px;border:1px solid #d9ccb1;border-radius:10px;background:#fffdf5;box-shadow:inset 0 1px #fff,0 1px 1px #bcb39422;font-size:12px;color:#49645e;font-weight:800}
#settings.settings-atelier .sa-lang-card img{width:23px;height:17px;border-radius:3px;box-shadow:0 0 0 1px #00000016}
#settings.settings-atelier .sa-lang-card.active{padding-inline-end:24px;background:linear-gradient(120deg,#438f87,#2e7076);border-color:#417c73;color:#fff5d9;box-shadow:inset 0 1px 0 #aad0a9,0 2px 0 #c7ac71;text-shadow:0 1px #27616b}
#settings.settings-atelier .sa-lang-card.active::after{content:'';position:absolute;inset-inline-end:10px;top:14px;width:5px;height:9px;border:solid #f9df9c;border-width:0 2px 2px 0;transform:rotate(45deg)}
#settings.settings-atelier .panel>p{margin:2px 0 7px;font-size:11px;line-height:1.35;color:#6c7b6d}
#settings.settings-atelier .setting-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #d9cba8;border-radius:10px;background:#fffdf3;color:#305f60;font-family:inherit;box-shadow:inset 0 1px #fff;text-align:start;text-decoration:none}
#settings.settings-atelier .setting-link span{font-size:12px;font-weight:800;line-height:1.3}
#settings.settings-atelier .setting-link b{color:#9e803e;font-size:20px;line-height:1}
#settings.settings-atelier .sa-history-link{background:linear-gradient(120deg,#e3f0e5,#f7f4dd);border-color:#b6c9aa;box-shadow:inset 0 1px #fff}
#settings.settings-atelier .panel:last-child h2::before{background-image:url('assets/settings-compact-v2/settings.svg');width:24px;height:24px;margin-inline:2px}
#settings.settings-atelier .setting{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;margin:0 0 5px;padding:6px 9px;border:1px solid #e0d3b4;border-radius:10px;background:#fffdf3}
#settings.settings-atelier .setting>span{font-size:12px;font-weight:800;line-height:1.3;color:#305f60}
#settings.settings-atelier .toggle{flex:none;width:48px;height:27px;min-width:48px;border:1px solid #507f74;border-radius:20px;box-shadow:inset 0 2px 4px #164c4940,0 1px 0 #fff;background:#4d9686}
#settings.settings-atelier .toggle i{width:21px;height:21px;top:2px;left:22px;background:linear-gradient(#fffced,#e2c78a);box-shadow:0 1px 3px #16473c60,inset 0 0 0 1px #fff5d5}
#settings.settings-atelier .toggle.off{background:#c2c9b8;border-color:#aeb89d}
#settings.settings-atelier .toggle.off i{left:3px}
#settings.settings-atelier #settingsGroupLink::before,#settings.settings-atelier #settingsSupportLink::before{content:'';width:22px;height:22px;flex:none;background:url('assets/settings-compact-v2/group.svg') center/contain no-repeat}
#settings.settings-atelier #settingsSupportLink::before{background-image:url('assets/settings-compact-v2/support.svg')}
#settings.settings-atelier #settingsGroupLink span,#settings.settings-atelier #settingsSupportLink span{flex:1}
#settings.settings-atelier button:focus-visible,#settings.settings-atelier a:focus-visible{outline:2px solid #b08b3b;outline-offset:2px}
@media(max-width:350px){.pixar #settings.settings-atelier{padding-inline:8px!important}#settings.settings-atelier .panel{padding-inline:8px}#settings.settings-atelier .sa-profile>h2{margin-inline:-8px}#settings.settings-atelier .sa-tile{grid-template-columns:28px minmax(0,1fr);gap:4px;padding-inline:5px}#settings.settings-atelier .sa-tile>img{width:28px;height:32px}#settings.settings-atelier .sa-tile span{font-size:9.5px}#settings.settings-atelier .sa-lang-card{padding-inline:7px;gap:6px}}
