/* Shared page treatment for the operational screens. Kept separate from data and interaction logic. */
:root{--page-ink:#16374c;--page-muted:#718a9a;--page-line:#e2edf2;--page-cyan:#009fba;--page-soft:#f5fafc;--page-navy:#122c45}

/* Pricebook: readable catalog rows, real agreement usage, and a single action menu. */
#page-pricebook { padding: 22px 26px 30px; background: #f3f8fb; min-height: calc(100vh - 64px); }
#page-pricebook .pricebook-page-header { display: flex; align-items: center; gap: 26px; padding: 24px; margin-bottom: 18px; border: 1px solid var(--page-line); border-top: 3px solid var(--page-cyan); border-radius: 17px; background: #fff; }
#page-pricebook .pricebook-page-identity { min-width: 0; flex: 1; }
#page-pricebook .pricebook-kicker { color: var(--page-cyan); font-size: 11px; font-weight: 600; margin-bottom: 4px; }
#page-pricebook .page-title { color: var(--page-ink); font-size: 25px; line-height: 1.4; margin: 0; }
#page-pricebook .page-sub { color: var(--page-muted); font-size: 12px; line-height: 1.7; margin-top: 4px; }
#page-pricebook .pricebook-summary { display: flex; align-items: center; gap: 24px; }
#page-pricebook .pricebook-summary > div { display: grid; gap: 3px; padding-inline-end: 24px; border-inline-end: 1px solid var(--page-line); }
#page-pricebook .pricebook-summary span { color: var(--page-muted); font-size: 11px; white-space: nowrap; }
#page-pricebook .pricebook-summary strong { font-size: 25px; color: var(--page-ink); line-height: 1.3; font-variant-numeric: tabular-nums; }
#page-pricebook .pricebook-create-action { display: inline-flex; gap: 9px; align-items: center; flex-shrink: 0; min-height: 42px; padding: 10px 18px; border-radius: 10px; background: var(--page-cyan); box-shadow: 0 4px 12px #009fba18; }
#page-pricebook .pricebook-create-action:hover { background: #00839b; }
#page-pricebook .pricebook-filter-card { padding: 14px 18px; border: 1px solid var(--page-line); border-radius: 14px; box-shadow: none; margin-bottom: 18px; }
#page-pricebook .pricebook-toolbar { gap: 18px; align-items: center; margin: 0; }
#page-pricebook .pricebook-search { display: flex; align-items: center; gap: 10px; padding: 0 13px; min-height: 44px; border: 1px solid var(--page-line); background: #f8fbfd; border-radius: 9px; }
#page-pricebook .pricebook-search svg { width: 19px; height: 19px; flex-shrink: 0; color: #7698a9; }
#page-pricebook .pricebook-search input { border: 0; border-radius: 0; box-shadow: none; background: transparent; min-width: 0; padding: 10px 0; color: var(--page-ink); font-size: 13px; }
#page-pricebook .pricebook-search:focus-within { border-color: var(--page-cyan); box-shadow: 0 0 0 3px #009fba10; }
#page-pricebook .pricebook-filter-btn { min-height: 38px; padding: 8px 16px; border-radius: 9px; color: #567389; font-size: 12px; box-shadow: none; }
#page-pricebook .pricebook-filter-btn.active { border-color: #ccebf1; background: #eaf8fb; color: #008ca5; box-shadow: none; }
#page-pricebook .pricebook-table-card { padding: 0; border: 1px solid var(--page-line); border-radius: 16px; box-shadow: 0 6px 24px #16374c04; overflow: hidden; }
#page-pricebook .pricebook-table-card .card-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--page-line); }
#page-pricebook .card-title { margin: 0; font-size: 15px; color: var(--page-ink); }
#page-pricebook .card-subtitle, #page-pricebook .pricebook-table-hint { color: var(--page-muted); font-size: 11px; line-height: 1.7; }
#page-pricebook .pricebook-table-scroll { overflow-x: auto; scrollbar-width: thin; }
#page-pricebook table { width: 100%; min-width: 1190px; table-layout: fixed; }
#page-pricebook th { padding: 12px 10px; font-size: 11px; font-weight: 600; color: #698396; background: #f7fafc; white-space: normal; vertical-align: middle; }
#page-pricebook th:nth-child(1) { width: 5%; }
#page-pricebook th:nth-child(2) { width: 7%; }
#page-pricebook th:nth-child(3) { width: 17%; }
#page-pricebook th:nth-child(4) { width: 19%; }
#page-pricebook th:nth-child(5) { width: 9%; }
#page-pricebook th:nth-child(6) { width: 9%; }
#page-pricebook th:nth-child(7) { width: 11%; }
#page-pricebook th:nth-child(8) { width: 6%; }
#page-pricebook th:nth-child(9) { width: 9%; }
#page-pricebook th:nth-child(10) { width: 8%; }
#page-pricebook .pricebook-th-sub { font-weight: 400; font-size: 10px; }
#page-pricebook td { padding: 18px 10px; border-bottom-color: #edf3f7; vertical-align: middle; overflow-wrap: anywhere; }
#page-pricebook tbody tr:last-child td { border-bottom: 0; }
#page-pricebook .pricebook-row-clickable:hover td { background: #f8fcfd; }
#page-pricebook .pricebook-item-link { padding: 0; border: 0; background: none; color: var(--page-ink); font: inherit; font-size: 13px; font-weight: 700; line-height: 1.65; text-align: start; cursor: pointer; }
#page-pricebook .pricebook-item-link:hover { color: #008ca5; }
#page-pricebook .pricebook-sku { font-size: 11px; line-height: 1.65; font-weight: 600; direction: ltr; text-align: right; unicode-bidi: isolate; color: #4b7085; }
#page-pricebook .pricebook-long-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: #6b8192; font-size: 12px; line-height: 1.7; }
#page-pricebook .pricebook-price-value { font-size: 16px; color: var(--page-ink); white-space: nowrap; }
#page-pricebook .pricebook-price-meta { font-size: 10.5px; color: #718798; line-height: 1.6; }
#page-pricebook .pricebook-profitability-meta { font-size: 10.5px; color: #718798; }
#page-pricebook .pricebook-profitability-value { white-space: nowrap; }
#page-pricebook .pricebook-usage-count { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 30px; padding: 0 8px; border: 1px solid #d2ecf1; border-radius: 8px; background: #effafb; color: #007e94; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
#page-pricebook .pricebook-clause-count { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: #f2f6fa; color: #607c90; border-radius: 7px; font-size: 12px; }
#page-pricebook .pricebook-updated-cell { font-size: 11px; line-height: 1.8; direction: ltr; text-align: right; unicode-bidi: isolate; font-variant-numeric: tabular-nums; color: #648092; }
#page-pricebook .quote-row-actions { display: inline-block; min-width: 0; max-width: 100%; }
#page-pricebook .lead-quote-menu-btn { min-width: 0; min-height: 32px; padding: 6px 10px; font-size: 11px; border: 1px solid #dce8ef; border-radius: 8px; color: #42667c; white-space: nowrap; }
#page-pricebook .quote-row-action-menu { width: 166px; min-width: 0; max-width: calc(100vw - 24px); border: 1px solid #dce8ef; border-radius: 11px; box-shadow: 0 12px 32px #14354b22; padding: 5px; }
#page-pricebook .quote-row-action-menu:popover-open { position: fixed; inset: auto; margin: 0; overflow-y: auto; overscroll-behavior: contain; }
#page-pricebook .quote-row-action-menu [role="menuitem"] { min-height: 37px; padding: 9px 12px; border-radius: 7px; font-size: 12px; }
#page-pricebook :is(button, [tabindex]):focus-visible { outline: 2px solid var(--page-cyan); outline-offset: 3px; }
#page-pricebook .quote-row-action-menu [role="menuitem"]:focus-visible { outline-offset: -2px; background: #edf9fc; }
@media (max-width: 1200px) {
  #page-pricebook .pricebook-page-header { gap: 18px; flex-wrap: wrap; }
  #page-pricebook .pricebook-summary { gap: 18px; }
  #page-pricebook .pricebook-summary > div { padding-inline-end: 18px; }
}
@media (max-width: 760px) {
  #page-pricebook { padding: 14px 12px 24px; }
  #page-pricebook .pricebook-page-header { padding: 18px; gap: 16px; }
  #page-pricebook .pricebook-summary { order: 3; flex-basis: 100%; padding-top: 14px; border-top: 1px solid var(--page-line); justify-content: space-between; }
  #page-pricebook .pricebook-summary > div { flex: 1; }
  #page-pricebook .pricebook-summary > div:last-child { border: 0; }
  #page-pricebook .pricebook-create-action { padding: 10px 12px; }
  #page-pricebook .pricebook-toolbar { grid-template-columns: 1fr; gap: 12px; }
  #page-pricebook .pricebook-filter-card { padding: 12px; }
  #page-pricebook .pricebook-table-card .card-header { padding: 16px; gap: 10px; }
  #page-pricebook .pricebook-table-hint { display: none; }
}

#page-my-day,#page-calendar,#page-knowledge,#page-tasks{padding:18px 26px 30px;background:linear-gradient(180deg,#f6fafc 0%,#f1f6f9 100%);min-height:calc(100vh - 64px)}

/* My day */
#page-my-day .my-day-shell{gap:16px}
#page-my-day .my-day-stream-grid{gap:16px}
#page-my-day .my-day-stream-card{min-height:320px;border:1px solid var(--page-line);border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(22,55,76,.045);padding:17px 18px}
#page-my-day .my-day-stream-card:hover{box-shadow:0 12px 30px rgba(22,55,76,.075)}
#page-my-day .my-day-stream-head{gap:12px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #edf3f6}
#page-my-day .my-day-stream-title{font-size:16px;color:var(--page-ink)}
#page-my-day .my-day-stream-sub{font-size:11px;color:var(--page-muted)}
#page-my-day .my-day-stream-icon{width:36px;height:36px;border-radius:12px;box-shadow:none}
#page-my-day .my-day-stream-add{width:32px;height:32px;border-radius:10px;background:var(--page-navy);box-shadow:none}
#page-my-day .my-day-progress{border-radius:11px;box-shadow:none}
#page-my-day .my-day-card-tabs{margin:0 0 12px;background:#f3f7fa;border-color:#e4edf2}
#page-my-day .my-day-stream-item{border-color:#e3edf2;border-radius:11px;padding:10px 11px;box-shadow:none}
#page-my-day .my-day-stream-item:hover{border-color:#abdce7;background:#f8fdff;box-shadow:none}
#page-my-day .my-day-stream-item-title{font-size:13px;color:#1b4057}
#page-my-day .my-day-stream-item-meta{font-size:11px;color:#718a9a}
#page-my-day .my-day-stream-item.my-day-task-row{align-items:center;gap:10px;min-width:0;flex-wrap:nowrap}
#page-my-day .my-day-task-row .my-day-task-date{flex:0 0 auto;color:#648297;font-size:10.5px;font-weight:800;white-space:nowrap}
#page-my-day .my-day-task-row .my-day-stream-main{min-width:0;flex:1}
#page-my-day .my-day-task-row .my-day-stream-item-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-my-day .my-day-task-row .badge{flex:0 0 auto;white-space:nowrap}
#page-my-day .my-day-stream-empty{border-color:#d7e6ed;border-radius:13px;background:#fbfdfe}

/* Calendar */
#page-calendar .calendar-shell{gap:14px}
#page-calendar .calendar-toolbar{position:relative;border:1px solid var(--page-line);border-top:3px solid var(--page-cyan);border-radius:17px;padding:17px 20px;box-shadow:0 7px 22px rgba(22,55,76,.045)}
#page-calendar .page-title{font-size:22px;color:var(--page-ink)}
#page-calendar .page-sub{color:var(--page-muted)}
#page-calendar .calendar-toolbar-actions{gap:7px}
#page-calendar .calendar-range-title{font-size:16px;color:var(--page-ink)}
#page-calendar .calendar-nav-btn{width:32px;height:32px;border-radius:9px;color:#356177}
#page-calendar .calendar-day-filter{padding:10px 14px;border-radius:14px;box-shadow:none}
#page-calendar .calendar-day-filter-title{color:var(--page-ink)}
#page-calendar .calendar-day-toggle{padding:6px 9px;background:#f8fbfd}
#page-calendar .calendar-layout{grid-template-columns:254px minmax(0,1fr);gap:14px}
#page-calendar .calendar-side-card,#page-calendar .calendar-main{border-color:var(--page-line);border-radius:16px;box-shadow:0 7px 20px rgba(22,55,76,.04)}
#page-calendar .calendar-side-card{padding:13px}
#page-calendar .calendar-card-title,#page-calendar .calendar-mini-title{color:var(--page-ink)}
#page-calendar .calendar-metric{border-radius:11px;background:#f7fafc;border-color:#e5eef3}
#page-calendar .calendar-metric-val{color:var(--page-ink)}
#page-calendar .calendar-week-day{min-height:64px;padding:10px 11px}
#page-calendar .calendar-week-date{font-size:21px}
#page-calendar .calendar-event{border-radius:9px;box-shadow:0 5px 12px rgba(15,57,82,.08)}

/* Knowledge */
#page-knowledge .knowledge-shell{gap:15px}
#page-knowledge .knowledge-hero{border:1px solid var(--page-line);border-top:3px solid var(--page-cyan);border-radius:18px;background:#fff;color:var(--page-ink);padding:20px 22px;box-shadow:0 7px 22px rgba(22,55,76,.045)}
#page-knowledge .knowledge-hero::after{display:none}
#page-knowledge .knowledge-kicker{color:#0094ae;font-size:10.5px}
#page-knowledge .knowledge-title{font-size:24px;color:var(--page-ink)}
#page-knowledge .knowledge-sub{color:var(--page-muted);font-size:12px}
#page-knowledge .knowledge-admin-actions .btn-secondary{background:#f6fafc;border-color:#d7e6ed;color:#396176}
#page-knowledge .knowledge-search-wrap{margin-top:17px;min-height:48px;border-color:#d8e7ee;border-radius:12px;box-shadow:none;background:#f9fcfd}
#page-knowledge .knowledge-search-wrap:focus-within{border-color:#8dd4e4;background:#fff;box-shadow:0 0 0 3px rgba(0,159,186,.08)}
#page-knowledge .knowledge-layout{grid-template-columns:224px minmax(0,1fr);gap:15px}
#page-knowledge .knowledge-categories-panel{top:78px;border-color:var(--page-line);border-radius:16px;box-shadow:0 7px 20px rgba(22,55,76,.04);padding:13px}
#page-knowledge .knowledge-category-filter{border-radius:10px;padding:8px 9px}
#page-knowledge .knowledge-results-title{font-size:19px;color:var(--page-ink)}
#page-knowledge .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#page-knowledge .knowledge-card{min-height:226px;border-color:var(--page-line);border-radius:15px;box-shadow:0 6px 18px rgba(22,55,76,.035)}
#page-knowledge .knowledge-card:hover{border-color:#a8dce8;box-shadow:0 12px 24px rgba(22,55,76,.08)}
#page-knowledge .knowledge-card-image{height:102px;background:linear-gradient(135deg,#effafd,#edf6fb)}
#page-knowledge .knowledge-card-body{padding:13px 14px;gap:7px}
#page-knowledge .knowledge-card-title{font-size:16px;color:var(--page-ink)}
#page-knowledge .knowledge-card-excerpt{font-size:11.5px;line-height:1.55}

/* Tasks: one filter/action bar followed by a quiet, readable work list. */
#page-tasks{container-type:inline-size}
#page-tasks .task-filter-panel{margin:0 0 15px;padding:12px 18px;border:1px solid var(--page-line);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(22,55,76,.035)}
#page-tasks .task-filter-panel .filter-field{gap:5px}
#page-tasks .task-filter-panel .filter-field>label{font-size:10px;color:#7b95a5}
#page-tasks .task-filter-panel :is(input,select,.multi-filter-button){height:35px;border-color:#dce8ee;border-radius:9px;background:#fbfdfe;color:var(--page-ink);font-size:12px}
#page-tasks .task-filter-panel :is(input,select,.multi-filter-button):focus{border-color:#83d1e1;box-shadow:0 0 0 3px rgba(0,159,186,.08)}
#page-tasks .tasks-table-card{border:1px solid var(--page-line);border-radius:16px;overflow:hidden;box-shadow:0 7px 22px rgba(22,55,76,.04);background:#fff}
#page-tasks .tasks-create-action{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:35px;white-space:nowrap;border-radius:9px;background:#009fba;box-shadow:none;font-size:12px;padding:0 13px}
#page-tasks .tasks-create-action:hover{background:#008da6;transform:none;box-shadow:none}
#page-tasks .tasks-table-card>.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
#page-tasks table{min-width:1100px;table-layout:fixed}
#page-tasks .task-project-link{display:block;max-width:100%;border:0;background:none;padding:0;text-align:right;font:inherit;font-size:12px;font-weight:600;line-height:1.65;color:#267d92;white-space:normal;overflow-wrap:anywhere}
#page-tasks :is(.task-main-cell,.task-last-note){max-width:100%}
#page-tasks th{padding:14px 10px;background:#fff;color:#718b9b;font-size:11px;font-weight:600;border-bottom:1px solid #e6eff3}
#page-tasks td{padding:17px 10px;color:#23475e;font-size:12px;vertical-align:middle;border-bottom:1px solid #edf2f5;transition:background .15s ease}
#page-tasks tbody tr.clickable-row:hover td{background:#f5fbfc}
#page-tasks .task-health-good td{background:#f6fcf9}
#page-tasks tbody tr.task-health-good:hover td{background:#eef9f3}
#page-tasks .task-main-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.65;color:var(--page-ink)}
#page-tasks .task-closed-row .task-main-title{color:#7c919e;text-decoration:line-through;text-decoration-color:#b8c7ce}
#page-tasks .task-subline{gap:7px;margin-top:6px;line-height:1.5}
#page-tasks .task-subline-type{padding:2px 6px;border-radius:5px;background:#f2f7f9;color:#698391;font-size:10px}
#page-tasks .task-subline-desc{font-size:11px;color:#8197a5}
#page-tasks .task-owner-cell .flex-cell{gap:7px;min-width:0}
#page-tasks .task-owner-cell .flex-cell>div:last-child{min-width:0}
#page-tasks .task-owner-cell .owner-cell-name{font-size:12px;font-weight:600;line-height:1.6;color:#486677;overflow-wrap:anywhere}
#page-tasks .task-cell-empty{font-size:11px;font-weight:400;color:#8b9eaa;line-height:1.5}
#page-tasks .task-table-date{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums;color:#526f80;line-height:1.5}
#page-tasks .task-table-date>span{white-space:nowrap}
#page-tasks .task-table-date small{font-size:10px;font-weight:400;color:#8a9fac}
#page-tasks .task-due-date.is-overdue{color:#b65148}
#page-tasks .task-due-date.is-overdue small{display:inline-flex;align-items:center;gap:4px;color:#b96c62}
#page-tasks .task-due-date.is-overdue small::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
#page-tasks .badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:24px;padding:3px 8px;border-radius:7px;border:1px solid transparent;box-shadow:none;font-size:10.5px;font-weight:600;line-height:1.3;white-space:nowrap}
#page-tasks .task-status::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;box-shadow:none}
#page-tasks .badge-gray{background:#f0f4f7;color:#688190}
#page-tasks .badge-purple{background:#f2eefb;color:#8369b2}
#page-tasks :is(.badge-green,.badge-complete,.badge-success){background:#eaf7f1;color:#328868}
#page-tasks :is(.badge-cyan,.badge-info){background:#eaf7fa;color:#37849a}
#page-tasks :is(.badge-red,.badge-urgent,.badge-danger){background:#fdf0ee;color:#ba6056}
#page-tasks .badge-urgent{border-color:#f5d5d0}
#page-tasks .badge-urgent::before{background:none;color:inherit;width:auto;height:auto;font-size:11px}
#page-tasks .task-priority.badge-cyan{background:#f3f7f9;color:#698592}
#page-tasks .task-priority.badge-gray{background:#f7f9fa;color:#8b9aa3}
#page-tasks .task-last-note-title{color:#526f80;font-size:12px;font-weight:600;line-height:1.5}
#page-tasks .task-last-note-text{color:#8a9eaa;font-size:11px;line-height:1.5}
#page-tasks .task-quick-tools{gap:5px}
#page-tasks :is(.lead-health-btn,.lead-quick-action){width:26px;height:26px;border-radius:8px;font-size:14px;box-shadow:none}
#page-tasks .lead-health-btn{border-color:#daebe3;color:#429876;background:#fbfefc}
#page-tasks .lead-health-btn.active{border-color:#acd9c3;background:#e4f6ec;color:#23805b}
#page-tasks .lead-quick-action{border-color:#e2ebf0;color:#718d9f;background:#fff}
#page-tasks .row-actions .row-btn{border-color:#e3ecf1;border-radius:7px;background:#fff;color:#6f8b9c;font-size:10.5px;padding:5px 7px}
#page-tasks :is(.lead-quick-action,.row-actions .row-btn):hover{border-color:#9cd4df;background:#eff9fc;color:#16859e}
#page-tasks :is(button,.task-project-link):focus-visible{outline:2px solid #39aabd;outline-offset:3px}
#page-tasks .task-table-section>td{padding:0;border-bottom:1px solid #e6eef2;background:#f5f9fb}
#page-tasks .task-table-section-label{display:flex;align-items:center;gap:8px;padding:10px 18px;color:#577586;font-size:11px;font-weight:600}
#page-tasks .task-table-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:21px;padding:0 6px;border:1px solid #dfeaf0;border-radius:6px;background:#fff;color:#6f8797;font-size:10px;font-variant-numeric:tabular-nums}
#page-tasks .task-table-section.is-healthy>td{background:#f2faf6}
#page-tasks .task-table-section.is-healthy .task-table-section-label{color:#4b8e71}
#page-tasks .tasks-table-footer{background:#fbfdfe;gap:12px}
#page-tasks #tasks-pagination .row-btn{min-width:30px;min-height:30px;border-radius:8px;box-shadow:none}

@media(min-width:1025px){
  @container(max-width:1050px){
    #page-tasks .task-filter-panel{flex-wrap:wrap}
    #page-tasks .task-filter-panel>.filter-field{flex:1 1 140px}
    #page-tasks .task-filter-panel>.filter-field:has(#task-filter-search){flex:1 1 210px}
  }
}
@media(max-width:1024px){
  #page-tasks .task-filter-panel>.tasks-create-action{grid-column:1 / -1;min-height:44px}
  #page-tasks .task-main-title{font-size:15px}
  #page-tasks .task-table-date{font-size:13px}
  #page-tasks .task-table-date small{font-size:11px}
}

@media (max-width:1180px){
  #page-my-day,#page-calendar,#page-knowledge,#page-tasks{padding-inline:18px}
  #page-knowledge .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-calendar .calendar-layout{grid-template-columns:1fr}
  #page-calendar .calendar-side{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  #page-my-day,#page-calendar,#page-knowledge,#page-tasks{padding:12px 12px 22px}
  #page-my-day .my-day-stream-grid,#page-knowledge .knowledge-grid{grid-template-columns:1fr}
  #page-my-day .my-day-stream-card{min-height:0;padding:14px}
  #page-my-day .my-day-stream-head{align-items:flex-start;flex-wrap:wrap}
  #page-my-day .my-day-progress-slot{order:3;flex-basis:100%;margin:0;max-width:none}
  #page-calendar .calendar-toolbar{padding:15px;align-items:stretch}
  #page-calendar .calendar-toolbar-actions{justify-content:flex-start}
  #page-calendar .calendar-side{grid-template-columns:1fr}
  #page-knowledge .knowledge-hero{padding:17px}
  #page-knowledge .knowledge-layout{grid-template-columns:1fr}
  #page-knowledge .knowledge-categories-panel{position:static}
  #page-tasks .task-filter-panel{padding:12px}
  #page-tasks .tasks-create-action{align-self:stretch}
}