.operation-shell { padding:16px 18px; }
.operation-shell > .section-title { margin-bottom:12px; }
.section-title-actions { display:flex; align-items:center; gap:8px; }
.section-title-actions #show-beginner-guide.is-enabled { background:#3a3218; color:var(--gold); box-shadow:inset 0 0 0 1px #6b5921; }
.operation-layout { grid-template-columns:minmax(520px,1.45fr) minmax(280px,.62fr) minmax(280px,.62fr); gap:14px; }
.operation-preview { position:sticky; top:18px; align-self:start; min-width:0; }
.operation-proof-actions { display:grid; align-content:start; gap:10px; min-width:0; }
.operation-proof-card { position:relative; padding:12px; border:1px solid #55471c; border-radius:12px; background:#0d1115; }
.operation-proof-card > label:first-child { font-size:11px; color:#b7c0ca; }
.operation-proof-card .operation-proof-zone { min-height:105px; margin-top:6px; padding:10px; }
.operation-proof-card .operation-proof-zone img { width:auto; height:auto; max-width:300px; max-height:300px; object-fit:contain; }
.operation-proof-card .proof-capture-tools { position:relative; align-items:flex-start; flex-direction:column; gap:5px; margin-top:7px; }
.operation-proof-card .proof-capture-tools .btn { width:100%; padding:8px 10px; }
.operation-proof-card > small { color:var(--muted); font-size:9px; line-height:1.3; }
.dirty-vault-field { margin-top:12px; padding:12px; border:1px solid rgba(233,188,65,.34); border-radius:10px; background:linear-gradient(135deg,rgba(233,188,65,.09),rgba(9,13,16,.72)); }
.dirty-vault-field label { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; color:#e8edf3; }
.dirty-vault-field label strong { color:#e9bc41; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.dirty-vault-field input { min-height:40px; font-size:17px; font-weight:800; border-color:rgba(233,188,65,.5); }
.dirty-vault-field small { display:block; margin-top:6px; color:#91a5bc; }
.operation-flow { display:grid; gap:8px; }
.operation-step { position:relative; padding:10px 12px; border:1px solid #29313a; border-radius:10px; background:#0e1216; opacity:.72; transition:border-color .2s,background .2s,box-shadow .2s,opacity .2s; }
.operation-step > header { display:flex; align-items:center; gap:9px; margin-bottom:8px; }
.operation-step > header > span { width:26px; height:26px; flex:0 0 26px; display:grid; place-items:center; border-radius:50%; background:#252b32; color:#abb4bf; font-size:12px; font-weight:800; }
.operation-step > header strong,.operation-step > header small { display:block; }
.operation-step > header strong { font-size:13px; line-height:1.1; }
.operation-step > header small { margin-top:2px; color:var(--muted); font-size:9px; line-height:1.2; }
.step-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 10px; }
.client-step-fields { grid-template-columns:.7fr 1.3fr 1fr; }
.operation-step .field { position:relative; gap:5px; }
.operation-step .field label { font-size:11px; }
.operation-step .field input,.operation-step .field select,.operation-step .field textarea { min-height:36px; padding:8px 10px; }
.operation-step .quantity-stepper input { min-height:36px; padding:5px 8px; }
.field-help-bubble { position:absolute; z-index:40; left:0; right:0; bottom:calc(100% + 7px); padding:8px 10px; border:1px solid #7a6420; border-radius:8px; background:#2a2410; color:#f2d77f; font-size:10px; line-height:1.35; box-shadow:0 8px 22px rgba(0,0,0,.38); animation:help-bubble-pop .35s ease-out; }
.field-help-bubble::before { content:''; position:absolute; left:16px; bottom:-6px; width:10px; height:10px; background:#2a2410; border-right:1px solid #7a6420; border-bottom:1px solid #7a6420; transform:rotate(45deg); }
.operation-step.is-active { opacity:1; border-color:var(--gold); background:linear-gradient(145deg,#191912,#101419); box-shadow:0 0 0 1px rgba(226,184,75,.12),0 8px 22px rgba(0,0,0,.18); animation:guided-step-nudge .42s ease-out; }
.operation-step.is-active > header > span { background:var(--gold); color:#111; }
.operation-step.is-complete { opacity:1; border-color:#315745; }
.operation-step.is-complete > header > span { background:#24513d; color:#73e2af; font-size:0; }
.operation-step.is-complete > header > span::after { content:'\2713'; font-size:14px; }
.operation-step.is-locked { opacity:.34; filter:saturate(.35); cursor:not-allowed; }
.operation-step.is-locked::after { content:'Conclua a etapa anterior'; position:absolute; inset:0; display:grid; place-items:end center; padding:0 0 8px; border-radius:10px; background:linear-gradient(180deg,transparent 48%,rgba(7,9,11,.86)); color:#78838f; font-size:9px; pointer-events:none; }
.operation-proof-card.is-locked { opacity:.38; filter:saturate(.35); }
.operation-proof-card.is-locked::after { content:'Calcule a prévia para liberar o comprovante'; position:absolute; inset:0; z-index:5; display:grid; place-items:center; padding:16px; border-radius:12px; background:rgba(7,9,11,.78); color:#9ca7b2; text-align:center; font-size:10px; }
.operation-proof-actions .operation-actions { position:relative; display:grid; grid-template-columns:1fr; gap:7px; margin-top:0; padding-top:10px; }
.operation-proof-actions .operation-actions .btn { width:100%; text-align:center; }
.preview-column-actions { position:relative; display:grid; grid-template-columns:1fr; gap:7px; margin:14px 0 0; padding-top:12px; border-top:1px solid #303840; }
.preview-column-actions .btn { width:100%; }
.case-payment-result { display:grid; gap:7px; padding:12px 13px; border:1px solid rgba(236,188,57,.48); border-radius:10px; background:rgba(236,188,57,.08); color:#dfe6ed; }
.case-payment-result[hidden] { display:none; }
.case-payment-result strong { color:#f0c547; font-size:13px; }
.case-payment-result span { display:flex; justify-content:space-between; gap:12px; font-size:11px; }
.case-payment-result span b { color:#fff; text-align:right; }
.save-column-actions { margin-top:10px!important; padding-top:10px!important; border-top:1px solid #29313a; }
.operation-action-btn { display:grid!important; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; min-height:54px; padding:9px 12px!important; border:1px solid transparent!important; border-radius:11px!important; text-align:left!important; transition:transform .18s,filter .18s,border-color .18s,box-shadow .18s; }
.operation-action-btn:hover { transform:translateY(-2px); filter:brightness(1.06); }
.operation-action-btn .action-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:rgba(0,0,0,.16); font-size:16px; }
.operation-action-btn b,.operation-action-btn small { display:block; }
.operation-action-btn b { font-size:12px; line-height:1.15; }
.operation-action-btn small { margin-top:3px; font-size:9px; font-weight:500; opacity:.72; }
.preview-action { background:linear-gradient(135deg,#f0c64f,#c99b28)!important; color:#15130b!important; box-shadow:0 9px 22px rgba(226,184,75,.18); }
.preview-action.is-done,#capture-screen-button.is-done { background:linear-gradient(135deg,#287858,#1b533d)!important; color:#effff7!important; border-color:#43a87c!important; box-shadow:0 0 0 2px rgba(66,211,146,.18),0 9px 22px rgba(36,105,76,.2)!important; }
.operation-proof-card.is-complete { border-color:#34795b; box-shadow:0 0 0 1px rgba(66,211,146,.15); }
.operation-proof-card.is-complete > label:first-child { color:#70dca9; }
.print-action { background:#151a20!important; color:#eef2f6!important; border-color:#4a5662!important; }
.save-action { background:linear-gradient(135deg,#24694c,#194936)!important; color:#effff7!important; border-color:#357e5f!important; box-shadow:0 9px 22px rgba(36,105,76,.16); }
.save-action:disabled { background:#242a31!important; border-color:#303841!important; box-shadow:none; }
.operation-action-btn:disabled { transform:none!important; filter:none!important; cursor:not-allowed; opacity:.48; }
.is-ready .operation-actions { border-color:#315745; }
.is-ready .operation-actions .btn[name="action"][value="save"] { box-shadow:0 0 0 2px rgba(66,211,146,.25); }
@keyframes guided-step-nudge { 0%,100%{transform:translateX(0)} 30%{transform:translateX(-3px)} 65%{transform:translateX(3px)} }
@keyframes help-bubble-pop { 0%{opacity:0;transform:translateY(-6px) scale(.97)} 65%{transform:translateY(2px) scale(1.01)} 100%{opacity:1;transform:none} }
@media(max-width:1350px) {
  .operation-layout { grid-template-columns:minmax(0,1fr) 330px; }
  .operation-flow { grid-row:1/3; }
  .operation-preview { grid-column:2; grid-row:1; }
  .operation-proof-actions { grid-column:2; grid-row:2; }
}
@media(max-width:1050px) {
  .operation-layout { grid-template-columns:1fr; }
  .operation-flow,.operation-preview,.operation-proof-actions { grid-column:1; grid-row:auto; }
  .operation-preview { position:static; }
}
@media(max-width:1150px) {
  .client-step-fields { grid-template-columns:1fr 1fr; }
  .client-step-fields #factor-field { grid-column:1/-1; }
}
@media(max-width:700px) {
  .operation-shell { padding:14px; }
  .step-fields { grid-template-columns:1fr; }
  .client-step-fields { grid-template-columns:1fr; }
  .client-step-fields #factor-field { grid-column:auto; }
  .operation-step { padding:10px; }
  .operation-proof-card .operation-proof-zone img { max-width:100%; max-height:300px; }
  .section-title-actions { align-self:flex-start; }
}