.environment-tools {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;min-width:0;flex-wrap:wrap;}
.environment-tools .visit-summary {margin-left:0;}
.bgm-widget {position:relative;flex:0 1 310px;width:310px;min-width:140px;max-width:100%;color:var(--text);z-index:35;}
.bgm-widget[hidden],.bgm-widget [hidden],#bgm-editor-form [hidden] {display:none!important;}
.bgm-widget audio {display:none;}
.bgm-bar {display:flex;align-items:center;gap:3px;flex-wrap:nowrap;min-height:36px;padding:3px 5px;background:var(--panel);border:1px solid var(--line);border-radius:999px;}
.environment-bar .bgm-widget button {margin:0;font:inherit;color:inherit;}
.environment-bar .bgm-widget .bgm-control {display:inline-flex;justify-content:center;align-items:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--accent);font-size:20px;}
.environment-bar .bgm-widget .bgm-control:hover {background:var(--accent-soft);}
.environment-bar .bgm-widget .icon {width:16px;height:16px;}
.environment-bar .bgm-widget .bgm-current {display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:0 5px;border:0;background:transparent;font-size:12px;text-align:left;}
.bgm-label {flex:0 0 auto;white-space:nowrap;line-height:1;word-break:normal;font-size:10px;font-weight:800;color:var(--accent);}
#bgm-title {flex:1 1 0;min-width:0;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bgm-widget[data-playing="true"] .bgm-label {color:var(--accent);}
.bgm-panel {position:absolute;right:0;top:calc(100% + 10px);width:340px;max-width:calc(100vw - 36px);padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 38px #25164024;color:var(--text);font-size:13px;}
.bgm-panel-head {display:flex;align-items:center;justify-content:space-between;gap:10px;}
.bgm-panel-head strong {font-size:15px;}
.bgm-status {margin:8px 0 12px;font-size:12px;line-height:1.6;color:var(--muted);}
.bgm-track-list,.bgm-editor-tracks {list-style:none;margin:0;padding:0;max-height:280px;overflow:auto;overscroll-behavior:contain;}
.environment-bar .bgm-track-list button {display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;}
.environment-bar .bgm-track-list button[aria-current="true"],.environment-bar .bgm-track-list button:hover {background:var(--accent-soft);color:var(--accent);}
.bgm-track-list button>span:nth-child(2) {min-width:0;overflow-wrap:anywhere;flex:1;}
.bgm-track-number {flex:0 0 23px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;}
.bgm-now {font-size:10px;white-space:nowrap;}
.bgm-volume {display:flex;align-items:center;gap:10px;padding-top:14px;margin-top:10px;border-top:1px solid var(--line);font-size:12px;}
.bgm-volume input {flex:1;min-width:60px;accent-color:var(--accent);}
.bgm-volume output {width:35px;text-align:right;font-variant-numeric:tabular-nums;}
.environment-bar .bgm-widget .bgm-manage {display:block;width:100%;margin:14px 0 0;padding:9px;border:1px solid var(--accent-line);border-radius:8px;background:transparent;color:var(--accent);font-size:12px;}
#bgm-editor-form {display:grid;gap:16px;}
.bgm-editor-settings {display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:14px;}
.bgm-editor-settings>label {display:flex;align-items:center;gap:8px;}
.bgm-editor-settings input[type="number"] {width:80px;}
.bgm-editor-tracks {max-height:360px;border-top:1px solid var(--line);}
.bgm-editor-row {display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);}
.bgm-editor-row>label {flex:1;min-width:0;}
.bgm-editor-row input {width:100%;min-width:0;}
.bgm-editor-row small {display:block;margin-top:4px;color:var(--muted);}
.bgm-row-actions {display:flex;gap:5px;flex-wrap:wrap;}
.bgm-row-actions .btn {padding:6px 10px;}
.bgm-upload {display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;}
.bgm-upload>label {font-weight:700;}
.bgm-upload .btn {justify-self:start;}
.bgm-upload input {max-width:100%;width:100%;}
#bgm-file-status {overflow-wrap:anywhere;word-break:break-word;}
#bgm-editor-form .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:700px){
  .environment-bar {flex-wrap:wrap;}
  .environment-tools {width:100%;gap:8px;}
  .bgm-widget {flex:1 1 140px;}
  .environment-bar .bgm-widget .bgm-skip {display:none;}
  .bgm-widget .bgm-label {display:none;}
  .environment-bar .bgm-widget .bgm-current {font-size:11px;}
  .bgm-panel {left:0;right:auto;}
  .environment-tools .visit-summary {margin-left:auto;font-size:9px;padding:7px 9px;gap:6px;}
  .environment-tools .visit-date {display:inline;}
  .bgm-editor-row {flex-wrap:wrap;}
  .bgm-row-actions {margin-left:auto;}
}