#planning-panel[data-planning-mode="choose"] #planning-content>:not(#planning-mode-switch):not(#planning-choice-intro):not(#planning-add-tools),#planning-panel[data-planning-mode="meetings"] #planning-content>:not(#planning-mode-switch):not(#meeting-planner-root):not(#planning-add-tools),#planning-panel[data-planning-mode="calendar"] #planning-content>:not(#planning-mode-switch):not(#meeting-planner-root):not(#planning-add-tools),#planning-panel[data-planning-mode="activities"] #meeting-planner-root{display:none!important}
.mp-mode-switch{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 24px}.mp-mode-switch>button{border:1px solid #7e919f;border-radius:8px;background:#fff;color:#12233d;font-weight:800;padding:12px 18px;cursor:pointer}.mp-mode-switch>button small{display:none}.mp-mode-switch>button[aria-pressed="true"]{background:#12233d;color:#fff}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>button{flex:1 1 300px;min-height:125px;text-align:left;font-size:1.2rem}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>button small{display:block;font-size:.9rem;font-weight:400;margin-top:10px}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>[data-open-planning-calendar]{flex:0 1 200px}
.mp-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.mp-tools,.mp-footer{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.mp-tools label,.mp-editor label{display:grid;gap:6px;color:#12233d;font-weight:700}.mp-tools input,.mp-tools select,.mp-editor input:not([type="checkbox"]),.mp-editor select,.mp-editor textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #8195a3;border-radius:6px;background:white;color:#12233d;font:inherit}.mp-month{background:#12233d;color:#fff!important;border-radius:6px;padding:9px 14px;margin-top:20px}.mp-meeting-row{display:grid;grid-template-columns:155px 1fr auto;gap:18px;align-items:center;padding:14px;background:#fff;border:1px solid #bac7d1;border-radius:7px;margin:9px 0}.mp-meeting-row p{margin:5px 0;color:#243d4d}.mp-meeting-row small,.mp-date small{display:block;color:#425664}.mp-meeting-row button{font-size:1rem;text-align:left;font-weight:800;padding:0;border:0;background:none;color:#12233d}.mp-plan-state{font-size:.78rem;font-weight:800;border:1px solid #738a98;padding:6px 9px;border-radius:5px}.mp-meeting-row.is-cancelled{background:#edf0f2;border-style:dashed}.mp-meeting-row.is-cancelled .mp-plan-state{background:#12233d;color:#fff}.mp-editor{max-width:980px!important;width:calc(100% - 40px)!important;padding:0!important}.mp-editor header{padding:16px 22px}.mp-editor-body{padding:20px 24px;max-height:70vh;overflow-y:auto}.mp-editor fieldset{border:0;padding:0;display:grid;gap:18px;min-width:0}.mp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-footer{padding:14px 24px;background:#f5f6f3;margin:0;border-top:1px solid #bcc6cd}.mp-footer p{margin:0 auto 0 0}.mp-feedback{color:#12233d;font-weight:750}.mp-confirm{background:#fff3cc;border:1px solid #9e8031;padding:16px;margin:16px 0}.mp-confirm[hidden],.mp-badges[hidden]{display:none!important}.mp-confirm button{margin:10px 8px 0 0}.mp-badge{border:1px solid #a5b8c5;border-radius:8px;padding:14px;margin:14px 0}.mp-badge h4{margin:0 0 8px}.mp-badge>small{display:block;color:#425664;margin:8px 0}.mp-badge>button{margin:8px 0}.mp-editor label.mp-requirement{display:flex;align-items:flex-start;gap:12px;font-weight:400;border-top:1px solid #d4dde3;padding-top:10px;padding-bottom:10px}.mp-requirement input{width:20px;height:20px;flex:0 0 20px;accent-color:#12233d;margin:2px 0}.mp-badge-results{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.mp-editor button:focus-visible,.mp-mode-switch button:focus-visible{outline:3px solid #c7a34a;outline-offset:2px}.mp-editor textarea{min-height:100px}.plc-visibility{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.plc-visibility button[aria-pressed="true"]{background:#12233d;color:#fff}
@media(max-width:650px){.mp-meeting-row{grid-template-columns:1fr;gap:8px}.mp-fields{grid-template-columns:1fr}.mp-heading{align-items:start;flex-direction:column}.mp-editor{width:calc(100% - 12px)!important}.mp-editor-body{padding:14px;max-height:65vh}.mp-footer{padding:12px}.mp-tools label{flex:1 1 130px}}

.mp-hero{display:block;padding:24px 28px;border:1px solid #bacd9f;border-left:5px solid #526b27;border-radius:12px;background:linear-gradient(120deg,#eff5e7,#fbfcf9)}.mp-hero>span{display:inline-block;margin-top:18px}.mp-eyebrow{font-size:.8rem;font-weight:800;color:#405522;letter-spacing:.035em;margin:0 0 8px}.mp-hero h2{font:750 clamp(1.5rem,2vw,2rem)/1.25 system-ui,sans-serif;margin:0;color:#173a59}.mp-hero-goal{margin:10px 0 18px;font-size:1.08rem;color:#405568}.mp-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.mp-summary-card{padding:18px;border:1px solid #c7d3dd;border-top:4px solid #526b27;border-radius:12px;background:linear-gradient(180deg,#f5f8ef,#fff)}.mp-summary-card h3{margin:0 0 10px;color:#173a59;font-size:1rem}.mp-summary-card strong{color:#173a59;font-size:1.2rem}.mp-summary-card p{margin:8px 0;color:#405568}.mp-summary-card small{color:#405568}.mp-tools{padding:16px;border:1px solid #c7d3dd;border-radius:12px;background:#f5f8fa}.mp-tools [data-create-meetings],.mp-primary{background:#173a59!important;border-color:#173a59!important;color:#fff!important;font-weight:800}.mp-empty{padding:28px;border:1px dashed #a8b9c5;border-radius:12px;background:#fbfcf9}.mp-empty h3{margin:0 0 8px;color:#173a59}.mp-setup{padding:24px;border:1px solid #bacd9f;border-top:5px solid #526b27;border-radius:12px;background:#fff;margin:20px 0;box-shadow:0 3px 10px #16364b0d}.mp-setup h3{margin:4px 0 8px;font-size:1.6rem;color:#173a59}.mp-schedule-table{width:100%;border-collapse:collapse;margin:20px 0}.mp-schedule-table th{text-align:left;background:#edf2f5;color:#173a59}.mp-schedule-table th,.mp-schedule-table td{padding:14px 12px;border-bottom:1px solid #c7d3dd}.mp-setup-total{font-size:1.1rem;font-weight:800;color:#173a59}.mp-setup-note{color:#405568;line-height:1.6}.mp-setup-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.mp-setup-actions button{padding:10px 16px}.mp-meeting-row{border-radius:12px;border-left:4px solid #526b27;box-shadow:0 3px 10px #16364b0d}.mp-plan-state{background:#f5f8ef;border-color:#bacd9f;border-radius:7px}.mp-month{padding:8px 14px;font-size:.9rem;border-radius:7px}@media(max-width:700px){.mp-summary{grid-template-columns:1fr}.mp-hero{padding:18px}.mp-schedule-table{font-size:.85rem}.mp-schedule-table th,.mp-schedule-table td{padding:10px 5px}.mp-setup{padding:16px}.mp-setup-actions button{flex:1}.mp-hero .planning-flow-guidance{grid-template-columns:1fr}}

#planning-choice-intro{display:none}#planning-panel[data-planning-mode="choose"]{min-height:0!important;padding:24px!important}#planning-panel[data-planning-mode="choose"]>.module-head{display:none!important}#planning-panel[data-planning-mode="choose"] #planning-choice-intro{display:block;margin:0}#planning-panel[data-planning-mode="choose"] #planning-content{gap:0}#planning-panel[data-planning-mode="choose"] .mp-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 0}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>button{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:290px;padding:24px;border:1px solid #a8b9c5;border-top:4px solid #526b27;border-radius:12px;background:linear-gradient(180deg,#f5f8ef,#fff 160px);box-shadow:0 3px 10px #16364b0d;font-size:1rem;text-align:left}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>button:hover{border-color:#526b27;background:linear-gradient(180deg,#edf3e4,#fff 180px);box-shadow:0 6px 18px #16364b16}#planning-panel[data-planning-mode="choose"] .mp-choice-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #bacd9f;background:#edf3e4;border-radius:10px;color:#173a59;margin-bottom:18px}.mp-choice-icon svg{width:30px;height:30px}.mp-choice-icon,.mp-choice-action{display:none}.mp-choice-title{display:block}#planning-panel[data-planning-mode="choose"] .mp-choice-title{font-size:1.35rem;font-weight:800;color:#173a59;line-height:1.25;margin-bottom:10px}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>button small{margin:0;font-size:.96rem;line-height:1.55;color:#405568}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>button .mp-choice-detail{font-size:.88rem;margin-top:12px}#planning-panel[data-planning-mode="choose"] .mp-choice-action{display:block;width:100%;margin-top:auto;padding-top:22px;color:#173a59;font-size:.92rem;font-weight:800}.mp-choice-guidance{margin:18px 0 0;padding-top:16px;border-top:1px solid #cad7b9;color:#405568;font-size:.95rem;line-height:1.55}@media(max-width:800px){#planning-panel[data-planning-mode="choose"] .mp-mode-switch{grid-template-columns:1fr}#planning-panel[data-planning-mode="choose"] .mp-mode-switch>button{min-height:0;padding:20px}#planning-panel[data-planning-mode="choose"]{padding:16px!important}}

.mp-meeting-row{position:relative;cursor:pointer}.mp-meeting-row [data-open-meeting]{position:static!important}.mp-meeting-row [data-open-meeting]::after{content:"";position:absolute;inset:0;cursor:pointer;border-radius:inherit}.mp-meeting-row:hover{background:#f5f8ef;border-color:#526b27}.mp-meeting-row:has([data-open-meeting]:focus-visible){outline:3px solid #947016;outline-offset:3px}

.mp-add-tools{display:flex;justify-content:flex-end;margin:-8px 0 20px}.mp-add-tools button{padding:10px 16px;border-radius:8px}.mp-add-tools button[hidden]{display:none!important}

.mp-month-navigation{display:grid;grid-template-columns:40px minmax(150px,180px) 40px auto;gap:6px;align-items:center;margin-right:auto}.mp-month-navigation button{min-height:40px;margin:0;white-space:nowrap}.mp-month-navigation [data-meetings-month-heading]{font-weight:800}.mp-month-jump{display:flex;gap:8px;align-items:end;order:10;flex-basis:100%}.mp-month-jump[hidden]{display:none!important}.mp-month-jump [name="meetingYear"]{max-width:110px}.mp-tools [data-meetings-all-months][aria-pressed="true"]{background:#173a59;color:#fff}@media(max-width:650px){.mp-month-navigation{width:100%;grid-template-columns:40px minmax(0,1fr) 40px auto}.mp-month-jump{flex-wrap:wrap}}

.mp-add-tools{gap:8px;flex-wrap:wrap}

.mp-editor label.mp-practice-check{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fff3cc;border:1px solid #c2a858;border-radius:8px}.mp-editor .mp-practice-check input{width:20px;height:20px;margin:1px 0;flex:0 0 20px}

.mp-add-tools{align-items:center;justify-content:flex-end;gap:10px;padding:14px 16px;margin:18px 0;border:1px solid #c7d3dd;border-radius:10px;background:#f5f8fa}.mp-add-tools[hidden]{display:none!important}.mp-add-label{margin-right:auto;color:#405522;font-size:.86rem}.mp-add-tools button{min-height:42px;margin:0}.mp-add-tools+.mp-mode-switch{margin-top:0!important}@media(max-width:650px){.mp-add-label{flex-basis:100%}.mp-add-tools{justify-content:flex-start}.mp-add-tools button{max-width:100%;white-space:normal}}

/* Fill the meeting workspace so its action bar sits at the viewport bottom. */
:is(#place-dialog,dialog).mp-editor.basecamp-workspace-dialog{overflow:hidden!important}
dialog.mp-editor.basecamp-workspace-dialog>.mp-editor-body{flex:1 1 0;min-height:0;max-height:none!important;overflow-y:auto;box-sizing:border-box}
dialog.mp-editor.basecamp-workspace-dialog>.mp-footer{flex:0 0 auto;align-items:center;min-width:0;box-sizing:border-box}

/* The combined calendar uses one workspace/action bar above its date controls. */
#planning-panel[data-planning-mode="calendar"] #planning-content { display: flex!important; flex-wrap: wrap; align-items: center; gap: 12px; }
#planning-panel[data-planning-mode="calendar"] #planning-mode-switch { flex: 1 1 auto; margin: 0; gap: 8px; }
#planning-panel[data-planning-mode="calendar"] #planning-mode-switch > button { min-height: 40px; padding: 9px 12px; margin: 0; }
#planning-panel[data-planning-mode="calendar"] #planning-add-tools { flex: 0 1 auto; margin: 0!important; padding: 0; border: 0; background: transparent; gap: 8px; }
#planning-panel[data-planning-mode="calendar"] .mp-add-label { display: none; }
#planning-panel[data-planning-mode="calendar"] #planning-add-tools button { min-height: 40px; padding: 9px 12px; }
#planning-panel[data-planning-mode="calendar"] #meeting-planner-root { flex: 1 1 100%; min-width: 0; }
#planning-panel[data-planning-mode="calendar"] #meeting-planner-root > h2 { font-size: 1.35rem; margin: 4px 0 12px; }

/* Match the regular calendar's single page panel instead of nesting two insets. */
#planning-panel[data-planning-mode="calendar"] { padding:18px!important; background:#fff!important; border:1px solid var(--line)!important; border-radius:14px!important; box-shadow:none!important; }
#planning-panel[data-planning-mode="calendar"] #planning-content { padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
