/* Projects and service calls share the same mobile controls. */
.work-filter-fields,.work-toolbar-controls{display:contents}.work-mobile-filters{display:none!important}
.content .work-filter-fields>label{display:flex;align-items:center;gap:10px;min-width:0;min-height:42px;height:42px;padding:0 12px;border:1px solid var(--list-outline);border-radius:11px;background:var(--list-control)}
.content .work-filter-fields>label>span{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;letter-spacing:.01em}
@media(max-width:800px){
 .office:has(.project-module)>.stage>.topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:10px;position:relative;top:0;border-radius:24px}
 .office:has(.project-module)>.stage>.topbar>.mobile-menu{grid-area:1 / 1}
 .office:has(.project-module)>.stage>.topbar>.department-switcher{grid-area:1 / 2;min-width:0;width:100%;max-width:none}
 .office:has(.project-module)>.stage>.topbar>.global-search{grid-area:1 / 3;margin:0;width:44px}
 .office:has(.project-module)>.stage>.topbar>.topbar-actions{grid-area:2 / 1 / 3 / -1;display:grid;grid-template-columns:minmax(0,1fr) repeat(4,44px);gap:6px;width:100%;margin:0;min-width:0}
 .office:has(.project-module) .topbar .mobile-punch{width:100%;margin:0;padding-inline:8px;gap:6px}
 .office:has(.project-module) .topbar .mobile-punch-copy{min-width:0}.office:has(.project-module) .topbar .mobile-punch-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.office:has(.project-module) .topbar .mobile-punch-copy small{font-size:11px}
 .content .project-module>.page-heading{display:block;margin:0 0 16px}.content .project-module>.page-heading h1{font-size:28px;line-height:1.2}.content .project-module>.page-heading p{font-size:14px;line-height:1.5;margin-top:8px}
 .content .project-module .heading-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:16px}.content .project-module .heading-actions button{min-height:46px;font-size:14px;padding:10px 14px;white-space:normal}
 .content .project-module .work-toolbar{padding:12px;gap:10px;border-radius:20px;margin-bottom:16px}.content .project-module .work-toolbar .input-wrap{min-height:48px;height:48px;padding:0 12px}.content .project-module .work-toolbar input{font-size:16px}
 .content .project-module .work-filter-row{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0;border:0}
 .content .project-module .work-toolbar-controls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;order:-1}
 .content .project-module .work-mobile-filters{display:inline-flex!important;min-height:44px;font-size:13px;padding:8px 10px;gap:6px}.work-filter-count{font-size:11px;color:var(--accent)}
 .content .project-module .view-switch{display:flex;margin:0;min-width:0}.content .project-module .view-switch button{flex:1;min-width:0;min-height:44px;padding:8px;font-size:13px;gap:6px}
 .content .project-module #work-count{grid-column:1/-1;font-size:12px;color:var(--muted)}
 .content .project-module .work-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:10px}
 .content .project-module .work-toolbar[data-mobile-filters-open=false] .work-filter-fields{display:none}
 .content .project-module .work-filter-fields>label{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:70px;padding:9px 12px;gap:3px}
 .content .project-module .work-filter-fields>label:first-child{grid-column:1/-1}
 .content .project-module .work-filter-fields select{width:100%;max-width:none;min-width:0;font-size:16px;height:44px;padding-right:24px}
 .content .project-module .toolbar-reset{grid-column:1/-1;min-height:44px;justify-content:center;font-size:13px}
 .content .project-module .records-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.content .project-module .work-card{padding:16px;border-radius:20px}
 .content .project-module .work-card .record-card-top{gap:8px;flex-wrap:wrap;margin-bottom:12px}.content .project-module .work-card .work-kind{font-size:11px;line-height:1.4}
 .content .project-module .work-status{max-width:100%;min-height:28px;font-size:12px;line-height:1.4;padding:5px 9px;border-radius:999px;white-space:normal;overflow-wrap:anywhere}
 .content .project-module .work-card .number-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.content .project-module .work-card .number-pair>div{padding:0;border:0;background:none;gap:4px;min-width:0}.content .project-module .work-card .number-pair span{font-size:12px}.content .project-module .work-card .number-pair strong{font-size:22px;font-weight:550;line-height:1.2;overflow-wrap:anywhere}
 .content .project-module .work-card h2{font-size:17px;font-weight:550;line-height:1.45;margin:0 0 8px}.content .project-module .work-card .work-card-client{font-size:14px;line-height:1.5;margin-bottom:8px}.content .project-module .work-card :is(.work-card-address,.work-card-manager){font-size:13px;line-height:1.5;gap:8px;margin-top:6px}
 .content .project-module .work-card .record-summary{gap:8px;padding-top:12px}.content .project-module .work-card .record-summary>div{grid-template-columns:16px minmax(0,1fr) auto;gap:8px}.content .project-module .work-card .record-summary>div :is(span,strong){font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 .content .project-module .work-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;margin:16px 0 24px}.content .project-module .work-pagination button{min-width:0;min-height:46px;padding:10px 8px;font-size:13px;white-space:normal}.content .project-module .work-pagination>span{font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
 .content .project-module #work-results>.table-panel{background:none;border:0;box-shadow:none;backdrop-filter:none;overflow:visible}.content .project-module #work-results .table-scroll{overflow:visible}
 .content .project-module .work-project-table{display:block;min-width:0;width:100%}.content .project-module .work-project-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.content .project-module .work-project-table tbody{display:grid;gap:10px}
 .content .project-module .work-project-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--glass-panel);cursor:pointer}.content .project-module .work-project-table td{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:0;border:0;font-size:14px;overflow-wrap:anywhere}.content .project-module .work-project-table td:nth-child(-n+2){grid-column:1/-1}.content .project-module .work-project-table td[data-label]::before{content:attr(data-label);font-size:12px;line-height:1.4;color:var(--muted)}
 .content .project-module .work-project-table td .text-button{width:100%;min-height:44px;padding:6px 0;font-size:15px;line-height:1.5;text-align:left;justify-content:space-between;white-space:normal}
 #overlay .modal.project-create-modal{display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:hidden}#overlay .modal-backdrop:has(.project-create-modal){padding:0;align-items:stretch}
 #overlay .project-create-modal>header{flex:none;position:static;gap:12px;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 16px) calc(env(safe-area-inset-right,0px) + 16px) 14px calc(env(safe-area-inset-left,0px) + 16px)}#overlay .project-create-modal>header h2{min-width:0;font-size:22px;line-height:1.3}#overlay .project-create-modal>header .icon-button{flex:none;width:44px;height:44px;min-width:44px;min-height:44px}
 #overlay .project-create-modal .estimation-form{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px calc(env(safe-area-inset-right,0px) + 12px) calc(env(safe-area-inset-bottom,0px) + 16px) calc(env(safe-area-inset-left,0px) + 12px)}
 #overlay .project-create-modal .project-create-columns{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:14px}#overlay .project-create-modal .project-create-section{display:block;grid-row:auto;grid-column:auto;padding:14px;border-radius:18px}#overlay .project-create-modal .project-create-fields{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:14px}
 #overlay .project-create-modal .form-field{grid-column:1/-1;min-width:0;gap:6px;font-size:14px}#overlay .project-create-modal .form-field :is(input,select,textarea){width:100%;max-width:100%;min-width:0;min-height:48px;height:auto;padding:12px;font-size:16px;line-height:1.5}#overlay .project-create-modal .form-field select{padding-right:38px}#overlay .project-create-modal .form-field textarea{min-height:120px;resize:vertical}
 #overlay .project-create-modal .form-actions{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 0 0;margin-top:16px;background:transparent}#overlay .project-create-modal .form-actions button{min-height:48px;padding:12px;font-size:14px;white-space:normal}
 .content .project-module :is(button,a,input,select):focus-visible{outline:2px solid var(--ui-focus);outline-offset:-3px}
}
@media(max-width:360px){.office:has(.project-module)>.stage>.topbar>.topbar-actions{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center}.office:has(.project-module) .topbar .mobile-punch{grid-column:1/-1;justify-content:center}.office:has(.project-module) .topbar .mobile-punch-copy{flex-direction:row;gap:8px;align-items:center}.content .project-module .work-toolbar-controls,.content .project-module .work-filter-fields{grid-template-columns:minmax(0,1fr)}.content .project-module .work-pagination button{flex-direction:column;gap:3px}}
@media(hover:none){.content .project-module .work-card:hover,.content .project-module .work-card:active{transform:none}}