/* Mobile sales work keeps the existing K3 surfaces and native controls. */
body.crm-dialog-open{overflow:hidden;overscroll-behavior:none}
.drawer-head>div{min-width:0}
.drawer-head h2,.drawer-head p{overflow-wrap:anywhere}
.drawer-head .close{flex:none;align-self:flex-start}
.drawer-scroll{overscroll-behavior:contain;scroll-padding-block:20px 100px}
.drawer .cloud-status{position:static;flex:none;max-height:25dvh;overflow:auto;z-index:auto}
.quotation-files{display:grid;gap:10px;margin:14px 0}
.quotation-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
.quotation-file>div{min-width:0;flex:1}
.quotation-file strong,.quotation-file small{display:block;overflow-wrap:anywhere}
.quotation-file small{margin-top:4px;color:var(--muted);font-size:13px}
.quotation-file .btn{flex:none;text-decoration:none;min-height:44px;white-space:normal}
.quotation-file .nav-icon{width:18px;height:18px}
.quotation-document{padding-block:8px 18px}
.lead-contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.lead-contact-actions .btn{min-height:44px;text-decoration:none}
.lead-contact-actions .nav-icon{width:18px;height:18px}
.quote-mobile-status{display:none}
.quote-extra-filters{flex:1 1 100%;min-width:0}
.quote-extra-filters summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--blue);font-weight:700}
.quote-extra-filter-fields{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:8px 0}
.quote-extra-filter-fields .field{flex:1 1 180px}
.mobile-form-actions{margin-top:18px}
.quotation-files a:focus-visible,.quote-extra-filters summary:focus-visible,.lead-contact-actions a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:760px){
 .mobile-header{height:calc(61px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
 .mobile-more-scrim{inset:calc(61px + env(safe-area-inset-top)) 0 calc(66px + env(safe-area-inset-bottom))}
 .mobile-more{max-height:calc(100dvh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}
 .mobile-more-head{position:sticky;top:0;background:var(--paper,#fff);z-index:1}
 .mobile-more-head button,.mobile-more-grid button{min-height:48px}
 .bottom-nav button{min-width:0;min-height:58px;gap:4px;padding:6px 2px}
 .bottom-nav button span{font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
 .main{padding-bottom:calc(104px + env(safe-area-inset-bottom));min-width:0}
 .breadcrumb{flex-wrap:wrap;gap:6px;font-size:13px}
 .breadcrumb button{min-height:44px}
 .page-intro h1{font-size:24px;line-height:1.4;overflow-wrap:anywhere}
 .drawer{height:100dvh;max-height:100dvh;min-width:0}
 .drawer-head{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;max-height:32dvh;overflow:auto}
 .drawer-head h2{font-size:20px;line-height:1.45;margin-top:4px}
 .drawer-head p{font-size:14px;line-height:1.5}
 .drawer-head .close,.drawer-back{min-width:44px;min-height:44px}
 .drawer-scroll{padding:16px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-height:0}
 .drawer .field-grid{grid-template-columns:minmax(0,1fr)}
 .drawer :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;max-width:100%;min-width:0}
 .drawer :is(.btn,.linkbtn,.tag-chip,summary){min-height:44px;white-space:normal;overflow-wrap:anywhere}
 .drawer .saved-file{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
 .drawer .saved-file>div,.drawer .saved-file>strong{min-width:0;overflow-wrap:anywhere;flex:1 1 180px}
 .drawer .detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .drawer .detail-grid dd{overflow-wrap:anywhere}
 .lead-contact-actions .btn{flex:1 1 120px}
 .mobile-form-actions{position:sticky;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--paper,#fff);border-top:1px solid var(--line);z-index:2}
 .mobile-form-actions .btn{min-height:48px;font-size:16px;line-height:1.5}
 .crm-dialog-open .cloud-status.ready{display:none}
 .desk32-workspace .desk32-tabs{display:none}
 .quote-mobile-status{display:block;margin:0}
 .quote-mobile-status select{width:100%;min-height:48px;font-size:16px}
 .desk32-filters{gap:10px}
 .desk32-filters>.field{flex:1 1 100%}
 .desk32-filters input,.desk32-filters select{font-size:16px;min-height:48px}
 .desk32-filters>.btn{min-height:44px}
 .quote-extra-filter-fields{display:grid;grid-template-columns:minmax(0,1fr)}
 .desk32-workspace .page-actions .btn{width:100%;min-height:48px;font-size:16px;white-space:normal}
 .desk32-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}
 .desk32-copy{grid-column:1/-1}
 .desk32-copy .row-title{font-size:17px;line-height:1.5;min-height:44px}
 .desk32-copy p{font-size:15px;line-height:1.6}
 .desk32-copy small,.desk32-meta{font-size:13px;line-height:1.6}
 .desk32-row>.btn{min-height:44px;white-space:normal;max-width:112px}
 .quotation-file{flex-wrap:wrap;align-items:flex-start}
 .quotation-file>div{flex-basis:100%}
 .quotation-file .btn{width:100%;justify-content:center;font-size:15px}
 .desk32-actions .btn{flex:1 1 130px;white-space:normal}
 .work-item-meta,.work-time small,.plan-pulse-state{font-size:12px;line-height:1.5}
 .work-queue .panel-head .btn{font-size:13px;min-height:44px}
}
@media(max-width:360px){.drawer .detail-grid{grid-template-columns:minmax(0,1fr)}.bottom-nav button span{font-size:11px}}
@media(max-height:500px) and (max-width:760px){.drawer-head{max-height:38dvh;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}.mobile-form-actions{position:static}.mobile-more{max-height:calc(100dvh - 100px - env(safe-area-inset-bottom))}}

/* CRM34: compact phone workspaces, while desktop keeps its expanded context. */
.phone-section-toggle,.phone-lead-lens,.customer-actions-toggle{display:none}
.phone-section{min-width:0}
.customer-primary-actions,.customer-secondary-buttons{display:flex;flex-wrap:wrap;gap:8px}
.customer-secondary-actions{min-width:0}
.lead-requirement{margin:14px 0}
.lead-requirement summary{cursor:pointer;list-style:none;line-height:1.65;min-height:44px;overflow-wrap:anywhere}
.lead-requirement summary::-webkit-details-marker{display:none}
.lead-requirement-label{display:block;color:var(--muted);font-size:13px;font-weight:700}
.lead-requirement-preview{display:block;margin-top:6px;font-size:16px;white-space:pre-wrap}
.lead-requirement-expand,.lead-requirement-collapse{color:var(--blue);font-weight:700;font-size:14px;min-height:44px;align-items:center;gap:6px}
.lead-requirement-expand{display:flex}
.lead-requirement-collapse{display:none}
.lead-requirement-expand .nav-icon{width:16px;height:16px}
.lead-requirement[open] .lead-requirement-preview,.lead-requirement[open] .lead-requirement-expand{display:none}
.lead-requirement[open] .lead-requirement-collapse{display:flex}
.lead-requirement .lead-summary-need{white-space:pre-wrap;overflow-wrap:anywhere}
:is(.phone-section-toggle,.customer-actions-toggle,.lead-requirement summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media screen and (max-width:760px){
 .main{padding-inline:max(15px,env(safe-area-inset-left)) max(15px,env(safe-area-inset-right))}
 .main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-width:0;max-width:100%}
 .main :is(.btn,.linkbtn,.tab,.tag-chip,summary){min-height:44px;white-space:normal;overflow-wrap:anywhere}
 .main .row-title{font-size:17px;line-height:1.6;text-align:left}
 .main .list-controls{align-items:stretch;gap:10px}
 .main .list-controls>.input{width:100%;flex-basis:100%;min-height:48px}
 .main .list-controls>.tag-picker{flex:1 1 130px;min-width:0}
 .main .list-controls>.btn{flex:1 1 130px;min-height:48px;font-size:15px}
 .switch-user{min-width:44px;min-height:44px}
 .mobile-header>div{gap:8px}
 .mobile-brand{min-height:44px}
 .bottom-nav{height:auto;min-height:calc(68px + env(safe-area-inset-bottom));padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}
 .mobile-more-scrim{bottom:calc(68px + env(safe-area-inset-bottom))}
 .phone-section{margin-bottom:18px}
 .phone-section-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:72px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);color:var(--ink);padding:14px 15px;text-align:left;line-height:1.5}
 .phone-section-toggle>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
 .phone-section-toggle strong,.phone-section-toggle small{display:block}
 .phone-section-toggle strong{font-size:16px;color:var(--navy)}
 .phone-section-toggle small{margin-top:4px;font-size:13px;font-weight:400;color:var(--muted)}
 .phone-section-verb{color:var(--blue);font-size:14px;font-weight:700;flex:none}
 .phone-section-toggle>.nav-icon{width:18px;height:18px;flex:none;color:var(--blue)}
 .phone-section[data-expanded=false]>.phone-section-content{display:none}
 .phone-section[data-expanded=true]>.phone-section-toggle{border-radius:12px 12px 0 0}
 .phone-section[data-expanded=true]>.phone-section-toggle>.nav-icon{transform:rotate(90deg)}
 .phone-section-content>.panel{border-top:0;border-radius:0 0 12px 12px;margin:0}
 .leads-workspace .lead-all-desktop,.leads-workspace>.lead-tabs{display:none}
 .phone-lead-lens{display:block;margin:0;min-width:0}
 .phone-lead-lens select{width:100%;min-height:48px;font-size:16px;border-color:var(--line);color:var(--ink);background-color:var(--paper,#fff)}
 .leads-workspace .lead-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .leads-workspace .filter-trigger{min-height:48px;font-size:14px}
 .leads-workspace .lead-lens-note{font-size:13px!important;line-height:1.6;margin-bottom:14px!important}
 .leads-workspace .page-actions .btn{font-size:15px;min-height:48px}
 .leads-workspace .list-context{gap:8px;font-size:13px}
 .leads-workspace .lead-sort{font-size:13px}
 .leads-workspace .ticket-need{font-size:16px!important;line-height:1.65}
 .leads-workspace .ticket-contact,.leads-workspace .ticket-project{font-size:14px}
 .leads-workspace .ticket-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
 .leads-workspace .ticket-actions .btn{min-height:48px;font-size:14px;line-height:1.5;padding:8px}
 .tasks-workspace>.lead-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:0}
 .tasks-workspace>.lead-tabs .tab{font-size:15px;min-height:48px;padding:10px 6px;background:var(--paper,#fff);border:1px solid var(--line);border-radius:9px}
 .tasks-workspace>.lead-tabs .tab.active{background:var(--blue-pale);border-color:var(--blue);color:var(--blue)}
 .workspace-row.task-list-row{grid-template-columns:36px minmax(0,1fr) 44px;gap:10px}
 .task-list-row>.row-open{width:44px;min-width:44px;min-height:44px}
 .task-list-row .task-list-date{font-size:13px;flex-wrap:wrap}
 .task-list-row .entity-links button{font-size:14px;min-height:44px}
 .customer-record .record-extra{display:block;grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line);font-size:14px;color:var(--ink);line-height:1.6;overflow-wrap:anywhere}
 .customer-record .record-action{grid-column:2;grid-row:1;min-width:48px;min-height:48px;font-size:14px}
 .customer-record .row-title{overflow-wrap:anywhere}
 .customer-record small{font-size:14px;line-height:1.6}
 .customer-sort{width:100%;display:flex;align-items:center;gap:10px;font-size:14px}
 .customer-sort select{flex:1;min-height:48px}
 .drawer-scroll>.lead-detail-tabs:first-child{position:sticky;top:-16px;z-index:3;margin:-16px -1px 16px;padding-top:8px;background:var(--paper,#fff);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
 .lead-detail-tabs .tab{padding:10px 4px;min-height:52px;white-space:normal;font-size:14px;line-height:1.5}
 .drawer-foot:has(.customer-primary-actions){display:grid;grid-template-columns:minmax(0,1fr);max-height:38dvh;overflow-y:auto;overscroll-behavior:contain}
 .customer-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .customer-primary-actions .btn{min-height:48px;font-size:15px;padding:9px 7px;line-height:1.5}
 .customer-actions-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;font-size:14px}
 .customer-actions-toggle .nav-icon{width:17px;height:17px}
 .customer-secondary-buttons{display:none}
 .customer-secondary-actions.expanded .customer-secondary-buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px}
 .customer-secondary-buttons .btn{font-size:14px;min-height:44px;justify-content:flex-start}
 .work-lenses{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .work-lenses button{font-size:14px;min-height:44px;padding:8px}
 .work-lenses button span{font-size:13px}
 .plan-pulse .linkbtn{min-height:44px}
 .phone-section-toggle:active,.customer-actions-toggle:active{background:var(--blue-pale)}
}
@media screen and (max-width:360px){
 .leads-workspace .ticket-actions{grid-template-columns:minmax(0,1fr)}
 .phone-section-toggle{gap:6px;padding-inline:12px}
 .phone-section-toggle strong{font-size:15px}
 .customer-primary-actions .btn{font-size:14px}
}
@media screen and (max-height:500px) and (max-width:760px){
 .drawer-head p{display:none}
 .drawer-foot:has(.customer-primary-actions){max-height:35dvh;padding-block:8px max(8px,env(safe-area-inset-bottom))}
 .customer-primary-actions .btn{min-height:44px}
}

.resource-controls { margin-bottom: 24px; overflow-wrap: anywhere; }
.resource-controls .field-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.resource-controls input { min-width: 0; width: 100%; min-height: 44px; }
.resource-controls .panel-head { flex-wrap: wrap; gap: 12px; }
@media(max-width:600px) {
 .resource-controls .field-grid { grid-template-columns: minmax(0,1fr); }
 .resource-controls .btn { min-height: 44px; white-space: normal; }
 .resource-controls .panel-head > .btn { width: 100%; }
 .list-pagination { flex-wrap: wrap; }
}
.list-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; }
.list-pagination .btn { min-height: 44px; }

.storage-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); align-items:end; gap:12px; margin:20px 0; }
.storage-file { display:flex; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid var(--border,#dce4e7); }
.storage-file > span:nth-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; }
.storage-file small { display:block; color:var(--muted,#596d7d); }
.storage-file input { width:24px; height:24px; flex-shrink:0; }
.storage-manager .btn,.storage-manager select,.storage-manager input:not([type=checkbox]) { min-height:44px; }
.storage-manager .page-actions,.storage-manager .admin-section-head { flex-wrap:wrap; gap:12px; }
.storage-review { margin-top:24px; padding-top:20px; border-top:1px solid var(--border,#dce4e7); }
.storage-review ul { max-height:220px; overflow:auto; overflow-wrap:anywhere; }
@media(max-width:600px){.storage-filters{grid-template-columns:minmax(0,1fr)}.storage-manager .page-actions>.btn{flex:1 1 160px}.storage-file{align-items:flex-start}.storage-manager input,.storage-manager select{font-size:16px;min-width:0;width:100%}}