#bandLinkCard { display:block; min-width:0; padding:16px; }
#bandLinkCard [hidden] {display:none!important;}
#bandLinkCard .band-link-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
#bandLinkCard .band-link-heading strong {display:block;color:#e8bd65;font-size:17px;}
#bandLinkCard .band-link-heading span {display:block;color:#a3abb5;margin-top:4px;font-size:12px;}
#bandLinkState {font-size:12px;color:#bac2cc;background:#121519;border:1px solid #3c4249;border-radius:16px;padding:6px 10px;}
#bandLinkCard[data-state="READY"] #bandLinkState {color:#8edac1;border-color:#387763;}
#bandLinkCard p {font-size:13px;line-height:1.5;color:#b9c0c9;margin:12px 0;}
#bandLinkCard details {border-top:1px solid #3c4249;border-bottom:1px solid #3c4249;margin:12px 0;padding:12px 0;}
#bandLinkCard summary {cursor:pointer;color:#e8bd65;font-weight:650;}
#bandLinkCard .band-link-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
#bandLinkCard button {display:flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;white-space:normal;border:1px solid #42474e;border-radius:9px;background:#25292e;color:#eeeae0;padding:9px 13px;font:inherit;font-size:13px;cursor:pointer;}
#bandLinkCard button:disabled {opacity:.4;cursor:default;}
#bandLinkCard #bandLinkApply,#bandLinkCard #bandLinkProbe:not(:disabled) {background:#d3a343;color:#171819;font-weight:700;}
#bandLinkCard label {display:block;font-size:13px;font-weight:600;margin:16px 0 8px;}
#bandLinkCard textarea {display:block;box-sizing:border-box;width:100%;min-width:0;height:100px;resize:vertical;background:#15191e;border:1px solid #4b525a;border-radius:8px;color:#d4dae2;padding:10px;font:12px/1.4 ui-monospace,monospace;overflow-wrap:anywhere;}
#bandLinkCard .band-link-note {font-size:12px;color:#969fa9;}
#bandLinkCard #bandLinkFeedback {margin-bottom:0;color:#e8bd65;min-height:20px;}
#bandLinkCard button:focus-visible,#bandLinkCard summary:focus-visible,#bandLinkCard textarea:focus-visible {outline:2px solid #e8bd65;outline-offset:3px;}

#bandLinkProgress {scroll-margin-block:12px;margin:14px 0;padding:12px;border:1px solid #806932;border-radius:9px;background:#282419;outline:none;}
#bandLinkProgress strong {color:#edc777;font-size:14px;}
#bandLinkCard[data-state="READY"] #bandLinkProgress {border-color:#387763;background:#172e27;}
#bandLinkCard[data-error="true"] #bandLinkProgress {border-color:#a96857;background:#30231f;}
#bandLinkCard #bandLinkReportStatus {font-size:12px;color:#a3abb5;}
#bandLinkCard #bandLinkState {max-width:100%;overflow-wrap:anywhere;}
#bandLinkCard[data-interrupted="true"] #bandLinkState {color:#edc777;border-color:#806932;}
#bandLinkCard[data-interrupted="true"] #bandLinkProgress {border-color:#806932;background:#282419;}
.band-link-quick{border:1px solid #66502a;border-radius:12px;padding:16px;margin:18px 0;min-width:0}
.band-link-quick input,.band-link-quick textarea{box-sizing:border-box;width:100%;margin:6px 0 12px;padding:10px;background:#15191d;color:#f4f1ea;border:1px solid #49505a;border-radius:8px;font:inherit}
.band-link-quick textarea{min-height:84px}.band-link-quick label{display:block;margin-top:10px}
.band-link-quick details{margin-top:14px}.band-link-quick summary{cursor:pointer;color:#dbaf50}.band-link-quick p{overflow-wrap:anywhere}
.band-link-peer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid #363b42;padding:12px 0}
.band-link-peer span{flex:1 1 180px;overflow-wrap:anywhere}.band-link-quick button{min-height:42px}
#quickQR{display:block;width:min(100%,360px);height:auto;margin:14px auto;background:white;border-radius:8px}
#quickCamera video{display:block;width:100%;max-height:320px;object-fit:contain;background:#000}
#quickApproval{border:1px solid #d9a63e;border-radius:8px;padding:12px;margin-top:12px}
.band-link-quick [hidden]{display:none!important}

#bandLinkNotice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:0 0 auto;padding:10px 14px;background:#30291b;border-bottom:1px solid #8d6d2b;color:#f3d697;font:14px/1.4 system-ui}
#bandLinkNotice[hidden]{display:none!important}#bandLinkNotice span{flex:1 1 220px}#bandLinkNotice button{min-height:42px;border:1px solid #806932;border-radius:8px;background:#282419;color:#f3d697;padding:8px 12px;cursor:pointer;font:inherit}#bandLinkNotice button[data-import]{background:#d3a343;color:#171819}#bandLinkNotice button[hidden]{display:none!important}#bandLinkNotice button:disabled{opacity:.5}
.stage:has(>#bandLinkNotice:not([hidden])):not(.editing):not(.annotation-editing){grid-template-rows:auto auto minmax(0,1fr)}
.stage:has(>#bandLinkNotice:not([hidden]))>.stage-header{min-height:67px;grid-row:1}
.stage>#bandLinkNotice{grid-row:2}
.stage:has(>#bandLinkNotice:not([hidden])):not(.editing):not(.annotation-editing)>#viewerShell{grid-row:3}
.stage.editing>#bandLinkNotice,.stage.annotation-editing>#bandLinkNotice{display:none!important}
@media (orientation:portrait){.stage:has(>#bandLinkNotice:not([hidden]))>.stage-header{min-height:58px}}