/* Shared visual roles and responsive components. Loaded after legacy screen styles. */
:root{--bg:#f5f7fb;--surface:#fff;--surface-alt:#f0f4fa;--text:#19253b;--muted:#53647d;--line:#e1e8f2;--accent:#245bd5;--accent-hover:#1948b1;--accent-soft:#eaf0ff;--on-accent:#fff;--radius:20px;--shadow:0 4px 24px #1d356308;--modern-focus:#245bd5;--modern-sm:12px;--modern-body:15px;--modern-title:30px;--modern-space:20px;--modern-gap:12px;--modern-small-gap:6px;--modern-icon:20px;--modern-control:44px;--modern-control-sm:38px;--modern-avatar:44px;--modern-side:420px;--modern-radius:14px;--modern-pill:999px;--modern-comment-max:160px;--modern-header:72px;--modern-sidebar:232px;--modern-rightbar:280px;--modern-feed:680px;--modern-layout-gap:28px;--modern-layout-max:1440px;--modern-mobile-max:720px;--modern-page-pad:24px;--modern-font:Inter,"Segoe UI",Arial,sans-serif;--modern-cover-a:#e5eeff;--modern-cover-b:#ccddfc;--modern-viewer:#0e1522;--modern-viewer-edge:#1d2d47;--modern-overlay:#0e1522b8;--modern-cover-text:#234f9d;--modern-scroll:#b2bfd2;--modern-error:#a93636;--modern-error-bg:#fff1f1;--modern-motion:160ms;--modern-post-line:1.75}
html{scrollbar-gutter:stable}body{font-family:var(--modern-font);font-size:var(--modern-body);letter-spacing:-.15px}button,a,input,textarea{touch-action:manipulation}button,input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--modern-focus);outline-offset:3px}.card{border-color:var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.btn{min-height:var(--modern-control-sm);border-radius:var(--modern-radius);font-weight:650;transition:background var(--modern-motion),box-shadow var(--modern-motion)}.btn:hover{transform:none;box-shadow:var(--shadow)}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--accent-hover)}.field{font-size:14px;gap:.65em}.field input,.field textarea,.field select{border-radius:var(--modern-radius);padding:.9em 1em;border-color:var(--line)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.page-heading h1{font-size:var(--modern-title)}.page-heading p:last-child{font-size:14px}.empty-state{padding:2em 1em}.empty-state h3{color:var(--text)}.section-heading h3{color:var(--muted)}
.topbar{height:var(--modern-header);padding:0 var(--modern-page-pad);border-bottom:1px solid var(--line);box-shadow:none;background:var(--surface)}.topbar .brand{font-size:27px;letter-spacing:-1px}.global-search{height:var(--modern-control);max-width:260px;background:var(--surface-alt);border:1px solid transparent}.global-search:focus-within{border-color:var(--accent);background:var(--surface)}.global-search input{font-size:13px}.top-center-nav{height:var(--modern-header);gap:.6em}.top-center-nav a{margin:.55em 0;border:0;border-radius:var(--modern-radius);height:auto}.top-center-nav a.active{color:var(--accent);background:var(--accent-soft);position:relative}.topbar-actions .notification-btn{height:var(--modern-control);width:var(--modern-control);background:var(--surface-alt)}.topbar-profile .avatar{width:var(--modern-control);height:var(--modern-control);min-width:var(--modern-control)}
.app-body:not(.view-profile) .app-layout{max-width:var(--modern-layout-max);grid-template-columns:var(--modern-sidebar) minmax(0,var(--modern-feed)) var(--modern-rightbar);gap:var(--modern-layout-gap);padding:var(--modern-layout-gap) var(--modern-page-pad);justify-content:center}.sidebar,.rightbar{top:calc(var(--modern-header) + var(--modern-space))}.sidebar{height:calc(100dvh - var(--modern-header) - var(--modern-space) * 2)}.nav-item{font-size:14px;padding:.8em 1em;gap:.9em;border-radius:var(--modern-radius)}.nav-item.selected{background:var(--accent-soft);color:var(--accent)}.sidebar-profile b{font-size:14px}.sidebar-profile span:not(.avatar){font-size:var(--modern-sm)}.sidebar-create{border-radius:var(--modern-radius);min-height:var(--modern-control)}.nav-heading,.section-kicker{color:var(--muted);font-size:10px}.sidebar-footer{font-size:11px}.side-card .section-heading h3{font-size:15px}.side-card .suggestion .strong,.contact b,.community-mini b{font-size:13px}.side-card .muted,.contact>.muted,.community-mini p{font-size:11px}.side-card{padding-bottom:var(--modern-space)}
.stories{border:1px solid var(--line);padding:var(--modern-space);gap:var(--modern-gap);border-radius:var(--radius);box-shadow:var(--shadow)}.story-art{border-radius:var(--modern-radius);height:148px}.story>span:last-child{font-size:var(--modern-sm)}.stories-empty b{font-size:18px}.stories-empty span{font-size:13px}.composer{padding:var(--modern-space) var(--modern-space) 0}.inline-composer textarea.composer-trigger{border:1px solid transparent;background:var(--surface-alt);border-radius:var(--modern-radius);min-height:70px;font-size:var(--modern-body);line-height:1.65;padding:.9em 1em}.inline-composer textarea.composer-trigger:focus{border-color:var(--line);box-shadow:none;background:var(--surface)}.composer .avatar{width:var(--modern-avatar);height:var(--modern-avatar);min-width:var(--modern-avatar)}.composer-main{gap:var(--modern-gap)}.composer-additions{gap:1em}.composer-file,.composer-feeling-button{font-size:var(--modern-sm)}.composer-publish select{font-size:11px;padding:.7em .8em;max-width:140px}.composer-publish>.btn{min-height:var(--modern-control-sm);padding:.65em 1.3em}.composer-tools{gap:var(--modern-gap)}.feed-tabs a{font-size:13px;padding:.65em 1.1em}.feed-tabs a.active{background:var(--accent-soft);color:var(--accent)}
.post{container-type:inline-size;min-width:0;margin-bottom:var(--modern-space);overflow:visible}.post-header{padding:var(--modern-space);gap:var(--modern-gap);align-items:flex-start}.post-header .avatar{width:var(--modern-avatar);height:var(--modern-avatar);min-width:var(--modern-avatar)}.post-author{font-size:14px;line-height:1.5;flex-wrap:wrap;overflow-wrap:anywhere}.post-meta{font-size:11px;line-height:1.5;flex-wrap:wrap;gap:.35em}.post-header .dropdown{flex:0 0 auto}.post-body{padding:0 var(--modern-space) var(--modern-space);font-size:var(--modern-body);line-height:var(--modern-post-line);overflow-wrap:anywhere;min-width:0}.post-context,.wall-label{padding-left:var(--modern-space);padding-right:var(--modern-space);font-size:var(--modern-sm);overflow-wrap:anywhere}.post-media{max-height:660px}.post-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.5em 1em;padding:.95em var(--modern-space);font-size:var(--modern-sm);min-width:0}.post-stats>a{margin-left:auto;min-width:0;overflow-wrap:anywhere}.post-stats>span{flex-shrink:0}.mini-heart{width:var(--modern-icon);height:var(--modern-icon);background:var(--accent-soft);color:var(--accent)}
.post-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) var(--modern-control);gap:var(--modern-small-gap);margin:0 var(--modern-gap);padding:.35em 0;border-top:1px solid var(--line);min-width:0}.post-actions>.reaction-form,.post-actions>a,.post-actions>button{min-width:0;display:flex;width:100%;flex:none}.post-actions .save-form{min-width:0;flex:none;width:100%}.post-actions .post-action{min-width:0;width:100%;min-height:var(--modern-control);padding:.55em .3em;display:flex;align-items:center;justify-content:center;gap:.5em;white-space:normal;font-size:13px;line-height:1.3;border-radius:var(--modern-radius);color:var(--muted)}.post-actions .post-action>.icon{width:var(--modern-icon);height:var(--modern-icon);flex-shrink:0}.post-actions .post-action>span{min-width:0;overflow-wrap:anywhere}.post-actions .post-action:hover{background:var(--surface-alt)}.post-actions .post-action.active{color:var(--accent);background:var(--accent-soft)}
.inline-comments{padding:var(--modern-space);border-top:1px solid var(--line);min-width:0}.inline-comments[hidden]{display:none}.comments-heading{display:flex;align-items:center;gap:.6em;margin-bottom:var(--modern-gap)}.comments-heading h3{font-size:14px;font-weight:650;letter-spacing:0}.comments-count{display:grid;place-items:center;min-width:1.8em;height:1.8em;border-radius:var(--modern-pill);background:var(--surface-alt);color:var(--muted);font-size:11px;padding:0 .4em}.comments-status{font-size:var(--modern-sm);color:var(--muted);padding:.7em 0}.comments-status[hidden]{display:none}.comments-status.error{color:var(--modern-error)}.comments-retry{font-size:var(--modern-sm);color:var(--accent);text-decoration:underline;padding:.4em 0}.comments-retry[hidden]{display:none}.comments-empty{padding:var(--modern-gap) 0 var(--modern-space);font-size:var(--modern-sm);color:var(--muted)}.inline-comments-list{min-width:0}.inline-comments .comment{display:flex;gap:.7em;margin:var(--modern-gap) 0;min-width:0;align-items:flex-start}.comment>.avatar{flex:0 0 34px;width:34px;height:34px;min-width:34px}.comment-bubble{min-width:0;max-width:100%;padding:.8em 1em;border-radius:0 var(--modern-radius) var(--modern-radius) var(--modern-radius);background:var(--surface-alt);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.comment-bubble .strong{font-size:var(--modern-sm);color:var(--text);font-weight:700}.comment-bubble p{margin-top:.25em;overflow-wrap:anywhere}.comment-tools{margin-top:.6em;gap:.8em;font-size:11px}.comment-tools time{color:var(--muted)}.comment-tools button{min-height:24px;font-weight:600}.comment-tools button:hover{color:var(--accent);text-decoration:underline}.comment-form{min-width:0}.comment-form textarea{flex:1 1 0;width:0;min-width:0}.inline-comments .comment-form{display:grid;grid-template-columns:minmax(0,1fr) var(--modern-control);align-items:end;gap:var(--modern-gap);width:100%;min-width:0;margin:var(--modern-gap) 0 0}.inline-comments .comment-form textarea{width:100%;min-width:0;max-width:100%;min-height:var(--modern-control);max-height:var(--modern-comment-max);padding:.8em 1em;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--modern-radius);resize:none;font-size:13px;line-height:1.5;box-sizing:border-box}.inline-comments .comment-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.inline-comments .comment-form>.icon-btn{width:var(--modern-control);height:var(--modern-control);min-width:var(--modern-control);margin:0;border-radius:var(--modern-radius);background:var(--accent);color:var(--on-accent)}.comment-form .icon-btn>.icon{width:var(--modern-icon);height:var(--modern-icon)}.inline-comments .all-comments{font-size:var(--modern-sm);font-weight:600;padding:.5em 0;margin:.3em 0 0;color:var(--accent);cursor:pointer;align-self:flex-start}.all-comments[hidden]{display:none!important}.comment-editor{display:flex;flex-direction:column;gap:.7em;padding:.5em 0}.comment-editor textarea{width:100%;min-width:0;min-height:90px;resize:vertical;font-size:13px}.comment-editor-actions,.comment-confirm-actions{display:flex;gap:.6em;flex-wrap:wrap}.comment-editor-actions .btn,.comment-confirm-actions .btn{font-size:var(--modern-sm);min-height:var(--modern-control-sm);padding:.5em 1em}.comment-confirm{margin-top:.7em;border-top:1px solid var(--line);padding-top:.7em}.comment-confirm p{font-size:var(--modern-sm);margin-bottom:.7em}
.media-viewer{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--modern-viewer);border-radius:0}.media-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--modern-side))}.media-viewer-open{overflow:hidden}.media-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--modern-viewer-edge),var(--modern-viewer));padding:var(--modern-page-pad)}.media-stage .media-enlarged{min-width:0;max-width:100%;max-height:calc(100dvh - var(--modern-page-pad) * 2);object-fit:contain}.media-sidebar{display:block;min-width:0;min-height:0;width:100%;height:100%;border:0;background:var(--surface)}.media-close{display:grid;place-items:center;position:absolute;top:var(--modern-space);left:var(--modern-space);width:var(--modern-control);height:var(--modern-control);border:1px solid var(--modern-viewer-edge);border-radius:var(--modern-pill);background:var(--modern-viewer);color:var(--viewer-close);font-size:28px;z-index:3}.media-close:hover{background:var(--modern-viewer-edge)}.media-detail{margin:0;min-width:0;width:auto;max-width:100%;overflow-x:clip;background:var(--surface)}.media-detail>.post{width:100%;max-width:100%;min-width:0;margin:0;border:0;border-radius:0;box-shadow:none}.media-detail .post-header{padding:var(--modern-space)}.media-detail .post-stats{font-size:var(--modern-sm)}.media-detail .post-body{font-size:14px}.media-detail .inline-comments{min-width:0;max-width:100%}.media-detail .post>.post-media{display:none}.media-detail .modal{max-width:calc(100% - var(--modern-gap) * 2);width:calc(100% - var(--modern-gap) * 2)}.media-detail .comment-form{max-width:100%}
.modal{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 80px var(--modern-overlay);padding:var(--modern-page-pad)}.modal::backdrop{background:var(--modern-overlay);backdrop-filter:blur(4px)}.modal-header{padding-bottom:var(--modern-space);border-bottom:1px solid var(--line);margin-bottom:var(--modern-space)}.modal-header h2{font-size:22px}.modal-header>.icon-btn{background:var(--surface-alt);border-radius:var(--modern-pill)}.feeling-grid{gap:.7em}.feeling-grid button{border-radius:var(--modern-radius);padding:.85em 1em;min-height:56px;background:var(--surface-alt);border-color:transparent}.feeling-grid button:hover{background:var(--accent-soft);border-color:var(--accent)}.feeling-grid b{font-size:13px}.feeling-search{border:1px solid var(--line);padding:.7em 1em}.notification-popover{border-radius:var(--radius);box-shadow:0 12px 40px var(--modern-overlay);max-width:calc(100% - var(--modern-gap) * 2)}.notification-row{border-radius:var(--modern-radius);margin:.25em .5em;font-size:13px;min-width:0}.notification-row.unread{background:var(--accent-soft)}.notification-row>span,.notification-row>.grow{min-width:0;overflow-wrap:anywhere}.chat-dock{box-shadow:0 12px 40px var(--modern-overlay);border-radius:var(--radius) var(--radius) 0 0}.chat-launcher{background:var(--surface);color:var(--accent);border:1px solid var(--line);box-shadow:var(--shadow)}
.settings-nav,.settings-section{border-radius:var(--radius)}.settings-nav{padding:var(--modern-gap)}.settings-nav>a{font-size:13px;border-radius:var(--modern-radius)}.settings-section h2{font-size:22px}.settings-section{padding:var(--modern-page-pad)}.person-card,.community-card,.event-card{border-radius:var(--radius)}.person-card h3,.community-card h3{font-size:18px}.person-bio,.community-card-info>p{font-size:13px}.community-cover,.person-cover{background-color:var(--modern-cover-a)}.profile-full-cover{background:linear-gradient(120deg,var(--modern-cover-a),var(--modern-cover-b));border-radius:0 0 var(--radius) var(--radius)}.profile-cover-pattern{color:var(--modern-cover-text)}.profile-full-identity{padding-top:.5em}.profile-full-tabs a{font-size:14px}.profile-info-card h2{font-size:20px}.profile-full-body{gap:var(--modern-page-pad)}.profile-feed-heading{border-radius:var(--modern-radius)}
.auth-body{background:var(--bg)}.auth-form-wrap{border-radius:var(--radius);box-shadow:var(--shadow);border-color:var(--line)}.auth-visual .brand{color:var(--accent)}.auth-pitch h1{letter-spacing:-1.6px}.auth-pill{border-color:var(--line);background:var(--surface);color:var(--muted)}.auth-form-wrap>h1{font-size:var(--modern-title)}.auth-form input{border-radius:var(--modern-radius)}.auth-description{font-size:14px}.auth-submit{border-radius:var(--modern-radius);min-height:var(--modern-control)}.admin-card,.admin-kpis>a{border-radius:var(--radius)}.admin-card table{font-size:13px}.admin-card th{font-size:var(--modern-sm)}.admin-card .field{font-size:13px}.admin-heading p:last-child{font-size:13px}.admin-topbar{border-bottom:1px solid var(--line)}.admin-search{border:1px solid var(--line);border-radius:var(--modern-radius)}.admin-card .btn{border-radius:var(--modern-radius)}
@container(max-width:420px){.post-actions .post-action{flex-direction:column;gap:.3em;font-size:11px;min-height:54px}.post-stats{font-size:11px}.post-header{padding:var(--modern-gap)}.post-body{padding:0 var(--modern-gap) var(--modern-gap)}.inline-comments{padding:var(--modern-gap)}}
@media(min-width:761px) and (max-width:1250px){.app-body:not(.view-profile) .app-layout{grid-template-columns:200px minmax(0,1fr) 240px;gap:var(--modern-space);padding-left:var(--modern-space);padding-right:var(--modern-space)}.topbar .brand{font-size:24px}.global-search{max-width:190px}.top-center-nav a{width:64px}}
@media(min-width:761px) and (max-width:1080px){.app-body:not(.view-profile) .app-layout{grid-template-columns:200px minmax(0,1fr);max-width:980px}.top-center-nav{position:static;transform:none}.rightbar{display:none}}
@media(max-width:760px){:root{--modern-header:64px;--modern-space:16px;--modern-page-pad:16px;--radius:18px;--modern-title:26px;--modern-avatar:40px}.topbar{padding:0 var(--modern-space)}.topbar .brand{font-size:25px}.top-center-nav{display:none}.topbar-actions .notification-btn,.topbar-profile .avatar{width:var(--modern-control-sm);height:var(--modern-control-sm);min-width:var(--modern-control-sm)}.app-body:not(.view-profile) .app-layout{display:block;max-width:var(--modern-mobile-max);padding:var(--modern-space) var(--modern-gap) 100px}.stories{padding:var(--modern-gap)}.story-art{height:116px}.composer{padding:var(--modern-space) var(--modern-space) 0}.inline-composer textarea.composer-trigger{font-size:14px;min-height:64px}.post-author{font-size:13px}.post-meta{font-size:11px}.post-body{font-size:14px}.post-header{padding:var(--modern-space)}.post-actions{margin:0 var(--modern-gap)}.post-stats{padding:.8em var(--modern-space)}.inline-comments{padding:var(--modern-space)}.inline-comments .comment-form{grid-template-columns:minmax(0,1fr) var(--modern-control);gap:.6em}.inline-comments .comment-form>.icon-btn{width:var(--modern-control);height:var(--modern-control)}.inline-comments .comment-form textarea{font-size:13px}.comment-bubble{font-size:13px}.media-viewer[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,42%) minmax(0,58%)}.media-stage{padding:var(--modern-gap)}.media-stage .media-enlarged{max-height:calc(42dvh - var(--modern-gap) * 2)}.media-close{top:var(--modern-gap);left:var(--modern-gap)}.media-detail .post-actions .post-action{font-size:11px}.media-detail .post-header{padding:var(--modern-space)}.media-detail .inline-comments{padding:var(--modern-space)}.mobile-nav{padding-top:.5em;border-top:1px solid var(--line);box-shadow:none}.mobile-nav>a,.mobile-nav>button{font-size:10px}.mobile-nav .selected{border-radius:var(--modern-radius)}.chat-launcher{bottom:84px}.modal{padding:var(--modern-space);max-width:calc(100% - var(--modern-gap) * 2)}.modal-header h2{font-size:20px}.settings-section{padding:var(--modern-space)}.profile-full-tabs a{font-size:13px;padding:1em .65em}.profile-full-body{gap:var(--modern-space)}.auth-form-wrap{padding:var(--modern-page-pad)}.auth-form-wrap>h1{font-size:26px}.auth-description{font-size:13px}.auth-visual .brand{font-size:29px}}
@media(max-width:360px){.topbar .brand{font-size:22px}.topbar-actions{gap:.35em}.post-stats{gap:.6em;font-size:11px}.post-stats>a{margin-left:0}.composer-additions{gap:.6em}.composer-file,.composer-feeling-button{font-size:11px}.profile-full-person{gap:.7em}.profile-full-person>.avatar{min-width:90px;width:90px;height:90px}}
html[data-theme=dark]{--bg:#101827;--surface:#192336;--surface-alt:#223149;--text:#edf3ff;--muted:#b6c5dc;--line:#354763;--accent:#92b9ff;--accent-hover:#bbd2ff;--accent-soft:#2a405f;--on-accent:#102344;--modern-focus:#92b9ff;--shadow:0 4px 24px #0002;--modern-scroll:#536b8e;--modern-error:#ffb8b8;--modern-error-bg:#48232b}
:root{--header:var(--modern-header)}
:root.media-viewer-open{scrollbar-gutter:auto}.media-detail .comment-form{position:sticky;bottom:0;background:var(--surface);padding-top:var(--modern-gap);padding-bottom:var(--modern-gap);z-index:2}
.comment-tools[hidden]{display:none}
@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#101827;--surface:#192336;--surface-alt:#223149;--text:#edf3ff;--muted:#b6c5dc;--line:#354763;--accent:#92b9ff;--accent-hover:#bbd2ff;--accent-soft:#2a405f;--on-accent:#102344;--modern-focus:#92b9ff;--shadow:0 4px 24px #0002;--modern-scroll:#536b8e;--modern-error:#ffb8b8;--modern-error-bg:#48232b}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{--location-width:540px;--location-list:270px;--location-mark:40px;--location-gap:16px;--location-small:12px;--location-title:14px;--location-row-pad:12px}
.field input:not([type=file]):not([type=checkbox]),.field textarea,.field select{border-color:var(--line)}.field input:not([type=file]):not([type=checkbox]):focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}
.location-picker{width:min(var(--location-width),calc(100% - var(--modern-gap) * 2));max-height:calc(100dvh - var(--modern-gap) * 2);overflow:auto}.location-picker-body{display:flex;flex-direction:column;gap:var(--location-gap);min-width:0}.location-description{font-size:var(--location-title);line-height:1.65;color:var(--muted)}.location-search{display:grid;grid-template-columns:var(--modern-icon) minmax(0,1fr) var(--modern-control-sm);align-items:center;gap:var(--modern-gap);padding:.4em .6em .4em 1em;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--modern-radius);min-width:0}.location-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:var(--surface)}.location-search>.icon{color:var(--muted)}.location-search input,.location-search input:focus{padding:.6em 0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0;width:100%;font-size:var(--location-title);outline:0}.location-search>.icon-btn{width:var(--modern-control-sm);height:var(--modern-control-sm);color:var(--muted)}.location-search input::-webkit-search-cancel-button{display:none}.location-search [hidden]{visibility:hidden;display:block}.location-results-heading{font-size:var(--location-small);font-weight:650;color:var(--muted)}.location-results{padding:0;margin:0;list-style:none;max-height:min(32dvh,var(--location-list));overflow:auto;min-width:0;scrollbar-gutter:stable}.location-results>li{margin:.3em 0}.location-option{display:flex;align-items:center;gap:var(--modern-gap);width:100%;padding:var(--location-row-pad);text-align:left;border:1px solid transparent;border-radius:var(--modern-radius);color:var(--text);min-width:0}.location-option:hover,.location-option:focus-visible{background:var(--surface-alt)}.location-option[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.location-option-mark{display:grid;place-items:center;flex:0 0 var(--location-mark);height:var(--location-mark);border-radius:var(--modern-radius);background:var(--surface-alt);color:var(--accent);font-size:1.5em}.location-option-mark .icon{width:var(--modern-icon);height:var(--modern-icon)}.location-option-text{display:flex;flex-direction:column;gap:.25em;flex:1;min-width:0}.location-option-text b{font-size:var(--location-title);overflow-wrap:anywhere}.location-option-text small{font-size:var(--location-small);color:var(--muted)}.location-option-check{color:var(--accent);font-size:1.2em;flex-shrink:0}.location-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--location-gap);border-top:1px solid var(--line);padding-top:var(--location-gap)}.location-preview{display:flex;align-items:center;gap:.5em;min-width:0;color:var(--muted);font-size:var(--location-small)}.location-preview>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-footer-actions{display:flex;gap:.6em;flex-shrink:0}.location-footer .btn{font-size:var(--location-small)}.composer-location-chip{background:var(--accent-soft);border-color:var(--line);color:var(--accent);max-width:100%;margin-right:.5em;vertical-align:top}.composer-location-chip>span{min-width:0;overflow-wrap:anywhere}.composer-location-chip>.icon{width:var(--modern-icon);height:var(--modern-icon)}.composer-location-chip>button{flex-shrink:0}.composer-location-chip[hidden]{display:none}
@media(max-width:600px){.location-picker{padding:var(--modern-space)}.location-footer{flex-direction:column;align-items:stretch}.location-footer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.location-footer-actions .btn{white-space:normal}.location-results{max-height:27dvh}.location-preview{max-width:100%}.location-option{padding:.65em}.location-description{font-size:13px}}
.inline-composer .composer-location-chip{color:var(--accent)}
.language-switch{display:flex;align-items:center;flex-wrap:wrap;gap:.4em;padding:.7em 0;margin:.4em 0 1em;font-size:12px}.language-switch a{padding:.5em .7em;border-radius:10px;color:var(--muted);border:1px solid var(--line)}.language-switch a[aria-current=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.demo-banner{display:flex;gap:.7em;align-items:center;flex-wrap:wrap;padding:1em;background:var(--accent-soft);color:var(--text);border:1px solid var(--line);font-size:12px}.demo-banner a{color:var(--accent);font-weight:650}.demo-logins{padding:1em;margin:1em 0;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--modern-radius);font-size:12px;overflow-wrap:anywhere}.demo-logins h2{font-size:16px;margin-bottom:.6em}.demo-logins p{margin:.4em 0}.app-body>.demo-banner{position:relative;z-index:5}.app-body:has(>.demo-banner) .topbar{position:relative}.admin-main>.language-switch{margin-top:0}.language-switch a:focus-visible{outline:2px solid var(--accent)}