.browser-score .browser-score-status {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;background:#F4F4F4;color:#24385e;font:14px system-ui;position:relative;z-index:130;}
.browser-score-status button {border:1px solid #C4C4C4;background:white;border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer;}
.browser-score-status span {flex:1;min-width:180px;}
.browser-score .score-desk-standalone-header {position:relative;inset:auto;}
.browser-score .score-desk-standalone #scoreboardView {padding-top:12px;}
.browser-score body, .browser-score.score-desk-standalone-root {min-width:0;}
.browser-score .browser-score-update {flex-basis:100%;color:#805109;}
@media (max-width: 1100px) {
  .browser-score .score-desk-standalone-header {grid-template-columns:1fr;gap:8px;padding:12px;}
  .browser-score .score-desk-standalone-actions {justify-content:flex-start;flex-wrap:wrap;}
  .browser-score .score-desk-product img {width:36px;height:36px;}
  .browser-score .score-desk-standalone #scoreboardView {grid-template-columns:minmax(0,1fr);overflow:visible;padding:10px;}
  .browser-score .preview-panel {position:relative;max-height:none;overflow:visible;}
  .browser-score .control-stack {grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible;}
  .browser-score .scoredesk-terminal-actions {flex-wrap:wrap;}
  .browser-score .panel-header {flex-wrap:wrap;gap:8px;}
  .browser-score .score-desk-team-library {max-width:calc(100vw - 16px);width:calc(100vw - 16px);}
}
@media (max-width: 600px) {
  .browser-score .score-controls {grid-template-columns:1fr 1fr;gap:8px;}
  .browser-score .score-control {padding:10px 6px;}
  .browser-score .score-control-grid {grid-template-columns:40px minmax(0,1fr) 40px;gap:2px;}
  .browser-score .score-edit-input {font-size:36px;}
  .browser-score .score-control-grid button {min-width:40px;min-height:48px;padding:0;touch-action:manipulation;}
  .browser-score .control-panel {padding:12px;}
  .browser-score .score-desk-library-toolbar,.browser-score .score-desk-library-add {flex-wrap:wrap;grid-template-columns:minmax(0,1fr);}
  .browser-score .score-desk-library-table {overflow-x:auto;}
  .browser-score input,.browser-score select,.browser-score textarea {font-size:16px;max-width:100%;}
}

@media (max-width:1100px) {
  .browser-score #scoreboardView .scoreboard-frame {display:block;position:relative;width:100% !important;height:auto !important;min-height:0;aspect-ratio:16/9;}
  .browser-score #scoreboardView .scoreboard-stage {position:absolute;inset:0;width:100% !important;height:100%;transform:none !important;}
}

/* Browser has no native connection dialog; the status above reports its actual mode. */
.browser-score #scoreDeskNetworkButton {display:none;}
.browser-score-connection {display:grid;grid-template-columns:12px 1fr;gap:4px 8px;align-items:center;}
.browser-score-connection i {width:10px;height:10px;border-radius:50%;background:#966000;}
.browser-score-connection small {grid-column:2;font-size:13px;}
.browser-score-connection[data-state="red"] i {background:#ba2525;}
.browser-score-connection[data-state="yellow"] i {background:#966000;}
/* Green is reserved for a future verified score-sync acknowledgement, never host reachability. */
.browser-score-connection[data-state="green"] i {background:#5D5D5D;}

.browser-score .browser-score-status[hidden] {display:none !important;}

.browser-audience-return {position:fixed;top:12px;left:12px;z-index:200;display:flex;flex-direction:column;gap:4px;max-width:70vw;padding:8px 12px;border-radius:8px;background:#F4F4F4;color:#24385e;font:14px system-ui;}
.browser-audience-return a {color:#24385e;font-weight:700;}
.browser-audience-return small {font-size:12px;}

.browser-offline-preparation {flex-basis:100%;padding:10px;border:1px solid #C4C4C4;border-radius:8px;background:#fff;}
.browser-offline-preparation[hidden],.browser-offline-preparation button[hidden] {display:none !important;}
.browser-offline-preparation progress {display:block;width:100%;height:18px;margin:8px 0;accent-color:#3152d6;}
.browser-offline-preparation small {display:block;margin:6px 0;font-size:12px;}
.browser-offline-preparation p {margin:0 0 8px;line-height:1.5;}

/* Compact browser-only toolbar; scrolling never pins it over score controls. */
.browser-score .score-desk-standalone-header {position:relative;min-height:0;display:grid;grid-template-columns:auto minmax(60px,1fr) auto;gap:8px 16px;padding:8px 16px;box-shadow:none;backdrop-filter:none;}
.browser-score .score-desk-product {gap:8px;}
.browser-score .score-desk-product img {width:26px;height:26px;border-radius:7px;box-shadow:none;}
.browser-score .score-desk-product strong {font-size:16px;white-space:nowrap;}
.browser-score #scoreDeskStandaloneField {display:none;}
.browser-score .score-desk-assignment {padding:0;border:0;border-radius:0;background:none;min-width:0;font-size:12px;}
.browser-score .score-desk-assignment span {font-size:11px;}
.browser-score .score-desk-assignment strong {margin:0;font-weight:500;white-space:normal;overflow-wrap:anywhere;}
.browser-score .score-desk-standalone-actions {gap:6px;flex-wrap:wrap;}
.browser-score .score-desk-standalone-actions .button,.browser-score #browserBackup {min-height:36px;padding:6px 10px;font-size:13px;white-space:nowrap;border-radius:8px;}
.browser-score #browserBackup {border:1px solid #E2E2E2;background:#fff;color:#40506b;cursor:pointer;font-family:inherit;}
.browser-score .browser-score-connection {display:inline-flex;gap:6px;margin-right:6px;flex:none;}
.browser-score .browser-score-connection b {font-size:12px;font-weight:500;color:#666666;}
.browser-score .browser-score-connection small {display:none;}
.browser-score .browser-score-status {padding:5px 16px;gap:6px;background:#F7F7F7;border-bottom:1px solid #EAEAEA;font-size:12px;z-index:auto;}
.browser-score-status > strong {display:none;}
.browser-score-status span {flex:initial;min-width:0;}
.browser-score-status:has(.browser-offline-preparation:not([hidden])) > #browserOfflineStatus {display:none;}
.browser-score-status[data-offline-phase="ready"]:has(.browser-offline-preparation[hidden]) {display:none;}
.browser-offline-preparation {display:flex;align-items:center;gap:8px;flex-basis:auto;flex-wrap:wrap;padding:0;border:0;background:transparent;min-width:0;width:100%;}
.browser-offline-preparation > [role="status"] {font-size:12px;color:#606060;}
.browser-offline-preparation button {min-height:32px;padding:4px 10px;font-size:12px;}
.browser-offline-preparation details {margin-left:auto;font-size:12px;}
.browser-offline-preparation summary {cursor:pointer;color:#6C6C6C;padding:5px 0;}
.browser-offline-preparation details[open] {flex-basis:100%;margin-left:0;}
.browser-offline-preparation details p {max-width:650px;margin:4px 0;color:#6C6C6C;}
.browser-offline-preparation progress {height:6px;max-width:360px;margin:6px 0;}
.browser-offline-preparation small {font-size:11px;color:#7E7E7E;}
.browser-offline-spinner {width:14px;height:14px;box-sizing:border-box;border:2px solid #E3E3E3;border-top-color:#526fcb;border-radius:50%;animation:browser-offline-spin .9s linear infinite;flex:none;}
.browser-offline-preparation[data-phase="failed"] .browser-offline-spinner,.browser-offline-preparation[data-phase="missing"] .browser-offline-spinner {animation:none;border-color:#b96930;}
.browser-offline-preparation[data-phase="ready"] .browser-offline-spinner {animation:none;border-color:#7F7F7F;}
@keyframes browser-offline-spin {to {transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce) {.browser-offline-spinner {animation:none;}}
@media (max-width:900px) {
  .browser-score .score-desk-standalone-header {grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:6px;}
  .browser-score .score-desk-assignment {text-align:right;}
  .browser-score .score-desk-standalone-actions {grid-column:1/-1;justify-content:flex-start;}
  .browser-score .score-desk-standalone-actions .button,.browser-score #browserBackup {min-height:40px;}
  .browser-score .browser-score-status {padding:4px 10px;}
}
@media (max-width:480px) {
  .browser-score .score-desk-product strong {font-size:14px;}
  .browser-score .score-desk-product img {width:22px;height:22px;}
  .browser-score .score-desk-standalone-actions {gap:5px;}
  .browser-score .browser-score-connection {margin-right:0;}
  .browser-score .browser-score-connection b {display:none;}
  .browser-score .score-desk-standalone-actions .button,.browser-score #browserBackup {padding:6px 8px;font-size:12px;}
}

.browser-workspace-mode {display:flex;align-items:center;gap:5px;font:13px system-ui;white-space:nowrap;}
.browser-workspace-mode[hidden],.browser-score label[hidden] {display:none!important;}
.browser-workspace-feedback {margin:0;padding:8px 16px;background:#F4F4F4;color:#24385e;font:13px system-ui;}
.browser-workspace-feedback[data-error="true"],[data-error="true"] {color:#a32424;}
.browser-workspace-dialog {width:min(680px,calc(100vw - 40px));max-height:85vh;overflow:auto;border:1px solid #D7D7D7;border-radius:14px;padding:22px;color:#24334d;background:var(--panel,#fff);font:14px var(--font-main,system-ui);}
.browser-workspace-dialog::backdrop {background:rgba(15,23,42,.35);}
.browser-workspace-dialog header {display:flex;align-items:center;justify-content:space-between;gap:20px;}
.browser-workspace-dialog h2 {font-size:20px;margin:0;}
.browser-workspace-dialog p {line-height:1.6;}
.browser-workspace-dialog label {display:grid;gap:6px;margin:12px 0;}
.browser-workspace-dialog input {padding:9px;border:1px solid #C6C6C6;border-radius:7px;font:inherit;}
.browser-workspace-dialog button {font-family:var(--font-main,inherit);}
.browser-workspace-dialog .button {min-height:36px;}
.browser-team-row {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px;border-bottom:1px solid #E9E9E9;}
#browserTeamRows,#browserLegacyRows {max-height:240px;overflow:auto;margin-top:10px;}
.browser-team-buttons {display:flex;gap:10px;margin:14px 0;}
.browser-workspace-dialog output {display:block;min-height:22px;}
.browser-score .score-match-format-setting-row {padding:10px;background:#FAFAFA;border:1px solid #E2E2E2;border-radius:8px;}

.browser-manual-pool #scoreDeskTerminalContext,
.browser-manual-pool #scoreDeskAssignmentStatus,
.browser-manual-pool .scoredesk-source-control,
.browser-manual-pool #prevMatchBtn,
.browser-manual-pool #nextMatchBtn {display:none!important;}
.browser-manual-pool .match-nav-panel {grid-template-columns:1fr;}

@media (min-width:1101px) {
  .browser-score #scoreboardView .scoreboard-frame {width:100%!important;height:auto!important;aspect-ratio:16/9;}
  .browser-score #scoreboardView .scoreboard-stage {width:100%;height:100%;transform:none;}
}
/* Connection review remains hidden until authenticated selection and explicit review. */
#browserWorkspaceConnect [hidden] { display: none !important; }
#scoreConnectionFeedback { display: block; margin: 12px 0; }
#scoreConnectionMatches, #scoreConnectionReview { margin-top: 14px; }

/* Local library additions reuse the existing dialog and button palette. */
#browserWorkspaceLibrary [hidden] {display:none!important;}
#browserWorkspaceLibrary textarea {width:100%;box-sizing:border-box;resize:vertical;min-height:96px;padding:9px;border:1px solid #C6C6C6;border-radius:7px;font:inherit;}
#browserWorkspaceLibrary .browser-team-buttons {flex-wrap:wrap;align-items:center;}
#browserTeamNumberPreview {padding:12px;border:1px solid #D7D7D7;border-radius:7px;background:var(--panel,#fff);}
#browserTeamNumberRows,#browserTeamSkippedRows {max-height:160px;overflow:auto;}
#browserTeamNumberRows p,#browserTeamSkippedRows p {margin:5px 0;}
#browserTeamForm {display:grid;grid-template-columns:minmax(90px,1fr) minmax(140px,2fr);gap:0 12px;}
#browserTeamForm h3,#browserTeamForm details,#browserTeamForm .browser-team-buttons {grid-column:1/-1;}
@media(max-width:480px){#browserTeamForm {grid-template-columns:1fr;}#browserTeamForm>* {grid-column:1;}}