/* Planner-only surfaces; inherit each tenant's readable Supply21 palette. */
body #plannerOrderForm .p21-order-kind-top{grid-column:1/-1;margin:0 0 18px;padding:14px 16px;border:1px solid var(--suite-accent-line);border-radius:14px;background:var(--suite-soft);color:var(--suite-text)}
body #plannerOrderForm .p21-order-kind-top label{display:grid;gap:7px;max-width:380px;color:var(--suite-text);font-size:14px;font-weight:650}
body #plannerOrderForm .p21-order-kind-top select{width:100%;min-height:44px;font-size:15px}
body #plannerBoard .planner-card-top>code{font:850 1rem/1.2 system-ui;letter-spacing:.025em;color:var(--suite-text);background:var(--suite-accent-soft);border:1px solid var(--suite-accent-line);padding:8px 10px;border-radius:9px;max-width:100%;overflow-wrap:anywhere}
body #plannerOrderForm #plannerChecklistChoices label{position:relative}
body #plannerOrderForm #plannerChecklistChoices input{top:12px;left:10px;width:22px;height:22px;min-height:0;margin:0;padding:0}
body #plannerOrderForm .p21-people-picker{grid-column:1/-1;margin:2px 0 8px;padding:16px;border:1px solid var(--suite-line);border-radius:14px;background:var(--suite-soft)}
body #plannerOrderForm .p21-people-controls{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:12px}
body #plannerOrderForm .p21-people-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body #plannerOrderForm .p21-person-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 12px;border:1px solid var(--suite-accent-line);background:var(--suite-accent-soft);border-radius:10px;color:var(--suite-text)}
body #plannerOrderForm .p21-person-chip button{display:grid;place-items:center;padding:0;width:30px;height:30px;min-height:0;line-height:1;background:transparent;color:var(--suite-text);border:0}
body .p21-recurrence-fields{grid-column:1/-1;padding:18px;border:1px solid var(--suite-line);border-radius:16px;background:var(--suite-soft);color:var(--suite-text)}
body .p21-recurrence-fields h3{margin:0 0 8px}body .p21-recurrence-fields p,body .p21-recurrence-fields small{color:var(--suite-muted);line-height:1.55}
.p21-recurrence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.p21-recurrence-grid label{display:grid;gap:6px}
body .p21-recurrence-days{display:flex;gap:12px;flex-wrap:wrap;border:1px solid var(--suite-line);margin:16px 0;padding:12px;border-radius:12px}.p21-recurrence-days label{display:flex;gap:6px;align-items:center}
body .p21-recurrence-days input{position:static!important;width:20px!important;height:20px;min-height:0!important;accent-color:var(--suite-accent)}
body .p21-detail-dialog{box-sizing:border-box;width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid var(--suite-line);border-radius:22px;background:var(--suite-page);color:var(--suite-text)}
.p21-detail-dialog::backdrop{background:#080d12b8;backdrop-filter:blur(6px)}
.p21-detail-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 34px);min-width:0}
body .p21-detail-shell>header,body .p21-detail-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;background:var(--suite-surface);border-bottom:1px solid var(--suite-line)}
.p21-detail-shell h2{margin:10px 0 7px;font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.2;overflow-wrap:anywhere}.p21-detail-shell header p{margin:0;color:var(--suite-muted)}
body .p21-detail-ab{display:inline-block;font:850 .94rem/1.3 system-ui;letter-spacing:.04em;padding:7px 10px;background:var(--suite-accent-soft);color:var(--suite-text);border:1px solid var(--suite-accent-line);border-radius:9px}
body .p21-detail-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;line-height:1;font-size:24px;border:1px solid var(--suite-line);border-radius:12px;color:var(--suite-text);background:var(--suite-soft)}
.p21-detail-head-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
body .p21-detail-roe{display:grid;gap:6px;padding:10px 14px;border:1px solid var(--suite-accent-line);border-radius:12px;background:var(--suite-accent-soft);color:var(--suite-text)}
.p21-detail-roe small{color:var(--suite-muted);font-size:.75rem}.p21-detail-roe strong{font:800 1.25rem/1.3 system-ui;white-space:nowrap}
.p21-roe-short{display:none}
.p21-detail-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 12px}
.p21-detail-money>div{min-width:0;padding:12px;border:1px solid var(--suite-line);border-radius:10px;background:var(--suite-soft)}
.p21-detail-money dt{color:var(--suite-muted);font-size:.8rem;line-height:1.4}.p21-detail-money dd{margin:6px 0 0;font-weight:800;font-size:1.12rem;color:var(--suite-text);overflow-wrap:anywhere}
.p21-detail-financial-note{display:block;line-height:1.5}
.p21-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;align-items:start;gap:16px;overflow:auto;padding:22px 26px;min-height:0}
body .p21-detail-panel{min-width:0;padding:18px;background:var(--suite-surface);border:1px solid var(--suite-line);border-radius:16px}.p21-detail-wide{grid-column:1/-1}
.p21-detail-panel h3{font-size:1rem;margin:0 0 16px}.p21-detail-panel p{margin:8px 0;line-height:1.6}.p21-detail-panel small,.p21-detail-muted{color:var(--suite-muted)}
.p21-detail-facts{display:grid;grid-template-columns:180px minmax(0,1fr) 100px minmax(0,1fr);gap:10px 16px;margin:0}.p21-detail-facts dt{color:var(--suite-muted);overflow-wrap:anywhere;hyphens:auto}.p21-detail-facts dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.p21-detail-facts{align-items:center}.p21-detail-facts>dd{min-width:0}
body .p21-detail-status-select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--suite-line);border-radius:10px;background:var(--suite-soft);color:var(--suite-text);font:600 16px/1.3 system-ui;cursor:pointer}
body .p21-detail-status-select:focus-visible{outline:2px solid var(--suite-accent);outline-offset:3px}body .p21-detail-status-select:disabled{cursor:default;opacity:.75;-webkit-text-fill-color:var(--suite-text)}
.p21-detail-status-note{display:block;margin-top:12px;line-height:1.5;font-size:.78rem}.p21-detail-status-note.is-error{color:var(--suite-danger)}
.p21-order-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.p21-order-timeline li{display:grid;gap:10px;border-top:3px solid var(--suite-line);padding:14px 12px;background:var(--suite-soft);border-radius:0 0 12px 12px}.p21-order-timeline li.is-planned{border-color:var(--suite-accent)}.p21-order-timeline strong{font-size:.93rem;line-height:1.5}.p21-detail-confirmed{color:var(--suite-success)}
.p21-detail-preparation{display:grid;gap:10px;margin-bottom:14px}
body .p21-detail-check{display:flex;gap:12px;align-items:center;min-height:46px;padding:10px 12px;background:var(--suite-soft);color:var(--suite-text);border:1px solid var(--suite-line);border-radius:10px;font-size:.92rem;cursor:pointer;overflow-wrap:anywhere}
body .p21-detail-check input[type=checkbox]{position:static;flex:0 0 22px;width:22px;height:22px;min-height:0;padding:0;margin:0;appearance:auto;accent-color:var(--suite-accent);opacity:1;cursor:pointer}
body .p21-detail-check:has(input:focus-visible){outline:2px solid var(--suite-accent);outline-offset:3px}
body .p21-detail-check:has(input:disabled){cursor:default}
body .p21-detail-check input:disabled{cursor:default;opacity:.7}
body .p21-detail-preparation .is-complete{border-color:var(--suite-accent-line)}
.p21-detail-check-note{display:block;margin-top:12px;line-height:1.5}
.p21-detail-subtasks{display:grid;gap:12px;margin-bottom:14px}
body .p21-detail-subtask{min-width:0;padding:14px;background:var(--suite-soft);border:1px solid var(--suite-line);border-radius:12px}
body .p21-detail-subtask>.p21-detail-check{padding:0 0 12px;border:0;border-bottom:1px solid var(--suite-line);border-radius:0;min-height:36px}
body .p21-detail-subtask.is-complete{border-color:var(--suite-accent-line)}
.p21-subtask-meta{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 12px;margin:14px 0 10px;font-size:.88rem;line-height:1.5}
.p21-subtask-meta dt{color:var(--suite-muted);overflow-wrap:anywhere}.p21-subtask-meta dd{margin:0;color:var(--suite-text);font-weight:600;overflow-wrap:anywhere}
.p21-subtask-schedule-note{display:block;font-size:.75rem;line-height:1.5}
.p21-detail-progress-note{grid-column:1/-1;line-height:1.5;color:var(--suite-muted)}
.p21-detail-outcome{min-width:0}.p21-detail-save-status{margin:4px 0 0;font-size:.85rem;color:var(--suite-text);overflow-wrap:anywhere}.p21-detail-save-status:empty{display:none}.p21-detail-save-status.is-error{color:var(--suite-danger)}
.p21-detail-text{white-space:pre-wrap;overflow-wrap:anywhere}.p21-detail-document{display:block;padding:10px 0;color:var(--suite-accent)}
body .p21-detail-contact :is(.p21-customer-heading span,.p21-customer-way small,.p21-customer-grid small,.p21-customer-source,.p21-customer-empty){color:var(--suite-muted)}
body .p21-detail-contact .p21-customer-heading h3{color:var(--suite-text);font-size:.96rem}
body .p21-detail-contact :is(.p21-customer-grid h4,.p21-customer-way span){color:var(--suite-text)}
body .p21-detail-contact .p21-customer-way a{color:var(--suite-accent);text-underline-offset:3px}
body .p21-detail-contact address{white-space:pre-line;font-style:normal;font-size:.92rem;line-height:1.6;margin:0 0 12px;color:var(--suite-text)}
body .p21-detail-contact .p21-customer-source{border-color:var(--suite-line)}
body .p21-detail-contact-retry{min-height:42px;padding:10px 14px;border:1px solid var(--suite-line);border-radius:10px;color:var(--suite-text);background:var(--suite-soft);font-weight:700}
body .p21-detail-shell>footer{border-top:1px solid var(--suite-line);border-bottom:0;padding:15px 26px}.p21-detail-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.p21-detail-actions .p21-workflow-actions{display:flex;gap:8px;margin:0}.p21-detail-actions button,.p21-detail-actions a{min-height:42px;padding:10px 14px;border:1px solid var(--suite-line);border-radius:12px;color:var(--suite-text);background:var(--suite-soft);font:700 .88rem/1.3 system-ui;text-decoration:none}.p21-detail-actions .primary-button{background:var(--suite-accent-soft);border-color:var(--suite-accent-line);color:var(--suite-text)}
@media(max-width:700px){.p21-detail-body{grid-template-columns:1fr;padding:16px}.p21-detail-panel:nth-child(2){grid-row:auto}.p21-detail-facts{grid-template-columns:125px minmax(0,1fr)}.p21-order-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}body .p21-detail-shell>header{padding:18px}body .p21-detail-shell>footer{padding:12px 16px;align-items:stretch;flex-direction:column}.p21-detail-actions{gap:8px}.p21-detail-actions>*{flex:1}body #plannerOrderForm .p21-people-controls,.p21-recurrence-grid{grid-template-columns:1fr}}
@media(max-width:700px){.p21-detail-actions>.p21-workflow-actions{flex:1 1 100%;width:100%}.p21-detail-actions>.p21-workflow-actions button{flex:1;min-width:0}.p21-subtask-meta{grid-template-columns:85px minmax(0,1fr)}}
@media(max-width:700px){body .p21-detail-shell>header{flex-wrap:wrap;gap:12px}.p21-detail-shell>header>div:first-child{min-width:0;flex:1 1 180px}.p21-detail-head-actions{gap:10px;flex:1 1 auto;justify-content:space-between}body .p21-detail-roe{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px}.p21-detail-roe strong{font-size:1rem}.p21-detail-money{grid-template-columns:1fr;gap:8px}.p21-detail-money>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.p21-detail-money dd{margin:0;font-size:1rem}.p21-detail-contact .p21-customer-grid{grid-template-columns:1fr;gap:14px}}
@media(max-width:420px){body .p21-detail-dialog{width:100vw;max-height:100dvh;border-radius:0}.p21-detail-shell{max-height:100dvh}.p21-detail-panel{padding:14px}.p21-order-timeline{gap:8px}.p21-order-timeline li{padding:12px 8px}}
/* Dashboard surfaces, including mobile report wrappers, share the tenant palette. */
body #plannerBoard .p21-dashboard{--p21-muted:var(--suite-muted);--p21-line:var(--suite-line);color:var(--suite-text)}
body #plannerBoard :is(.p21d-card,.p21d-kpi,.p21d-order-shell,.p21d-filters-details,.p21d-report-details,.p21-roe-bridge){background:var(--suite-surface);color:var(--suite-text);border-color:var(--suite-line);box-shadow:none}
body #plannerBoard .p21-roe-meter{background:var(--suite-line)}
body #plannerBoard :is(.p21d-card>header,.p21d-focus,.p21d-upcoming button){background:transparent;color:var(--suite-text);border-color:var(--suite-line)}
body #plannerBoard :is(.p21d-heading h3,.p21d-card h3,.p21d-order-identity>strong,.p21d-order-label>b,.p21d-bars strong,.p21d-kpi>strong,.p21d-departments strong){color:var(--suite-text)}
body #plannerBoard :is(.p21d-heading p,.p21d-filters label,.p21d-filters>span,.p21d-card header p,.p21d-order-meta>small,.p21d-order-identity>span:not(.p21d-order-label):not(.p21d-reasons),.p21d-upcoming span,.p21d-empty,.p21d-note,.p21d-kpi>small){color:var(--suite-muted)}
body #plannerBoard :is(.p21d-heading button,.p21d-filters button,.p21d-focus button,.p21d-order,.p21d-departments button,.p21d-more){background:var(--suite-soft);color:var(--suite-text);border-color:var(--suite-line);box-shadow:none}
body #plannerBoard .p21d-order{background:var(--suite-surface)}
body #plannerBoard :is(.p21d-order:hover,.p21d-focus button[aria-pressed=true],.p21d-kpi.is-primary){background:var(--suite-accent-soft);color:var(--suite-text);border-color:var(--suite-accent-line)}
body #plannerBoard .p21d-kpi[aria-pressed=true]{box-shadow:0 0 0 2px var(--suite-accent-line)}
body #plannerBoard .p21d-kpi.is-teal>strong{color:var(--suite-success)}
body #plannerBoard .p21d-kpi.is-amber>strong{color:var(--suite-warning)}
body #plannerBoard .p21d-kpi.is-red{background:var(--suite-danger-soft);border-color:var(--suite-danger)}
body #plannerBoard .p21d-kpi.is-red>strong{color:var(--suite-danger)}
body #plannerBoard .p21d-card h3>span{background:var(--suite-soft);color:var(--suite-text)}
body #plannerBoard :is(.p21d-filters-details,.p21d-report-details)>summary{color:var(--suite-text)}
body #plannerBoard .p21d-bars button{background:transparent;color:var(--suite-text);border:0;box-shadow:none}
body #plannerBoard :is(.p21d-bars i,.p21d-departments i){background:var(--suite-line)}
/* Meters set their widths inline; only their display colors adapt to the theme. */
body #plannerBoard .p21d-bars [data-p21d-focus=new] b,body #plannerBoard .p21d-bars [data-p21d-focus=done] b{background:var(--suite-muted)!important}
body #plannerBoard .p21d-bars [data-p21d-focus=planned] b{background:var(--suite-grid)!important}
body #plannerBoard .p21d-bars [data-p21d-focus=in_progress] b{background:var(--suite-success)!important}
body #plannerBoard .p21d-bars [data-p21d-focus=waiting] b{background:var(--suite-warning)!important}
body #plannerBoard .p21d-departments b{background:var(--suite-accent)}
body #plannerBoard .p21d-upcoming time{color:var(--suite-accent)}
body #plannerBoard .p21d-reasons em{background:var(--suite-warning-soft);color:var(--suite-warning)}
body #plannerBoard .is-overdue .p21d-reasons em:first-child{background:var(--suite-danger-soft);color:var(--suite-danger)}
body #plannerBoard .p21d-order.is-overdue{border-left-color:var(--suite-danger)}
body #plannerBoard .p21-status{background:var(--suite-soft);color:var(--suite-text)}
body #plannerBoard .p21-status-planned{background:var(--suite-soft);color:var(--suite-grid)}
body #plannerBoard .p21-status-in_progress{background:var(--suite-success-soft);color:var(--suite-success)}
body #plannerBoard .p21-status-waiting{background:var(--suite-warning-soft);color:var(--suite-warning)}
body #plannerBoard .p21-status-done{background:var(--suite-soft);color:var(--suite-muted)}
/* Give details a real desktop layout: its anonymous content box cannot flatten
   reliably with display:contents. Phones retain their separate popup below. */
