/* Shared Estimate/Invoice editor migration. Calculations and persistence are untouched. */
body.light-app .layout{gap:var(--space-4)}
body.light-app .panel{border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-subtle)}
body.light-app .panel h2{color:var(--color-text-primary);font-size:20px}
body.light-app .panel h3{color:var(--color-brand-primary);font-size:14px}
body.light-app .panel label{color:var(--color-text-primary);font-size:14px;font-weight:800}
body.light-app .panel input,
body.light-app .panel textarea,
body.light-app .panel select{min-height:var(--control-height-md);border-color:var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:16px}
body.light-app .summary-card,
body.light-app .selected-client-summary{border-color:var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-primary)}
body.light-app .translation-box{border-color:#fedf89;border-left-color:var(--color-brand-accent);border-radius:var(--radius-md);background:var(--color-brand-accent-subtle);color:var(--color-warning)}
body.light-app .translation-box strong{color:var(--color-text-primary)}
body.light-app .translation-box span{color:var(--color-warning)}
body.light-app .btns{gap:var(--space-2)}
body.light-app .btns .cp-button{min-height:var(--control-height-md)}
body.light-app #saveDocument.cp-button--primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}
body.light-app #generate.cp-button--accent{background:var(--color-brand-accent);border-color:var(--color-brand-accent);color:#111827}
body.light-app .item-summary{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle)}
body.light-app .item-card{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-none)}
body.light-app .status.success{color:var(--color-success)}
body.light-app .status.error{color:var(--color-error)}

@media(max-width:900px){
  body.light-app .document-back-link,
  body.light-app .mobile-preview-toggle{width:44px;min-width:44px;min-height:44px;padding:0}
  body.light-app .document-back-link span{display:none}
  body.light-app .panel{padding:var(--space-4)}
  body.light-app .btns .cp-button{width:100%}
}