/* Album business layout only. The host owns all --adm-* tokens and shared controls. */
.album-workspace{min-width:0;color:var(--adm-body-ink);font-size:var(--adm-body-type);line-height:var(--adm-body-leading)}
.album-workspace h2,.album-workspace h3,.album-workspace p,.album-drawer p{margin:0}
.album-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;min-height:var(--adm-control);flex-wrap:wrap}
#app .album-workspace .album-page-head h2{font-size:var(--adm-module-type);line-height:var(--adm-module-leading);font-weight:var(--adm-module-weight);color:var(--adm-ink)}
.album-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.album-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px;margin-bottom:8px;background:var(--adm-surface);border:1px solid var(--adm-module-line);border-radius:var(--adm-radius)}
.album-settings-copy{min-width:0}.album-setting-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app .album-workspace .album-setting-title h3{font-size:var(--adm-subsection-type);line-height:var(--adm-subsection-leading);font-weight:var(--adm-subsection-weight);color:var(--adm-ink)}
.album-help,.album-capability-note{font-size:var(--adm-help-type);line-height:var(--adm-help-leading);color:var(--adm-muted);overflow-wrap:anywhere}
.album-settings .album-help{margin-top:2px}.album-capability-note,.album-readonly{margin-bottom:8px!important}
.album-settings>.album-actions{flex:none}.album-settings .switch-line{margin:0;display:flex;align-items:center;gap:6px}
.album-catalog{min-width:0;background:var(--adm-surface);border:1px solid var(--adm-module-line);border-radius:var(--adm-radius)}
.album-filters{display:flex;align-items:flex-end;gap:12px;padding:10px 12px;background:var(--adm-surface);border-radius:var(--adm-radius) var(--adm-radius) 0 0;flex-wrap:wrap}
#app .album-workspace .album-filters>label{display:flex;flex-direction:column;gap:4px;min-width:140px;margin:0}
#app .album-workspace .album-filters .album-filename-filter{width:200px}.album-filters>[data-album-action=categories]{margin-left:auto}
.album-catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 12px;flex-wrap:wrap}
.album-state-tabs{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
body.admin-standard #app .album-workspace .album-state-tab{position:relative;white-space:nowrap!important;padding-inline:0!important;color:var(--adm-muted)}
body.admin-standard #app .album-workspace .album-state-tab.album-active{color:var(--adm-brand);font-weight:var(--adm-primary-weight)}
.album-state-tab.album-active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--adm-brand)}
.album-state-tab span{margin-left:4px}.album-batch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:var(--adm-auxiliary-bg);border-radius:var(--adm-button-radius)}
.album-select-all{display:flex;align-items:center;gap:6px;margin:0!important;color:var(--adm-muted);font-size:var(--adm-help-type)}
.album-more{position:relative}
.album-action-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:150px;z-index:5;display:flex;flex-direction:column;align-items:stretch;padding:6px;background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--adm-radius);box-shadow:0 4px 12px #00000014}
.album-action-menu>button{text-align:left;padding-inline:10px}
.album-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px;padding:0 16px}
.album-photo{min-width:0}.album-photo-frame{position:relative;aspect-ratio:1;background:var(--adm-weak);border:1px solid var(--adm-line);border-radius:var(--adm-button-radius);overflow:hidden}
.album-photo-frame:focus-within{outline:2px solid var(--adm-link);outline-offset:2px}
.album-selected .album-photo-frame{outline:2px solid var(--adm-brand);outline-offset:1px}
.album-photo-preview{display:block!important;width:100%;height:100%;padding:0!important;border:0;background:transparent;cursor:pointer;border-radius:0!important}
.album-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--adm-help-type);line-height:var(--adm-help-leading);color:var(--adm-muted)}
.album-photo-placeholder img{width:100%;height:100%;object-fit:cover}.album-photo-select{position:absolute;top:8px;left:8px;z-index:1;margin:0;cursor:pointer}
.album-photo-state{position:absolute;bottom:8px;left:8px;pointer-events:none}.album-cover-label{position:absolute;top:8px;right:8px;padding:1px 6px;border-radius:4px;background:var(--adm-surface);color:var(--adm-brand);font-size:var(--adm-status-type);line-height:var(--adm-status-leading);pointer-events:none}
.album-photo-info{padding-top:8px}#app .album-workspace .album-photo-info h3{font-size:var(--adm-object-type);line-height:var(--adm-object-leading);font-weight:var(--adm-object-weight);color:var(--adm-ink);overflow-wrap:anywhere}
.album-photo-info p{font-size:var(--adm-meta-type);line-height:var(--adm-meta-leading);color:var(--adm-muted);overflow-wrap:anywhere;margin-top:2px}
.album-pagination{padding:16px;margin-top:16px;flex-wrap:wrap}.album-empty{padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--adm-muted)}
#app .album-workspace .album-empty h3{font-size:var(--adm-subsection-type);line-height:var(--adm-subsection-leading);color:var(--adm-ink)}
.album-notice{margin:8px 0;padding:10px 12px;border:1px solid var(--adm-module-line);border-radius:var(--adm-button-radius);background:var(--adm-weak);overflow-wrap:anywhere}
.album-notice-error{color:var(--adm-brand)}.album-notice-unknown{color:var(--adm-pending-ink);background:var(--adm-pending-bg)}
.album-notice p{margin:0}.album-notice ul{margin:6px 0 0;padding-left:20px}
.album-drawer{max-width:100vw}.album-drawer-body{padding:var(--adm-module-padding);min-width:0}
.album-drawer .drawer-head h2{overflow-wrap:anywhere}.album-category-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;margin-top:20px}
.album-category-create label{grid-column:1/-1}.album-category-list{margin-top:20px;border-top:1px solid var(--adm-line)}
.album-category-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--adm-line)}
.album-category-name{min-width:0;flex:1;overflow-wrap:anywhere}.album-category-name strong{font-size:var(--adm-object-type);line-height:var(--adm-object-leading);font-weight:var(--adm-object-weight)}
.album-category-name p{margin-top:4px}.album-category-name form{display:flex;flex-direction:column;gap:6px}.album-category-pagination{margin-top:16px;flex-wrap:wrap}
.album-preview-title{overflow-wrap:anywhere;font-size:var(--adm-subsection-type);line-height:var(--adm-subsection-leading);margin:0 0 8px}
.album-preview-content{margin-top:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:180px;overflow-wrap:anywhere}
.album-preview-content img{max-width:100%;height:auto;object-fit:contain}.album-drawer .drawer-form{padding:16px 0 0}.album-drawer .drawer-actions{flex-wrap:wrap}
@media(max-width:1320px){.album-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.album-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.album-filters{gap:8px 12px}#app .album-workspace .album-filters>label{flex:1;min-width:125px}#app .album-workspace .album-filters .album-filename-filter{min-width:180px}.album-catalog-heading{gap:8px}.album-state-tabs{width:100%;gap:16px}.album-batch-actions{width:100%}.album-select-all{margin-right:auto!important}.album-settings>.album-actions{gap:6px}}
@media(max-width:700px){.album-settings{flex-wrap:wrap}.album-settings>.album-actions{margin-left:auto}.album-page-head>.album-actions{width:100%}#app .album-workspace .album-filters>label{min-width:100%}.album-filters>[data-album-action=categories]{margin-left:0}.album-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding-inline:12px}.album-state-tabs{gap:12px}.album-category-row{align-items:flex-start;flex-wrap:wrap}.album-category-name{flex-basis:100%}}
/* Approved 2.1.2 media tabs, existing-photo chooser and website configuration. */
.album-media-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--adm-line);margin:8px 0 16px;padding-bottom:8px;flex-wrap:wrap}
.album-media-bar>.album-state-tabs{width:auto;gap:24px}.album-media-bar .switch-line,.album-sync-controls .switch-line{display:flex;gap:8px;align-items:center;margin:0}
.album-page-head .album-sync-controls{padding-inline:12px;border-inline:1px solid var(--adm-line)}
.album-catalog[hidden],.album-video-panel[hidden]{display:none!important}
.album-video-panel{background:var(--adm-surface);border:1px solid var(--adm-module-line);border-radius:var(--adm-radius);min-width:0}
.album-video-table-wrap{overflow-x:auto}.album-video-table{width:100%;border-collapse:collapse;table-layout:fixed}.album-video-table th{text-align:left;background:var(--adm-weak);font-weight:600}.album-video-table th,.album-video-table td{padding:16px;border-bottom:1px solid var(--adm-line);vertical-align:middle;overflow-wrap:anywhere}.album-video-table th:first-child{width:46%}.album-video-table th:last-child{width:148px}
.album-video-object{display:flex;gap:16px;align-items:center;min-width:0}.album-video-object>div{min-width:0}.album-video-object strong{font-size:16px;line-height:24px;font-weight:600;color:var(--adm-ink)}.album-video-object p{margin-top:4px}
.album-video-cover{position:relative;flex:0 0 144px;aspect-ratio:16/9;overflow:hidden;display:block;border:1px solid var(--adm-line);border-radius:6px;padding:0!important;background:var(--adm-weak);color:var(--adm-muted)}.album-video-cover>[data-video-cover]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.album-video-cover img{width:100%;height:100%;object-fit:cover}.album-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#171b24b3;color:white}.album-video-cover:disabled .album-video-play{display:none}.album-video-cover:disabled{opacity:1}
.album-video-table .danger-action{margin-left:12px}.album-video-pagination{padding:16px;flex-wrap:wrap}.album-video-player{display:block;width:100%;max-height:60vh;margin-block:16px;background:#171b24}
.album-media-fields{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:16px}.album-media-fields>label{display:flex;flex-direction:column;gap:6px;margin:0}.album-media-fields>label.switch-line,.album-cover-field>.switch-line{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.album-media-fields .drawer-actions{position:sticky;bottom:0;background:var(--adm-surface);padding-block:12px}
.album-cover-field h3{font-size:16px;line-height:24px;margin:0 0 8px}.album-cover-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.album-cover-option{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:6px!important;align-items:start;margin:0!important;min-width:0}.album-cover-option input{margin-top:6px}.album-cover-option>[data-picker-photo]{display:grid;place-items:center;aspect-ratio:16/9;background:var(--adm-weak);color:var(--adm-muted);overflow:hidden;border-radius:6px}.album-cover-option img{width:100%;height:100%;object-fit:cover}.album-cover-option>span:last-child{grid-column:2;font-size:13px;line-height:20px;overflow-wrap:anywhere}.album-cover-pagination{margin-top:16px;flex-wrap:wrap}
@media(max-width:1100px){.album-video-cover{flex-basis:112px}.album-video-object{gap:12px}.album-video-table th,.album-video-table td{padding:12px}.album-page-head .album-sync-controls{padding-inline:8px}}
/* Native switch semantics, matching the accepted compact switch geometry. */
body.admin-standard #app .album-workspace input.album-toggle{appearance:none;position:relative;width:36px;min-width:36px;height:22px;min-height:22px;padding:0;border:0;border-radius:11px;background:#8c95a4;cursor:pointer;vertical-align:middle;margin:0}
body.admin-standard #app .album-workspace input.album-toggle::before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:white;box-shadow:0 1px 2px #0003}
body.admin-standard #app .album-workspace input.album-toggle:checked{background:var(--adm-brand)}body.admin-standard #app .album-workspace input.album-toggle:checked::before{left:16px}body.admin-standard #app .album-workspace input.album-toggle:disabled{cursor:not-allowed;opacity:.55}body.admin-standard #app .album-workspace input.album-toggle:focus-visible{outline:2px solid var(--adm-link);outline-offset:3px}

body.admin-standard #app .album-video-pagination{border:0;border-radius:0;margin-top:0;background:transparent}
.album-video-panel{overflow:hidden}