/* A framed workspace keeps the deal distinct from the page behind it. */
html:has(#deal-modal.open),body:has(#deal-modal.open) { overflow:hidden; }
#deal-modal { --deal-muted:#536168; --deal-accent:#21643c; --deal-primary:#227b0f; --deal-on-primary:#fff; --deal-outline:#b6c3b8; padding:20px 24px; background:#0c171c99; backdrop-filter:blur(4px); }
html[data-theme="dark"] #deal-modal { --deal-muted:#b5c3bb; --deal-accent:#a4dbb5; --deal-primary:#8dd89f; --deal-on-primary:#102318; --deal-outline:#506658; background:#050b0dd1; }
#deal-modal .deal-modal-shell { width:calc(100vw - 48px); height:calc(100dvh - 40px); max-height:calc(100dvh - 40px); max-width:2280px; border-radius:16px; border:1px solid var(--deal-outline); box-shadow:0 24px 100px #0006; font:400 14px/1.5 Inter,Roboto,Arial,sans-serif; }
#deal-modal button,#deal-modal input,#deal-modal select,#deal-modal textarea { font-family:inherit; font-size:14px; line-height:1.4; }
#deal-modal button { font-weight:600; cursor:pointer; }
#deal-modal button:disabled { cursor:default; }
#deal-modal .primary-btn,#deal-modal #make-quote,#deal-modal #cpq-generate,#deal-modal .next-action-buttons button:not(.secondary),#deal-modal .category-pill.active,#deal-modal .activity-filters button.active,#deal-modal .cpq-service .add { background:var(--deal-primary); color:var(--deal-on-primary); }
#deal-modal .activity-filters button.active span { background:transparent; color:inherit; }
#deal-modal :is(button,input,select,textarea,summary,a):focus-visible { outline:2px solid var(--deal-accent); outline-offset:3px; }
#deal-modal label { font-size:13px; font-weight:500; color:var(--deal-muted); }
#deal-modal input:not([type=checkbox]):not([type=hidden]),#deal-modal select,#deal-modal textarea { min-width:0; width:100%; min-height:40px; padding:9px 11px; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:8px; font-weight:400; }
#deal-modal input::placeholder,#deal-modal textarea::placeholder { color:var(--deal-muted); opacity:1; font-weight:400; }
#deal-modal input[type=checkbox] { width:18px; height:18px; margin:0; flex:none; }
#deal-modal small { font-size:12px; line-height:1.5; font-weight:400; color:var(--deal-muted); }
#deal-modal h3 { font-size:16px; line-height:1.4; }
#deal-modal .deal-card-head { padding:16px 24px 12px; gap:16px; align-items:center; box-shadow:none; }
#deal-modal .deal-card-head,#deal-modal .deal-tabs,#deal-modal .deal-stage-line { width:100%; max-width:none; margin-inline:0; }
#deal-modal .deal-card-head .eyebrow { display:block; font-size:11px; letter-spacing:.06em; margin:0 0 3px; color:var(--deal-muted); }
#deal-modal .deal-card-head h2 { font-size:24px; line-height:1.25; margin:0; overflow-wrap:anywhere; }
#deal-modal .deal-card-head>div:first-child { min-width:0; }
#deal-modal .deal-title-meta { font-size:13px; margin-top:5px; color:var(--deal-muted); }
#deal-modal .deal-head-actions { flex:none; align-items:center; }
#deal-modal .deal-head-actions .action-wide { min-width:0; min-height:38px; padding:8px 14px; }
#deal-modal .close-modal { min-width:36px; min-height:36px; font-size:22px; }
#deal-modal .deal-tabs { padding:0 24px; overflow:auto; scrollbar-width:thin; }
#deal-modal .deal-tabs button { flex:none; min-height:44px; padding:0 16px; font-size:14px; color:var(--deal-muted); }
#deal-modal .deal-tabs button.active { color:var(--ink); }
#deal-modal .deal-stage-line { padding:10px 24px; gap:8px; background:var(--paper); }
#deal-modal .deal-stage-line button { flex:1 0 175px; display:flex; align-items:center; gap:8px; min-height:38px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--paper-soft); color:var(--deal-muted); text-align:left; font-size:13px; line-height:1.3; }
#deal-modal .deal-stage-line button.current { border-color:var(--deal-accent); color:var(--deal-accent); background:var(--paper); box-shadow:inset 0 -2px var(--deal-accent); }
#deal-modal .deal-stage-index { width:auto; height:auto; background:none; color:inherit; font-size:11px; font-weight:500; }
#deal-modal .deal-stage-name { white-space:normal; overflow:visible; font-weight:600; }
#deal-modal #deal-form:not([data-tab="main"]) .deal-stage-line { display:none; }
#deal-modal .deal-workbench { width:100%; max-width:none; margin:0; grid-template-columns:320px minmax(0,1fr) 280px; overflow:hidden; }
#deal-modal .deal-profile,#deal-modal .deal-center,#deal-modal .deal-self-check { height:100%; min-height:0; max-height:none; overflow:auto; scrollbar-gutter:stable; padding:20px; }
#deal-modal :is(.deal-profile,.deal-center,.deal-self-check,.deal-workbench,.deal-tab-content) { overscroll-behavior:contain; }
#deal-modal .deal-profile { border-right:1px solid var(--line); background:var(--paper); }
#deal-modal .deal-self-check { min-width:0; border-left:1px solid var(--line); padding:16px; background:var(--paper-soft); }
#deal-modal .deal-profile-block { padding:0 0 16px; margin:0 0 16px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; }
#deal-modal .deal-profile-heading b,#deal-modal .deal-profile-edit>summary b { display:none; }
#deal-modal .deal-profile-heading span,#deal-modal .deal-profile-edit>summary span { font-size:15px; }
#deal-modal .deal-mini-top .service { font-size:12px; font-weight:600; padding:3px 7px; }
#deal-modal .deal-mini-top>b { display:none; }
#deal-modal .deal-mini-top { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
#deal-modal .deal-mini-card strong { display:flex; align-items:baseline; gap:5px; font-size:22px; line-height:1.3; margin:0; }
#deal-modal .deal-mini-card strong small { font-size:12px; color:var(--muted); font-weight:400; }
#deal-modal .deal-mini-facts { display:grid; gap:4px; margin-top:10px; font-size:13px; line-height:1.4; color:var(--muted); }
#deal-modal .deal-profile>.deal-side-section:has(#deal-contact-list) { margin:0 0 16px; padding:0 0 16px; border-top:0; border-bottom:1px solid var(--line); }
#deal-modal #deal-control-scope { margin:6px 0 12px; font-size:12px; color:var(--muted); }
#deal-modal .deal-optional-checks { margin-top:10px; }
#deal-modal .deal-optional-checks summary { cursor:pointer; font-size:12px; color:var(--muted); padding:6px 0; }
#deal-modal .deal-mini-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#deal-modal .deal-mini-grid span:last-child { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:8px; }
#deal-modal .deal-mini-grid span { padding:8px; border-radius:6px; background:var(--paper-soft); }
#deal-modal .deal-mini-grid small { font-size:12px; }
#deal-modal .deal-mini-grid b { font-size:13px; font-weight:600; white-space:normal; }
#deal-modal .deal-profile-edit>summary { margin-bottom:14px; }
#deal-modal .deal-profile-edit>.deal-profile-heading { margin-bottom:14px; }
#deal-modal .deal-profile-edit summary { cursor:pointer; }
#deal-modal .deal-profile-edit .form-row { gap:10px; }
#deal-modal .deal-profile-edit label:has(>select[name=owner]) { grid-column:1/-1; }
#deal-modal .deal-pipeline-fields .form-row { grid-template-columns:1fr; }
#deal-modal .deal-profile-edit label { display:grid; gap:6px; margin:0 0 12px; }
#deal-modal .deal-profile-edit input,#deal-modal .deal-profile-edit select,#deal-modal .deal-profile-edit textarea { margin:0; }
#deal-modal .deal-profile-edit textarea { min-height:80px; }
#deal-modal .deal-field-group { border-top:1px solid var(--line); padding:16px 0 0; margin:16px 0 0; }
#deal-modal .deal-field-group>h3 { font-size:15px; margin:0 0 12px; }
#deal-modal .deal-legal-fields { border:0; padding:0; margin:0 0 16px; }
#deal-modal .deal-legal-fields>h3 { display:none; }
#deal-modal .deal-placement-fields { padding-top:14px; margin:4px 0 18px; }
#deal-modal .deal-placement-fields .form-row label { margin-bottom:8px; }
#deal-modal .deal-stage-advice.good { display:none; }
#deal-modal .deal-stage-advice { font-size:13px; }
#deal-modal .deal-stage-advice b { font-size:14px; }
#deal-modal .deal-side-section { margin-top:16px; padding-top:16px; }
#deal-modal .contact-mini,#deal-modal .company-mini { border-radius:8px; }
#deal-modal .contact-mini b,#deal-modal .company-mini b { font-size:14px; }
#deal-modal .contact-mini :is(span,a),#deal-modal .company-mini :is(span,a) { font-size:13px; color:var(--deal-muted); overflow-wrap:anywhere; }
#deal-modal .deal-integrations { margin-top:18px; }
#deal-modal .deal-integrations>summary { font-size:14px; font-weight:600; cursor:pointer; }
#deal-modal .deal-widgets { height:auto; overflow:visible; padding:0; border:0; background:none; }
#deal-modal .deal-widgets article { box-shadow:none; border-radius:8px; padding:12px; margin-top:12px; }
#deal-modal .widget-row,#deal-modal .resource-mini { font-size:13px; }
#deal-modal .deal-center { display:block; background:var(--page); }
#deal-modal .next-action-hero { padding:16px; border-radius:12px; margin-bottom:12px; box-shadow:none; background:var(--paper); }
#deal-modal .next-action-copy>span { font-size:12px; font-weight:600; color:var(--deal-accent); letter-spacing:.03em; }
#deal-modal .next-action-copy>b { font-size:21px; font-weight:700; line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
#deal-modal .next-action-copy>small { font-size:13px; font-weight:400; color:var(--deal-muted); }
#deal-modal .next-action-buttons { flex-wrap:wrap; }
#deal-modal .next-action-buttons button { white-space:normal; }
#deal-modal .deal-readiness { border:1px solid var(--line); border-radius:12px; padding:16px; margin:0; background:var(--paper); }
#deal-modal .deal-readiness h3 { margin:0; }
#deal-modal #deal-readiness-count { margin:6px 0 12px; color:var(--deal-muted); font-size:13px; font-weight:400; }
#deal-modal .deal-readiness p { color:var(--deal-muted); font-size:12px; line-height:1.5; }
#deal-modal .deal-check-help { margin:14px 0 0; }
#deal-modal .deal-check-grid { display:grid; grid-template-columns:1fr; gap:0; }
#deal-modal .check-row { padding:10px 0; margin:0; border:0; border-bottom:1px solid var(--line); background:none; color:var(--ink); font-size:13px; font-weight:400; }
#deal-modal .check-row>span { flex:none; width:22px; height:22px; color:var(--deal-muted); background:var(--paper-soft); }
#deal-modal .check-row.pending>span { color:#865500; background:#fff0ce; }
#deal-modal .check-row.ok>span { color:var(--deal-accent); background:var(--mint); }
#deal-modal .check-row.urgent>span { color:#a62937; background:#ffe5e9; }
#deal-modal .check-row.ok { color:var(--deal-muted); }
#deal-modal .check-row small { display:block; }
#deal-modal .deal-action-bar { gap:8px; margin:0 0 16px; }
#deal-modal .deal-action-bar button { padding:8px 12px; font-size:13px; }
#deal-modal #copy-quote { display:none; }
#deal-modal .deal-task-entry { margin:0 0 14px; }
#deal-modal .next-action-hero.warn + .deal-task-entry:not([open]) { display:none; }
#deal-modal .deal-task-entry>summary { color:var(--deal-accent); font-size:14px; font-weight:600; cursor:pointer; }
#deal-modal .deal-task-composer { margin:12px 0 0; grid-template-columns:minmax(0,1fr) 220px auto; align-items:end; }
#deal-modal .deal-task-composer label { display:grid; gap:6px; margin:0; }
#deal-modal .deal-task-composer button { min-height:40px; padding:8px 12px; }
#deal-modal .deal-quick-grid { grid-template-columns:1fr 1fr; }
#deal-modal .deal-quick-grid label:last-child { grid-column:1/-1; }
#deal-modal .activity-box { display:block; margin-top:22px; }
#deal-modal .activity-box-head { margin-bottom:12px; }
#deal-modal .activity-box-head h3 { font-size:16px; }
#deal-modal .activity-box-head span { font-size:12px; color:var(--deal-muted); font-weight:400; }
#deal-modal .activity-filters { flex-wrap:wrap; overflow:visible; padding:0; margin:0 0 14px; gap:6px; }
#deal-modal .activity-filters button { min-height:34px; padding:6px 11px; font-size:13px; border-radius:7px; font-weight:500; }
#deal-modal .activity-filters span { font-size:12px; }
#deal-modal #activity-list { min-height:0; max-height:none; overflow:visible; padding:0; margin-bottom:22px; }
#deal-modal .activity-item { padding:12px 14px; border-radius:8px; margin-bottom:8px; box-shadow:none; }
#deal-modal .activity-item::before,#deal-modal .activity-kind { display:none; }
#deal-modal .activity-row-head { flex-wrap:wrap; gap:6px 12px; }
#deal-modal .activity-row-head b { font-size:14px; font-weight:600; white-space:normal; }
#deal-modal .activity-row-head em { font-size:12px; font-weight:400; padding:2px 7px; }
#deal-modal .activity-meta { font-size:12px; font-weight:400; color:var(--deal-muted); }
#deal-modal .activity-item p { font-size:14px; line-height:1.55; margin-top:8px; overflow-wrap:anywhere; }
#deal-modal .deal-note-composer { padding:14px; margin-bottom:16px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
#deal-modal .deal-note-composer>label { display:grid; gap:8px; margin:0 0 10px; }
#deal-modal #activity-body { min-height:84px; resize:vertical; }
#deal-modal .comment-attach { justify-content:space-between; gap:8px; }
#deal-modal .comment-attach small { flex:1 1 200px; }
#deal-modal #add-activity { width:auto; min-width:170px; margin-top:4px; padding:10px 14px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink); }
#deal-modal .empty-state { font-size:14px; padding:12px 0; }
#deal-modal .deal-tab-content { align-content:start; gap:20px; padding:24px; }
#deal-modal .deal-tab-card { width:100%; max-width:1440px; margin:0 auto; border-radius:12px; padding:20px; box-shadow:none; }
#deal-modal .deal-tab-card .panel-head p,#deal-modal .deal-history-hint { color:var(--deal-muted); font-size:13px; line-height:1.5; }
#deal-modal .deal-stats-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin:16px 0 24px; }
#deal-modal .deal-stat-tile { border-radius:8px; padding:14px; }
#deal-modal .deal-stat-tile span,#deal-modal .deal-insight-tile span { font-size:13px; font-weight:500; color:var(--deal-muted); }
#deal-modal .deal-stat-tile b { font-size:20px; font-weight:600; line-height:1.4; }
#deal-modal .deal-stat-tile small { font-size:13px; font-weight:400; color:var(--deal-muted); }
#deal-modal .deal-file-row span,#deal-modal .deal-setting-row span,#deal-modal .deal-setting-row small { font-size:13px; font-weight:400; color:var(--deal-muted); }
#deal-modal .deal-file-row b,#deal-modal .deal-setting-row b { font-size:16px; }
#deal-modal #deal-stage-history { display:grid; gap:10px; margin-top:14px; }
#deal-modal #deal-stage-history .deal-stat-tile { border:0; border-left:3px solid var(--line); border-radius:0; background:none; }
#deal-modal #deal-stage-history b { font-size:16px; }
#deal-modal .deal-insight-grid { grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
#deal-modal .deal-insight-tile { border-radius:8px; padding:12px; }
#deal-modal .deal-insight-tile b { font-size:15px; line-height:1.45; font-weight:500; }
#deal-modal .deal-modal-actions { min-height:60px; padding:10px 24px; gap:12px; box-shadow:none; }
#deal-modal .deal-modal-actions .period-btn { font-size:14px; min-height:40px; padding:8px 16px; }
#deal-modal .save-hint { font-size:13px; font-weight:400; }

#deal-modal .deal-parameters { gap:18px; }
#deal-modal .deal-parameters-head,#deal-modal .deal-parameters-grid { width:100%; max-width:1320px; margin:0 auto; }
#deal-modal .deal-parameters-head p { margin-top:6px; color:var(--deal-muted); font-size:14px; }
#deal-modal .deal-parameters-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
#deal-modal .deal-parameter-card { min-width:0; padding:20px; margin:0; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
#deal-modal .deal-parameter-card h3 { margin:0 0 12px; }
#deal-modal .deal-parameter-card h3 small { margin-left:8px; }
#deal-modal .deal-parameter-card p { font-size:13px; color:var(--deal-muted); line-height:1.6; margin:12px 0; }
#deal-modal .deal-parameter-card label { display:grid; gap:7px; margin:12px 0; align-content:start; }
#deal-modal .deal-parameter-card :is(input,select,textarea) { margin:0; }
#deal-modal .deal-parameter-card .form-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
#deal-modal .wf-forecast,#deal-modal .deal-integrations { grid-column:1/-1; }
#deal-modal .deal-forecast-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
#deal-modal .deal-forecast-fields small { font-size:13px; }
#deal-modal #deal-forecast-example { display:block; padding:14px; border-radius:8px; background:var(--paper-soft); font-size:14px; line-height:1.6; }
#deal-modal .deal-integrations .deal-widgets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }

/* CPQ keeps the catalogue and calculation visible; secondary controls stay grouped. */
#deal-modal .wf-cpq-host { padding:24px; }
#deal-modal #cpq { width:100%; max-width:1560px; margin:0 auto; }
#deal-modal .cpq-layout { grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr); gap:18px; }
#deal-modal #cpq .panel,#deal-modal .summary-card { border-radius:12px; box-shadow:none; padding:18px; height:auto; }
#deal-modal .client-panel { grid-column:1/-1; grid-row:1; }
#deal-modal .cpq-catalog-panel { grid-column:1; grid-row:2; }
#deal-modal .cpq-summary { grid-column:2; grid-row:2; height:auto; }
#deal-modal .contract-panel { grid-column:1/-1; grid-row:3; }
#deal-modal .client-panel .form-grid { grid-template-columns:1.4fr 1.2fr 110px 190px; gap:14px; align-items:end; }
#deal-modal .client-panel label { font-size:13px; }
#deal-modal .section-heading { margin-bottom:14px; }
#deal-modal .section-heading h2 { font-size:17px; line-height:1.35; }
#deal-modal .section-heading>div { flex:none; }
#deal-modal .section-heading .search { display:block; min-width:100px; width:100%; }
#deal-modal .step,#deal-modal .counter { font-size:12px; min-width:26px; height:26px; }
#deal-modal .cpq-options { margin-top:12px; border-top:1px solid var(--line); padding-top:12px; }
#deal-modal .cpq-options>summary,#deal-modal .cpq-output-actions>summary { cursor:pointer; font-size:14px; font-weight:600; }
#deal-modal .option-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px; }
#deal-modal .option-row .checkbox { display:flex; gap:9px; align-items:center; font-size:14px; }
#deal-modal .option-row input { margin:0; }
#deal-modal .cpq-option-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:14px; background:var(--paper-soft); border-radius:8px; }
#deal-modal .cpq-option-group>.checkbox { grid-column:1/-1; }
#deal-modal .cpq-option-group>label:not(.checkbox) { display:grid; gap:6px; }
#deal-modal .cpq-option-group input:not([type=checkbox]) { width:100%; }
#deal-modal .categories { gap:6px; }
#deal-modal .category-pill { font-size:13px; padding:7px 10px; font-weight:500; border-radius:7px; }
#deal-modal .catalog { max-height:520px; gap:0; }
#deal-modal .cpq-service { padding:14px 4px; border:0; border-bottom:1px solid var(--line); border-radius:0; gap:12px; }
#deal-modal .cpq-service b { font-size:14px; font-weight:600; line-height:1.5; }
#deal-modal .cpq-service small { font-size:12px; color:var(--deal-muted); line-height:1.5; }
#deal-modal .cpq-service strong { font-size:14px; color:var(--deal-accent); white-space:normal; text-align:right; max-width:190px; }
#deal-modal .cpq-service .add { min-width:34px; min-height:34px; font-size:20px; }
#deal-modal .cart { max-height:420px; }
#deal-modal .cpq-line { border-radius:8px; background:var(--paper-soft); }
#deal-modal .cpq-line .cart-title { font-size:14px; line-height:1.5; font-weight:600; }
#deal-modal .cpq-line label { font-size:13px; }
#deal-modal .cpq-line input:not([type=checkbox]):not([type=hidden]) { width:90px; }
#deal-modal .cpq-line small { font-size:12px; }
#deal-modal .quantity span { font-size:14px; }
#deal-modal .quantity button { width:30px; height:30px; }
#deal-modal .totals div { padding:8px 0; font-size:14px; color:var(--deal-muted); }
#deal-modal .totals .grand { color:var(--ink); }
#deal-modal .totals .grand strong { font-size:22px; color:var(--deal-accent); }
#deal-modal #cpq-preview { background:var(--paper); border:1px solid var(--line); }
#deal-modal .cpq-output-actions { border-top:1px solid var(--line); padding-top:14px; margin-top:14px; }
#deal-modal .cpq-output-actions .action-wide { text-align:left; background:var(--paper-soft); }
#deal-modal .cpq-result { font-size:14px; min-height:0; }
#deal-modal .quote-box pre { font-family:inherit; font-size:13px; font-weight:400; line-height:1.6; }
#deal-modal .wf-cpq-host #cpq>details,#deal-modal #wf-commercial { margin-top:18px; }
#deal-modal #wf-commercial p { font-size:13px; line-height:1.6; color:var(--deal-muted); }
#deal-modal #wf-commercial .wf-grid label:has(input[type=checkbox]) { display:flex; align-items:center; gap:8px; }
@media(max-width:1100px) {
  #deal-modal .deal-parameters-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #deal-modal .deal-placement-fields { grid-column:1/-1; }
  #deal-modal .deal-workbench { grid-template-columns:270px minmax(0,1fr) 240px; }
  #deal-modal .deal-profile,#deal-modal .deal-center { padding:16px; }
  #deal-modal .deal-self-check { padding:12px; }
  #deal-modal .deal-readiness { padding:12px; }
  #deal-modal .next-action-hero { align-items:start; flex-direction:column; gap:12px; }
  #deal-modal .deal-task-composer { grid-template-columns:1fr 1fr; }
  #deal-modal .deal-task-composer label:first-child { grid-column:1/-1; }
  #deal-modal .cpq-layout { grid-template-columns:1fr; }
  #deal-modal .cpq-summary { grid-column:1; grid-row:3; }
  #deal-modal .contract-panel { grid-row:4; }
  #deal-modal .client-panel .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #deal-modal .deal-check-grid { grid-template-columns:1fr; }
}
@media(max-width:950px) {
  #deal-modal .deal-workbench { display:flex; flex-direction:column; overflow:auto; }
  #deal-modal .deal-profile,#deal-modal .deal-center,#deal-modal .deal-self-check { flex:none; height:auto; overflow:visible; width:100%; border:0; }
  #deal-modal .deal-center { order:-2; }
  #deal-modal .deal-self-check { order:-1; }
  #deal-modal .deal-profile { border-top:1px solid var(--line); }
  #deal-modal .deal-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
  #deal-modal .deal-parameters-grid,#deal-modal .deal-forecast-fields { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  #deal-modal { padding:8px; }
  #deal-modal .deal-modal-shell { width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); border-radius:12px; }
  #deal-modal .deal-card-head { flex-direction:row; align-items:start; padding:14px 16px; }
  #deal-modal .deal-card-head h2 { font-size:20px; }
  #deal-modal .deal-head-actions .action-wide { display:none; }
  #deal-modal .deal-tabs { padding:0 8px; }
  #deal-modal .deal-tabs button { padding:0 12px; }
  #deal-modal .deal-stage-line { padding:8px 16px; }
  #deal-modal .deal-check-grid,#deal-modal .deal-integrations .deal-widgets { grid-template-columns:1fr; }
  #deal-modal .deal-parameter-card { padding:16px; }
  #deal-modal .deal-tab-content,#deal-modal .wf-cpq-host { padding:12px; }
  #deal-modal .deal-tab-card { padding:16px; }
  #deal-modal .deal-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #deal-modal .deal-stat-tile b { font-size:17px; }
  #deal-modal .deal-task-composer { grid-template-columns:1fr; }
  #deal-modal .deal-task-composer label:first-child { grid-column:auto; }
  #deal-modal .deal-task-composer button { justify-self:start; }
  #deal-modal .deal-modal-actions { flex-wrap:wrap; padding:10px 12px; gap:8px; }
  #deal-modal .save-hint { width:100%; order:-1; }
  #deal-modal .client-panel .form-grid,#deal-modal .option-row,#deal-modal .deal-quick-grid { grid-template-columns:1fr; }
  #deal-modal .section-heading { flex-wrap:wrap; }
  #deal-modal .cpq-service { grid-template-columns:minmax(0,1fr) 36px; }
  #deal-modal .cpq-service>div { grid-column:1/-1; }
  #deal-modal .cpq-service strong { max-width:none; text-align:left; }
  #deal-modal .cpq-result pre { overflow-wrap:anywhere; }
}
#deal-modal .cpq-saved-status { padding:12px 0; border-bottom:1px solid var(--border); }
#deal-modal .cpq-saved-status p,#cpq-delivery-status { font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
#deal-modal #cpq-billing-options { margin-top:16px; border-top:1px solid var(--border); padding-top:16px; }
#deal-modal #cpq-billing-options .cpq-prebill { display:flex; gap:8px; align-items:center; margin:14px 0; }
#deal-modal #cpq-billing-options input[type="checkbox"] { width:16px; height:16px; flex:none; }
#deal-modal #cpq-billing-options p { font-size:13px; line-height:1.5; }