/* Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten. */
/* Shared measured podium anchor remains authoritative across viewport sizes. */
.orb-wrap{width:clamp(220px,24vw,320px);height:clamp(220px,24vw,320px);}
.glass-sculpture[data-shape="head"],.glass-sculpture[data-shape="cow"]{top:0;}
.glass-sculpture{object-fit:contain;transform-origin:50% 65%;}
:where(button,a,input,textarea,select):focus-visible{outline:3px solid #88ddff;outline-offset:3px;}
.sidebar-foot button,#attach-button,#dictate-button,.send-button,.menu-button{min-width:44px;min-height:44px;}
.settings-nav button,.settings-back{min-height:44px;}
.settings-content :where(input,textarea,select){max-width:100%;box-sizing:border-box;}
.settings-content,.settings-rail,.conversation,.composer{min-width:0;}
.message{overflow-wrap:anywhere;}
.navigation-open{overflow:hidden;}
.account-panel{height:100dvh;max-height:100dvh;}
.settings-rail{overflow-y:auto;overscroll-behavior:contain;}
.settings-content{overscroll-behavior:contain;}
@media(max-width:760px){
 .orb-wrap{width:clamp(210px,52vw,260px);height:clamp(210px,52vw,260px);}
 .composer{bottom:calc(12px + env(safe-area-inset-bottom,0px));}
 .settings-content{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));}
 .composer-bottom{flex-wrap:wrap;gap:6px;}
 .composer-actions{flex-wrap:wrap;}
 .sidebar{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));}
}
@media(max-height:540px){.orb-wrap{width:180px;height:180px;}.welcome h1{font-size:24px;}}
@media(prefers-reduced-motion:reduce){
 .orb-wrap,.glass-sculpture{animation:none;}
 .glass-sculpture,.room-image-layer{transition:none!important;}
}
@media(forced-colors:active){:where(button,input,textarea,select){border:1px solid ButtonText;} :where(button,a,input,textarea,select):focus-visible{outline-color:Highlight;}}

/* Durable chat list belongs above the fixed user controls. */
#regular-chat-list{display:grid;gap:4px;min-height:0;overflow-y:auto;flex:1;padding:8px 0;}
#regular-chat-list button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;text-align:left;background:transparent;color:#dceef9;font:inherit;overflow-wrap:anywhere;cursor:pointer;}
#regular-chat-list button:hover,#regular-chat-list button[aria-current="page"]{background:#88cbed24;}
.sidebar-foot{flex-shrink:0;margin-top:auto;}
/* Copyright (c) 2026 TNSystem. Low-height layout stays within the measured podium. */
@media(max-height:540px){
 .chat-stage{min-height:0;}
 .orb-wrap{width:min(180px,max(100px,calc(var(--podium-y,180px) - 12px)));height:min(180px,max(100px,calc(var(--podium-y,180px) - 12px)));}
 .welcome h1{display:none;}
 .status-chip{left:12px;right:auto;top:8px;}
}
/* Copyright (c) 2026 TNSystem. Keep low-height status out of the figure silhouette. */
@media(max-height:540px){.status-chip{width:max-content;max-width:calc(100% - 24px);}}

/* Copyright (c) 2026 TNSystem. Decorative navigation icons retain text labels. */
.settings-nav .settings-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;}

/* Copyright (c) 2026 TNSystem. Unified decorative navigation symbols. */
.navigation-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;} .menu-button .navigation-icon{display:block;margin:auto;} .nav-item .navigation-icon{margin-right:2px;}


/* Copyright (c) 2026 TNSystem. Sidebar object controls. */
.nav-group { position:relative; }
.nav-group > .nav-item:last-of-type { padding-right:48px; }
.project-add { position:absolute; right:6px; bottom:0; width:44px; height:44px; border:0; border-radius:12px; color:inherit; background:transparent; font-size:26px; cursor:pointer; }
.project-add:hover,.project-add:focus-visible { background:rgba(140,195,235,.17); }
.sidebar-object-row { display:flex; align-items:center; position:relative; min-width:0; }
:is(#regular-chat-list, #regular-project-list) .sidebar-object-row > button { flex:1; min-width:0; text-align:left; overflow:hidden; text-overflow:ellipsis; }
.sidebar-object-actions summary { list-style:none; width:44px; height:44px; display:grid; place-items:center; cursor:pointer; font-size:24px; border-radius:10px; opacity:0; }
.sidebar-object-actions summary::-webkit-details-marker { display:none; }
.sidebar-object-row:hover summary,.sidebar-object-row:focus-within summary,.sidebar-object-actions[open] summary { opacity:1; }
.sidebar-action-panel { position:absolute; right:0; top:44px; z-index:30; min-width:155px; padding:6px; border:1px solid rgba(150,195,230,.4); border-radius:14px; background:#142335; box-shadow:0 12px 28px #0006; }
:is(#regular-chat-list, #regular-project-list) .sidebar-action-panel button { display:block; width:100%; text-align:left; }
@media (hover:none) { .sidebar-object-actions summary { opacity:1; } }
/* Copyright (c) 2026 TNSystem. Menus remain inside scrollable object lists. */
:is(#regular-chat-list,#regular-project-list){display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;flex:1;padding:8px 0;overscroll-behavior:contain;}
:is(#regular-chat-list,#regular-project-list) button{min-height:44px;border:0;border-radius:10px;padding:10px 12px;background:transparent;color:#dceef9;font:inherit;text-align:left;}
.sidebar-object-row{flex-shrink:0;flex-wrap:wrap;}
.sidebar-object-actions[open]{flex-basis:100%;}
.sidebar-object-actions[open] summary{margin-left:auto;background:#88cbed24;}
.sidebar-action-panel{position:static;min-width:0;width:100%;box-sizing:border-box;box-shadow:none;margin:4px 0 8px;}
.sidebar-object-row > button{white-space:nowrap;}
.sidebar-action-panel button:disabled{opacity:.5;cursor:not-allowed;}
.sidebar{height:100dvh;min-height:0;box-sizing:border-box;} .sidebar > .brand,.sidebar > .nav-group,.sidebar > .sidebar-section-label{flex-shrink:0;}
/* Copyright (c) 2026 TNSystem. Approved glass figure selection previews. */
.shape-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:620px;}
.shape-options button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:1px solid #88bede55;border-radius:18px;background:linear-gradient(145deg,#1b3c535c,#0b1d2f99);color:#e9f6ff;font:inherit;cursor:pointer;}
.shape-options button img{width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 10px 14px #0005);pointer-events:none;}
.shape-options button[aria-pressed="true"]{border-color:#94dfff;background:linear-gradient(145deg,#285d7c88,#102a40aa);box-shadow:inset 0 0 0 1px #94dfff;}
.shape-options button:hover{border-color:#b4e7ff;}
@media(max-width:420px){.shape-options{gap:10px;}.shape-options button{padding:10px;}.shape-options button img{height:112px;}}