.account-nav a.active{color:var(--gold)}
.commission-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.commission-hero h1{max-width:900px}.commission-status{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--gold);padding:9px 13px;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--gold);background:#fffaf1}.commission-status[data-group=active]{border-color:#7ca58e;color:#316e55;background:#edf7f2}.commission-status[data-group=waiting]{border-color:#d4a75d;color:#85601f;background:#fff8e9}.commission-status[data-group=production]{border-color:#7595af;color:#355f7c;background:#eef5fa}.commission-status[data-group=closed]{border-color:#aeb4b1;color:#69736e;background:#f2f3f2}
.commission-list{display:grid;gap:14px}.commission-list-card{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);background:#fff;padding:25px 28px;color:inherit;text-decoration:none;transition:.2s}.commission-list-card:hover{border-color:var(--gold);box-shadow:0 12px 30px rgba(8,42,33,.07);transform:translateY(-1px)}.commission-list-card h2{font:400 30px/1 var(--serif);color:var(--green);margin:8px 0}.commission-list-card p{margin:0;color:var(--muted);font-size:12px}.commission-reference{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:900}.commission-list-meta{display:flex;align-items:flex-end;flex-direction:column;gap:9px}.commission-list-meta b{font-size:9px;color:#fff;background:var(--green);padding:5px 7px;text-transform:uppercase;letter-spacing:.08em}.commission-list-meta i{font-style:normal;color:var(--green);font-size:12px;font-weight:800}.commission-empty{text-align:center;padding:60px 30px}.commission-empty p{margin-bottom:24px;color:var(--muted)}
.commission-portal{min-width:0}.commission-progress{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);background:#fff;margin-bottom:22px;padding:23px 16px}.commission-progress>div{position:relative;display:grid;justify-items:center;gap:8px;text-align:center;color:#99a09d}.commission-progress>div:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 17px);right:calc(-50% + 17px);height:1px;background:var(--line)}.commission-progress i{position:relative;z-index:1;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff;font-style:normal;font-size:10px}.commission-progress span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.commission-progress .done,.commission-progress .current{color:var(--green)}.commission-progress .done i{background:var(--green);border-color:var(--green);color:#fff}.commission-progress .done:after{background:var(--green)}.commission-progress .current i{border:2px solid var(--gold);color:var(--gold);box-shadow:0 0 0 4px rgba(194,157,94,.12)}
.commission-callout{border-left:4px solid var(--gold);background:#fff9ed;padding:18px 21px;margin-bottom:22px}.commission-callout.error{border-color:#b5685e;background:#fff3f1}.commission-callout strong{color:var(--green)}.commission-callout p{margin:5px 0 0;color:var(--muted);font-size:13px}.commission-two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.commission-details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 23px}.commission-details>div{padding:12px 0;border-bottom:1px solid var(--line)}.commission-details dt{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:900}.commission-details dd{margin:5px 0 0;color:var(--green);font-size:13px}.commission-brief{color:var(--muted);font-size:14px;line-height:1.75}.commission-files{display:grid;gap:9px}.commission-files>a{display:grid;padding:12px;border:1px solid var(--line);color:var(--green)}.commission-files>a:hover{border-color:var(--gold)}.commission-files small{color:var(--muted);margin-top:4px;font-size:9px}
.commission-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.commission-section-head>div>span{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:900}.commission-section-head h2{margin:5px 0 0}.commission-section-head>small{max-width:340px;color:var(--muted);font-size:10px;line-height:1.5;text-align:right}.commission-empty-inline{padding:22px;background:var(--cream);color:var(--muted);font-size:13px}.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.proof-card{border:1px solid var(--line);padding:15px}.proof-card.approved{border-color:#6f9d86;box-shadow:inset 0 3px #4d866b}.proof-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.proof-head strong{color:var(--green)}.proof-head span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-weight:850}.proof-file{display:grid;min-height:110px;place-items:center;background:var(--cream);border:1px solid var(--line);overflow:hidden}.proof-file img{display:block;width:100%;max-height:360px;object-fit:contain}.proof-file b{color:var(--green)}.proof-card>p,.proof-card blockquote{font-size:12px;line-height:1.6;color:var(--muted)}.proof-card blockquote{margin:12px 0 0;padding:12px;border-left:2px solid var(--gold);background:#fffaf1}.proof-review{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.proof-review label span,.commission-reply label>span,.file-picker>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:850;margin-bottom:6px}.proof-review textarea,.commission-reply textarea{width:100%;min-height:90px;border:1px solid var(--line);padding:12px;background:#fbf8f2}.proof-review>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.commission-thread{display:grid;gap:11px}.commission-thread .message{max-width:78%;padding:15px 17px;border:1px solid var(--line);background:#f8f5ef}.commission-thread .message.customer{justify-self:end;background:#edf5f1;border-color:#b8d0c4}.commission-thread header{display:flex;justify-content:space-between;gap:20px}.commission-thread header strong{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:.08em}.commission-thread time{font-size:9px;color:var(--muted)}.commission-thread p{margin:9px 0 0;line-height:1.65;font-size:13px}.commission-thread article>a{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;color:var(--green)}.commission-reply{margin-top:22px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:12px}.file-picker{display:grid;padding:12px;border:1px dashed #c8b99f;background:#fcfaf6}.file-picker small{margin-top:5px;color:var(--muted);font-size:9px}.commission-reply .button{justify-self:start}
.commission-timeline{list-style:none;margin:0;padding:0}.commission-timeline li{display:grid;grid-template-columns:15px 1fr;gap:12px;padding:0 0 18px;position:relative}.commission-timeline li:not(:last-child):before{content:"";position:absolute;left:5px;top:10px;bottom:0;width:1px;background:var(--line)}.commission-timeline i{width:11px;height:11px;border-radius:50%;border:2px solid var(--gold);background:#fff;z-index:1}.commission-timeline strong,.commission-timeline time{display:block}.commission-timeline strong{font-size:12px;color:var(--green)}.commission-timeline time{font-size:9px;color:var(--muted);margin-top:4px}
@media(max-width:1050px){.commission-progress{overflow:auto;grid-template-columns:repeat(7,110px);justify-content:start}.commission-two-column{grid-template-columns:1fr}}
@media(max-width:700px){.commission-hero{display:block}.commission-hero .commission-status{margin-top:18px}.commission-list-card,.commission-section-head{align-items:flex-start;flex-direction:column}.commission-list-meta{align-items:flex-start}.commission-details,.proof-grid{grid-template-columns:1fr}.commission-thread .message{max-width:94%}.commission-section-head>small{text-align:left}}