.p21-detail-more>summary{display:none}
@media(min-width:701px){
  body .p21-detail-shell>footer{display:flex;flex-wrap:wrap;gap:10px 20px;padding:12px 26px}
  body .p21-detail-outcome{flex:1 1 120px}
  body .p21-detail-actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:10px;margin-left:auto;max-width:100%}
  body .p21-detail-actions>.p21-detail-more{display:block;flex:0 0 auto;min-width:0;margin:0}
  body .p21-detail-more[open]>.p21-detail-more-items{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}
  body .p21-detail-more-items>.p21-workflow-actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:10px;margin:0;padding:0;border:0}
  body .p21-detail-actions :is(a,button){display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;width:auto;max-width:none;margin:0;padding:10px 14px;white-space:nowrap;line-height:1.3}
  body .p21-detail-actions button[aria-pressed=true]{background:var(--suite-accent-soft);border-color:var(--suite-accent-line);color:var(--suite-text)}
}
.p21-detail-pdf-short{display:none}
@media(max-width:700px){
  body .p21-detail-shell>header{display:grid;grid-template-columns:max-content minmax(0,1fr) 44px;gap:4px 8px;padding:8px 10px}
  .p21-detail-shell>header>div:first-child,.p21-detail-head-actions{display:contents}
  body .p21-detail-ab{grid-column:1;grid-row:1;align-self:center;padding:5px 7px;font-size:.75rem;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body .p21-detail-roe{grid-column:2;grid-row:1;justify-self:end;display:flex;flex-wrap:nowrap;gap:6px;padding:5px 7px;max-width:100%;min-width:0}
  .p21-detail-roe small{font-size:.65rem;white-space:nowrap}.p21-roe-long{display:none}.p21-roe-short{display:inline}
  .p21-detail-roe strong{font-size:.82rem;min-width:0;white-space:normal;overflow-wrap:anywhere}
  body .p21-detail-close{grid-column:3;grid-row:1;width:44px;height:44px;font-size:22px}
  .p21-detail-shell h2{grid-column:1/-1;grid-row:2;margin:0;font-size:1.05rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .p21-detail-shell header p{grid-column:1/-1;grid-row:3;font-size:.75rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .p21-detail-body{padding:12px 10px;gap:12px}.p21-detail-facts{grid-template-columns:112px minmax(0,1fr);gap:8px 12px;font-size:.88rem}
  body .p21-detail-shell>footer{position:relative;display:grid;grid-template-columns:1fr;gap:0;padding:8px 10px max(8px,env(safe-area-inset-bottom,0px))}
  .p21-detail-outcome>small{display:none}.p21-detail-save-status{margin:0 0 6px;font-size:.75rem}
  .p21-detail-actions{display:flex;flex-wrap:nowrap;gap:8px}.p21-detail-actions>*{flex:1;min-width:0}
  body .p21-detail-actions>.primary-button{min-height:44px;padding:9px 12px;font-size:.85rem}
  body .p21-detail-pdf{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.p21-detail-pdf-long{display:none}.p21-detail-pdf-short{display:inline}
  .p21-detail-more{display:block;position:static}
  body .p21-detail-more>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:9px 12px;border:1px solid var(--suite-line);border-radius:12px;background:var(--suite-soft);color:var(--suite-text);font:700 .85rem/1.3 system-ui;cursor:pointer;list-style:none}
  .p21-detail-more>summary::-webkit-details-marker{display:none}.p21-detail-more>summary::after{content:'▴'}.p21-detail-more[open]>summary::after{content:'▾'}
  .p21-detail-more:not([open])>.p21-detail-more-items{display:none}
  .p21-detail-more[open]>.p21-detail-more-items{display:grid;position:absolute;bottom:calc(100% + 6px);right:10px;z-index:2;gap:8px;width:min(280px,calc(100% - 20px));max-height:min(320px,55dvh);overflow:auto;padding:10px;box-sizing:border-box;background:var(--suite-surface);color:var(--suite-text);border:1px solid var(--suite-line);border-radius:14px;box-shadow:0 8px 30px #0005}
  .p21-detail-more-items :is(a,button){display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;width:100%}
  .p21-detail-more-items>.p21-workflow-actions{display:grid;gap:8px}
}
.p21-pack-progress>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.p21-pack-progress>div{display:grid;gap:10px;margin-top:10px}.p21-pack-progress p{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:10px}.p21-pack-progress small{color:var(--muted);font-size:12px}
/* Mini rows retain the same department/status markers and authorized detail opener. */
body #plannerView #plannerBoard.is-mini .tenant-planner-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
body #plannerView #plannerBoard.is-mini:not(.is-dashboard):not(.is-schedule)>.tenant-planner-column:only-child>.tenant-planner-cards{grid-template-columns:minmax(0,1fr)}
body #plannerView #plannerBoard.is-mini .tenant-planner-card.planner-mini-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:7px 10px;border-radius:8px;text-align:left;font:inherit;color:var(--suite-text);background:var(--suite-surface);box-shadow:none;transform:none;cursor:pointer}
body #plannerView #plannerBoard.is-mini .planner-mini-card:hover{background:var(--suite-soft);transform:none;box-shadow:none}
body #plannerView #plannerBoard.is-mini .planner-mini-card:focus-visible{outline:2px solid var(--suite-accent);outline-offset:2px}
body #plannerView #plannerBoard.is-mini .planner-mini-card>.planner-mini-ab{min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--suite-text);font:700 12px/1.35 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body #plannerView #plannerBoard.is-mini .planner-mini-card>.planner-mini-task{display:block;min-width:0;min-height:0;margin:0;color:var(--suite-text);font:650 13px/1.4 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body #plannerView #plannerBoard.is-mini .planner-mini-card>.planner-mini-deadline{display:grid;justify-items:end;gap:1px;min-width:0;margin:0;color:var(--suite-muted);font:500 12px/1.35 system-ui;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){
  body #plannerView #plannerBoard.is-mini .tenant-planner-card.planner-mini-card{grid-template-columns:68px minmax(0,1fr) auto;gap:6px;padding:7px 8px}
  body #plannerView #plannerBoard.is-mini .planner-mini-card>.planner-mini-task{font-size:13px}
  body #plannerView #plannerBoard.is-mini .planner-mini-card>.planner-mini-deadline{font-size:11px}
}