.mobile-header,.mobile-bottom-nav,.mobile-drawer-close,.mobile-overlay{display:none}
@media(max-width:780px){
html{scroll-padding-top:72px}body{padding-top:62px;background:#090f14}
.mobile-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;inset:0 0 auto;height:62px;padding:0 16px;background:rgba(10,17,23,.94);border-bottom:1px solid #21303a;backdrop-filter:blur(16px);z-index:24}.mobile-brand{font:800 22px Manrope;letter-spacing:-.06em}.mobile-brand span{color:var(--mint)}.mobile-header>strong{font:700 14px Manrope;text-align:center;white-space:nowrap}.mobile-menu-button{justify-self:end;width:38px;height:38px;border:1px solid #293943;border-radius:11px;background:#121d25;color:#dce4e9;font-weight:800;letter-spacing:2px}
.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;inset:auto 0 0;height:76px;padding:8px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(12,20,27,.97);border-top:1px solid #263540;backdrop-filter:blur(18px);z-index:25}.mobile-bottom-nav button{height:56px;border:0;background:transparent;color:#7f8c98;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:700}.mobile-bottom-nav button span{font-size:20px;line-height:1}.mobile-bottom-nav button small{font-size:10px}.mobile-bottom-nav button.active{color:var(--mint)}.mobile-bottom-nav .mobile-add{align-self:center;width:54px;height:54px;margin:0 auto 13px;border-radius:18px;background:linear-gradient(145deg,#1cb77b,#0d7954);color:white;box-shadow:0 9px 24px rgba(25,185,124,.28);transform:rotate(45deg)}.mobile-bottom-nav .mobile-add span{font-size:29px;transform:rotate(-45deg);font-weight:400}
.sidebar{display:flex;inset:0 auto 0 0;width:min(86vw,340px)!important;height:100dvh;padding:26px 18px 24px;transform:translateX(-105%);transition:transform .25s ease;z-index:31;box-shadow:20px 0 50px rgba(0,0,0,.35)}.sidebar .brand{display:block;padding:5px 10px 30px}.sidebar nav{display:grid;grid-template-columns:1fr;gap:7px}.sidebar .nav-item{justify-content:flex-start;flex-direction:row;gap:13px;padding:0 14px;font-size:15px;min-height:50px}.sidebar .nav-item span{font-size:18px}.sidebar-foot{display:flex}.mobile-drawer-close{display:grid;place-items:center;position:absolute;right:16px;top:18px;width:38px;height:38px;border:1px solid #2b3944;border-radius:50%;background:#17232c;color:#fff;font-size:23px}.mobile-overlay{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}body.mobile-menu-open .sidebar{transform:none}body.mobile-menu-open .mobile-overlay{display:block}body.mobile-menu-open{overflow:hidden}
main{padding:0 14px 102px}.topbar{padding:15px 0 11px}.topbar>div:first-child{display:none}.top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.period-select{min-width:0!important;height:44px;padding:0 9px;font-size:12px}.period-select select{min-width:0;max-width:90px}.top-actions .btn{display:none}
.metric-grid,.metric-grid.compact{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:7px -14px 13px;padding:0 14px 4px;scrollbar-width:none}.metric-grid::-webkit-scrollbar{display:none}.metric{flex:0 0 148px;min-height:122px;padding:16px;scroll-snap-align:start}.metric strong{font-size:24px}.hero-strip{padding:20px;border-radius:14px}.hero-strip h2{font-size:20px}.hero-strip p{line-height:1.5}.target-wrap{margin-top:2px}.dashboard-grid{gap:12px}.panel{padding:17px}.chart{height:190px}.score-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.score-panel .panel-head,.score-panel .mini-stats{grid-column:1/-1}.ring{width:118px;height:118px}.activity{padding:13px 0}.activity-value{display:none}
.section-summary{align-items:center;padding:11px 0}.section-summary h2{font-size:20px}.section-summary .btn,.review-toolbar .btn{min-width:44px;font-size:0;padding:0 13px}.section-summary .btn:before,.review-toolbar .btn:before{content:'＋';font-size:20px}.section-summary .micro{display:none}.table-toolbar{min-height:auto;padding:14px;gap:12px}.table-toolbar input,.table-toolbar select{height:44px}
.table-scroll{overflow:visible}table{min-width:0}thead{display:none}tbody{display:grid;gap:10px;padding:10px}tr{display:grid;background:#111b24;border:1px solid #24333e;border-radius:12px;padding:14px;gap:8px}td{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;padding:0;border:0;font-size:13px;gap:10px;line-height:1.45}td:before{color:#778592;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}#callsTable td:nth-child(1):before{content:'Booked'}#callsTable td:nth-child(2):before{content:'Call time'}#callsTable td:nth-child(3):before{content:'Prospect'}#callsTable td:nth-child(4):before{content:'Offer'}#callsTable td:nth-child(5):before{content:'Outcome'}#callsTable td:nth-child(6):before{content:'Notes'}#dealsTable td:nth-child(1):before{content:'Date'}#dealsTable td:nth-child(2):before{content:'Client'}#dealsTable td:nth-child(3):before{content:'Offer'}#dealsTable td:nth-child(4):before{content:'Deal size'}#dealsTable td:nth-child(5):before{content:'Collected'}#dealsTable td:nth-child(6):before{content:'Commission'}#dealsTable td:nth-child(7):before{content:'Payment'}#dealsTable td:nth-child(8):before{content:'Status'}#paymentSchedule td:nth-child(1):before{content:'Payment date'}#paymentSchedule td:nth-child(2):before{content:'Client'}#paymentSchedule td:nth-child(3):before{content:'Payment'}#paymentSchedule td:nth-child(4):before{content:'Commission'}#paymentSchedule td:nth-child(5):before{content:'GBP value'}#paymentSchedule td:nth-child(6):before{content:'Type'}td:last-child{display:block;border-top:1px solid #25343f;padding-top:10px;margin-top:3px}.row-actions{justify-content:flex-end}.row-action{min-height:36px;min-width:42px;background:#1b2832;border-radius:8px}.row-action.edit{padding:8px 14px}.commission-hero{padding:22px}.commission-hero>div>strong{font-size:38px}.commission-split{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.commission-split div:last-child{grid-column:1/-1}.schedule-panel table{min-width:0}
.calendar-toolbar{margin-top:11px}.calendar-toolbar .micro{display:none}.calendar-toolbar h2{font-size:20px}.calendar-actions{display:grid;grid-template-columns:repeat(3,1fr)}.calendar-switch{grid-column:1/-1}.calendar-actions #calendarAdd{grid-column:1/-1}.calendar-summary{gap:8px}.calendar-summary>div{padding:11px}.calendar-summary strong{font-size:18px}.month-grid{gap:3px;padding:5px}.month-weekdays{background:transparent}.calendar-day{border:0;border-radius:8px;min-height:54px;padding:4px;background:#111b24}.calendar-day.outside{opacity:.38}.day-number{width:22px;height:22px}.day-events{display:flex;gap:3px;margin:3px 0 0}.year-grid{padding:4px}.mini-month{border:0;border-bottom:1px solid #24323d;padding:15px 10px}
.review-toolbar{align-items:center;flex-direction:row;margin-top:12px}.review-toolbar .micro{display:none}.review-toolbar h2{font-size:20px}.review-metrics{display:flex;overflow-x:auto;margin:0 -14px 12px;padding:0 14px 4px;scroll-snap-type:x mandatory}.review-stat{flex:0 0 140px;scroll-snap-align:start}.insights-panel{padding:16px}.review-detail-head{align-items:flex-start;gap:12px}.detail-actions{flex-direction:column}.score-hero{padding:18px}.review-section{padding:17px}.talk-grid{grid-template-columns:1fr}.transcript-copy pre{font-size:11px}
dialog{width:100%;max-width:none;height:calc(100dvh - 18px);max-height:none;margin:auto 0 0;border-radius:20px 20px 0 0}dialog[open]{display:block}dialog form{min-height:100%;padding:22px 16px 110px;overflow-y:auto}.modal-head{position:sticky;top:-22px;z-index:2;margin:-22px -16px 15px;padding:20px 16px 14px;background:#111a23;border-bottom:1px solid #26343f}.modal-head h2{font-size:20px}.form-grid{margin:16px 0;gap:14px}.form-grid input,.form-grid select{height:48px;font-size:16px}.form-grid textarea{font-size:16px}.modal-actions{position:fixed;inset:auto 0 0;z-index:3;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#111a23;border-top:1px solid #2a3945}.modal-actions .btn{flex:1;height:48px}.review-dialog textarea{min-height:230px}#toast{left:14px;right:14px;bottom:92px;text-align:center;border-radius:12px}
}
@media(max-width:780px){#paymentSchedule td:last-child{display:grid;border-top:0;padding-top:0;margin-top:0}#reviewHistory td:nth-child(1):before{content:'Date'}#reviewHistory td:nth-child(2):before{content:'Prospect'}#reviewHistory td:nth-child(3):before{content:'Offer'}#reviewHistory td:nth-child(4):before{content:'Deal value'}#reviewHistory td:nth-child(5):before{content:'Outcome'}#reviewHistory td:nth-child(6):before{content:'Overall'}#reviewHistory td:nth-child(7):before{content:'Discovery'}#reviewHistory td:nth-child(8):before{content:'Objections'}#reviewHistory td:nth-child(9):before{content:'Closing'}#reviewHistory td:nth-child(10):before{content:'Collected'}}
@media(max-width:390px){.mobile-header{padding:0 12px}.mobile-brand{font-size:20px}.metric{flex-basis:142px}.commission-split{grid-template-columns:1fr}.commission-split div:last-child{grid-column:auto}td{grid-template-columns:96px minmax(0,1fr)}}

/* Keep the complete reporting month and both arrows visible on narrow screens. */
@media(max-width:780px){
  .top-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .top-actions>.month-navigation{grid-column:1/-1;width:100%;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}
  .top-actions .month-navigation .period-select{width:100%;min-width:0!important;padding:0 12px}
  .top-actions .month-navigation select{width:100%;min-width:0;max-width:none;font-size:14px}
  .top-actions .month-navigation>button{width:44px;min-height:44px}
}