/* Planner21: work first. Scoped to the phone/tablet tool; shared ERP stays intact. */
.pm-department-bar{display:none}
@media(max-width:1024px){
  #plannerView>.pm-back{display:none}
  #plannerView .tenant-planner-heading{grid-template-columns:minmax(0,1fr) minmax(140px,1.2fr);align-items:center;gap:10px;margin:4px 0 12px}
  #plannerView .tenant-planner-heading h2{font-size:24px;letter-spacing:-.7px;margin:0}
  #plannerView .planner-tenant-switcher>span:first-child{display:none}
  #plannerView #plannerTenantMark{display:none}
  #plannerView .planner-tenant-select-shell{grid-template-columns:minmax(0,1fr);padding:0;min-height:44px}
  #plannerView #plannerTenantSelect{padding:8px 28px 8px 10px!important;min-height:44px;border-radius:12px;font-size:16px!important}
  #plannerView .tenant-planner-toolbar{margin-bottom:8px;gap:8px}
  #plannerView #plannerSearch{min-height:44px;padding:10px 12px!important}
  #plannerView #pmPlannerCreate{min-height:44px;min-width:80px;padding:8px 10px}
  #plannerView #pmPlannerSelection{display:grid;grid-template-columns:minmax(0,1fr);position:sticky;top:env(safe-area-inset-top,0px);z-index:25;background:rgba(237,240,242,.97);padding:6px 0 8px;margin:0 0 8px;gap:6px;border-bottom:1px solid var(--flow-line)}
  #pmPlannerSelection>label:has(#pmDepartment){display:none}
  #pmPlannerSelection .pm-department-bar{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;padding:2px 2px 5px}
  .pm-department-bar button{display:flex;flex:none;align-items:center;gap:8px;min-height:44px;max-width:260px;padding:9px 12px;border:1px solid #d3d9df;border-radius:13px;background:#fff;color:#505c64;font-size:13px;font-weight:600;text-align:left;line-height:1.25}
  .pm-department-bar button span{overflow-wrap:break-word;min-width:0}
  .pm-department-bar small{font-size:11px;min-width:18px;text-align:center;padding:2px 4px;border-radius:6px;background:#edf0f2;color:inherit}
  .pm-department-bar button[aria-pressed=true]{background:#28383e;color:#fff;border-color:#28383e}
  .pm-department-bar button[aria-pressed=true] small{background:#ffffff20}
  #pmPlannerSelection>label:has(#pmBucket){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
  #pmPlannerSelection #pmBucket{padding:6px 10px;min-height:44px;border-radius:10px}
  #plannerStatus{padding:0 2px!important;margin:0 0 8px!important;font-size:11px!important}
  #plannerBoard:not(.is-dashboard):not(.is-schedule){gap:14px}
  #plannerBoard .tenant-planner-column>header{padding:0 2px 8px;min-height:30px}
  #plannerBoard .tenant-planner-column>header h3{font-size:14px}
  #plannerBoard .tenant-planner-cards{gap:8px}
  #plannerBoard .p21-bucket-add{display:none}
  #plannerBoard .tenant-planner-card{padding:10px 12px;gap:5px;border-radius:14px}
  #plannerBoard .tenant-planner-card>strong{font-size:15px;line-height:1.35;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #plannerBoard .planner-card-top{margin:0;min-height:20px}
  #plannerBoard .planner-card-top code{padding:3px 6px;font-size:10px}
  #plannerBoard .planner-card-copy{display:none}
  #plannerBoard .planner-card-activity{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #plannerBoard .planner-card-date{font-size:12px}
  #plannerBoard .planner-card-meta>span{font-size:11px;padding:4px 8px}
  #plannerBoard .pm-card-details{border-top:1px solid #edf0f2;margin-top:3px;font-size:12px}
  #plannerBoard .pm-card-details summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#58636d;cursor:pointer;font-size:12px}
  #plannerBoard .pm-card-details summary::after{content:'+';font-size:18px}
  #plannerBoard .pm-card-details[open] summary::after{content:'−'}
  #plannerBoard .pm-card-details>*:not(summary){margin:4px 0 8px}
  #plannerBoard .p21-workflow-actions{margin:0;padding:0;border:0;gap:6px}
  #plannerBoard .p21-workflow-actions button{padding:7px 10px;min-height:44px;border-radius:10px;font-size:12px}
  /* No financial wall before the action queue. All reports remain available. */
  #plannerBoard .p21-dashboard{display:flex;flex-direction:column;gap:12px}
  #plannerBoard .p21d-heading{order:0;margin:0;gap:8px}
  #plannerBoard .p21d-heading h3{font-size:18px;margin:0}
  #plannerBoard .p21d-heading p{font-size:11px;line-height:1.4;margin:4px 0 0}
  #plannerBoard .p21d-heading button{min-height:44px;font-size:12px;padding:8px}
  #plannerBoard .p21d-kpis{order:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}
  #plannerBoard .p21d-kpis>.p21d-kpi{padding:10px 8px;gap:6px;border-radius:12px}
  #plannerBoard .p21d-kpis>.p21d-kpi>span{font-size:11px;line-height:1.3}
  #plannerBoard .p21d-kpis>.p21d-kpi>strong{font-size:23px}
  #plannerBoard .p21d-kpis>.p21d-kpi>small{display:none}
  #plannerBoard .p21d-main{order:3;display:flex;flex-direction:column;gap:14px}
  #plannerBoard .p21d-main>section,#plannerBoard .p21d-main>aside{width:100%}
  #plannerBoard .p21d-filters-details{order:2}
  #plannerBoard .p21d-report-details{order:4}
  #plannerBoard .p21d-departments{order:5;margin:0}
  #plannerBoard .p21-dashboard>.p21d-note{order:6}
  #plannerBoard .p21d-filters-details,#plannerBoard .p21d-report-details{border:1px solid var(--flow-line);border-radius:14px;background:#fff;padding:0 12px}
  #plannerBoard :is(.p21d-filters-details,.p21d-report-details)>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:13px;font-weight:600;color:#40515a}
  #plannerBoard :is(.p21d-filters-details,.p21d-report-details)>summary::after{content:'+';margin-left:auto}
  #plannerBoard :is(.p21d-filters-details,.p21d-report-details)[open]>summary::after{content:'−'}
  #plannerBoard .p21d-filters{margin:0 0 12px}
  #plannerBoard .p21d-card>header{padding:12px}
  #plannerBoard .p21d-card header p{font-size:12px}
  #plannerBoard .p21d-focus{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px 12px;overscroll-behavior-x:contain}
  #plannerBoard .p21d-focus button{flex:none;min-height:44px;padding:8px 10px;font-size:12px}
  #plannerBoard .p21d-order{padding:12px;gap:8px}
  #plannerBoard .p21d-order-identity{gap:5px}
  #plannerBoard .p21d-order-identity>strong{font-size:15px}
  #plannerBoard .p21d-order-identity>span:not(.p21d-order-label):not(.p21d-reasons){font-size:13px}
  #plannerBoard .p21d-order-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px}
  #plannerBoard .p21d-order-meta>small{font-size:11px}
  #plannerBoard .p21d-order-shell>.p21-workflow-actions{padding:0 12px 12px}
  #plannerBoard .p21d-reasons em{font-size:11px}
  #plannerBoard .p21-roe-bridge{padding:12px;margin:12px 0}
  #plannerBoard .p21-roe-department dl{grid-template-columns:minmax(0,1fr);gap:10px}
}