/* Screen-only application shell. Document fonts, paper geometry and print rules
   deliberately remain in the existing tool styles and output implementation. */
@media screen {
 body.el-app-ui{background:#fffaf0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1c2b30;line-height:1.5}
 .el-app-ui :is(.el-shell,.calc-shell,.deal-shell){width:min(1440px,calc(100% - 48px));margin-inline:auto}
 .el-app-ui .app-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 48px;align-items:center;padding:24px 0}
 .el-app-ui :is(.el-tool-hero,.calc-hero){padding:0;border:0}
 .el-app-ui .app-intro :is(.el-breadcrumbs,.calc-breadcrumbs,.deal-breadcrumbs){grid-column:1/-1;font-size:12px;margin:0 0 4px;gap:6px}
 .el-app-ui .app-intro h1{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0;max-width:620px}
 .el-app-ui .app-intro .app-description>p{font-size:16px;line-height:1.55;max-width:640px;margin:0 0 10px;color:#53636a}
 .el-app-ui .app-intro .app-description>.el-privacy{display:block;font-size:12px;padding:5px 8px;font-weight:600;border:0;border-radius:5px}
 .el-app-ui .app-intro .el-privacy::before{margin-right:6px}
 .el-app-ui .calc-trust{margin:8px 0 0;font-size:12px;gap:5px 14px;font-weight:600}
 .el-app-ui .deal-hero{display:block;padding:0;border:0}
 .el-app-ui .app-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
 .el-app-ui .app-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #aab8c1;border-radius:8px;background:#fff;color:#24425d;text-decoration:none;font-weight:700;font-size:14px}
 .el-app-ui .el-workspace{width:min(1440px,calc(100% - 48px));margin:0 auto 32px;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:0;align-items:start;border:1px solid #a9b5bb;border-radius:12px;background:#fff;box-shadow:0 5px 20px #233d3410}
 .el-app-ui .el-editor-column{grid-column:2;grid-row:1;position:static;max-height:none;overflow:visible;min-width:0;border:0;border-left:1px solid #cbd3d7;border-radius:0 12px 12px 0}
 .el-app-ui .el-preview-column{grid-column:1;grid-row:1;position:sticky;top:88px;max-height:calc(100vh - 104px);overflow:auto;border-radius:12px 0 0 12px;background:#e9edeb;overscroll-behavior:contain}
 .el-app-ui .el-preview-toolbar{top:0;flex-wrap:wrap;padding:12px 16px;gap:10px;border-bottom:1px solid #bbc7c7;z-index:3}
 .el-app-ui .el-preview-toolbar>div{flex-wrap:wrap;gap:8px}
 .el-app-ui .el-preview-toolbar label{font-size:12px;text-transform:none;letter-spacing:0}
 .el-app-ui .el-preview-toolbar input[type=range]{width:110px}
 .el-app-ui .el-preview-viewport{min-height:0;padding:24px 16px}
 .el-app-ui .el-editor-toolbar{top:76px;border-radius:0 12px 0 0;padding:12px 16px;z-index:4}
 .el-app-ui .el-editor{padding:16px}
 .el-app-ui .el-panel{border:1px solid #bdc9cf;border-radius:9px;overflow:hidden;margin-bottom:14px}
 .el-app-ui .el-panel>summary{padding:13px 14px;font-weight:700;background:#f6f8f9}
 .el-app-ui .el-panel-body{padding:14px}
 .el-app-ui .el-field :is(input,select,textarea){border:1px solid #a9b8c2;border-radius:6px;min-height:44px;max-width:100%;font-size:15px}
 .el-app-ui .el-field>label{font-weight:650}
 .el-app-ui :is(.el-grid-2,.el-grid-3,.el-row-fields){grid-template-columns:repeat(2,minmax(0,1fr))}
 .el-app-ui :is(.el-field,.el-grid-2>*,.el-row-fields>*){min-width:0}
 .el-app-ui .el-row-fields>.el-field:only-child{grid-column:1/-1}
 .el-app-ui .el-row-actions{flex-wrap:wrap}
 .el-app-ui .el-section-editor-heading{flex-wrap:wrap}
 .el-app-ui :is(.el-button,.el-add,.el-small-button,.el-undo,.el-row-actions button){border:1px solid #a9b8c2;border-radius:6px;min-height:40px;font-size:13px;font-weight:650;cursor:pointer}
 .el-app-ui :is(.el-button-primary,.el-button-dark){background:#245dce;color:#fff;border-color:#245dce}
 .el-app-ui .el-actions{grid-template-columns:1fr}
 .el-app-ui .el-section{padding:28px 0}
 .el-app-ui .el-section-heading{margin-bottom:18px;align-items:start}
 .el-app-ui .el-section-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.025em}
 .el-app-ui .el-section-heading p{font-size:14px}
 .el-app-ui .el-related a{border:1px solid #c7d1d5;border-radius:8px;font-size:15px;font-weight:650}
 .el-app-ui .app-help ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:22px;color:#53636a;font-size:15px}
 .el-app-ui .app-help{border-top:1px solid #d8dedb}
 .el-app-ui :is(.calc-workspace,.deal-workspace){padding:0 0 32px;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}
 .el-app-ui :is(.calc-card,.calc-result,.deal-card){border:1px solid #a9b5bb;border-radius:12px;box-shadow:0 5px 20px #233d3410;overflow:hidden}
 .el-app-ui .calc-card-head{background:#f4f7f8}
 .el-app-ui :is(.calc-button,.deal-button){border:1px solid #a9b8c2;border-radius:7px;font-weight:650;box-shadow:none}
 .el-app-ui :is(.calc-button.primary,.deal-button-primary){background:#245dce;border-color:#245dce;color:white;box-shadow:none}
 .el-app-ui :is(.calc-input,.deal-input-wrap input,.calc-field select){border:1px solid #a9b8c2;border-radius:6px;overflow:hidden}
 .el-app-ui :is(.calc-info,.deal-info){padding:28px 0;background:transparent}
 .el-app-ui :is(.calc-info h2,.deal-info h2,.deal-faq h2){font-size:26px;line-height:1.2}
 .el-app-ui .deal-hero-note{padding:16px;margin:0 0 24px;background:#f5f7f5;border:1px solid #c7d1d5;box-shadow:none;border-radius:8px}
 .el-app-ui .el-integration{border:1px solid #a9b5bb;border-radius:12px;box-shadow:none;padding:24px}
 .el-app-ui .el-integration-preview{min-height:240px;border:0;border-radius:8px}
 .el-app-ui :is(#app-editor,#app-preview,#app-result){scroll-margin-top:94px}
 .el-app-ui main :focus-visible{outline:3px solid #245dce;outline-offset:3px}
 @media(max-width:1000px){.el-app-ui .el-workspace{grid-template-columns:minmax(0,1fr) 360px}.el-app-ui .app-intro{gap:12px 24px}}
 @media(max-width:820px){
  .el-app-ui :is(.el-shell,.calc-shell,.deal-shell,.el-workspace){width:calc(100% - 28px)}
  .el-app-ui .app-intro{grid-template-columns:1fr;gap:12px;padding:20px 0}
  .el-app-ui .el-workspace{display:flex;flex-direction:column}
  .el-app-ui .el-preview-column{order:0;width:100%;position:static;max-height:560px;border-radius:12px 12px 0 0}
  /* Keep multi-column records readable. The viewport scrolls, not the page. */
  .el-app-ui .el-preview-scale:has(.el-doc-table){min-width:700px;transform-origin:top left;margin-inline:0}
  .el-app-ui .el-editor-column{order:1;width:100%;border-left:0;border-top:1px solid #cbd3d7}
  .el-app-ui .el-editor-toolbar{position:static}
  .el-app-ui :is(.calc-workspace,.deal-workspace){grid-template-columns:1fr}
  .el-app-ui .app-help ol{grid-template-columns:1fr;gap:12px}
  .el-app-ui .el-section-heading{display:block}
 }
 @media(max-width:440px){
  .el-app-ui .el-preview-toolbar{padding:10px;gap:8px}
  .el-app-ui .el-preview-viewport{padding:12px 4px}
  .el-app-ui .el-editor{padding:10px}
  .el-app-ui :is(.el-grid-2,.el-grid-3,.el-row-fields){grid-template-columns:1fr}
  .el-app-ui .el-profile-actions{grid-template-columns:1fr}
  .el-app-ui .el-preview-toolbar .el-button{width:100%}
  .el-app-ui .calc-bar{grid-template-columns:1fr auto}.el-app-ui .calc-bar-track{grid-column:1/-1;grid-row:2}
 }
 @media(prefers-reduced-motion:reduce){.el-app-ui *{scroll-behavior:auto!important;transition:none!important}}
}
@media print{.app-jumps,.app-help{display:none!important}}