@charset "UTF-8";

.result-page { background: #f1f2e9; }
.result-page [hidden] { display: none !important; }
.result-page select, .result-page textarea { font: inherit; }
.result-page .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.result-page button:disabled { opacity: .5; transform: none; }
.result-page .container { width: min(1320px, calc(100% - 72px)); }
.result-intro { color: var(--paper); background: var(--night); padding: 43px 0 47px; }
.result-kicker { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.result-kicker .eyebrow { color: var(--gold); }
.result-demo-tag { font-size: 9px; letter-spacing: .08em; color: #d2cfb7; border: 1px solid #55533d; border-radius: 20px; padding: 7px 12px; }
.result-intro h1 { margin-top: 31px; font-size: clamp(37px, 4.7vw, 63px); line-height: 1.06; }
.result-lead { margin-top: 24px; max-width: 730px; font-size: 16px; line-height: 1.8; color: #c5cbb9; }
.result-steps { list-style: none; margin: 34px 0 0; padding: 23px 0 0; border-top: 1px solid #3b412f; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.result-steps li { display: grid; grid-template-columns: 27px 1fr; gap: 3px 12px; }
.result-steps li > span { color: #ad985f; font-size: 11px; grid-row: span 2; padding-top: 3px; }
.result-steps strong { font-size: 14px; font-weight: 600; }
.result-steps small { color: #a5af94; font-size: 11px; }
.result-workspace { padding-top: 29px; padding-bottom: 36px; }
.result-disclosure { color: #626d54; padding: 17px 21px; margin-bottom: 24px; border: 1px solid #d3d9c5; background: #f9fbf2; border-radius: 8px; font-size: 12px; line-height: 1.7; }
.result-disclosure strong { color: #37422a; }
.result-grid { display: grid; grid-template-columns: 280px minmax(0, 1fr); align-items: start; gap: 24px; }
.result-sidebar { display: grid; gap: 17px; }
.result-card { padding: 26px; border: 1px solid #d3d8c6; border-radius: 11px; background: #fdfdf8; }
.result-card .eyebrow { font-size: 9px; letter-spacing: .13em; }
.result-card h2 { margin: 10px 0 0; font-size: 26px; line-height: 1.2; letter-spacing: -.04em; }
.result-sidebar .result-card { padding: 23px 20px; }
.result-sidebar h2 { font-size: 23px; margin-top: 22px; }
.result-sidebar .button { width: 100%; font-size: 12px; margin-top: 16px; padding-inline: 9px; min-height: 42px; }
.result-card label { display: block; font-size: 12px; font-weight: 650; color: #4a563c; }
.result-card select, .result-card input[type="text"], .result-card textarea { display: block; width: 100%; margin-top: 7px; padding: 11px 10px; border: 1px solid #aeb8a0; border-radius: 5px; background: #fff; color: #222d17; min-height: 43px; font-size: 12px; }
.result-card select { padding-right: 22px; }
.result-card textarea { min-height: 78px; resize: vertical; }
.result-sidebar label { margin-top: 19px; }
.field-help { margin-top: 9px; color: #6c765f; font-size: 10px; line-height: 1.7; }
#offer-description { margin-top: 14px; font-size: 12px; color: #59654a; line-height: 1.8; }
#offer-description strong { color: #333f25; }
.offer-points { list-style: none; padding: 0; margin: 12px 0 0; }
.offer-points li { padding: 8px 0 8px 16px; border-top: 1px solid #e0e5d5; position: relative; }
.offer-points li::before { content: "•"; color: #a48b51; position: absolute; left: 0; }
.offer-card { border-top: 3px solid #bca164; }
.feature-restrictions { border-top: 1px solid #dce2cf; margin-top: 23px; padding-top: 18px; }
.feature-restrictions .mini-label { font-size: 8px; color: #7b8769; }
.feature-button { width: 100%; display: flex; align-items: center; justify-content: space-between; text-align: left; border: 1px solid #d0d7c2; background: #f2f5e9; color: #59674a; padding: 10px; border-radius: 5px; margin-top: 10px; font-size: 11px; }
.expiry-card { background: #e8eddc; }
#expiry-description { margin-top: 14px; font-size: 12px; color: #4a5a3c; }
#expiry-details { margin-top: 16px; font-size: 11px; line-height: 1.9; color: #59684c; }
#expiry-details strong { display: block; color: #354327; font-size: 14px; }
.expiry-card .text-link { font-size: 10px; margin-top: 15px; line-height: 1.6; }
.result-main { min-width: 0; }
.result-main > .result-card, #active-actions > .result-card { margin-bottom: 21px; }
.preview-card { padding: 29px 29px 20px; border-color: #bec9ae; box-shadow: 0 8px 24px #26351907; }
.preview-title-row { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.revision-badge { margin-top: 4px; white-space: nowrap; padding: 7px 10px; border: 1px solid #cbd6b9; border-radius: 4px; background: #edf4e2; color: #637e43; font-size: 10px; font-weight: 650; }
.request-summary { margin-top: 23px; background: #f2f0e5; border-left: 2px solid #c0a15e; padding: 13px 16px; color: #555d49; }
.request-summary .mini-label { color: #8f804f; font-size: 8px; }
.request-summary p { margin-top: 5px; font-size: 12px; line-height: 1.7; }
.file-caption { margin: 24px 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.file-caption strong { font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
.file-caption span { font-size: 10px; color: #849271; text-align: right; }
.result-table-scroll { overflow-x: auto; border: 1px solid #cfd8c1; border-radius: 5px; }
.result-table { width: 100%; border-collapse: collapse; background: #fffef8; font-size: 12px; min-width: 555px; }
.result-table th, .result-table td { padding: 14px 13px; text-align: left; }
.result-table thead { color: #e5ecd9; background: #343e29; font-size: 10px; }
.result-table thead th { font-weight: 600; }
.result-table tbody tr + tr td, .result-table tbody tr + tr th { border-top: 1px solid #e5e9dc; }
.result-table tbody th { font-size: 10px; color: #8b9877; font-weight: 400; width: 54px; }
.result-table tbody tr:nth-child(even) { background: #f6f8ee; }
.result-table .numeric { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.result-table tbody td:last-child { font-weight: 650; color: #566c3b; }
.result-table tfoot { color: #3d4d2c; background: #e5edd8; border-top: 1px solid #c6d2b3; font-size: 12px; }
.result-table tfoot th { font-size: 11px; }
.result-table tfoot td { font-size: 20px; font-weight: 650; }
.preview-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 14px 0; }
.result-state { color: #8b7542; font-size: 11px; }
.result-state.is-validated { color: #536f39; }
.preview-watermark { color: #a6ad9a; letter-spacing: .08em; font-size: 8px; white-space: nowrap; }
.result-history { border-top: 1px solid #e1e7d7; padding-top: 11px; color: #7e8d6a; font-size: 10px; }
.result-history summary, .guided-request summary { cursor: pointer; font-weight: 600; }
.result-history ol { margin: 12px 0 0; padding-left: 17px; }
.result-history li { margin: 7px 0; line-height: 1.7; }
.result-history code { font-size: 9px; color: #62734e; }
.section-title-line { display: flex; align-items: center; gap: 15px; }
.step-number { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; border: 1px solid #d3c28f; background: #f5eedc; color: #9a803e; font-size: 10px; border-radius: 5px; padding-inline: 7px; white-space: nowrap; }
.section-title-line h2 { margin-top: 5px; font-size: 24px; }
.card-intro { margin-top: 18px; font-size: 12px; line-height: 1.8; color: #6a7659; }
.correction-fields { display: grid; grid-template-columns: 1.3fr 1fr .85fr; gap: 15px; margin-top: 22px; }
.correction-buttons { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 18px; }
.correction-buttons .button, .guided-request .button { font-size: 12px; min-height: 41px; padding: 10px 14px; }
.correction-buttons .text-link { font-size: 11px; }
.guided-request { margin-top: 23px; padding-top: 18px; border-top: 1px solid #dee5d0; font-size: 12px; color: #576948; }
.guided-request p { margin-top: 14px; font-size: 11px; line-height: 1.7; }
.guided-request label { margin-top: 16px; }
.guided-request button { margin-top: 12px; }
.proposal-panel { margin-top: 23px; border: 1px solid #cdb371; background: #fcf7e8; padding: 20px; border-radius: 7px; }
.proposal-panel .mini-label { color: #9a803f; font-size: 8px; }
.proposal-panel h3 { font-size: 20px; margin-top: 10px; }
.proposal-panel p { margin-top: 9px; color: #76663e; font-size: 12px; line-height: 1.8; }
.proposal-actions { display: flex; gap: 24px; align-items: center; margin-top: 17px; }
.proposal-actions .button { font-size: 12px; min-height: 42px; padding: 10px 15px; }
.proposal-actions .text-link { font-size: 12px; }
.output-format-label { margin-top: 25px; }
.download-card > select { max-width: 440px; }
.format-information { margin: 13px 0 24px; padding: 12px 16px; border: 1px solid #d5dcc8; border-radius: 5px; background: #f3f6ec; color: #667652; font-size: 11px; line-height: 1.8; }
.format-information strong { color: #3f542e; }
.format-information.is-unavailable { border-color: #d5c393; background: #fcf7e8; color: #7e6a37; }
.format-information.is-unavailable strong { color: #79602a; }
.validation-checkbox { display: flex !important; align-items: start; gap: 11px; cursor: pointer; line-height: 1.7; }
.validation-checkbox input { flex-shrink: 0; width: 17px; height: 17px; margin: 2px 0 0; accent-color: #7a6631; }
#validate-button { min-height: 41px; font-size: 12px; margin-top: 14px; padding: 10px 15px; }
.payment-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px 21px; margin-top: 24px; padding: 21px; border: 1px solid #cab172; border-radius: 7px; background: #f7f2e3; }
.payment-panel .mini-label { color: #9f8548; font-size: 8px; }
.payment-panel strong { display: block; margin-top: 7px; font-weight: 600; font-size: 29px; line-height: 1.2; letter-spacing: -.03em; }
.payment-panel div > p { margin-top: 9px; font-size: 11px; color: #776944; max-width: 330px; line-height: 1.7; }
.payment-panel .button { font-size: 12px; min-height: 43px; padding: 10px 15px; }
.payment-panel > .field-help { grid-column: 1 / -1; margin-top: 0; color: #8e7c4d; }
.payment-panel.is-paid { border-color: #b8caa1; background: #f0f5e6; }
.payment-panel.is-paid .mini-label, .payment-panel.is-paid div > p, .payment-panel.is-paid > .field-help { color: #65814a; }
.included-entitlement { color: #536c3d; background: #edf4e2; padding: 15px 17px; margin-top: 22px; border: 1px solid #c5d4b5; border-radius: 6px; font-size: 12px; line-height: 1.8; }
.download-actions { display: flex; gap: 22px; align-items: center; margin-top: 23px; padding-top: 22px; border-top: 1px solid #dae2cd; }
.download-actions .button { font-size: 12px; flex-shrink: 0; }
.download-actions p { font-size: 11px; color: #6f7f5e; line-height: 1.7; }
.result-message { padding: 0; color: #415c2c; font-size: 12px; line-height: 1.8; }
.result-message:not(:empty) { position: sticky; bottom: 15px; z-index: 15; padding: 15px 20px; margin-bottom: 20px; border: 1px solid #a9ba94; background: #f4faec; border-radius: 7px; box-shadow: 0 7px 22px #23321d14; }
.result-message.is-error { color: #855936; border-color: #d6b791; background: #fff7e9; }
.result-expired { text-align: center; padding: 33px 24px; margin-top: 24px; border: 1px solid #d3c1a0; border-radius: 7px; background: #f9f3e9; }
.expired-symbol { display: block; font-size: 28px; color: #a08a53; margin-bottom: 18px; }
.result-expired h3 { font-size: 27px; }
.result-expired p { max-width: 545px; margin: 16px auto; color: #7b6c51; font-size: 12px; line-height: 1.8; }
.result-expired .button { margin-top: 7px; font-size: 12px; }
.result-rules { margin-top: 44px; padding: 29px 0; border-top: 1px solid #ccd5bc; }
.result-rules h2 { font-size: 25px; margin: 0 0 28px; }
.result-rules > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; }
.result-rules h3 { font-size: 18px; }
.result-rules article p { color: #6b795c; font-size: 11px; line-height: 1.9; margin-top: 13px; }
.result-limits { margin-top: 28px; padding-top: 20px; border-top: 1px solid #d4dcc7; color: #79876a; font-size: 10px; line-height: 1.8; }
.result-reset-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.result-reset-row .text-link { font-size: 11px; }
.result-footer-note { padding: 28px 0; background: #181d12; color: #98a88a; }
.result-footer-note > div { display: flex; justify-content: space-between; gap: 25px; font-size: 10px; }
.result-footer-note span { color: #cbb476; letter-spacing: .14em; font-size: 9px; }
.result-footer-note a { color: #c6d3b8; }
.result-alert { padding: 20px; border: 1px solid #b79c67; margin-bottom: 24px; background: #fcf5df; }

@media (max-width: 1120px) {
  .result-page .container { width: min(1320px, calc(100% - 44px)); }
  .result-grid { grid-template-columns: 246px minmax(0, 1fr); gap: 18px; }
  .result-card { padding: 23px; }
  .preview-card { padding: 23px 23px 18px; }
  .result-page .main-nav { gap: 18px; }
  .result-page .brand-product { display: none; }
  .result-page .header-inner { min-height: 78px; }
  .payment-panel { grid-template-columns: 1fr; }
  .payment-panel .button { justify-self: start; }
  .download-actions { flex-direction: column; align-items: start; gap: 12px; }
  .correction-fields { grid-template-columns: 1fr 1fr; }
  .correction-fields label:first-child { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .result-page .header-inner { width: calc(100% - 36px); gap: 15px; }
  .result-page .main-nav { display: none; }
  .result-grid { grid-template-columns: 1fr; }
  .result-sidebar { grid-template-columns: 1fr 1fr; }
  .result-sidebar .expiry-card { grid-column: 1 / -1; }
  .result-sidebar .expiry-card > * { max-width: 700px; }
  .result-card h2 { font-size: 25px; }
  .result-steps { gap: 18px; }
  .result-steps li { grid-template-columns: 1fr; }
  .result-steps li > span { grid-row: auto; margin-bottom: 7px; }
  .correction-fields { grid-template-columns: 1.3fr 1fr .85fr; }
  .correction-fields label:first-child { grid-column: auto; }
  .payment-panel { grid-template-columns: 1fr auto; }
  .result-rules > div { grid-template-columns: 1fr; gap: 26px; }
  .result-rules article p { margin-top: 9px; max-width: 670px; }
  .result-footer-note > div { flex-wrap: wrap; gap: 12px 25px; }
}
@media (max-width: 550px) {
  .result-page .container { width: calc(100% - 30px); }
  .result-page .brand img { width: 140px; height: 47px; }
  .result-page .header-inner { min-height: 68px; }
  .result-page .login-button { font-size: 10px; min-height: 37px; padding: 8px 10px; gap: 8px; }
  .result-kicker { flex-direction: column; align-items: start; gap: 13px; }
  .result-intro { padding: 30px 0 34px; }
  .result-intro h1 { font-size: 37px; }
  .result-lead { font-size: 14px; }
  .result-steps { grid-template-columns: 1fr 1fr; gap: 20px; }
  .result-steps li { grid-template-columns: 23px 1fr; gap: 4px 5px; }
  .result-steps li > span { grid-row: span 2; margin-bottom: 0; }
  .result-steps strong { font-size: 13px; }
  .result-steps small { font-size: 10px; }
  .result-sidebar { grid-template-columns: 1fr; }
  .result-sidebar .expiry-card { grid-column: auto; }
  .result-workspace { padding-top: 20px; }
  .result-disclosure { font-size: 11px; padding: 15px 17px; }
  .result-card, .preview-card { padding: 22px 17px; }
  .preview-title-row { gap: 8px; }
  .result-card h2 { font-size: 23px; }
  .revision-badge { font-size: 9px; padding: 6px 8px; }
  .file-caption { flex-direction: column; align-items: start; gap: 5px; }
  .preview-bottom { align-items: start; flex-direction: column; gap: 8px; }
  .correction-fields { grid-template-columns: 1fr 1fr; gap: 13px; }
  .correction-fields label:first-child { grid-column: 1 / -1; }
  .section-title-line { gap: 10px; }
  .section-title-line .step-number { min-width: 32px; height: 33px; font-size: 9px; }
  .section-title-line h2 { font-size: 23px; }
  .proposal-panel { padding: 17px 14px; }
  .proposal-actions { flex-wrap: wrap; gap: 12px 20px; }
  .payment-panel { grid-template-columns: 1fr; padding: 18px; }
  .payment-panel .button { justify-self: stretch; }
  .download-actions .button { width: 100%; font-size: 11px; }
  .result-rules h2 { font-size: 23px; }
  .result-reset-row { flex-direction: column; align-items: start; gap: 10px; }
  .result-message:not(:empty) { bottom: 7px; padding: 13px 15px; }
}
@media (prefers-reduced-motion: reduce) { .result-page *, .result-page *::before, .result-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Software-style views. Only the canvas grid, view tabs and zoom are interactive. */
.software-presentation { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 12px; margin: 17px 0 13px; }
.software-presentation label { display: flex; align-items: center; gap: 11px; color: #58694a; font-size: 11px; white-space: nowrap; }
.software-presentation select { width: 174px; min-height: 35px; height: 35px; margin: 0; padding: 6px 8px; font-size: 11px; background: #fafcf6; }
.software-simulation { font-size: 9px; color: #8b784b; background: #f5edda; border: 1px solid #ddc991; border-radius: 4px; padding: 4px 7px; }
.software-presentation p { flex-basis: 100%; font-size: 10px; color: #7c8870; margin-top: 2px; }
.software-window-scroll { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; border: 1px solid #a8b1a2; border-radius: 8px; background: #e8ece5; box-shadow: 0 8px 22px #263a1515; }
.software-window { --software-accent: #107c41; --software-pale: #e2efda; display: flex; flex-direction: column; min-width: 1024px; width: 100%; background: #fff; color: #303830; font-family: "Segoe UI", Arial, sans-serif; line-height: 1.3; }
.software-titlebar { order: 2; display: flex; align-items: center; gap: 12px; min-height: 49px; padding: 6px 13px; color: #fff; background: #107c41; }
.software-native-icon { display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; width: 29px; height: 30px; border: 1px solid #ffffff65; background: #ffffff12; border-radius: 3px; }
.software-document-title { display: flex; align-items: center; gap: 16px; min-width: 0; flex: 1; }
.software-document-title strong { font-weight: 500; font-size: 12px; }
.software-document-title > span { color: #ffffffac; font-size: 11px; padding-left: 15px; border-left: 1px solid #ffffff44; }
.software-window-controls { font-size: 13px; padding-left: 15px; white-space: nowrap; color: #ffffffca; }
.software-promaceo { display: flex; align-items: center; gap: 8px; padding-left: 10px; }
.software-promaceo img { width: 87px; height: 29px; object-fit: contain; padding: 3px; border-radius: 2px; background: #f6f3e8; }
.software-promaceo > span { color: #ffffffbe; font-size: 8px; white-space: nowrap; }
.software-traffic { display: none; }
.software-browser-strip { display: none; order: 1; align-items: center; gap: 20px; padding: 7px 18px; height: 34px; color: #71747a; background: #dfe3e9; font-size: 15px; }
.software-browser-address { flex: 1; border-radius: 14px; padding: 4px 16px; background: #f6f7f9; color: #797f88; font-size: 10px; }
.software-menus { order: 3; display: flex; align-items: center; gap: 26px; height: 34px; padding: 0 17px; border-bottom: 1px solid #dbdfd8; background: #f6f7f6; font-size: 11px; white-space: nowrap; }
.software-menus span { padding: 10px 0 8px; }
.software-menus .is-selected { color: var(--software-accent); border-bottom: 3px solid var(--software-accent); font-weight: 600; }
.software-toolbar { order: 4; display: flex; align-items: stretch; height: 85px; background: #f7f8f7; border-bottom: 1px solid #d9ddd5; color: #40493e; font-size: 10px; padding: 7px 13px 4px; gap: 0; user-select: none; }
.ribbon-group { display: flex; flex-direction: column; justify-content: space-between; padding: 0 15px; border-right: 1px solid #dce0d7; }
.ribbon-group:first-child { padding-left: 0; }
.ribbon-group:last-child { border-right: 0; }
.ribbon-group > div { display: flex; align-items: start; flex-wrap: wrap; gap: 5px; max-width: 208px; }
.ribbon-group > small { display: block; text-align: center; color: #858e7e; font-size: 8px; margin-top: 5px; }
.ribbon-large { display: flex; flex-direction: column; align-items: center; padding: 2px 7px 0 0; font-size: 26px; color: #778766; line-height: 1; }
.ribbon-large small { font-size: 10px; margin-top: 4px; color: #525e47; }
.ribbon-stack { font-size: 10px; line-height: 1.6; }
.ribbon-box { display: inline-flex; align-items: center; justify-content: space-between; min-height: 22px; min-width: 40px; padding: 3px 7px; background: #fff; border: 1px solid #cad0c3; font-size: 10px; }
.ribbon-box.font-name { min-width: 128px; }
.ribbon-box.number-format { min-width: 123px; }
.ribbon-line { display: flex; align-items: center; gap: 16px; flex-basis: 100%; min-height: 20px; font-size: 12px; }
.ribbon-line > b, .ribbon-line > i, .ribbon-line > u { min-width: 8px; }
.font-color { display: inline-block; border-bottom: 3px solid #c13c38; color: #2f3b2b; line-height: 1.1; padding-inline: 2px; }
.software-formula-bar { order: 5; display: flex; align-items: center; gap: 0; height: 34px; color: #353e34; background: #f4f5f3; border-bottom: 1px solid #cbd1c4; padding: 4px 6px; }
#cell-address { width: 84px; height: 25px; display: flex; align-items: center; padding-left: 8px; border: 1px solid #c7cec0; background: #fff; font-size: 11px; }
.formula-actions { width: 99px; text-align: center; color: #87927c; font-size: 13px; }
.formula-actions i { color: #6e7864; font-family: Georgia, serif; }
#cell-formula { flex: 1; height: 25px; padding: 4px 10px; border: 1px solid #cbd1c4; background: #fff; font-family: Consolas, "Courier New", monospace; font-size: 12px; overflow: hidden; white-space: nowrap; }
.software-grid-viewport { order: 6; height: 386px; overflow: auto; overscroll-behavior-x: contain; background: #fff; scrollbar-width: thin; }
#spreadsheet-canvas { display: block; max-width: none; touch-action: pan-x pan-y; cursor: cell; }
#spreadsheet-canvas:focus-visible { outline-offset: -3px; outline: 2px solid var(--software-accent); }
.software-sheet-tabs { order: 7; display: flex; align-items: stretch; height: 33px; border-top: 1px solid #ced5c6; border-bottom: 1px solid #dce1d5; background: #f0f2ed; gap: 0; }
.sheet-tab-arrows { display: inline-flex; align-items: center; justify-content: center; width: 75px; color: #8b9681; font-size: 15px; }
.software-sheet-tabs button { padding: 0 22px; border: 0; border-right: 1px solid #d7ddcf; background: transparent; color: #617350; font-size: 11px; font-family: inherit; }
.software-sheet-tabs button[aria-selected="true"] { border-bottom: 3px solid var(--software-accent); background: #fff; color: var(--software-accent); font-weight: 650; }
.software-sheet-tabs button:hover { background: var(--software-pale); }
.sheet-tab-spacer { flex: 1; }
.sheet-view-label { display: inline-flex; align-items: center; color: #8c9782; font-size: 9px; margin-right: 16px; }
.software-statusbar { order: 8; display: flex; align-items: center; gap: 22px; min-height: 27px; padding: 0 14px; color: #637655; background: #e9eee3; font-size: 9px; }
#software-status-text { flex: 1; }
#software-status-summary { margin-left: auto; }
.software-statusbar label { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 400; margin: 0; color: #7d8a71; }
.software-statusbar select { width: 66px; min-height: 20px; height: 20px; padding: 0 3px; margin: 0; font-size: 9px; border: 0; border-radius: 0; background: transparent; color: #627052; }
.software-grid-help { font-size: 10px; color: #7a876d; line-height: 1.8; margin-top: 13px; }
.source-view-notice { margin-top: 16px; border: 1px solid #c2ccd8; border-left: 3px solid #7996ae; background: #f0f5fa; padding: 15px 17px; border-radius: 5px; color: #4e6680; }
.source-view-notice strong { font-size: 12px; }
.source-view-notice p { font-size: 11px; line-height: 1.8; margin-top: 7px; }
.source-view-notice .text-link { margin-top: 6px; font-size: 11px; color: #466786; }

.software-window[data-software="sheets"] { --software-accent: #188038; --software-pale: #e2efda; }
[data-software="sheets"] .software-browser-strip { display: flex; }
[data-software="sheets"] .software-titlebar { background: #fff; color: #38413a; min-height: 53px; padding: 9px 17px 4px; }
[data-software="sheets"] .software-native-icon { background: #198754; color: #fff; width: 29px; height: 36px; border: 0; font-size: 22px; border-radius: 3px 8px 3px 3px; }
[data-software="sheets"] .software-document-title strong { font-size: 16px; font-weight: 400; }
[data-software="sheets"] .software-document-title > span { color: #92988e; border-color: #d8ddd1; }
[data-software="sheets"] .software-promaceo > span { color: #8f957e; }
[data-software="sheets"] .software-window-controls { display: none; }
[data-software="sheets"] .software-menus { height: 31px; gap: 22px; padding-left: 58px; background: #fff; border-bottom: 0; color: #596057; }
[data-software="sheets"] .software-toolbar { background: #fff; height: 52px; padding: 6px 12px; border-bottom: 0; }
.sheets-toolbar-row { width: 100%; border-radius: 22px; background: #edf2fa; padding: 8px 14px; display: flex; align-items: center; gap: 17px; font-size: 13px; }
.sheets-toolbar-row > i:not(.italic-icon) { width: 1px; height: 18px; background: #d2d8e2; }
.sheets-toolbar-row .ribbon-box { background: transparent; border: 0; padding: 0; }
.sheets-toolbar-row .font-name { min-width: 72px; }
[data-software="sheets"] .software-formula-bar { background: #fff; border-bottom-color: #d8dfd7; height: 33px; }
[data-software="sheets"] #cell-address, [data-software="sheets"] #cell-formula { border: 0; }
[data-software="sheets"] .formula-actions { width: 57px; font-size: 0; border-left: 1px solid #dadfd5; }
[data-software="sheets"] .formula-actions i { font-size: 14px; }
[data-software="sheets"] .software-sheet-tabs { background: #f5f7fa; height: 39px; }
[data-software="sheets"] .software-sheet-tabs button[aria-selected="true"] { border-bottom: 0; border-radius: 4px; background: #e2efdc; margin: 3px 0; }
[data-software="sheets"] .software-statusbar { background: #f8faff; color: #737c85; }

.software-window[data-software="numbers"] { --software-accent: #359d4e; --software-pale: #e6f2df; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
[data-software="numbers"] .software-titlebar { background: linear-gradient(#f0f1f3, #e5e6e8); min-height: 45px; color: #5a6058; gap: 14px; border-bottom: 1px solid #d2d5d0; }
[data-software="numbers"] .software-traffic { display: flex; align-items: center; gap: 7px; padding: 0 5px; }
.software-traffic i { width: 10px; height: 10px; border-radius: 50%; background: #f16a5b; border: 1px solid #d8584f; }
.software-traffic i:nth-child(2) { background: #f4c04c; border-color: #dca73a; }
.software-traffic i:nth-child(3) { background: #61c657; border-color: #51a849; }
[data-software="numbers"] .software-native-icon { display: none; }
[data-software="numbers"] .software-document-title { justify-content: center; }
[data-software="numbers"] .software-document-title > span { color: #8f948b; border-color: #c5cac0; }
[data-software="numbers"] .software-promaceo > span { color: #8d907e; }
[data-software="numbers"] .software-window-controls { display: none; }
[data-software="numbers"] .software-menus { height: 29px; background: #f2f3f4; gap: 26px; font-size: 10px; border-bottom: 1px solid #d9ddd6; }
[data-software="numbers"] .software-menus span:first-child { font-weight: 700; }
[data-software="numbers"] .software-toolbar { background: #f6f7f8; justify-content: space-between; height: 67px; padding: 7px 21px 8px; color: #71776d; }
.numbers-toolbar-left, .numbers-toolbar-center, .numbers-toolbar-right { display: flex; align-items: start; gap: 24px; }
.numbers-tool { display: flex; align-items: center; flex-direction: column; gap: 4px; font-size: 9px; min-width: 39px; }
.numbers-tool b { display: flex; align-items: center; justify-content: center; height: 29px; width: 37px; color: #6a7761; font-size: 24px; line-height: 1; font-weight: 400; }
.numbers-tool.is-chosen b { background: #dce9d2; border-radius: 5px; color: #4f8b37; }
[data-software="numbers"] .software-sheet-tabs { order: 5; height: 35px; background: #e7e9ec; border-bottom: 1px solid #cfd5ca; border-top: 0; }
[data-software="numbers"] .software-sheet-tabs button { min-width: 112px; }
[data-software="numbers"] .software-sheet-tabs button[aria-selected="true"] { border-bottom: 0; background: #fff; color: #53853c; box-shadow: inset 0 3px #78aa59; }
[data-software="numbers"] .software-formula-bar { order: 6; background: #f9fafb; height: 35px; }
[data-software="numbers"] .software-grid-viewport { order: 7; background: #f1f2f5; }
[data-software="numbers"] .software-statusbar { background: #f0f1f4; color: #858e7c; border-top: 1px solid #d4dbcf; }
[data-software="numbers"] #cell-address, [data-software="numbers"] #cell-formula { border-color: #d9ded4; border-radius: 4px; }

.software-window[data-software="calc"] { --software-accent: #397da1; --software-pale: #e0edf6; }
[data-software="calc"] .software-titlebar { color: #404a50; background: #e7ebee; border-bottom: 1px solid #c7ced0; height: 44px; min-height: 44px; }
[data-software="calc"] .software-native-icon { color: #148043; background: #fff; border: 1px solid #bccfc1; border-radius: 2px 7px 2px 2px; }
[data-software="calc"] .software-document-title > span { color: #929a9d; border-color: #cbd3d2; }
[data-software="calc"] .software-promaceo > span { color: #8a937b; }
[data-software="calc"] .software-window-controls { color: #7c8888; }
[data-software="calc"] .software-menus { height: 29px; gap: 24px; background: #f4f5f5; }
[data-software="calc"] .software-toolbar { display: flex; flex-direction: column; height: 65px; gap: 6px; background: #f3f5f5; padding: 5px 13px; }
.calc-toolbar-row, .calc-format-row { display: flex; align-items: center; gap: 17px; height: 24px; }
.calc-toolbar-row { font-size: 17px; color: #69929d; }
.calc-toolbar-row i { display: inline-block; width: 1px; height: 19px; background: #cbd2d0; }
.calc-toolbar-row .calc-doc { color: #559455; }
.calc-format-row { gap: 15px; font-size: 12px; }
.calc-format-row .ribbon-box { height: 23px; border-color: #c4cdd0; }
[data-software="calc"] .software-formula-bar { background: #f3f5f6; }
[data-software="calc"] .software-sheet-tabs { background: #edf0f1; }
[data-software="calc"] .software-statusbar { background: #e4edf2; color: #72858c; }

@media (max-width: 550px) {
  .software-presentation { gap: 8px; }
  .software-presentation label { font-size: 10px; gap: 7px; }
  .software-presentation select { width: 146px; font-size: 10px; }
  .software-simulation { font-size: 8px; }
  .software-presentation p, .software-grid-help { font-size: 9px; }
  .software-window-scroll { border-radius: 5px; }
}