:root { color-scheme: light; font-family: Arial, sans-serif; color: #192526; background: #dfe4e2; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: linear-gradient(135deg, rgba(219, 225, 223, .92), rgba(246, 248, 247, .78) 48%, rgba(210, 218, 215, .88)); }
main { max-width: 1600px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
.topbar { min-height: 64px; background: #163d34; color: white; display: flex; gap: 1rem; align-items: center; padding: .8rem max(1.25rem, calc((100vw - 1200px)/2)); }
.topbar .brand { align-items: center; color: white; display: flex; font-weight: 700; gap: .65rem; margin-right: auto; text-decoration: none; }.topbar .brand img { display: block; height: 31px; width: auto; }.topbar .brand span { border-left: 1px solid #ffffff55; padding-left: .65rem; }
.primary-nav { display: flex; gap: .75rem; }.primary-nav a { color: #e6f2ec; text-decoration: none; font-size: .92rem; }.primary-nav a:hover { text-decoration: underline; }
.profile-link { align-items: center; color: #fff; display: flex; font-size: .9rem; gap: .45rem; text-decoration: none; }.profile-link:hover, .profile-link:focus-visible { text-decoration: underline; }.user-avatar { align-items: center; background: #8fbd3d; border-radius: 50%; color: #173b32; display: inline-flex; font-size: .78rem; font-weight: 800; height: 2rem; justify-content: center; width: 2rem; }
h1 { margin: .2rem 0 1rem; } h2 { font-size: 1.15rem; } h3 { font-size: 1rem; }
a { color: #0d6854; } button, .button-link { background: #12604f; color: white; border: 0; border-radius: 4px; padding: .65rem .9rem; cursor: pointer; text-decoration: none; display: inline-block; } button.secondary { background: transparent; border: 1px solid #d9e6e0; color: #0d6854; }
.button-row { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .8rem; }
input, select, textarea { width: 100%; margin-top: .3rem; padding: .6rem; border: 1px solid #aab8b5; border-radius: 4px; font: inherit; } label { display: block; margin: .75rem 0; font-weight: 600; }
.login-card, .card { background: rgba(255, 255, 255, .9); padding: 1.25rem; border-radius: 8px; box-shadow: 0 1px 4px #0002; } .login-card { max-width: 420px; margin: 8vh auto; overflow: hidden; }.login-brand { align-items: center; background: #163d34; display: flex; gap: .8rem; margin: -1.25rem -1.25rem 1.25rem; padding: 1rem 1.25rem; }.login-brand img { display: block; height: 41px; max-width: 100%; object-fit: contain; width: auto; }.login-brand span { border-left: 1px solid #ffffff55; color: white; font-size: .9rem; font-weight: 700; padding-left: .8rem; white-space: nowrap; }
.filters { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }.filters span, .filters a, .status { background: #e6efec; border-radius: 999px; padding: .3rem .6rem; font-size: .8rem; }.filters a { color: inherit; text-decoration: none; }.filters a:hover, .filters a:focus-visible, .filters a.is-active { background: #cfe2dc; }.filters a.is-active { box-shadow: inset 0 0 0 1px #4d8578; font-weight: 700; }.status, .marker { display: inline-block; font-weight: 700; white-space: nowrap; }.marker { border-radius: 999px; font-size: .76rem; padding: .25rem .55rem; }.marker--urgent { background: #fbe0df; color: #912d2c; }.marker--important { background: #fff1cf; color: #7a4b00; }.marker--contact { background: #dceefc; color: #14527f; }.marker--on_hold { background: #e3e9e7; color: #3f5550; }.status--new { background: #dceefc; color: #14527f; }.status--assigned { background: #e8e1f6; color: #56368b; }.status--waiting_for_salesperson, .status--waiting_for_customer { background: #fff1cf; color: #7a4b00; }.status--in_progress { background: #d9f0ed; color: #0d6254; }.status--offer_prepared { background: #e5e8fc; color: #344d9c; }.status--offer_sent { background: #d9f2e3; color: #126137; }.status--closed { background: #e3e9e7; color: #3f5550; }.status--review_required { background: #fbe0df; color: #912d2c; }
.table-wrap { overflow-x: auto; background: white; border-radius: 8px; box-shadow: 0 1px 4px #0002; } table { border-collapse: collapse; width: 100%; min-width: 1350px; } th, td { border-bottom: 1px solid #e3e9e7; padding: .8rem; text-align: left; vertical-align: top; } th { background: #e8f0ed; } .table-wrap th:nth-child(1), .table-wrap td:nth-child(1) { min-width: 180px; white-space: nowrap; } .table-wrap th:nth-child(3), .table-wrap td:nth-child(3) { min-width: 250px; } .table-wrap th:nth-child(4), .table-wrap td:nth-child(4) { min-width: 220px; } .table-wrap th:nth-child(7), .table-wrap td:nth-child(7) { min-width: 220px; } .new-rfq { align-items: center; background: #fff4be; border: 1px solid #bc7900; border-radius: 999px; box-shadow: 0 1px 2px #7a4b0030; color: #694500; display: inline-flex; font-size: .72rem; font-weight: 800; gap: .22rem; letter-spacing: .04em; margin-right: .45rem; padding: .2rem .48rem; vertical-align: middle; }.new-rfq__icon { color: #c77a00; font-size: 1rem; line-height: 1; text-shadow: 0 1px #fff; }
.rfq-header { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }.rfq-header-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: end; }.status-form { width: 230px; }.two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.rfq-process-card { margin: 1rem 0; overflow: hidden; padding: 0; }.rfq-process-details > summary { align-items: center; background: linear-gradient(135deg, #f3f8f5, #ffffff); cursor: pointer; display: flex; gap: 1rem; justify-content: space-between; list-style: none; padding: 1rem 1.25rem; }.rfq-process-details > summary::-webkit-details-marker { display: none; }.rfq-process-summary-copy { display: grid; gap: .16rem; min-width: 0; }.rfq-process-summary-copy .eyebrow { margin: 0; }.rfq-process-summary-copy strong { font-size: 1.05rem; overflow-wrap: anywhere; }.rfq-process-summary-meta { align-items: center; display: flex; flex-shrink: 0; gap: .7rem; }.rfq-process-toggle { color: #0d6854; font-size: .8rem; font-weight: 800; white-space: nowrap; }.rfq-process-toggle::before { content: 'Pokaż przebieg'; }.rfq-process-toggle::after { content: '⌄'; font-size: 1.1rem; margin-left: .35rem; }.rfq-process-details[open] > summary { border-bottom: 1px solid #d9e6e0; }.rfq-process-details[open] .rfq-process-toggle::before { content: 'Ukryj przebieg'; }.rfq-process-details[open] .rfq-process-toggle::after { content: '⌃'; }.rfq-process-content { padding: 0 1.25rem 1.25rem; }.rfq-process-next { background: #edf5f1; border-left: 4px solid #19815e; margin: 1rem 0; padding: .7rem .8rem; }.rfq-process { display: grid; gap: .5rem; grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; }.rfq-process__step { display: grid; gap: .75rem; grid-template-columns: 2rem minmax(0, 1fr); min-width: 0; padding: .45rem .55rem; position: relative; }.rfq-process__step:not(:last-child)::after { background: #cbd9d4; bottom: -.5rem; content: ''; left: 1.5rem; position: absolute; top: 2rem; width: 2px; z-index: 0; }.rfq-process__marker { align-items: center; background: #e3e9e7; border: 2px solid #b7c5c0; border-radius: 50%; color: #40514d; display: inline-flex; font-weight: 800; height: 2rem; justify-content: center; position: relative; width: 2rem; z-index: 1; }.rfq-process__step div { align-content: start; display: grid; gap: .18rem; min-height: 2rem; }.rfq-process__step strong { font-size: .94rem; }.rfq-process__step div > span { color: #5d6d69; font-size: .82rem; line-height: 1.28; }.rfq-process__step em { color: #687975; font-size: .72rem; font-style: normal; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.rfq-process__step--done .rfq-process__marker { background: #dff2e6; border-color: #19815e; color: #126137; }.rfq-process__step--done em { color: #126137; }.rfq-process__step--current, .rfq-process__step--attention { background: #ecf7f1; border-radius: 6px; box-shadow: inset 3px 0 #19815e; }.rfq-process__step--current .rfq-process__marker { background: #19815e; border-color: #126137; color: white; }.rfq-process__step--current em { color: #126137; }.rfq-process__step--attention { background: #fff0ef; box-shadow: inset 3px 0 #b33a3a; }.rfq-process__step--attention .rfq-process__marker { background: #b33a3a; border-color: #7b2525; color: white; }.rfq-process__step--attention em { color: #8e2929; }.rfq-process__step--future { opacity: .72; }
.rfq-process__copy { align-content: center; display: grid; gap: .14rem; min-height: 2rem; }.rfq-process__copy strong { font-size: .95rem; line-height: 1.2; }.rfq-process__copy em { color: #687975; font-size: .72rem; font-style: normal; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.section-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }.section-heading h2 { margin-top: 0; }.section-heading .eyebrow { margin: 0 0 .2rem; }.compact-columns { margin-bottom: 0; }.wh-okna-card pre { max-height: 340px; overflow: auto; background: #f5f8f6; padding: .75rem; border-radius: 4px; }
dl { display: grid; grid-template-columns: 140px 1fr; gap: .5rem; } dt { font-weight: 700; } dd { margin: 0; } pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; }.message { border-top: 1px solid #dce5e1; padding: 1rem 0; }.message header, .note { display: flex; justify-content: space-between; gap: 1rem; }.incoming { border-left: 4px solid #225f9a; padding-left: 1rem; }.outgoing { border-left: 4px solid #16805f; padding-left: 1rem; }.correspondence-customer { border-left-color: #225f9a; }.correspondence-internal { border-left-color: #7957a6; background: #faf7ff; }.correspondence-external { border-left-color: #a76b13; background: #fffaf2; }.source-missing { border-left-color: #b33a3a; background: #fff7f7; padding-left: 1rem; }.source-missing-notice { background: #fbecec; border: 1px solid #d6a2a2; border-radius: 4px; color: #7b2525; margin: .65rem 0; padding: .55rem .7rem; }.automation-exclusion { display: inline-block; margin-top: .7rem; }.automation-exclusion > summary { background: white; border: 1px solid #0d6854; border-radius: 4px; color: #0d6854; cursor: pointer; list-style: none; padding: .65rem .9rem; }.automation-exclusion > summary::-webkit-details-marker { display: none; }.automation-exclusion > summary::after { content: '…'; }.automation-exclusion[open] { background: #fffaf2; border: 1px solid #e5ca93; border-radius: 6px; display: block; margin-top: .7rem; max-width: 720px; padding: .8rem; }.automation-exclusion[open] > summary { background: transparent; border: 0; color: #6d4b08; font-weight: 700; padding: 0; }.automation-exclusion[open] > summary::after { content: ''; }.automation-exclusion label { margin-bottom: .45rem; }.automation-exclusion button[type="submit"] { background: #9a5c00; }.note { display: block; border-top: 1px solid #e1e7e5; margin-top: 1rem; padding-top: .7rem; }
.task { border-top: 1px solid #dce5e1; margin-top: 1rem; padding: .9rem 0; }.task header { align-items: center; display: flex; gap: 1rem; justify-content: space-between; }.task-badges { align-items: center; display: flex; flex-wrap: wrap; gap: .4rem; justify-content: end; }.task-status-form { max-width: 240px; }.task-status-form label { font-size: .85rem; }
.notice { background: #e3f3e8; border: 1px solid #9cc9a8; border-radius: 6px; color: #164d28; margin: 0 0 1rem; padding: .75rem 1rem; }.error { background: #fbecec; border: 1px solid #d6a2a2; border-radius: 6px; color: #7b2525; margin: 0 0 1rem; padding: .75rem 1rem; }.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.secondary-link { background: white; border: 1px solid #0d6854; color: #0d6854; }.admin-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }.admin-card { background: white; box-shadow: 0 1px 4px #0002; border-radius: 8px; padding: 1.25rem; text-decoration: none; color: #192526; }.admin-card:hover { box-shadow: 0 4px 14px #0003; }.admin-card h2 { color: #0d6854; }.count { color: #12604f; font-size: 2rem; font-weight: 700; }.admin-item { border-top: 1px solid #dce5e1; padding: 1rem 0; }.admin-item summary { align-items: center; cursor: pointer; display: flex; gap: .8rem; justify-content: space-between; }.admin-item-toggle { background: #fff; border: 1px solid #0d6854; border-radius: 4px; color: #0d6854; flex: 0 0 auto; font-size: .8rem; font-weight: 700; padding: .38rem .55rem; }.admin-item[open] .admin-item-toggle { background: #e7f2ed; }.admin-item form { margin-top: .75rem; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }.checkbox, .checkbox-row { display: flex; align-items: center; gap: .45rem; }.checkbox input { width: auto; margin: 0; }.checkbox-row { flex-wrap: wrap; gap: .2rem 1.2rem; margin: .75rem 0; }.hint { color: #5d6d69; font-size: .86rem; font-weight: 400; }.inactive { background: #f7e8e8; border-radius: 999px; color: #9a3535; font-size: .8rem; padding: .3rem .6rem; }.role-list { grid-template-columns: 130px 1fr; }.readonly-state { text-align: right; }.readonly-state .status { display: inline-block; margin-top: .4rem; } code { background: #edf3f0; border-radius: 3px; padding: .1rem .25rem; }
.system-status { background: white; border-radius: 8px; box-shadow: 0 1px 4px #0002; margin: 0 0 1.25rem; padding: 1rem 1.25rem; }.system-status h2 { font-size: 1rem; margin: 0 0 .75rem; }.system-status-grid { display: grid; gap: .6rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }.system-status-item { border-left: 4px solid; border-radius: 4px; display: grid; gap: .25rem; padding: .65rem .75rem; }.system-status-item span { font-size: .88rem; }.system-status-success { background: #e8f5eb; border-color: #2f8a4e; color: #164d28; }.system-status-warning { background: #fff5db; border-color: #b27600; color: #704700; }.system-status-error { background: #fbecec; border-color: #b33a3a; color: #7b2525; }
.sales-summary { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1rem 0; }.sales-metric { align-items: baseline; display: flex; gap: .7rem; }.sales-metric strong { color: #164c40; font-size: 2rem; }.sales-metric--alert strong { color: #a6372d; }.sales-status--planned { background: #fff1cf; color: #7a4b00; }.sales-status--completed { background: #d9f2e3; color: #126137; }.sales-status--no_answer { background: #fbe0df; color: #912d2c; }.sales-status--cancelled { background: #e3e9e7; color: #3f5550; }
.quick-create { border-top: 1px solid #dce5e1; margin: 1rem 0; padding-top: .8rem; }.quick-create > summary { color: #0d6854; cursor: pointer; font-weight: 700; }.quick-create[open] > summary { margin-bottom: .8rem; }
.customer-history { border-top: 1px solid #dce5e1; margin-top: 1rem; padding-top: .8rem; }.customer-history > summary { color: #0d6854; cursor: pointer; font-weight: 700; }.customer-history[open] > summary { margin-bottom: .8rem; }.customer-history-grid { display: grid; gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }.customer-history-panel { background: #f7faf8; border: 1px solid #dce5e1; border-radius: 6px; padding: .75rem; }.customer-history-panel h3 { margin: 0 0 .45rem; }.customer-history-item { border-top: 1px solid #dce5e1; display: grid; gap: .18rem; padding: .55rem 0; }.customer-history-item:first-of-type { border-top: 0; padding-top: 0; }.customer-history-item:last-of-type { padding-bottom: 0; }
.two-factor-confirmation { border-top: 1px solid #dce5e1; margin-top: 1rem; padding-top: .75rem; }.mailbox-message-list { margin-top: 1rem; }.mailbox-message { border-top: 1px solid #dce5e1; padding: .75rem 0; }.mailbox-message summary { align-items: center; cursor: pointer; display: flex; flex-wrap: wrap; gap: .55rem; }.mailbox-message > div { padding: .7rem 0 .15rem; }.mailbox-message pre { background: #f5f8f6; border-radius: 4px; max-height: 22rem; overflow: auto; padding: .75rem; white-space: pre-wrap; }
.crm-read-only .compact-form { opacity: .58; pointer-events: none; }
@media (max-width: 720px) { .two-column, .admin-grid, .form-grid, .system-status-grid, .customer-history-grid { grid-template-columns: 1fr; }.rfq-header { display: block; }.rfq-header-actions { justify-content: start; }.status-form { width: 100%; }.rfq-process-details > summary { align-items: flex-start; flex-direction: column; }.rfq-process-summary-meta { justify-content: space-between; width: 100%; }.topbar { flex-wrap: wrap; }.primary-nav { order: 3; width: 100%; }.page-heading { align-items: flex-start; flex-direction: column; } }

.correspondence-card { overflow: hidden; padding: 0; }.correspondence-details > summary { align-items: center; background: linear-gradient(135deg, #f3f8f5, #fff); cursor: pointer; display: flex; justify-content: space-between; list-style: none; padding: 1rem 1.25rem; }.correspondence-details > summary::-webkit-details-marker, .conversation-node > summary::-webkit-details-marker { display: none; }.correspondence-details[open] > summary { border-bottom: 1px solid #d9e6e0; }.correspondence-toggle { color: #0d6854; font-size: .8rem; font-weight: 800; }.correspondence-toggle::before { content: 'Pokaż rozmowę'; }.correspondence-toggle::after, .conversation-node__toggle::after { content: '⌄'; font-size: 1.1rem; margin-left: .35rem; }.correspondence-details[open] .correspondence-toggle::before { content: 'Ukryj rozmowę'; }.correspondence-details[open] .correspondence-toggle::after, .conversation-node[open] > summary .conversation-node__toggle::after { content: '⌃'; }.correspondence-tree { padding: .75rem 1.25rem 1.25rem; }.conversation-node { border: 1px solid #dce5e1; border-left: 4px solid #225f9a; border-radius: 6px; margin: .65rem 0; }.conversation-node--internal { border-left-color: #7957a6; }.conversation-node--external { border-left-color: #a76b13; }.conversation-node > summary { align-items: center; cursor: pointer; display: flex; gap: .75rem; justify-content: space-between; list-style: none; padding: .7rem .8rem; }.conversation-node[open] > summary { border-bottom: 1px solid #e2e9e6; }.conversation-node__summary-copy { display: grid; gap: .18rem; min-width: 0; }.conversation-node__summary-copy strong { overflow-wrap: anywhere; }.conversation-node__kind { color: #536561; font-size: .76rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.conversation-node__toggle { color: #0d6854; flex: 0 0 auto; }.conversation-node__content { padding: .8rem; }.conversation-node__content > pre { background: #f5f8f6; border-radius: 4px; margin: .75rem 0; max-height: 32rem; overflow: auto; padding: .75rem; }.conversation-children { border-left: 2px solid #cbd9d4; margin: 1rem 0 .25rem 1rem; padding-left: 1rem; }.conversation-children .conversation-node { margin: .6rem 0; }

@media (max-width: 720px) { .correspondence-details > summary, .conversation-node > summary { align-items: flex-start; }.correspondence-tree { padding: .6rem; }.conversation-node__summary-copy .hint { overflow-wrap: anywhere; }.conversation-children { margin-left: .4rem; padding-left: .65rem; } }

.task-overview-card, .task-workflow-card, .calendar-filter-card, .calendar-card, .undated-task-card { margin: 1rem 0; }.task-overview-item, .undated-task { align-items: center; border-top: 1px solid #dce5e1; color: inherit; display: flex; gap: 1rem; justify-content: space-between; padding: .8rem 0; text-decoration: none; }.task-overview-item:first-of-type, .undated-task:first-of-type { border-top: 0; }.task-overview-item:hover, .task-overview-item:focus-visible, .undated-task:hover, .undated-task:focus-visible { background: #f2f8f5; outline: 0; }.task-overview-item > span, .undated-task > span { display: grid; gap: .22rem; min-width: 0; }.task-overview-item strong, .undated-task strong { overflow-wrap: anywhere; }.task-overview-item small, .undated-task small { color: #5d6d69; }.task-overview-meta { justify-items: end; text-align: right; }.status--open { background: #dceefc; color: #14527f; }.status--completed { background: #e3e9e7; color: #3f5550; }
.calendar-filters { align-items: end; display: flex; flex-wrap: wrap; gap: .7rem 1rem; }.calendar-filters label { margin: 0; min-width: 180px; }.calendar-filters .checkbox { min-width: auto; padding-bottom: .65rem; }.calendar-nav { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1rem; }.calendar-nav h2 { margin: 0; text-transform: capitalize; }.calendar-scroll { overflow-x: auto; }.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(130px, 1fr)); min-width: 910px; }.calendar-weekday { background: #e8f0ed; border: 1px solid #dce5e1; border-right: 0; font-size: .82rem; font-weight: 800; padding: .55rem .65rem; text-align: center; }.calendar-weekday:nth-child(7) { border-right: 1px solid #dce5e1; }.calendar-day { background: #fff; border-bottom: 1px solid #dce5e1; border-left: 1px solid #dce5e1; display: grid; gap: .45rem; min-height: 150px; padding: .5rem; vertical-align: top; }.calendar-day:nth-child(7n) { border-right: 1px solid #dce5e1; }.calendar-day--outside { background: #f7f9f8; color: #8a9794; }.calendar-day--today { box-shadow: inset 0 3px #19815e; }.calendar-date { font-size: .83rem; font-weight: 800; }.calendar-task { background: #edf5f1; border-left: 3px solid #19815e; border-radius: 3px; color: #153f36; display: grid; gap: .14rem; padding: .4rem .45rem; text-decoration: none; }.calendar-task:hover, .calendar-task:focus-visible { background: #dff0e7; outline: 2px solid #12604f; outline-offset: 1px; }.calendar-task strong { font-size: .79rem; overflow-wrap: anywhere; }.calendar-task span, .calendar-task small { font-size: .72rem; overflow-wrap: anywhere; }.calendar-task--open { border-left-color: #2674a8; }.calendar-task--completed { background: #f1f4f3; border-left-color: #82918d; color: #586661; }.calendar-task--marker-urgent { background: #fff3f2; border-left-color: #b33a3a; }.calendar-task--marker-important { background: #fff9ea; border-left-color: #b27600; }.calendar-task--marker-contact { background: #eff7ff; border-left-color: #2674a8; }.calendar-task--marker-on_hold { background: #f1f4f3; border-left-color: #82918d; }.calendar-task .marker { justify-self: start; }.undated-task { padding: .75rem 0; }.undated-task > span:last-child { align-items: end; justify-items: end; text-align: right; }
.calendar-activity { background: #f1ebfb; border-left: 3px solid #7957a6; border-radius: 3px; color: #422f62; display: grid; gap: .14rem; padding: .4rem .45rem; text-decoration: none; }.calendar-activity:hover, .calendar-activity:focus-visible { background: #e6dcf7; outline: 2px solid #7957a6; outline-offset: 1px; }.calendar-activity strong { font-size: .79rem; overflow-wrap: anywhere; }.calendar-activity span, .calendar-activity small { font-size: .72rem; overflow-wrap: anywhere; }.calendar-activity--completed { background: #f1f4f3; border-left-color: #82918d; color: #586661; }

@media (max-width: 720px) { .task-overview-item, .undated-task { align-items: flex-start; flex-direction: column; }.task-overview-meta, .undated-task > span:last-child { justify-items: start; text-align: left; }.calendar-filters { display: grid; grid-template-columns: 1fr; }.calendar-filters label { min-width: 0; }.calendar-filters .checkbox { padding-bottom: 0; }.calendar-nav { align-items: stretch; flex-direction: column; }.calendar-nav h2 { text-align: center; }.calendar-nav a { text-align: center; } }

@media (max-width: 720px) { .sales-summary { grid-template-columns: 1fr; } }

.print-producer-footer { background: rgba(255, 255, 255, .48); border-radius: 3px; bottom: .65rem; color: #72817d; display: grid; font-size: .68rem; gap: .08rem; letter-spacing: .01em; padding: .2rem .4rem; position: fixed; right: .8rem; text-align: right; z-index: 5; }.print-app-name { color: #647570; }.print-provider { color: #84918e; font-size: .62rem; }.print-provider a { color: inherit; text-decoration: underline; text-underline-offset: .14em; }
.sales-activity-comment-row td { background: #f7faf8; border-bottom: 2px solid #d7e2dd; color: #425650; font-size: .86rem; padding: .55rem .8rem .7rem; }.sales-activity-comment { border-left: 3px solid #7957a6; margin: .45rem 0 0; padding-left: .55rem; }.sales-activity-comment-form { margin: .55rem 0 0; max-width: 760px; }.sales-activity-comment-form label { margin-bottom: .45rem; }.sales-activity-management { display: inline-block; margin: .5rem 0 0; }.sales-activity-management > summary { color: #0d6854; cursor: pointer; font-weight: 700; }.sales-activity-management form { margin-top: .7rem; max-width: 760px; }
@media print {
  @page { margin: 16mm 13mm 20mm; }
  .topbar, .system-status, .notice, button, .button-link, .secondary-link, form { display: none !important; }
  body { background: #fff; color: #1f2927; font-size: 10pt; }
  main { max-width: none; padding: 0; }
  .card, .table-wrap { box-shadow: none; }
  .print-producer-footer { background: transparent; bottom: 7mm; color: #80908b; display: flex; font-size: 7.5pt; justify-content: space-between; left: 13mm; letter-spacing: .01em; padding: 0; position: fixed; right: 13mm; text-align: center; }
  .print-producer-footer span { color: #6d807a; }
}

/* Management guidance stays compact until it is needed, then remains clearly attached to its activity. */
.sales-activity-guidance-control { min-width: 8.5rem; }
.sales-activity-guidance-control > summary { color: #0d6854; cursor: pointer; font-weight: 700; }
.sales-activity-guidance-control[open] { background: #f5faf7; border: 1px solid #cfe0d8; border-radius: .45rem; margin: -.2rem; padding: .6rem; }
.sales-activity-guidance-control form { margin-top: .65rem; max-width: 760px; }
.sales-activity-follow-up-form { border-top: 1px solid #d7e2dd; padding-top: .7rem; }
.sales-activity-comment { background: #fffdf4; border-left-color: #b17b14; border-radius: 0 .35rem .35rem 0; padding: .6rem .7rem; }
.sales-activity-comment p { margin: .3rem 0 0; white-space: pre-wrap; }