/* SPDX-License-Identifier: GPL-3.0-only */
#view:has(>.cabine-local-console)>.cabine-sounds{grid-column:2;grid-row:1/-1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;padding:8px;border:1px solid #303725;border-radius:5px;background:#0b0e08;box-sizing:border-box}
.cabine-sounds-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.cabine-sounds-current{font:11px var(--mono);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cabine-sounds-count{font:10px var(--mono);color:#929d84}.cabine-sounds-search{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box;min-height:40px;padding:8px 12px;font:12px var(--mono);background:#12170d;border:1px solid #424f31;color:var(--text);border-radius:4px}
.cabine-sounds-body{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;min-width:0;min-height:0}.cabine-sounds-categories{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cabine-sounds-categories button{display:flex;justify-content:space-between;align-items:center;gap:5px;flex:none;min-width:0;min-height:38px;padding:5px 8px;font:10px var(--mono);color:#b5bfa7;background:#10140c;border:1px solid #303725;border-radius:3px;text-align:left}.cabine-sounds-categories button span{overflow-wrap:anywhere}.cabine-sounds-categories button small{font:9px var(--mono);color:#929d84}.cabine-sounds-categories button[aria-pressed=true]{border-color:#839d20;color:var(--accent);background:#202710}
.cabine-sounds-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));grid-auto-rows:minmax(104px,min-content);gap:8px;align-content:start;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.cabine-sound-card{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:104px;padding:10px;border:1px solid #303725;border-top:2px solid var(--sound-color);background:#10140c;border-radius:4px;text-align:left;color:var(--text);white-space:normal;overflow-wrap:anywhere;content-visibility:auto;contain-intrinsic-size:auto 104px}
.cabine-sound-card>span{font:9px var(--mono);color:var(--sound-color)}.cabine-sound-card>strong{font:12px/1.3 var(--mono);font-weight:500}.cabine-sound-card>small{font:10px/1.5 var(--mono);color:#a1ac94;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cabine-sound-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#202710}.cabine-sound-card:focus-visible{outline:2px solid #fff;outline-offset:-3px}.cabine-sounds-empty{grid-column:1/-1;font:11px/1.6 var(--mono);color:#b5bfa7;padding:12px}
.cabine-sounds-macros{display:flex;gap:12px;flex-wrap:wrap}.cabine-sound-macro{display:flex;gap:4px;align-items:center;flex:1;min-width:0;font:9px var(--mono);color:#ff83b9}.cabine-sound-macro button{flex:1;min-width:0;padding:4px;font-size:10px;min-height:38px}
@media(max-height:520px){#view:has(>.cabine-local-console)>.cabine-sounds{gap:6px;padding:6px}.cabine-sounds-head{gap:4px}.cabine-sounds-search{min-height:32px;font-size:10px;padding:4px 8px}.cabine-sounds-body{grid-template-columns:110px minmax(0,1fr);gap:6px}.cabine-sounds-categories button{min-height:32px;font-size:9px;padding:4px 6px}.cabine-sounds-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.cabine-sound-card{padding:7px;gap:6px}.cabine-sound-card>strong{font-size:10px}.cabine-sound-macro{font-size:8px}.cabine-sound-macro button{min-height:32px;font-size:9px}}
@media(max-width:599px) and (min-height:521px){#view:has(>.cabine-local-console)>.cabine-sounds{grid-column:1;grid-row:2/-1}.cabine-sounds-body{grid-template-columns:100px minmax(0,1fr);gap:6px}.cabine-sounds-categories button{font-size:9px;padding:5px}.cabine-sounds-list{grid-template-columns:minmax(0,1fr)}.cabine-sounds-macros{flex-direction:column;gap:6px}.cabine-sounds-current{font-size:10px}.cabine-sound-macro>span{min-width:45px}}