:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0e1d32;color:#eff5ff}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}header,footer{flex-shrink:0;padding:12px 20px;background:#142a43;display:flex;justify-content:space-between;gap:12px;align-items:center}nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}a{color:#9ee7f5}main{flex:1;min-height:0;overflow:auto;padding:16px 20px}h1,h2{margin:0 0 10px}p{line-height:1.5}#message{padding:10px 20px;flex-shrink:0;color:#abe5f1;background:#0b263c;overflow-wrap:anywhere;max-height:100px;overflow:auto}.panel{border:1px solid #3a5573;border-radius:12px;padding:16px;background:#12263e}#login{max-width:480px;margin:30px auto}.toolbar{display:flex;justify-content:space-between;gap:12px}.next{padding:10px;border-left:4px solid #4dc5d7}#workspace{height:100%;display:flex;flex-direction:column;gap:10px}#workspace[hidden],[hidden]{display:none!important}.layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:16px;flex:1;min-height:240px}.scroll{overflow:auto;min-height:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.card{padding:12px;border:1px solid #425a77;border-radius:10px}.card img,#photo{width:100%;max-height:260px;object-fit:contain;background:#091625}.card button{width:100%;margin-top:10px}.state{display:inline-block;border-radius:16px;padding:3px 10px;background:#28485d;font-size:13px}.state.published{background:#11645e}form,label{display:block}label{margin:12px 0}input,textarea,select,button{font:inherit}input:not([type=checkbox]),textarea,select{width:100%;padding:10px;background:#0c1c30;color:#eff5ff;border:1px solid #59718d;border-radius:6px}textarea{min-height:76px;resize:vertical}button{padding:10px 16px;background:#175e74;border:1px solid #60c5d7;color:white;border-radius:7px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input:focus,button:focus,select:focus,textarea:focus{outline:2px solid #93ebf4;outline-offset:2px}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.check input{width:24px;height:24px;flex-shrink:0;accent-color:#44c1d0}fieldset{border:1px solid #425a77;border-radius:8px}details{padding:8px 0}summary{cursor:pointer;color:#b1eaf2}#verification{white-space:pre-line;overflow-wrap:anywhere}footer{font-size:12px;color:#c3d0df}@media(max-width:760px){body{height:auto;min-height:100dvh}main{overflow:visible;padding:12px}.layout{display:flex;flex-direction:column;min-height:0}.scroll{overflow:visible}header{flex-wrap:wrap}#workspace{height:auto}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}

/* Dark role theme: seller */
:root{color-scheme:dark;--accent:#27886a}body{background:#0a1512;color:#e9f6ef}header,footer,.panel,.purchase-shell{background:#101f1a;color:#e9f6ef}.modebar,#message{background:#07110e;color:#9fe2c5}input,textarea,select{background:#07110e;color:#e9f6ef;border-color:#27886a}input[type=datetime-local]{color-scheme:dark}input[type=checkbox]{min-height:24px;padding:0;margin-top:2px}button{background:#27886a;color:#fff}button.secondary{color:#9fe2c5}a,summary,.delivery-link{color:#9fe2c5}p{color:#9fe2c5}.card,.mission-row,details,.listing-card{background:#07110e;border-color:#27886a55}.mission-row.selected,.selection-card:has(input:checked){background:#101f1a;border-color:#27886a}.wizard-actions{background:#101f1a}.map-buttons button{background:#101f1a;color:#e9f6ef;border-color:#27886a}.step-label{color:#9fe2c5}main:has(>#signin:not([hidden])){overflow:auto}

.language-switch{display:flex;gap:4px}.language-switch button{width:auto;min-height:36px;padding:6px 9px}.language-switch button[aria-pressed=true]{outline:2px solid currentColor}header{flex-wrap:wrap}.inline-reason{display:grid;gap:8px;padding:12px}.inline-reason textarea{min-height:80px}

input:not([type=checkbox]),textarea,select{background:#07110e;color:inherit}

/* Role backgrounds r005: darker surfaces, existing text and action colours retained. */
:root{background:#0a1512}

/* Seller My photos r006: full-height editor beside the complete photo library. */
.seller-layout{min-height:0;height:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.seller-library{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}
.seller-library>.toolbar,.seller-library>.next,.seller-library>details{flex-shrink:0}
.seller-library>.toolbar{align-items:flex-start;gap:16px}
.seller-library .toolbar #refresh{flex-shrink:0;min-height:42px}
.seller-library .toolbar #quota{margin-bottom:0}
.seller-library>.next{margin:0}
.seller-library>details{padding:8px 0;max-height:35%;overflow:auto}
.seller-library>.photo-list{flex:1;min-height:0}
.seller-layout #editor{min-width:0;min-height:0}
.seller-layout #photo{height:clamp(280px,55vh,560px);max-height:none;object-fit:contain;background:#07110e}
#editheading{overflow-wrap:anywhere}
body,header,footer,.panel,#message,p,a,summary,.delivery-link,button.secondary,.step-label,input,textarea,select{color:#f4f7f5}
.card h3,.state,.next,#quota{color:#f4f7f5}
@media(max-width:760px){
 .seller-layout{height:auto;min-height:0}
 .seller-library>details{max-height:none}
 .seller-library>.photo-list{min-height:200px;overflow:visible}
 .seller-layout #photo{height:auto;max-height:480px}
}
/* Align photo actions across cards with different title lengths. */
#photos.cards{align-items:stretch}
#photos>.card{display:flex;flex-direction:column;min-width:0}
#photos>.card img{height:260px;flex-shrink:0;object-fit:contain}
#photos>.card h3{margin:12px 0;overflow-wrap:anywhere}
#photos>.card .state{align-self:flex-start;margin-bottom:12px}
#photos>.card button{margin-top:auto;flex-shrink:0}