.account-product-actions {
  display: grid;
  justify-items: end;
  gap: 10px;
}

.account-product-actions button {
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: var(--accent);
  padding: 3px 0;
  cursor: pointer;
}

.account-product-actions button:disabled {
  opacity: .55;
  cursor: wait;
}

.product-quantity {
  display: grid;
  grid-template-columns: 34px 30px 34px;
  align-items: center;
  text-align: center;
}

.product-quantity button {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
}

.product-quantity em {
  font-style: normal;
  font-variant-numeric: tabular-nums;
}

.account-product-actions .remove-product {
  font-size: 12px;
}

.inline-remove-confirm {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  background: #fffaf5;
  font-size: 12px;
  white-space: nowrap;
}

.account-product-actions .inline-remove-confirm button {
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  width: auto;
  height: auto;
  font-size: 12px;
}

.account-product-actions .inline-remove-confirm [data-cancel] {
  color: var(--muted);
}

.project-card-actions .remove-project {
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: var(--accent);
  padding: 3px 0;
  cursor: pointer;
  font-size: 12px;
}

.project-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 30px;
  padding: 26px 0;
  border-bottom: 1px solid var(--line);
}
.project-card-main h3 { margin: 8px 0; }
.project-card-main p { color: var(--muted); }
.project-progress { height: 5px; margin-top: 18px; background: #e5ddd2; overflow: hidden; }
.project-progress i { display: block; height: 100%; background: var(--accent); transition: width .35s ease; }
.project-progress-labels { display: flex; justify-content: space-between; gap: 10px; margin-top: 7px; color: var(--muted); font-size: 10px; }
.project-card-actions .submit-project { border: 0; background: var(--accent); color: #fff; padding: 11px 15px; cursor: pointer; font-weight: 700; }
.project-card-actions .submit-project:disabled { opacity: .58; }

.inline-project-remove {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 9px;
  margin-top: 7px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  background: #fffaf5;
  font-size: 12px;
}

.inline-project-remove button {
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: var(--accent);
  padding: 2px 0;
  cursor: pointer;
}

.inline-project-remove [data-cancel] { color: var(--muted); }
.inline-project-remove small { grid-column: 1 / -1; color: var(--accent); }

@media (max-width: 800px) {
  .project-card { grid-template-columns: 1fr; gap: 18px; }
  .project-card-actions { justify-items: stretch; }
  .project-progress-labels { font-size: 9px; }
  .account-product-actions {
    grid-column: 2;
    grid-template-columns: 1fr auto;
    justify-items: start;
    align-items: center;
    width: 100%;
  }

  .account-product-actions button {
    justify-self: end;
  }

  .inline-remove-confirm {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: flex-end;
    white-space: normal;
  }

  .inline-project-remove {
    grid-template-columns: 1fr auto;
  }

  .inline-project-remove span {
    grid-column: 1 / -1;
  }
}

.client-approval{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:24px 28px;margin-bottom:20px;background:#2a2622;color:#fff}.client-approval h3{font-family:var(--serif);font-size:28px;margin:8px 0}.client-approval p{color:#d3c9bf;max-width:720px}.client-approval>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.client-approval .secondary{color:#fff;border-color:#b9aea4}@media(max-width:720px){.client-approval{grid-template-columns:1fr}.client-approval>div:last-child{display:grid}}
.payment-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;padding:30px;background:#292521;color:#fff;margin-bottom:22px}.payment-intro h3,.payment-history h3,.payment-proof-form h3{font-family:var(--serif);font-size:30px;margin:8px 0}.payment-intro p{color:#d5cbc1;line-height:1.8}.payment-intro ol{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:payment}.payment-intro li{counter-increment:payment;padding:11px 14px;border:1px solid #625b54;color:#cfc6bd}.payment-intro li:before{content:counter(payment);display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;margin-right:10px}.payment-proof-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px;border:1px solid #d8cec4;background:#fff;margin-bottom:28px}.payment-form-heading{grid-column:1/-1}.payment-proof-form label{display:grid;gap:7px;font-size:14px}.payment-proof-form input,.payment-proof-form select{min-height:48px;padding:0 13px;border:1px solid #d4cac0;background:#fff}.payment-proof-form .proof-note,.payment-proof-form .proof-file{grid-column:1/-1}.payment-proof-form .btn{justify-self:start}.payment-history{display:grid;gap:15px}.payment-history>div:first-child{margin-bottom:4px}.payment-record{padding:23px 25px;border:1px solid #d8cec4;background:#fff}.payment-record header{display:flex;justify-content:space-between;gap:20px}.payment-record h4{font-size:20px;margin:4px 0}.payment-record header strong{font-family:var(--serif);font-size:27px}.payment-progress{height:5px;background:#eee8e1;margin:20px 0 14px}.payment-progress i{display:block;height:100%;background:#8c332f}.payment-record.confirmed .payment-progress i{background:#4f725c}.payment-record-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.payment-record-meta button{margin-left:auto;border:0;background:none;color:#8c332f;text-decoration:underline;cursor:pointer}.payment-state{font-weight:700}.review-note{padding:12px;margin:15px 0 0;background:#f4eee8}.empty-state.compact{padding:35px}@media(max-width:760px){.payment-intro,.payment-proof-form{grid-template-columns:1fr}.payment-form-heading,.payment-proof-form .proof-note,.payment-proof-form .proof-file{grid-column:auto}.payment-record header{display:grid}.payment-record-meta button{margin-left:0}}
.company-payment-requests{display:grid;gap:14px;margin-bottom:26px}.company-payment-requests>div h3{font-family:var(--serif);font-size:30px;margin:8px 0}.company-payment-requests article{padding:22px 24px;border:1px solid #d8cec4;background:#fff}.company-payment-requests article header{display:flex;justify-content:space-between;gap:20px}.company-payment-requests h4{font-size:20px;margin:4px 0}.company-payment-requests header strong{font-family:var(--serif);font-size:26px}.payment-method-toggle{width:100%;margin-top:16px;padding:13px 0;border:0;border-top:1px solid #e2d9d0;background:none;text-align:left;color:#8c332f;cursor:pointer}.payment-method-detail{padding:18px;background:#f6f0ea;line-height:1.75}.payment-method-detail button{padding:11px 15px;background:#8c332f;border:0;color:#fff;cursor:pointer}.request-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0 10px}.request-progress span{padding:8px 5px;background:#eee8e1;color:#817970;text-align:center;font-size:11px}.request-progress .done{background:#8c332f;color:#fff}.request-state{font-weight:700;color:#5d554e}.request-confirmed{border-color:#67816d!important}.request-confirmed .request-progress .done{background:#55705c}@media(max-width:600px){.request-progress{grid-template-columns:1fr 1fr}.company-payment-requests article header{display:grid}}
.wf-toolbar label{display:grid;gap:8px}.wf-toolbar select{min-height:48px;padding:0 13px;border:1px solid var(--line);background:#fff}.wf-title{margin:25px 0}.wf-title span{color:var(--accent);letter-spacing:.12em}.wf-title h2{font:40px var(--serif);margin:8px 0}.wf-steps{display:grid;gap:14px}.wf-step{padding:20px;background:#fff;border:1px solid var(--line)}.wf-step>header{display:flex;gap:16px}.wf-step>header>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--accent);border-radius:50%;color:var(--accent)}.wf-step h3{margin:0}.wf-step header p{margin:5px 0;color:var(--muted)}.wf-item{border-top:1px solid var(--line)}.wf-item-head{width:100%;display:flex;justify-content:space-between;padding:15px 0;border:0;background:none;text-align:left}.wf-item-head span{display:grid;gap:4px}.wf-item-head em{font-style:normal;color:var(--accent)}.wf-item-body{padding:16px;background:#f6f1ea}.wf-events p{display:grid;gap:5px;border-bottom:1px solid var(--line);padding-bottom:11px}.wf-events small{color:var(--muted)}.wf-conclusion{padding:14px;background:#fff;border-left:3px solid var(--accent)}.wf-reply{display:grid;gap:8px}.wf-reply textarea{min-height:80px;padding:12px}.wf-reply button,.wf-actions button{padding:10px 13px;border:1px solid var(--accent);background:var(--accent);color:#fff}.wf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.wf-empty{padding:22px;color:var(--muted)}
.wf-files{display:grid;gap:8px;margin-bottom:15px}.wf-files button{padding:10px 12px;border:1px solid var(--line);background:#fff;color:var(--accent);text-align:left}.wf-upload{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0;padding:12px;background:#fff;border:1px solid var(--line)}.wf-upload input{min-width:0}.wf-upload button{padding:9px 13px;border:0;background:var(--accent);color:#fff}@media(max-width:650px){.wf-upload{grid-template-columns:1fr}.wf-step{padding:15px}.wf-title h2{font-size:32px}}
.wf-payment-link{padding:12px 15px;margin-top:14px;border:1px solid var(--accent);background:#fff;color:var(--accent)}.wf-progress{margin:22px 0;padding:22px;background:#292521;color:#fff}.wf-progress>header{display:flex;justify-content:space-between;align-items:end}.wf-progress h3{margin:5px 0;font:30px var(--serif)}.wf-progress>header span{font-size:11px;letter-spacing:.14em;color:#caa5a1}.wf-progress>header strong{font:40px var(--serif)}.wf-progress-bar{height:5px;margin:17px 0 21px;background:#504a45}.wf-progress-bar i{display:block;height:100%;background:#9a3a35}.wf-stage-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wf-stage-nav button{display:grid;gap:5px;min-height:88px;padding:12px;border:1px solid #5d5650;background:#332e2a;color:#cfc6bd;text-align:left}.wf-stage-nav button b{color:#fff}.wf-stage-nav button small{font-size:10px}.wf-stage-nav button.completed{background:#486451;border-color:#5e8068}.wf-stage-nav button.active{outline:2px solid #fff;outline-offset:1px}.wf-stage-nav button:disabled{opacity:.42}.wf-schedule-summary{color:var(--accent)!important}.wf-step[hidden]{display:none}@media(max-width:900px){.wf-stage-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wf-stage-nav{grid-template-columns:1fr}.wf-progress{padding:17px}.wf-progress>header strong{font-size:32px}}
.wf-archive{margin-top:20px;padding:17px;border:1px solid var(--line);background:#f6f1ea}.wf-archive>header{display:flex;justify-content:space-between;gap:15px;align-items:center}.wf-archive h4{margin:4px 0;font:23px var(--serif)}.wf-archive header small{color:var(--accent);letter-spacing:.14em}.wf-archive-list{display:grid;gap:8px;margin-top:13px}.wf-archive-list article{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:11px;background:#fff;border:1px solid var(--line)}.wf-archive-list article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#292521;color:#fff}.wf-archive-list article div{display:grid;gap:3px}.wf-archive-list article small{color:var(--muted)}.wf-archive-list article button{padding:8px 9px;border:1px solid var(--accent);background:#fff;color:var(--accent)}@media(max-width:600px){.wf-archive-list article{grid-template-columns:auto 1fr}.wf-archive-list article button{grid-column:auto}}
.wf-step-help{margin:12px 0 18px;color:var(--muted)}.wf-item{background:#fff}.wf-item.is-open{border:1px solid var(--accent);margin:10px 0}.wf-item.is-open .wf-item-head{padding-left:15px;padding-right:15px}.wf-item-title{min-width:0}.wf-item-meta,.wf-item-latest{display:block;font-size:12px;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:650px}.wf-item-latest{margin-top:3px;color:var(--ink)}.wf-item-state{display:grid;justify-items:end;gap:6px;flex:0 0 auto}.wf-item-state i{font-size:11px;font-style:normal;color:var(--muted)}.wf-timeline-heading{display:flex;justify-content:space-between;gap:15px;align-items:end;padding-bottom:15px;border-bottom:1px solid var(--line)}.wf-timeline-heading div{display:grid;gap:4px}.wf-timeline-heading small{letter-spacing:.12em;color:var(--accent)}.wf-timeline-heading>span{font-size:12px;color:var(--muted)}.wf-timeline{position:relative;padding:6px 0}.wf-timeline:before{content:"";position:absolute;left:18px;top:22px;bottom:22px;width:1px;background:var(--line)}.wf-time-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:13px 0}.wf-time-number{z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:11px;color:var(--accent)}.wf-time-row>div>header{display:flex;justify-content:space-between;gap:15px}.wf-time-row time{font-size:11px;color:var(--muted)}.wf-time-row p{margin:7px 0;line-height:1.65}.wf-file-card{width:100%;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:7px;padding:12px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.wf-file-card span{display:grid;gap:4px}.wf-file-card small{color:var(--muted)}.wf-file-card em{font-style:normal;color:var(--accent)}.wf-compose{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.wf-compose h4{margin:0 0 10px}@media(max-width:600px){.wf-item-head{gap:10px}.wf-item-state i{display:none}.wf-item-meta,.wf-item-latest{white-space:normal}.wf-time-row>div>header{display:grid;gap:4px}.wf-timeline-heading{align-items:start;flex-direction:column}}

.portfolio-progress{margin-top:28px;padding:24px;border:1px solid var(--line);background:#fff}.portfolio-progress-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.portfolio-progress-heading h3{font:30px var(--serif);margin:6px 0}.portfolio-progress-heading button{border:0;background:none;color:var(--accent);cursor:pointer}.portfolio-projects{display:grid;gap:0}.portfolio-project{padding:19px 0;border-top:1px solid var(--line)}.portfolio-project:first-child{border-top:0}.portfolio-project h3{font-size:19px;margin:5px 0 12px}.project-stage-summary{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:14px}.project-stage-summary>div{display:grid;gap:4px}.project-stage-summary span,.project-stage-summary small,.project-progress-detail{color:var(--muted);font-size:12px}.project-stage-summary strong{font-size:18px}.project-stage-summary em{font:28px var(--serif);font-style:normal;color:var(--accent);font-variant-numeric:tabular-nums}.project-progress-detail{display:flex;justify-content:space-between;gap:16px;margin-top:8px}.quiet-project-link{border:0;background:none;color:var(--accent);text-decoration:underline;cursor:pointer;padding:4px 0}@media(max-width:650px){.portfolio-progress{padding:18px}.portfolio-progress-heading,.project-stage-summary,.project-progress-detail{align-items:start;flex-direction:column}.project-stage-summary{gap:8px}.project-progress-detail{gap:3px}}
.payment-proof-form[hidden]{display:none!important}