/* Archive-mode additions for the Apple Notes, Music and Photos rooms (apple-archive.js).
   Load after apple.css. Every rule is scoped to .apple-archive, so the fictional demo rooms are
   unaffected; the rooms otherwise reuse the demo's apple.css classes and geometry. */

/* Notes: folders, tags, read-only note, checklist, attachments. */
.apple-archive .apple-side-link.apple-archive-depth-1{padding-left:18px}
.apple-archive .apple-side-link.apple-archive-depth-2{padding-left:28px}
.apple-archive .apple-side-link.apple-archive-depth-3{padding-left:38px}
.apple-archive .apple-note-tags .apple-archive-tag{display:inline-block;background:#ddd9d4;border-radius:5px;padding:5px 7px;font-size:10px;color:inherit;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apple-archive .apple-note-tags .apple-archive-tag.is-selected{background:#f1d77d;font-weight:600}
.apple-archive .apple-sidebar-foot .actual-logo{flex-shrink:0}
.apple-archive-hide-sm{display:contents}
.apple-archive .apple-notes-toolbar [aria-disabled=true],.apple-archive .apple-music-topbar [aria-disabled=true]{opacity:.55}
.apple-archive .apple-notes-document>.archive-state{margin:0 12px 10px}
.apple-archive-note{display:flex;flex-direction:column;min-height:100%}
.apple-archive .apple-archive-note-title{font-size:21px;line-height:1.2;font-weight:700;margin:0 0 18px;overflow-wrap:anywhere}
.apple-archive-note-body{font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.apple-archive-note-body.large-text{font-size:17px}
.apple-archive-note-text{white-space:pre-wrap;margin:0 0 .45em}
.apple-archive-checklist{list-style:none;margin:0 0 .45em;padding:0}
.apple-archive-checklist li{display:flex;align-items:flex-start;gap:9px;padding:2px 0}
.apple-archive-checkbox{flex:0 0 17px;width:17px;height:17px;margin-top:.3em;border:1.5px solid #b9b2a7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:#fff;font-weight:700}
.apple-archive-checklist li.is-checked .apple-archive-checkbox{background:#e2a52b;border-color:#e2a52b}
.apple-archive-attachments{margin:18px 0 4px;display:grid;gap:12px}
.apple-archive-attachment{margin:0}
.apple-archive-attachment img{display:block;max-width:100%;height:auto;max-height:420px;border-radius:8px;border:1px solid #e6e1d9;background:#f4f1ec;object-fit:contain}
.apple-archive-chips{display:flex;flex-wrap:wrap;gap:8px}
.apple-archive-chip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;padding:8px 11px;border:1px solid #e1dcd4;border-radius:9px;background:#faf8f5;font-size:11px;max-width:100%;min-width:0}
.apple-archive-chip>.icon{width:16px;height:16px;color:#d4a42c;flex-shrink:0}
.apple-archive-chip strong{display:block;font-weight:600}
.apple-archive-chip small{display:block;color:#8e877d;font-size:10px}
.apple-archive-chip audio{width:240px;max-width:100%;height:32px}
.apple-archive-chip video{width:100%;max-width:320px;border-radius:6px;background:#111}
.apple-archive-chip.is-blocked{border-style:dashed;background:#f6f2ec}
.apple-archive-counts{display:flex;align-items:flex-start;gap:6px;margin:12px 0 0;font:10px/1.45 var(--font-data);color:#8a837a}
.apple-archive-counts .icon{width:13px;height:13px;flex-shrink:0}
.apple-archive-note-tags{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px}
.apple-archive-note-tags a,.apple-archive-inline-tag{font-size:11px;color:#a8740a;text-decoration:none}
.apple-archive-inline-tag{font-size:inherit;font-weight:600}
.apple-archive-note-tags{margin:2px 0 4px}
.apple-archive-flag{font:10px var(--font-data);color:#a1442c;margin:0 0 10px}
.apple-archive-quiet{color:#9a948b;font-size:12px}
.apple-archive-loaded{font:9px/1.4 var(--font-data);color:#958d82;text-align:center;padding:12px 8px 4px;margin:0}

/* Music: typographic tiles where no artwork was released, catalog-only songs, real transport. */
.apple-archive-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1;width:100%;background:var(--art-color,#d6c5b1);overflow:hidden;color:#1d1915;border-radius:6px;box-shadow:0 3px 8px #00000013}
.apple-archive-art>span{font:800 clamp(16px,1.7vw,28px)/.95 var(--font-display);text-align:center;max-width:86%;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.apple-archive-art>small{position:absolute;left:9px;right:9px;bottom:8px;font:7px var(--font-data);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.apple-archive-art.has-artwork{background:#e9e5df}
.apple-archive-art.has-artwork img{width:100%;height:100%;object-fit:cover;display:block}
.apple-archive-art.is-round{border-radius:50%}
.apple-archive-art.is-round>small{display:none}
.apple-archive .apple-now-playing>.apple-archive-art.is-mini{width:39px;height:39px;flex:0 0 39px;border-radius:3px;box-shadow:none}
.apple-archive-art.is-mini>span,.apple-archive-art.is-mini>small{display:none}
.apple-archive .apple-album-detail>.apple-archive-art{width:195px;flex:0 0 195px;border-radius:5px}
.apple-archive .apple-album-card,.apple-archive .apple-artist-card,.apple-archive .apple-photo-collections a{color:inherit;text-decoration:none}
.apple-archive .apple-album-card .apple-archive-art{transition:filter .15s}
.apple-archive .apple-album-card:hover .apple-archive-art{filter:brightness(.95)}
.apple-archive-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:22px 18px;margin-top:22px}
.apple-archive .apple-archive-artist-grid .apple-artist-card{width:auto;margin:0;text-align:center}
.apple-archive .apple-artist-card>strong{font-size:12px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apple-archive .apple-inline-back{display:inline-block;text-decoration:none}
.apple-archive .apple-music-artist a{color:inherit;text-decoration:none}
.apple-archive .apple-album-detail h2{overflow-wrap:anywhere}
.apple-archive .apple-music-play{border:0;cursor:pointer}
.apple-archive .apple-track-row.is-catalog-only:not(.is-current){color:#8f887f}
.apple-archive .apple-track-row.is-catalog-only strong small{color:#a39b90}
.apple-archive div.apple-track-row{cursor:default}
.apple-archive .apple-archive-history .apple-track-head,.apple-archive .apple-archive-history .apple-track-row{grid-template-columns:24px minmax(0,1.2fr) minmax(0,1fr) 40px}
.apple-archive .apple-archive-history .apple-track-row>span:nth-child(3){white-space:normal;font-size:9px;line-height:1.3}
.apple-archive-foot{font:10px var(--font-data);color:#958d82;margin:14px 0 0}
.apple-archive .apple-album-detail .apple-archive-desc{color:#5e5850;font-size:12px}
.apple-archive .apple-album-detail .apple-archive-quiet{font:10px var(--font-data);color:#8f877c;margin:0}
.apple-archive .apple-track-progress.apple-archive-catalog{width:230px}
.apple-archive .apple-archive-catalog small{display:block;white-space:normal;font:8px/1.35 var(--font-data);color:#8f877c;max-height:4.1em;overflow:hidden}
.apple-archive .apple-track-progress input:disabled{opacity:.35}
.apple-archive .apple-transport .apple-icon-button:disabled{opacity:.3}
.apple-archive .apple-music-scroll>.archive-state{margin:0 0 16px}

/* Photos: released thumbnails edge to edge, honest placeholders, Live Photo and video badges. */
.apple-archive .apple-photo-tile{display:block;aspect-ratio:1;overflow:hidden;background:#ece8e1}
.apple-archive-thumb{display:block;width:100%;height:100%;object-fit:cover}
.apple-archive-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;min-height:60px;padding:8px;background:repeating-linear-gradient(135deg,#ece7dd 0 10px,#e4ded2 10px 20px);color:#5b574f;text-align:center}
.apple-archive-missing strong{font:9px/1.3 var(--font-system)}
.apple-archive-missing small{font:8px/1.35 var(--font-data);max-width:92%}
.apple-archive-missing.is-video{background:#2b2926;color:#e9e4dc}
.apple-archive-missing.is-video .icon{width:20px;height:20px}
.apple-archive-missing.is-large{max-width:520px;height:auto;min-height:220px;margin:auto;border-radius:10px;padding:24px}
.apple-archive-missing.is-large strong{font-size:12px}
.apple-archive-missing.is-large small{font-size:11px}
.apple-archive-live-badge{position:absolute;left:6px;top:6px;padding:2px 5px;border-radius:4px;background:#0007;color:#fff;font:600 8px/1 var(--font-body);letter-spacing:.06em}
.apple-archive-duration{position:absolute;right:6px;bottom:5px;color:#fff;font:600 10px var(--font-body);text-shadow:0 1px 4px #0009}
.apple-archive .apple-photo-heart{left:7px;right:auto}
.apple-archive-cover{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}
.apple-archive .apple-photo-collections a .apple-archive-cover,.apple-archive .apple-photo-collections a .apple-archive-missing{aspect-ratio:4/5;height:auto;border-radius:13px}
.apple-archive .apple-date-grid>button{aspect-ratio:1.2;background:#e9e5df}
.apple-archive .apple-date-grid>button>.apple-archive-cover,.apple-archive .apple-date-grid>button>.apple-archive-missing{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.apple-archive .apple-date-grid>button>small{position:absolute;left:20px;top:58px;color:#fff;font-size:11px;text-shadow:0 1px 6px #0007}
.apple-archive .apple-photos-scroll>.archive-state{margin:10px 15px}
.apple-archive-stage{flex:1;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}
.apple-archive-full{display:block;max-width:100%;max-height:100%;object-fit:contain;margin:auto}
video.apple-archive-full{background:#000;width:auto;height:auto}
.apple-archive-live-button{display:inline-flex;align-items:center;padding:5px 9px;border-radius:12px;border:1px solid #ffffff45;color:#eee;font:600 9px/1 var(--font-body);letter-spacing:.08em;flex-shrink:0}
.apple-archive button.apple-archive-live-button{cursor:pointer}
.apple-archive-live-button[aria-pressed=true]{background:#f2d64b;color:#1b1a18;border-color:#f2d64b}
.apple-archive-live-button.is-off{opacity:.45}
.apple-archive-favorite{color:#fff;font-size:15px;flex-shrink:0}
.apple-archive .apple-lightbox-toolbar>div{min-width:0}
.apple-archive .apple-lightbox-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1100px){
.apple-archive .apple-track-progress.apple-archive-catalog{width:170px}
}

@media(max-width:850px){
.apple-archive .apple-album-detail>.apple-archive-art{width:145px;flex-basis:145px}
.apple-archive .apple-track-progress.apple-archive-catalog{width:150px}
/* The demo hides the queue/volume group here; the archive keeps the queue toggle reachable. */
.apple-archive .apple-player-extra{display:flex}
.apple-archive .apple-player-extra input{display:none}
}

@media(max-width:600px){
.apple-archive-hide-sm{display:none}
.apple-archive .apple-track-progress.apple-archive-catalog{width:100%}
.apple-archive .apple-notes-document>.archive-state{margin:0 6px 8px}
.apple-archive .apple-archive-note-title{font-size:17px;margin-bottom:15px}
.apple-archive-note-body{font-size:11px;line-height:1.65}
.apple-archive-note-body.large-text{font-size:14px}
.apple-archive-chip{padding:7px 8px}
.apple-archive-chip audio{width:100%}
.apple-archive .apple-album-detail>.apple-archive-art{width:100%;aspect-ratio:1.4;margin-bottom:17px}
.apple-archive-art>span{font-size:16px}
.apple-archive-art>small{font-size:5px;left:5px;right:5px;bottom:5px}
.apple-archive-artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
.apple-archive .apple-archive-history .apple-track-head,.apple-archive .apple-archive-history .apple-track-row{grid-template-columns:15px minmax(0,1fr) 28px}
.apple-archive .apple-music-scroll>.archive-state{margin:0 0 12px}
.apple-archive .apple-player-extra{position:absolute;top:5px;right:5px}
.apple-archive .apple-now-playing{padding-right:30px}
.apple-archive-live-badge{font-size:7px;left:3px;top:3px;padding:2px 3px}
.apple-archive-duration{font-size:8px;right:3px;bottom:2px}
.apple-archive .apple-photo-heart{left:4px}
.apple-archive .apple-photos-scroll>.archive-state{margin:8px}
.apple-archive-missing strong{font-size:7px}
.apple-archive-missing small{display:none}
.apple-archive-missing.is-large small{display:block}
.apple-archive .apple-date-grid>button>small{top:56px}
.apple-archive .apple-lightbox-image .apple-icon-button{width:23px;flex-basis:23px;padding:3px}
}