/* Staff phone contract: docs/staff-phone-design.md. Desktop keeps its tools. */
.staff-phone-label,.staff-phone-actions{display:none}
.staff-personal-details>summary{display:none}
@media(max-width:700px){
  html[data-staff-phone] .staff-desktop-label{display:none}
  html[data-staff-phone] .staff-phone-label{display:inline}
  html[data-staff-phone] .vtabs{right:20%;grid-template-columns:repeat(4,minmax(0,1fr))}
  html[data-staff-phone] .mobile-tools-toggle{width:20%}
  html[data-staff-phone] #viewTeam,html[data-staff-phone] #viewCalendar,html[data-staff-phone] #viewCommunications,html[data-staff-phone] #viewViewings,html[data-staff-phone] #viewFlows,html[data-staff-phone] #viewMaintenance{display:none!important}
  html[data-staff-phone] #viewInbox{display:flex!important}
  html[data-staff-phone] #viewProps:after{content:none}
  html[data-staff-phone] :is(#viewMarket,#viewAppraisals,#viewPitch,#viewDev,#viewHH,#demoBtn,#clearDemoBtn){display:none!important}
  html[data-staff-phone] #mobileToolsMenu>:is(.btn,a,.mtm-group):not(#securityBtn):not(#viewCommunicationsMore):not(#viewMyHrMore):not(#viewManualMore):not(#viewStudio):not(#signOutBtn){display:none!important}
  html[data-staff-phone] #tdnav,html[data-staff-phone] #propertyAdminTools{display:none!important}
  html[data-staff-phone] .mobile-tools-close{width:44px;height:44px}
  html[data-staff-phone] .mobile-tools-toggle[aria-current="page"]{background:#fff!important;color:#0e2c20!important}
  html[data-staff-phone] .vtabs :focus-visible,html[data-staff-phone] .mobile-tools :focus-visible{outline:3px solid #c4d2be;outline-offset:-3px}
  html[data-staff-phone] .staff-phone-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
  html[data-staff-phone] .staff-phone-actions .btn{min-height:44px;flex:1}
  html[data-staff-phone] #propertyPhoneActions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-staff-phone] .mw-quote{display:none}
  html[data-staff-phone] .mw-greeting{padding:16px;border-radius:16px;grid-template-columns:minmax(0,1fr)}
  html[data-staff-phone] .mw-greeting h2{font-size:21px}
  html[data-staff-phone] .mw-greeting-copy p{font-size:11px;line-height:1.5}
  html[data-staff-phone] .pb-brief{padding:12px;margin-bottom:12px}
  html[data-staff-phone] .pb-brief-head{display:none}
  html[data-staff-phone] .pb-brief-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0}
  html[data-staff-phone] .pb-brief-kpi{padding:8px;display:block}
  html[data-staff-phone] .pb-brief-kpi b{font-size:18px}
  html[data-staff-phone] .pb-brief-kpi span{font-size:10px;line-height:1.3}
  html[data-staff-phone] #myWorkSummary{display:flex;flex-direction:column}
  html[data-staff-phone] .mw-card .btn,html[data-staff-phone] .mw-item{min-height:44px}
  html[data-staff-phone] #myWorkSummary>.mw-queue-toolbar{order:-7}
  html[data-staff-phone] #myWorkSummary>[data-phone-card="calendar"]{order:-6}
  html[data-staff-phone] #myWorkSummary>[data-phone-card="actions"]{order:-5}
  html[data-staff-phone] #myWorkSummary>[data-phone-card="maintenance"]{order:-4}
  html[data-staff-phone] #myWorkSummary>[data-phone-card="nudges"]{order:-3}
  html[data-staff-phone] #myWorkSummary>[data-phone-card="approvals"]{order:-2}
  html[data-staff-phone] .staff-personal-details{margin-top:18px;border:1px solid var(--line,#dbe5dc);border-radius:12px;background:var(--panel,#fff)}
  html[data-staff-phone] .staff-personal-details>summary{display:block;cursor:pointer;padding:14px;font-size:13px;font-weight:700;min-height:44px;box-sizing:border-box}
  html[data-staff-phone] .staff-personal-details>summary:after{content:'Show';float:right;font-size:11px}
  html[data-staff-phone] .staff-personal-details[open]>summary:after{content:'Hide'}
  html[data-staff-phone] .staff-personal-details>.panel{margin-top:0!important;border:0}
}