/* Danapixs: a bright photographic workspace, with compact mobile controls. */
html[data-theme="light"]{color-scheme:light;--bg:#f6f8fc;--surface:#fff;--surface-2:#edf2f8;--line:#d8e0eb;--text:#18283d;--muted:#53657d;--accent:#245fc6;--accent-ink:#fff}
html[data-theme="light"] body,html[data-theme="light"] .client-page,html[data-theme="light"] .workspace-page{--bg:#f6f8fc;--surface:#fff;--surface-2:#edf2f8;--line:#d8e0eb;--text:#18283d;--muted:#53657d;--accent:#245fc6;--accent-ink:#fff;color:var(--text);background:var(--bg)}
html[data-theme="light"] :is(.photographer-bio,.photographer-contact a,.portfolio-open,.client-private-label,.client-status p,.client-gallery-heading p,.selection-guide,.category-label){color:var(--muted)}
html[data-theme="light"] :is(.photographer-contact a:hover,.photographer-description h1,.client-signature,.lot-name,.request-card-main,.file-title){color:var(--text)}
html[data-theme="light"] :is(.photographer-contact svg,.portfolio-card-info small){color:var(--accent)}
html[data-theme="light"] :is(.category-pills button.active,.segmented button.active){background:#e4edfc;color:#194eaa;border-color:#b8cbed}
html[data-theme="light"] :is(input,select,textarea){color:var(--text);background:var(--surface);border-color:var(--line)}
html[data-theme="light"] :is(.viewer-head,.viewer-sidebar,.viewer-nav){background:var(--surface);color:var(--text)}
html[data-theme="light"] .photographer-cover.no-cover{background:#dce9f9}
html[data-theme="light"] .cover-graphic{opacity:.45}
html[data-theme="light"] .photographer-avatar{background:#e4edfc;color:#245fc6}
html[data-theme="light"] :is(.auth-aside,.visual-caption,.showcase-item .caption){color:#fff}
.photographer-hero{border-radius:12px;background:var(--surface)}
.photographer-cover:after{background:none}
.photographer-identity{gap:24px;padding-bottom:28px}
.photographer-description h1{letter-spacing:-.8px;line-height:1.18}
.photographer-contact{gap:10px 24px}
.photographer-contact a{min-height:44px}
.photographer-contact a span{overflow-wrap:anywhere;min-width:0}
.gallery-toolbar,.collection-toolbar,.crm-filterbar{gap:12px!important;align-items:center}
.gallery-filter-fields{gap:12px}
.gallery-toolbar select,.crm-filterbar select{max-width:100%;text-overflow:ellipsis}
.section-head>div,.request-card-identity,.studio-lot-info,.collection-tools{min-width:0}
.btn,.icon-btn,.text-action{align-items:center;justify-content:center}
.photo.format-portrait .photo-frame{aspect-ratio:3/4}
.photo.format-square .photo-frame{aspect-ratio:1}
.photo.format-landscape .photo-frame{aspect-ratio:4/3}
.photo-frame img{object-fit:contain;background:var(--surface-2)}
.refined-viewer.viewer-dialog{height:100dvh;max-height:100dvh;overflow:hidden;margin:auto}
.refined-viewer #modal-body,.refined-viewer .viewer{height:100%;min-height:0;overflow:hidden}
.refined-viewer .viewer-stage{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}
.refined-viewer .viewer-head,.refined-viewer .viewer-nav{flex-shrink:0}
.refined-viewer .image-container{flex:1;min-height:0;height:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}
.refined-viewer .image-container img,.refined-viewer .image-container video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.refined-viewer .viewer-sidebar{max-height:100%;overflow-y:auto;min-height:0}
.viewer-details-toggle{display:none}
.request-receipt{overflow-wrap:anywhere}
@media(max-width:800px){
 .workspace-page .content{padding:18px 16px 90px}
 .client-main{padding:18px 16px 85px}
 .client-header{padding:14px 16px;gap:10px}
 .client-header .row{gap:8px}
 .client-private-label{font-size:11px}
 .workspace-heading{margin-bottom:18px}
 .workspace-heading h1{font-size:24px}
 .workspace-heading p{font-size:13px;line-height:1.5;max-width:45ch}
 .photographer-cover,.compact-identity .photographer-cover{height:160px}
 .photographer-identity{padding:0 18px 20px;gap:14px}
 .photographer-description{padding-top:16px}
 .photographer-description h1,.compact-identity .photographer-description h1{font-size:27px}
 .photographer-avatar{width:76px;height:76px;margin-top:-28px;border-width:4px;font-size:25px}
 .photographer-bio{font-size:13px;line-height:1.6;margin-top:10px}
 .photographer-contact{gap:4px 14px;margin-top:12px}
 .photographer-contact a{font-size:12px;min-height:40px}
 .studio-lots{grid-template-columns:1fr!important;gap:12px!important}
 .workspace-page .studio-lot-card{display:grid;grid-template-columns:96px minmax(0,1fr);border-radius:10px;overflow:visible}
 .workspace-page .studio-lot-card .lot-cover{height:100%;min-height:126px;border-radius:10px 0 0 10px;overflow:hidden}
 .workspace-page .studio-lot-info{padding:12px;display:grid;gap:4px}
 .workspace-page .studio-lot-info .lot-name{font-size:15px;line-height:1.35;text-align:left;white-space:normal;margin:0}
 .workspace-page .studio-lot-info>p{font-size:11px;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .workspace-page .lot-facts{margin:4px 0 0;gap:12px;font-size:11px}
 .workspace-page .studio-lot-card .lot-card-bottom{grid-column:1/-1;padding:6px 12px;font-size:11px;min-height:36px}
 .workspace-page .cover-state{left:5px;bottom:5px;right:5px;top:auto}
 .workspace-page .cover-state .badge{font-size:9px;padding:3px 5px;white-space:normal}
 .workspace-page .request-card{padding:12px;border-radius:10px}
 .workspace-page .request-card-main{min-height:44px;gap:10px}
 .workspace-page .request-card-info{margin-top:8px;gap:8px;flex-wrap:wrap}
 .workspace-page .request-card-bottom{margin-top:8px;padding-top:8px}
 .workspace-page .request-card-identity>strong{font-size:14px}
 .workspace-page .request-card-identity>small{font-size:11px}
 .crm-filterbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
 .crm-filterbar>select{min-width:0;width:100%;min-height:44px;font-size:12px;padding:8px}
 .crm-filterbar>.collection-search,.crm-filterbar>.search{grid-column:1/-1;min-width:0}
 .gallery-toolbar{gap:10px!important;padding:12px 0!important}
 .gallery-filter-fields{gap:12px!important}
 .collection-toolbar{gap:10px!important}
 .refined-viewer .viewer{display:flex;flex-direction:column;height:100%}
 .refined-viewer .viewer-stage{flex:1 1 0;min-height:0}
 .refined-viewer .viewer-sidebar{display:none;flex:0 1 38%;width:100%;max-height:38%;padding:14px 18px;border-top:1px solid var(--line)}
 .refined-viewer .details-open .viewer-sidebar{display:block}
 .refined-viewer .viewer-head{padding:8px 10px;min-height:52px;gap:8px}
 .refined-viewer .viewer-nav{padding:6px 12px;min-height:48px}
 .viewer-details-toggle{display:inline-flex}
 .refined-viewer .touch-viewer-hint{display:none}
 .refined-viewer .viewer-zoom-controls{gap:2px}
 .refined-viewer .viewer-zoom-controls .icon-btn{min-width:32px;min-height:40px}
}
@media(max-width:380px){.client-private-label{display:none}.photographer-identity{display:block}.photographer-description{padding-top:12px}.studio-lot-card{grid-template-columns:82px minmax(0,1fr)!important}}
.request-receipt{display:grid;gap:14px;padding:18px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;width:100%;box-sizing:border-box}
.request-receipt p,.request-identity-note{font-size:13px;line-height:1.6;color:var(--muted)}
.request-identity-note{margin:0 0 18px;padding:12px;background:var(--surface-2);border-radius:8px}
.metadata-source{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.request-link-fallback[hidden]{display:none}
@media(max-width:600px){.client-status{padding:22px 18px;margin:16px 0;gap:16px}.client-status h1{font-size:25px}.status-facts>div{padding:11px 0;gap:12px}.status-facts strong{text-align:right;overflow-wrap:anywhere}.request-receipt{padding:14px}.request-receipt .btn{white-space:normal}}
html[data-theme="light"] body{--danger:#a82336;--green:#246a4a}
html[data-theme="light"] :is(.error-text,.danger){color:#a82336}
.refined-viewer #modal-body>div{height:100%;min-height:0;overflow:hidden}
html[data-theme="light"] .workflow-filters>button.active{background:#e4edfc;border-color:#a6bfe9;color:#194eaa}
@media(max-width:800px){.crm-filterbar>.crm-search{grid-column:1/-1;min-width:0;width:100%}.workspace-page .request-card-foot{margin-top:9px;padding-top:8px;gap:8px}.workflow-filters{margin-bottom:12px}.workflow-filters>button{min-height:44px;padding:8px 11px}}
.refined-viewer .viewer .image-container{max-height:none}
html[data-theme="light"] :is(.field,.field>label,.check,.checkbox-label,label:not(.btn)){color:var(--text)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:var(--muted);opacity:1}