/* Build 558: approved navy-and-gold control concept. */
.archive-tools { max-width:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0 0 14px; }
.archive-tools > .tool-button {
 width:100%; height:56px; min-height:56px; padding:10px 18px; gap:12px;
 border:2px solid #ad9460; border-radius:16px;
 background:linear-gradient(110deg,#102e4b,#193b5d); color:#fff;
 box-shadow:0 3px 10px rgba(24,42,58,.1);
 font-size:15px; letter-spacing:.04em; font-weight:800;
}
.tool-icon558 { flex:0 0 23px; width:23px; height:23px; }
.watch-count558 { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-width:30px; height:30px; padding:0 6px; border:1.5px solid #c2a770; border-radius:50%; font-size:14px; }
.archive-tools > .tool-button[aria-pressed=true] { background:#244f75; border-color:#d1af68; box-shadow:inset 0 0 0 1px #d1af68,0 3px 10px rgba(24,42,58,.12); }
.tool-button[aria-pressed=true] .watch-count558 { background:#c2a770; color:#102e4b; }
.archive-tools > .tool-button:disabled { opacity:.64; box-shadow:none; cursor:default; }
@media(hover:hover) { .archive-tools > .tool-button:hover:not(:disabled) { background:#244f75; border-color:#d1af68; } }
.watch-view558 { text-align:center; margin:0 0 12px; }
.back-library558 { min-height:44px; padding:8px 12px; background:transparent; border:0; border-radius:8px; color:#173d65; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.watch-view558 .shortlist-status { font-size:12px; margin:2px 0 0; }
.shortlist-save[aria-pressed=true] { background:#173d65; border-color:#ad9460; color:#fff; }
@media(max-width:600px) {
 .archive-tools { gap:8px; margin-bottom:10px; }
 .archive-tools > .tool-button { height:50px; min-height:50px; padding:8px; gap:7px; font-size:12px; letter-spacing:.015em; border-radius:13px; }
 .tool-icon558 { flex-basis:18px; width:18px; height:18px; }
 .watch-count558 { min-width:23px; height:23px; padding:0 4px; font-size:11px; }
}
@media(max-width:360px) {
 .archive-tools > .tool-button { gap:5px; padding:7px 5px; font-size:10.5px; }
 .tool-icon558 { flex-basis:16px; width:16px; height:16px; }
 .watch-count558 { min-width:21px; height:21px; }
}

/* Build 560: cream cinema tickets with double gold borders and navy lettering. */
.archive-tools { gap:18px; }
.archive-tools > .tool-button {
 position:relative; isolation:isolate; height:82px; min-height:82px;
 border:0; border-radius:0; background:transparent; box-shadow:none;
 color:#102f50; padding:16px 32px; font-size:20px; font-weight:900; gap:16px;
}
.archive-tools > .tool-button::before {
 content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
 background:url('ticket-frame560.svg') center / 100% 100% no-repeat;
}
.archive-tools .tool-icon558 { width:30px; height:30px; flex-basis:30px; }
.archive-tools .watch-count558 {
 display:inline; min-width:0; height:auto; padding:0; border:0; border-radius:0;
 color:inherit; background:none; font-size:inherit; margin-left:-10px;
}
.watch-count558::before { content:"("; }
.watch-count558::after { content:")"; }
.archive-tools > .tool-button[aria-pressed=true] { color:#102f50; background:transparent; border:0; box-shadow:none; }
.archive-tools > .tool-button[aria-pressed=true]::before { filter:sepia(.28) saturate(1.5) brightness(.94); }
.archive-tools > .tool-button:disabled { opacity:.68; }
@media(hover:hover) {
 .archive-tools > .tool-button:hover:not(:disabled) { background:transparent; border:0; }
 .archive-tools > .tool-button:hover:not(:disabled)::before { filter:brightness(.96); }
}
@media(max-width:760px) {
 .archive-tools { gap:10px; }
 .archive-tools > .tool-button { height:62px; min-height:62px; padding:12px 16px; font-size:13px; gap:8px; }
 .archive-tools .tool-icon558 { width:21px; height:21px; flex-basis:21px; }
 .archive-tools .watch-count558 { margin-left:-4px; }
}
@media(max-width:400px) {
 .archive-tools { gap:8px; }
 .archive-tools > .tool-button { height:58px; min-height:58px; padding:11px 12px; font-size:11px; gap:5px; letter-spacing:0; }
 .archive-tools .tool-icon558 { width:18px; height:18px; flex-basis:18px; }
 .archive-tools .watch-count558 { margin-left:-2px; }
}

.offline-status560 { display:block; margin-top:10px; font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; color:#655844; }

.artwork-credits-tmdb-wordmark { display:inline-block; font-size:24px; font-weight:900; letter-spacing:2px; color:#173d65; }