.creation-methods {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
  max-width:900px; margin:24px auto;
}
.creation-method {
  display:grid; align-content:start; gap:13px; min-height:230px; padding:30px;
  text-align:left; background:var(--color-surface); border:1px solid var(--line,var(--color-border));
  border-radius:18px; color:var(--ink,var(--color-text)); transition:.18s ease;
}
.creation-method:hover {border-color:var(--color-text-tertiary); box-shadow:0 14px 35px var(--color-shadow-alpha-8-0); transform:translateY(-2px)}
.creation-method strong {font-size:20px}
.creation-method p {margin:0; color:var(--muted,var(--color-text-secondary)); line-height:1.65}
.creation-method>span:last-child {margin-top:auto; color:var(--brand,var(--color-brand)); font-weight:700}
.creation-icon {display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:var(--color-surface-muted); color:var(--brand,var(--color-brand))}
.creation-icon .icon {width:23px; height:23px}
.page-toolbar>.actions {flex-wrap:wrap; justify-content:flex-end}
.mail-list {margin-top:18px}
.mail-row {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 4px; border-bottom:1px solid var(--line,var(--color-border))}
.mail-row:last-child {border-bottom:0}
.mail-copy {min-width:0}
.mail-subject {display:flex; align-items:center; gap:9px}
.mail-subject strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mail-copy p {margin:7px 0 0; color:var(--muted,var(--color-text-secondary)); font-size:.9rem}
.mail-account-bar {display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 18px; border:1px solid var(--line,var(--color-border)); border-radius:12px; background:var(--color-surface)}
.mail-account-bar>div {display:flex; align-items:center; gap:9px; min-width:0}
.mail-account-bar strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mail-account-bar small {color:var(--muted,var(--color-text-secondary))}
.mail-account-dot {width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:var(--color-success); box-shadow:0 0 0 4px var(--color-surface-hover)}
.connection-intro h2 {margin:6px 0}
.connection-intro p {margin:0; color:var(--muted,var(--color-text-secondary))}
.mail-connect-fields {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.mail-account-fixed {display:flex; flex-direction:column; justify-content:center; gap:7px; min-height:72px; padding:12px 14px; border:1px solid var(--line,var(--color-border)); border-radius:10px; background:var(--color-surface-subtle)}
.mail-account-fixed small {color:var(--muted,var(--color-text-secondary))}
.content.estimate-review-modal {
  position:fixed!important;
  inset:0;
  width:100vw;
  max-width:none;
  margin:0;
  z-index:80;
  background:var(--color-shadow-alpha-50-0);
  overflow:auto;
  padding:36px max(24px,calc((100vw - 1360px)/2))!important;
}
.estimate-review-modal>.pagehead,.estimate-review-modal>.steps,.estimate-review-modal>.split,.estimate-review-modal>.panel {
  width:min(1312px,100%);
  margin-left:auto;
  margin-right:auto;
  background:var(--color-surface);
}
.estimate-review-modal>.pagehead {margin-top:0; margin-bottom:0; padding:24px 28px 12px; border-radius:20px 20px 0 0}
.estimate-review-modal>.steps {margin-top:0; margin-bottom:0; padding:10px 28px 22px}
.estimate-review-modal>.split {grid-template-columns:minmax(360px,.82fr) minmax(560px,1.28fr); padding:0 28px 28px; border-radius:0 0 20px 20px}
.estimate-review-modal>.panel {padding:28px; border-radius:20px}
.document-actions {margin-left:auto}
@media(max-width:1050px) {
  .estimate-review-modal>.split {grid-template-columns:1fr}
  .estimate-review-modal .sticky {position:static}
}
@media(max-width:800px) {
  .creation-methods {grid-template-columns:1fr}
  .creation-method {min-height:190px; padding:24px}
  .page-toolbar {flex-direction:column}
  .page-toolbar>.actions {width:100%; justify-content:stretch}
  .page-toolbar>.actions .btn {flex:1}
  .mail-row {align-items:flex-start; flex-direction:column}
  .mail-connect-fields {grid-template-columns:1fr}
  .mail-account-bar small {display:none}
  .content.estimate-review-modal {padding:10px!important}
  .estimate-review-modal>.split {padding:0 12px 18px}
  .estimate-review-modal>.pagehead,.estimate-review-modal>.steps {padding-left:18px; padding-right:18px}
}