/* Настройки по категориям: окно 80% экрана, меню слева */
.work-settings-dialog.settings-nav-ready{width:80vw;max-width:80vw;height:80vh;max-height:80vh;padding:0;overflow:hidden}
.work-settings-dialog.settings-nav-ready form{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:0;height:100%;max-height:none;padding:0;overflow:hidden}
.settings-nav-ready form>.section-title{grid-column:1/-1;position:static;margin:0;padding:18px 24px 14px;border-bottom:1px solid var(--ig-line,#dde1cf);box-shadow:none}
.settings-nav{grid-column:1;grid-row:2;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:4px;margin:0;padding:14px 12px;border-right:1px solid var(--ig-line,#dde1cf);background:#f6f6ee;overflow:auto}
.settings-nav button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#3c4228;text-align:left;box-shadow:none;font:inherit;cursor:pointer}
.settings-nav button:hover:not(.active){background:#eceee2;transform:none}
.settings-nav button.active{background:#fffef8;border-color:#d9deca;box-shadow:0 4px 14px #4b52391a}
.settings-nav button:focus-visible{outline:2px solid #68704d;outline-offset:1px}
.settings-nav-icon{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e6e9da;color:#4d573d;font-size:14px;font-weight:800}
.settings-nav button.active .settings-nav-icon{background:#464b38;color:#dce7a5}
.settings-nav b{display:block;font-size:14px;line-height:1.25}
.settings-nav small{display:block;margin-top:2px;color:#7d846f;font-size:11.5px;line-height:1.35;font-weight:500}
.settings-panes{grid-column:2;grid-row:2;overflow:auto;padding:20px 28px 28px;overscroll-behavior:contain}
.settings-panes>.settings-off{display:none!important}
.settings-pane-head{display:block;position:static;min-height:0;height:auto;margin:0 0 16px;padding:0 0 12px;border:0;border-bottom:1px dashed #d9deca;background:none;box-shadow:none;max-width:900px}
.settings-pane-head h3{margin:0;font-size:21px;color:#2f3529}
.settings-pane-head p{margin:4px 0 0;color:#717766;font-size:13px}
.settings-panes>*{max-width:900px}
.settings-nav-ready form>.actions{grid-column:1/-1;grid-row:3;margin:0;padding:12px 24px;border-top:1px solid var(--ig-line,#dde1cf);background:var(--ig-card,#fffef8)}
@media(max-width:900px){
  .work-settings-dialog.settings-nav-ready{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
  .work-settings-dialog.settings-nav-ready form{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}
  .settings-nav-ready form>.section-title{padding:14px 16px 10px}
  .settings-nav{grid-column:1;grid-row:2;flex-direction:row;gap:6px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--ig-line,#dde1cf);overflow-x:auto;scrollbar-width:none}
  .settings-nav::-webkit-scrollbar{display:none}
  .settings-nav button{flex:0 0 auto;width:auto;align-items:center;padding:8px 12px;border-color:#d9deca;border-radius:999px;background:#fffef8}
  .settings-nav button.active{background:#464b38;border-color:#464b38;color:#fffef8}
  .settings-nav small,.settings-nav-icon{display:none}
  .settings-nav b{font-size:13px;white-space:nowrap}
  .settings-panes{grid-column:1;grid-row:3;padding:14px 16px 20px}
  .settings-pane-head{display:none}
  .settings-nav-ready form>.actions{grid-row:4;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
}
.settings-pane-head[hidden]{display:none}