.index-mode-setting{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:0 0 11px;margin-bottom:11px;border-bottom:1px solid #d3c0b3;color:#5f3b2d;font-size:12px;font-weight:800}
.index-mode-choice{display:flex;gap:3px;padding:3px;border:1px solid #cfb5a4;border-radius:5px;background:#eee1d5}
.index-mode-choice button{min-height:34px;padding:6px 12px;border:1px solid transparent;border-radius:3px;background:transparent;color:#715b50;font:inherit;font-size:12px;touch-action:manipulation}
.index-mode-choice button[aria-pressed="true"]{border-color:#5f3b2d;background:#5f3b2d;color:#fff7e8}
.index-mode-choice button:focus-visible{outline:2px solid #145aa8;outline-offset:2px}
.index-mode-columns,.index-mode-work,.index-mode-system{min-width:0}
html[data-index-mode="pc"] .app-main{width:min(100%,738px);max-width:738px;min-width:0}
html[data-index-mode="pc"] .index-mode-columns{display:grid;grid-template-columns:minmax(0,350px) minmax(0,350px);align-items:start;gap:14px}
html[data-index-mode="pc"] #homeView .menu-copy strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
html[data-index-mode="pc"] #homeView .post-form-title,html[data-index-mode="pc"] #homeView .post-form-note{white-space:normal;overflow-wrap:anywhere}
#homeView details.menu-section{border-radius:4px}
html[data-index-mode="pc"] .index-mode-system>.post-form-button:first-of-type{margin-top:0}
@media(max-width:640px){html[data-index-mode="pc"] .index-mode-columns{grid-template-columns:minmax(0,1fr)}}
.index-settings-panel .index-mode-setting{gap:6px;padding-bottom:8px;margin-bottom:8px}
.index-settings-panel .index-mode-choice button{min-height:32px;padding:5px 9px}
.index-settings-panel .index-facility-links{gap:4px;margin-bottom:8px;padding-bottom:8px}
.index-settings-panel .notification-card-heading{min-height:30px;gap:6px}
.index-settings-panel .notification-settings-table{margin-top:7px;grid-template-columns:60px minmax(0,1fr)}
.index-settings-panel .settings-group-label{padding-top:12px}
.index-settings-panel .settings-row{min-height:40px;gap:6px;padding:5px 7px}
.index-settings-panel .index-logout-button{min-height:36px;margin-top:6px;padding:6px 10px}
.app-shell{grid-template-rows:auto minmax(0,1fr) 1px var(--app-safe-bottom)}
#homeView .install-app-bar{position:static;width:100%;margin:8px 0 0;padding:0;background:transparent}
.index-mode-badge{flex:none;min-height:25px;padding:2px 6px;border:1px solid #cfb5a4;border-radius:4px;background:#fffaf2;color:#5f3b2d;font:inherit;font-size:11px;font-weight:800;white-space:nowrap;touch-action:manipulation}
.index-main-site-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:32px;margin-bottom:8px;padding:5px 8px;border:1px solid #cfb5a4;border-radius:3px;background:#fffdf8;color:#5f3b2d;font:inherit;font-size:12px;font-weight:800}
.index-mode-confirm{width:min(320px,calc(100% - 32px));padding:18px;border:1px solid #cfb5a4;border-radius:8px;background:#fffaf2;color:#3f2920;box-shadow:0 9px 22px #3f292033}
.index-mode-confirm::backdrop{background:#3f292066}
.index-mode-confirm p{margin:0 0 16px;font-size:14px;line-height:1.6}
.index-mode-confirm-actions{display:flex;justify-content:flex-end;gap:8px}
.index-mode-confirm-actions button{min-width:64px;min-height:36px;padding:6px 12px;border:1px solid #cfb5a4;border-radius:4px;background:#fff;color:#5f3b2d;font:inherit;font-size:12px;font-weight:800}
.index-mode-confirm-actions button[value="yes"]{background:#5f3b2d;color:#fff7e8}
.index-mode-badge:focus-visible,.index-main-site-link:focus-visible,.index-mode-confirm-actions button:focus-visible{outline:2px solid #145aa8;outline-offset:2px}
html[data-index-mode="app"] .app-shell{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
html[data-index-mode="app"] .app-main{width:100%;max-width:100%;min-width:0}
html[data-index-mode="app"] .app-header{width:100%;min-width:0;gap:6px}
html[data-index-mode="app"] .app-brand{flex:1 1 auto;min-width:0}
html[data-index-mode="app"] .app-brand>div{min-width:0}
html[data-index-mode="app"] .app-brand h1,html[data-index-mode="app"] .brand-kicker{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-index-mode="app"] .index-header-user{flex:0 1 auto;min-width:0;max-width:60%;gap:6px}
html[data-index-mode="app"] .index-header-user #welcomeName{min-width:0;overflow:hidden;text-overflow:ellipsis}
html[data-index-mode="app"] .settings-menu-button{flex:none}
html[data-index-mode="app"] #homeView,html[data-index-mode="app"] .index-mode-columns{width:100%;min-width:0;max-width:100%}