/* Focused proposal studio UI. Scoped so quotation and public client pages are unchanged. */
body.proposal-studio-simple { background:#f6f7fb; }
.proposal-quickbar { display:none; }
.proposal-more { position:relative; }
.proposal-more-toggle { height:38px; padding:0 13px; border:1px solid #d0d5dd; border-radius:9px; background:#fff; color:#344054; font:700 12px inherit; cursor:pointer; }
.proposal-more-panel { display:none; position:absolute; right:0; top:44px; z-index:1000; width:220px; padding:6px; background:#fff; border:1px solid #e4e7ec; border-radius:11px; box-shadow:0 14px 34px rgba(15,23,42,.14); }
.proposal-more.open .proposal-more-panel { display:block; }
.proposal-more-panel :is(button,a) { display:flex; width:100%; min-height:40px; align-items:center; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:#344054; text-decoration:none; font:600 12px inherit; cursor:pointer; }
.proposal-more-panel :is(button,a):hover { background:#f4f3ff; color:#6d28d9; }
body.proposal-studio-simple .gen-editor-toolbar-wrap { position:relative; z-index:90; overflow:visible!important; border-bottom:1px solid #e5e7eb; box-shadow:none; }
body.proposal-studio-simple .gen-editor-toolbar-inner { max-width:1480px; min-height:58px; gap:12px; overflow:visible!important; }
body.proposal-studio-simple .gen-tb-left { min-width:190px; }
body.proposal-studio-simple .gen-tb-status-pill { border:0; background:#ecfdf3; color:#067647; }
body.proposal-studio-simple .pt-color-palette,
body.proposal-studio-simple .pt-preset-wrap,
body.proposal-studio-simple .housi-view-toggle { display:none!important; }
body.proposal-studio-simple .pt-selector-btn { height:38px; border:1px solid #d0d5dd; border-radius:9px; box-shadow:none; font-size:12px; }
body.proposal-studio-simple .qm-view-toggle-group { height:38px; padding:3px; background:#f2f4f7; border:0; border-radius:9px; }
body.proposal-studio-simple .qm-view-toggle-btn { min-height:32px; border-radius:7px; }
body.proposal-studio-simple .gen-tb-actions { margin-left:auto; gap:8px; }
body.proposal-studio-simple #btn-header-whatsapp,
body.proposal-studio-simple #btn-header-convert-invoice,
body.proposal-studio-simple .housi-subbar-right { display:none!important; }
body.proposal-studio-simple .proposal-builder-wrap { padding-top:18px!important; }
body.proposal-studio-simple .housi-subbar { position:sticky; top:0; z-index:40; padding:8px; border:1px solid #e4e7ec; border-radius:12px; background:rgba(255,255,255,.96); backdrop-filter:blur(14px); box-shadow:0 1px 2px rgba(16,24,40,.04); }
body.proposal-studio-simple .housi-tabs-wrap { gap:4px; }
body.proposal-studio-simple .housi-tab-link { min-height:40px; padding:8px 14px; border-radius:8px; color:#667085; }
body.proposal-studio-simple .housi-tab-link.active { background:#f4ebff; color:#6d28d9; }
body.proposal-studio-simple .housi-tab-link.complete span { background:#ecfdf3; color:#067647; }
body.proposal-studio-simple .housi-card { border:1px solid #e4e7ec; border-radius:14px; box-shadow:none; overflow:hidden; }
body.proposal-studio-simple .housi-card-header { padding:17px 20px; background:#fcfcfd; border-bottom:1px solid #eaecf0; }
body.proposal-studio-simple .qm-card-title { font-size:16px; }
body.proposal-studio-simple .qm-card-desc { font-size:12px; }
body.proposal-studio-simple .step-nav-footer { border-radius:12px; box-shadow:none; }
body.proposal-studio-simple .proposal-step-summary { display:flex; flex-direction:column; gap:2px; }
body.proposal-studio-simple .proposal-step-summary span { color:#7c3aed; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.proposal-studio-simple .proposal-step-summary strong { font-size:14px; color:#101828; }
body.proposal-studio-simple .proposal-step-summary small { color:#667085; }
body.proposal-studio-simple .btn-step-next,
body.proposal-studio-simple .btn-step-finish { min-height:42px; border-radius:9px; box-shadow:none; }
body.proposal-studio-simple .housi-preview-stage { border-radius:14px; box-shadow:none; overflow:hidden; }
body.proposal-studio-simple #generator-preview-panel { display:flex!important; }
body.proposal-studio-simple .housi-preview-header { position:relative; z-index:20; }
body.proposal-studio-simple .housi-preview-viewport { min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scroll-behavior:smooth; align-items:flex-start; }
body.proposal-studio-simple .preview-canvas-inner { flex:0 0 auto; align-self:flex-start; }
/* Keep the original editor-left / live-preview-right workspace on laptops.
   The shared generator stylesheet otherwise stacks both columns below 1200px. */
@media (min-width:901px) and (max-width:1200px) {
  body.proposal-studio-simple .housi-workspace-grid {
    grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;
    gap:18px!important;
  }
  body.proposal-studio-simple #generator-preview-panel {
    display:flex!important;
    position:sticky!important;
    top:12px!important;
    width:auto!important;
    min-height:0!important;
  }
  body.proposal-studio-simple .proposal-builder-wrap { padding-inline:14px!important; }
  body.proposal-studio-simple .housi-preview-stage { top:12px; }
}
body.proposal-studio-simple .pt-modal-overlay { padding:20px; background:rgba(15,23,42,.58); backdrop-filter:blur(5px); }
body.proposal-studio-simple .pt-modal-dialog { width:min(960px,100%); max-height:min(780px,92dvh); border-radius:16px; overflow:auto; box-shadow:0 24px 70px rgba(15,23,42,.24); }
body.proposal-studio-simple .pt-grid-picker { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:20px; }
body.proposal-studio-simple .pt-thumb-card { min-width:0; padding:10px; border:1px solid #e4e7ec; border-radius:12px; box-shadow:none; }
body.proposal-studio-simple .pt-thumb-card:hover { transform:translateY(-2px); border-color:#a78bfa; box-shadow:0 10px 24px -18px #6d28d9; }
body.proposal-studio-simple .pt-thumb-card.active { border:2px solid #7c3aed; background:#faf7ff; }
body.proposal-studio-simple .pt-thumb-preview { height:132px; border-radius:9px; overflow:hidden; }
body.proposal-studio-simple .pt-thumb-meta { margin-top:10px; font-size:13px; }
body.proposal-studio-simple .pt-thumb-desc { min-height:36px; color:#667085; line-height:1.45; }
@media(max-width:900px) {
  body.proposal-studio-simple #mobile-app-bottom-nav { display:none!important; }
  body.proposal-studio-simple .gen-editor-toolbar-wrap { display:none!important; }
  .proposal-more { display:none!important; }
  body.proposal-studio-simple .proposal-builder-wrap { padding:10px 14px 104px!important; }
  body.proposal-studio-simple .mobile-tabs,
  body.proposal-studio-simple .housi-subbar { display:none!important; }
  .proposal-quickbar { display:block; position:sticky; top:0; z-index:70; margin:0 0 12px; padding:10px; background:rgba(255,255,255,.96); border:1px solid #e4e7ec; border-radius:12px; backdrop-filter:blur(16px); }
  .proposal-quickbar-row { display:flex; align-items:center; gap:8px; }
  .proposal-quickbar-row + .proposal-quickbar-row { margin-top:8px; }
  .proposal-quickbar select { flex:1; min-width:0; height:44px; padding:0 34px 0 12px; border:1px solid #d0d5dd; border-radius:9px; background:#fff; color:#101828; font:600 14px inherit; }
  .proposal-quickbar button { min-height:44px; padding:0 12px; border:1px solid #d0d5dd; border-radius:9px; background:#fff; color:#344054; font:700 12px inherit; }
  .proposal-quickbar .proposal-quick-preview { flex:1; background:#7c3aed; border-color:#7c3aed; color:#fff; }
  .proposal-quickbar.is-review .proposal-quick-preview { display:none; }
  .proposal-quickbar.is-review .proposal-quick-design { flex:1; }
  .proposal-quickbar .proposal-quick-status { font-size:11px; color:#067647; background:#ecfdf3; padding:5px 8px; border-radius:999px; white-space:nowrap; }
  body.proposal-studio-simple .housi-workspace-grid { display:block!important; }
  body.proposal-studio-simple #generator-preview-panel { display:none!important; }
  body.proposal-studio-simple #generator-editor { display:flex!important; width:100%; gap:12px; }
  body.proposal-studio-simple .housi-card { border-radius:12px; }
  body.proposal-studio-simple .housi-card-header { padding:14px 16px; }
  body.proposal-studio-simple .qm-step-badge { width:24px; height:24px; font-size:10px; }
  body.proposal-studio-simple .qm-card-title { font-size:15px; }
  body.proposal-studio-simple .qm-card-desc { display:none; }
  body.proposal-studio-simple .housi-card-body,
  body.proposal-studio-simple .card-body-content { padding:16px!important; }
  body.proposal-studio-simple .inline-fields-row,
  body.proposal-studio-simple .contact-grid { display:grid!important; grid-template-columns:1fr!important; gap:14px!important; }
  body.proposal-studio-simple .doc-input,
  body.proposal-studio-simple select,
  body.proposal-studio-simple textarea { min-height:48px; font-size:16px!important; border-radius:9px; }
  body.proposal-studio-simple .field-group { margin-bottom:15px; }
  body.proposal-studio-simple .field-label { margin-bottom:7px; font-size:12px; }
  body.proposal-studio-simple .pkg-builder-grid { display:block!important; min-width:0; }
  body.proposal-studio-simple .housi-plan-card { width:100%; min-width:0!important; padding:14px; border-radius:12px; box-shadow:none!important; overflow:hidden; }
  body.proposal-studio-simple .housi-plan-head { align-items:flex-start; flex-wrap:wrap; min-width:0; }
  body.proposal-studio-simple .housi-plan-head > div { min-width:0; flex-wrap:wrap; }
  body.proposal-studio-simple .housi-plan-head > div:first-child { flex:1 1 100%!important; }
  body.proposal-studio-simple .housi-plan-head > div:last-child { width:100%; justify-content:flex-start; }
  body.proposal-studio-simple .housi-plan-summary-price { margin-left:auto; }
  body.proposal-studio-simple .btn-plan-expand { min-height:36px; padding:7px 10px; border:1px solid #d0d5dd; border-radius:8px; background:#fff; color:#344054; font:600 12px inherit; }
  body.proposal-studio-simple .housi-plan-body > div[style*="grid-template-columns"] { grid-template-columns:1fr!important; }
  body.proposal-studio-simple .housi-feat-row,
  body.proposal-studio-simple .pkg-feat-row { display:grid!important; grid-template-columns:30px minmax(0,1fr) 36px; gap:7px; }
  body.proposal-studio-simple :is(.pkg-feat-input,.pkg-feat-note-input) { width:100%!important; min-width:0; }
  body.proposal-studio-simple .pkg-feat-note-input { grid-column:2 / 3; }
  body.proposal-studio-simple .housi-feat-row .btn-feat-icon,
  body.proposal-studio-simple .pkg-feat-row .btn-feat-icon { grid-column:3; grid-row:1; }
  body.proposal-studio-simple .addon-row-editor > div[style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr) 88px!important; align-items:start!important; }
  body.proposal-studio-simple .addon-row-editor > div > :is(select,.btn-del-row) { min-height:44px; }
  body.proposal-studio-simple .step-nav-footer { position:fixed; left:0; right:0; bottom:0; z-index:980; margin:0; padding:10px 14px calc(10px + env(safe-area-inset-bottom)); border:0; border-top:1px solid #e4e7ec; border-radius:0; background:#fff; }
  body.proposal-studio-simple .proposal-step-summary { display:none; }
  body.proposal-studio-simple .btn-step-prev { min-height:48px; }
  body.proposal-studio-simple .btn-step-next,
  body.proposal-studio-simple .btn-step-finish { flex:1; min-height:48px; }
  body.proposal-studio-simple .pt-modal-overlay { align-items:flex-end; padding:0; }
  body.proposal-studio-simple .pt-modal-dialog { width:100%; max-height:90dvh; border-radius:18px 18px 0 0; }
  body.proposal-studio-simple .pt-grid-picker { grid-template-columns:1fr 1fr; gap:10px; padding:14px; }
  body.proposal-studio-simple .pt-thumb-card { padding:8px; }
  body.proposal-studio-simple .pt-thumb-preview { height:92px; }
  body.proposal-studio-simple .pt-thumb-desc { display:none; }
  body.proposal-studio-simple .pt-thumb-meta { align-items:flex-start; gap:5px; }
  body.proposal-studio-simple .pt-thumb-meta span { font-size:12px; line-height:1.25; }
  body.proposal-studio-simple .proposal-secondary-add { display:none!important; }
}
[data-theme='dark'] body.proposal-studio-simple .proposal-quickbar,
[data-theme='dark'] body.proposal-studio-simple .step-nav-footer { background:#171222; border-color:#342944; }
[data-theme='dark'] body.proposal-studio-simple .proposal-quickbar :is(select,button) { background:#211a2d; border-color:#3b2f4d; color:#f8fafc; }