#mobile-bar{display:none}#connection-status{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid #c8dbce;background:#edf5ef;border-radius:8px;margin:12px 0}#connection-status.connection-offline{background:#fff2dc;border-color:#e3bc7e}#upload-progress{padding:10px;background:#edf5ef;border-radius:7px;margin-bottom:12px;font-size:13px}
@media screen and (max-width:1024px){
 button{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px;font-size:16px!important}.calendar-time-event,.calendar-time-slot,.calendar-event{min-height:0}input[type=checkbox],input[type=radio]{width:22px;height:22px}.check-label{min-height:44px}
 *,*:before,*:after{box-sizing:border-box}main,main>div,.panel,.crm-form>*{min-width:0}input,select,textarea{max-width:100%;min-width:0}button{touch-action:manipulation}.actions{flex-wrap:wrap}.job-tabs{overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-x:contain}.job-tabs button{flex:none}.crm-table-wrap{max-width:100%;overscroll-behavior:contain}.reward-pools{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
}
@media screen and (max-width:760px){
 html{scroll-padding-top:150px}body{display:block;margin:0;background:#f5f7f3}main,main.business-view{margin:0!important;width:100%;padding:14px 12px 30px!important}h1{font-size:26px;line-height:1.25}h2{font-size:19px}p,.hint{overflow-wrap:anywhere}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:44px;width:100%}textarea{line-height:1.5}button{min-height:44px;white-space:normal}input[type=checkbox],input[type=radio]{width:22px;height:22px;flex:none}.check-label{min-height:44px;line-height:1.45}.check-label input{width:22px;height:22px}.actions{gap:8px}.actions button{flex:1 1 auto}button.primary{min-height:46px}
 #mobile-bar{display:flex;position:sticky;top:0;z-index:70;height:calc(56px + env(safe-area-inset-top,0px));padding:calc(5px + env(safe-area-inset-top,0px)) 12px 5px;gap:10px;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #d4e0d8}#mobile-bar strong{font-size:22px;letter-spacing:-1px}#mobile-bar small{font-size:11px;letter-spacing:0}#mobile-working{font-size:11px;color:#536d60}#mobile-menu{min-height:44px;padding:7px 13px}
 aside{position:fixed!important;top:calc(56px + env(safe-area-inset-top,0px));left:0;bottom:0;width:min(86vw,330px)!important;max-height:calc(100dvh - 56px - env(safe-area-inset-top,0px));margin:0!important;padding:18px 14px calc(20px + env(safe-area-inset-bottom,0px))!important;background:#fff;z-index:65;overflow-y:auto;overscroll-behavior:contain;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px;visibility:hidden;transform:translateX(-102%);transition:transform .16s ease;box-shadow:10px 0 24px #153c3020}body.mobile-nav-open aside{visibility:visible;transform:translateX(0)}aside .logo{width:175px;max-width:100%;margin:0 0 14px;align-self:flex-start}aside .app-brand{display:none}aside .aside-label{display:block;margin-bottom:10px}aside .crm-nav,aside>button{display:block!important;text-align:left;width:100%;min-height:44px;margin:0;padding:11px 12px;font-size:15px}aside [hidden]{display:none!important}aside .current{display:block!important;background:#e6f0e9}aside .local{display:block;margin-top:12px}aside .local small{font-size:11px}aside nav{display:block;max-height:none;flex:none}aside .aside-new{margin-top:12px}
 .panel{padding:16px!important;margin-bottom:16px;border-radius:10px}header{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}header .actions{width:100%}.section-top{gap:10px;flex-wrap:wrap}.section-top>button{width:100%}.notice{font-size:11px;line-height:1.5;padding:12px}.eyebrow{font-size:10px}
 #job-navigation{position:sticky;top:calc(56px + env(safe-area-inset-top,0px));z-index:45;background:#f5f7f3;padding:8px 0;margin-bottom:8px;gap:6px;scrollbar-width:thin}#job-navigation button{white-space:nowrap;min-height:44px;font-size:13px;padding:10px 12px}#workspace-actions{position:sticky;top:calc(118px + env(safe-area-inset-top,0px));z-index:44;background:#e8f1eb;display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px;margin-bottom:15px;border:1px solid #cddfd3;border-radius:8px}#workspace-actions #save{flex:none;min-height:44px;padding:8px 12px;font-size:13px}#workspace-save-status{font-size:11px;line-height:1.4}#error{top:calc(60px + env(safe-area-inset-top,0px));z-index:60;font-size:13px;overflow-wrap:anywhere}
 .crm-form,.fields,.text-fields,.order-form-grid,#address-fields,.crm-case-summary{grid-template-columns:1fr!important;gap:14px}.crm-case-summary>div:first-child{grid-column:auto}.crm-form .crm-full{grid-column:1/-1}.crm-form .crm-form{margin:0}.contact-name-grid{grid-template-columns:1fr 1fr!important}.contact-name-grid>label:first-child{grid-column:1/-1;max-width:180px}.address-grid,.contact-address .address-grid{grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr)!important}.address-grid>.wide,.address-grid>label:first-child{grid-column:1/-1}.address-card{padding:12px}.crm-height-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crm-height-fields label{width:auto;max-width:none}.crm-metrics,.economy{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crm-metric,.economy .metric{padding:12px}.crm-metric strong,.economy .metric strong{font-size:21px;letter-spacing:-.5px}.contribution-main{grid-column:1/-1}.cost-breakdown{grid-template-columns:1fr 1fr;padding:12px}.cost-breakdown strong{font-size:15px}.contribution-days{flex-direction:row;align-items:end;flex-wrap:wrap;gap:12px}.crm-toolbar>label{min-width:0;width:100%}
 .crm-board{grid-auto-columns:minmax(245px,82vw);scroll-snap-type:x proximity;max-width:100%;overscroll-behavior-x:contain}.crm-column{scroll-snap-align:start}.crm-column-head{min-height:0}.crm-card-open{min-height:44px}.crm-card-grid{grid-template-columns:1fr}.crm-contact-row,.crm-activity-row{align-items:stretch;flex-direction:column;gap:10px}.crm-activity-row .actions{max-width:none}.crm-contact-row>button{align-self:flex-start}.crm-linked-job{max-width:100%}
 .variant-toolbar{gap:12px}.variant-toolbar label{min-width:0}.row-main{grid-template-columns:1fr 1fr;gap:12px}.row-main>label:first-child{grid-column:1/-1}.row-main .item-total{grid-column:1/-1;text-align:left;padding:4px 0;font-size:17px}.row-main .delete{grid-column:auto;min-width:44px}.subline{grid-template-columns:1fr}.derived{text-align:left;line-height:1.6}.cost-fields{grid-template-columns:1fr 1fr}.copybar{grid-template-columns:1fr}.addbar label{min-width:0;width:100%;max-width:none}.product-fields,.product-cost-fields{grid-template-columns:1fr 1fr}.product-card{padding:12px}.product-order{align-items:start;gap:10px}.product-order>.actions{flex:none}.product-order button{min-width:44px;padding:8px}.product-fields>label:first-child{grid-column:1/-1}
 .stage-work-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-work-row>label:first-child{min-width:0;grid-column:1/-1}.stage-work-row>label:nth-child(2){width:auto}.execution-day-tabs,.execution-stage-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}.execution-day-tabs button,.execution-stage-tabs button{flex:none;white-space:nowrap}.stage-stock-actions{flex-direction:column}.stage-stock-actions>button{width:100%}.billing-extra{grid-template-columns:1fr 1fr;gap:10px}.billing-extra>label:first-child{grid-column:1/-1}.reward-pools{grid-template-columns:1fr;gap:14px}.reward-pool{padding:12px}.reward-split{grid-template-columns:minmax(0,1fr) 100px}.reward-period-bar{padding:12px;gap:10px}.reward-period-bar>label{min-width:0;flex:1 1 130px}.reward-period-bar input,.reward-period-bar select{min-width:0}.realization-protocols,.realization-photo-inputs{grid-template-columns:1fr}.job-photo-grid,.marketing-photos{grid-template-columns:1fr 1fr}.job-photo-grid figure,.marketing-photos figure{min-width:0;margin:0}.job-photo-grid img,.marketing-photos img{max-width:100%;height:auto}.clipboard-drop{display:none}
 .stock-pair-inline,.stock-bulk-correction{grid-template-columns:1fr}.stock-batch-grid,.stock-iso-batches{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.stock-bulk-actions{position:sticky;top:calc(56px + env(safe-area-inset-top,0px));z-index:30;flex-wrap:wrap;gap:10px;padding:12px}.stock-bulk-actions .actions{width:100%}
 #stock-view .crm-table:not(.stock-summary-table)-wrap,#crm-view .crm-table-wrap{overflow:visible}#stock-view .crm-table:not(.stock-summary-table),#crm-view .crm-table{display:block;font-size:14px}#stock-view .crm-table:not(.stock-summary-table) thead,#crm-view .crm-table thead{display:none}#stock-view .crm-table:not(.stock-summary-table) tbody,#crm-view .crm-table tbody{display:block}#stock-view .crm-table:not(.stock-summary-table) tbody>tr,#crm-view .crm-table tbody>tr{display:block;position:relative;margin:0 0 12px;padding:10px;border:1px solid #dce5df;border-radius:9px;background:#fff}#stock-view .crm-table:not(.stock-summary-table) td,#crm-view .crm-table td{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:10px;padding:9px 0;overflow-wrap:anywhere;border-bottom:1px solid #eef2ef}#stock-view .crm-table:not(.stock-summary-table) td:before,#crm-view .crm-table td:before{content:attr(data-mobile-label);font-size:11px;font-weight:600;color:#667a6e}#stock-view .crm-table:not(.stock-summary-table) td:last-child,#crm-view .crm-table td:last-child{border:0}#stock-view .crm-table:not(.stock-summary-table) td .actions{min-width:0}#stock-view .crm-table:not(.stock-summary-table) td:has(.actions),#crm-view .crm-table td:has(.actions){grid-template-columns:1fr}#stock-view .crm-table:not(.stock-summary-table) .mobile-check-cell{display:block;position:absolute;right:10px;top:8px;padding:0;border:0;z-index:1}#stock-view .crm-table:not(.stock-summary-table) .mobile-check-cell:before{display:none}#stock-view .drum-inventory td:nth-child(2){display:block;padding-right:34px}#stock-view .drum-inventory td:nth-child(2):before{display:none}#stock-view .drum-inventory td:nth-child(2) small{display:block}#stock-view .crm-table:not(.stock-summary-table) .drum-group-heading{padding:0;border:0;background:#e8f0ea}#stock-view .drum-inventory .drum-group-heading th{display:block;white-space:normal;padding:12px;font-size:13px}#stock-view .drum-inventory thead{display:block;margin-bottom:12px}#stock-view .drum-inventory thead tr{display:block}#stock-view .drum-inventory thead th:not(:first-child){display:none}#stock-view .drum-inventory thead th:first-child{display:flex;gap:12px;align-items:center;padding:8px;background:transparent}#stock-view .drum-inventory thead th:first-child:after{content:'Vybrat všechny zobrazené sudy';font-size:13px}#stock-view .crm-table:not(.stock-summary-table) tfoot{display:block}#stock-view .crm-table:not(.stock-summary-table) tfoot tr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px;border-radius:8px;background:#e8f1eb}#stock-view .crm-table:not(.stock-summary-table) tfoot th,#stock-view .crm-table:not(.stock-summary-table) tfoot td{display:block;padding:0;border:0}#stock-view .crm-table:not(.stock-summary-table) tfoot td:before{display:none}
 .calendar-toolbar{gap:7px}.calendar-toolbar>button{flex:0 1 auto}.calendar-caption{flex-basis:100%;order:-1}.calendar-toolbar input{width:auto;flex:1}.calendar-controls{gap:10px}.calendar-segments{width:100%;flex-wrap:nowrap}.calendar-segments button{flex:1;font-size:12px;padding:8px}.calendar-grid{min-width:0}.calendar-day{min-width:0;min-height:84px;padding:3px}.calendar-event{font-size:9px!important;padding:3px 2px!important;min-height:0!important;white-space:normal;line-height:1.3;overflow-wrap:anywhere}.calendar-time-event{min-height:0!important}.calendar-time-slot{min-height:0}.calendar-time-view{overscroll-behavior:contain}.calendar-drag-status{left:12px;right:12px;transform:none;text-align:center;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.auth-panel{margin:24px auto!important;max-width:480px}.auth-panel form{display:grid;gap:15px}.auth-panel label{line-height:1.5}.mfa-qr,img#mfa-qr{max-width:100%;height:auto}.reward-report-summary p{flex-wrap:wrap}.crm-stage-row{grid-template-columns:1fr 70px 44px 44px;gap:6px}
}
@media screen and (max-width:360px){.crm-metrics,.economy,.contact-name-grid,.stock-batch-grid,.stock-iso-batches{grid-template-columns:1fr!important}.contact-name-grid>label:first-child{grid-column:auto}.job-photo-grid{grid-template-columns:1fr}.reward-split{grid-template-columns:1fr}.calendar-segments button{font-size:11px;padding:6px 3px}}
@media(prefers-reduced-motion:reduce){aside{transition:none!important}}
@media print{#mobile-bar,#connection-status,#upload-progress{display:none!important}}

.stock-mobile-shortcuts{display:none}@media screen and (max-width:760px){.stock-mobile-shortcuts{display:flex;position:sticky;top:calc(56px + env(safe-area-inset-top,0px));z-index:32;gap:6px;padding:7px 0;margin-bottom:12px;background:#f5f7f3}.stock-mobile-shortcuts button{flex:1 1 0;min-width:0;width:auto;font-size:12px;padding:8px 4px}.stock-bulk-actions{top:calc(116px + env(safe-area-inset-top,0px))}input[type=date],input[type=time]{min-inline-size:0;max-inline-size:100%}}

@media screen and (pointer:coarse){button{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px;font-size:16px!important;max-width:100%;min-width:0}.check-label{min-height:44px}.calendar-time-event,.calendar-time-slot,.calendar-event{min-height:0!important}}

@media screen and (max-width:760px){
 aside{flex-wrap:nowrap!important;overflow-x:hidden!important;overflow-y:auto!important;align-content:flex-start;scrollbar-width:thin}
 aside>button,aside .crm-nav,aside .aside-new{flex:0 0 auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;max-height:none;padding:9px 12px!important;margin:0!important;line-height:1.35;white-space:normal}
 aside .logo{flex:0 0 auto;width:145px;max-height:50px;object-fit:contain;margin:0 0 10px}
 aside .aside-label,aside .local,aside nav{flex:0 0 auto}aside .aside-label{font-size:10px;margin:0 0 8px}aside .local{font-size:11px;line-height:1.4}
 #stock-view .stock-summary-wrap{overflow-x:auto!important;overscroll-behavior-x:contain;max-width:100%;-webkit-overflow-scrolling:touch}
 #stock-view table.stock-summary-table{display:table;min-width:660px;width:100%;font-size:12px;border-collapse:collapse}
 #stock-view table.stock-summary-table thead{display:table-header-group}#stock-view table.stock-summary-table tbody{display:table-row-group}#stock-view table.stock-summary-table tfoot{display:table-footer-group}
 #stock-view table.stock-summary-table tr{display:table-row;margin:0;padding:0;border:0;border-radius:0}
 #stock-view table.stock-summary-table th,#stock-view table.stock-summary-table td{display:table-cell;padding:10px 9px;vertical-align:top;border-radius:0;white-space:nowrap}
 #stock-view table.stock-summary-table td:before{display:none;content:none}#stock-view table.stock-summary-table th{font-size:10px}#stock-view table.stock-summary-table .drum-group-heading th{display:table-cell}
 #stock-view .drum-inventory tbody>tr[data-drum]{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:8px}
 #stock-view .drum-inventory tbody>tr[data-drum]>td:first-child{position:static;display:block;grid-column:1;grid-row:1;padding:0;border:0;width:36px}
 #stock-view .drum-inventory tbody>tr[data-drum]>td:nth-child(2){grid-column:2;grid-row:1;padding:6px 0 10px;min-width:0}
 #stock-view .drum-inventory tbody>tr[data-drum]>td:nth-child(n+3){grid-column:1/-1}
 #stock-view .drum-select-target{display:flex;min-height:40px;min-width:36px;align-items:center;justify-content:center;cursor:pointer}
}

@media screen and (max-width:760px){#stock-view .drum-inventory tbody>tr[data-drum]>td{min-width:0}#stock-view .drum-inventory tbody>tr[data-drum]>td:first-child{min-width:36px;max-width:36px}#stock-view .drum-select-target{width:36px;max-width:36px}#stock-view .drum-inventory input[type=checkbox]{width:22px;height:22px}}

/* Attachment viewer: previews never trigger downloads. */
.photo-preview{padding:0;width:100%;min-height:80px;overflow:hidden}.photo-preview span{display:block}.photo-preview img{max-width:100%;height:150px;object-fit:contain}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-gallery{position:fixed;inset:0;z-index:10000;background:#142923f5;color:white;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overscroll-behavior:contain}.photo-gallery header,.photo-gallery footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.photo-gallery header strong{flex:1;overflow-wrap:anywhere}.gallery-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px 0}.gallery-content img{max-width:100%;max-height:100%;object-fit:contain}.gallery-content iframe{width:100%;height:100%;border:0;background:white}#upload-progress{padding:12px;border:1px solid #aac4b7;background:#eaf2ed;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#upload-progress[hidden]{display:none}.file-selection{display:grid;gap:5px}.file-selection>div{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}.file-selection button{padding:4px 8px;min-height:44px}

/* Native macOS Safari selects ignore vertical padding with automatic appearance. */
select:not([multiple]){-webkit-appearance:none;appearance:none;min-height:40px;line-height:1.4;padding:9px 34px 9px 10px;background-image:linear-gradient(45deg,transparent 50%,#59665e 50%),linear-gradient(135deg,#59665e 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}
@media screen and (max-width:1024px){select:not([multiple]){min-height:44px}}

/* Upload feedback stays in the viewport, below the visible job save controls. */
#upload-progress{position:fixed;z-index:90;margin:0;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 8px 28px #20362f30;border-radius:9px;align-items:center}
#upload-progress>span{flex:1 1 220px;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
#upload-progress button{flex:none;min-height:40px;padding:8px 12px}
#upload-progress.upload-active>span:before{content:'↥';display:inline-block;margin-right:8px;font-weight:700;color:#30574b}
@media(max-width:1024px){#upload-progress button{min-height:44px}}

/* Shared menu order: daily work above, account and administration below. */
aside .nav-system-divider{display:block;flex:0 0 auto;width:100%;height:0;border:0;border-top:4px solid #7c9a8a;margin:12px 0 10px}
aside .nav-system-label{margin:0 0 8px;font-size:10px;letter-spacing:1.4px;color:#596d61}
aside #new{margin:0 0 4px}

/* Both menu headings follow the same rhythm; the profile has no extra section margin. */
aside .aside-label{flex:0 0 auto;line-height:1.3;margin:0 0 8px}
aside #view-profile{margin:2px 0}
aside .app-brand{text-align:center;align-self:stretch}
.offer-export-actions{display:flex;justify-content:flex-start;margin:0 0 20px}.template-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.text-label{align-items:center;gap:8px;flex-wrap:wrap}.template-actions button{font-size:11px;padding:6px 9px}.order-template-field>textarea{width:100%}.order-template-field .text-label{display:flex;justify-content:space-between}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}.document-grid .document-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;border:1px solid #dbe4df;border-radius:8px;padding:12px;margin:0;min-width:0}.document-thumbnail{height:190px;background:#f4f6f2}.document-thumbnail span{height:100%;display:flex;align-items:center;justify-content:center}.document-thumbnail img{width:100%;height:100%;max-height:190px;object-fit:contain}.document-info{display:grid;gap:4px;overflow-wrap:anywhere}.document-info small,.document-info time{font-size:11px;color:#69796f}.document-grid .document-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:auto}.document-grid .document-controls>button{font-size:12px;padding:7px 9px}.document-controls [data-remove-panel]{flex-basis:100%;width:100%}#member-files{display:block}.job-photo-grid figure{margin:0}.job-photo-grid figcaption small{display:block;overflow-wrap:anywhere}.gallery-content img{background:white}@media(max-width:600px){.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.document-grid .document-card{padding:8px}.document-thumbnail{height:150px}.document-thumbnail img{max-height:150px}.document-grid .document-controls>button{width:100%;white-space:normal;font-size:12px}.document-info strong{font-size:12px}.template-actions{justify-content:flex-start}.offer-export-actions>div,.offer-export-actions button{width:100%}}

/* Stock identity colours; deliberately scoped to warehouse UI. */
.foam-badge{display:inline-block;padding:3px 8px;border:1px solid var(--foam-border,#c4c9cd);border-radius:7px;background:var(--foam-bg,#edf0f2);color:var(--foam-text,#36434c);font-size:.92em;font-weight:700;white-space:nowrap;line-height:1.3}
.foam-nine{--foam-bg:#e2edf9;--foam-border:#a5bfdc;--foam-text:#244e7b;--foam-bar:#3e72a8}
.foam-hfo{--foam-bg:#e4f1e4;--foam-border:#afcfae;--foam-text:#315e35;--foam-bar:#5a8f59}
.foam-plus{--foam-bg:#fff0df;--foam-border:#e4c398;--foam-text:#895015;--foam-bar:#ce914c}
.foam-eight{--foam-bg:#efe5dd;--foam-border:#cdb6a4;--foam-text:#6c4b34;--foam-bar:#9c7658}
.foam-iso{--foam-bg:#fae6e5;--foam-border:#dca9a7;--foam-text:#8b3634;--foam-bar:#be6662}
.foam-other{--foam-bg:#ece8f4;--foam-border:#c5b8d8;--foam-text:#5a457a;--foam-bar:#8e76ae}
#stock-view progress.drum-progress{accent-color:var(--foam-bar,#47775f)}
#stock-view progress.drum-progress::-webkit-progress-value{background:var(--foam-bar,#47775f)}
#stock-view progress.drum-progress::-moz-progress-bar{background:var(--foam-bar,#47775f)}
input.date-empty:not(:focus){color:transparent}
input.date-empty:not(:focus)::-webkit-datetime-edit{color:transparent}
input.date-empty:not(:focus)::-webkit-date-and-time-value{color:transparent}
.settings-tabs{display:flex;margin-bottom:18px;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}.settings-tabs>button{flex:0 0 auto;width:auto;margin:0}.settings-tabs>button.primary{font-weight:700}.parameter-text{margin-bottom:24px}.parameter-text textarea{width:100%}
.calendar-collision-note{border-left:3px solid #d1a046;background:#fff6e4;padding:8px 12px;margin:8px 0;color:#70521b;font-size:13px}.calendar-collision-note p{margin:4px 0}
.crm-plan-required{background:#fff0d2;color:#765319}#crm-schedule [aria-pressed=true],.settings-tabs [aria-pressed=true],#parameters-panel [aria-pressed=true],[data-param-tab][aria-pressed=true]{background:#e3eee7;border-color:#729783;color:#294f40}

#stock-view progress.drum-progress::-webkit-progress-value{background-color:var(--foam-bar,#47775f)}
#stock-view .drum-group-heading .foam-badge{font-size:inherit}
#account-settings-tabs #view-profile{margin-top:0}

/* Horizontal warehouse tables must hand vertical gestures back to the page on Android. */
.crm-table-wrap{overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom}
@media screen and (max-width:760px){
 #stock-view .stock-summary-wrap{overflow-x:auto!important;overflow-y:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:none}
 #stock-view .drum-inventory-wrap{overflow:visible!important;overscroll-behavior:auto;touch-action:pan-y pinch-zoom}
 #stock-view .drum-inventory,#stock-view .drum-inventory tbody,#stock-view .drum-inventory tr,#stock-view .drum-inventory td,#stock-view .drum-progress{touch-action:pan-y pinch-zoom}
}

/* Stable material columns and generous gaps when a stock plan wraps. */
#stock-view .foam-badge{display:inline-flex;box-sizing:border-box;width:112px;min-width:112px;max-width:112px;height:26px;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:16px;vertical-align:middle}
#stock-view .stock-locations{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
#stock-view .stock-location-line{display:grid;grid-template-columns:112px 48px minmax(0,1fr);column-gap:8px;align-items:center;margin:10px 0;font-size:12px;line-height:1.5}
#stock-view .stock-location-line>span{min-width:0}
#stock-view .stock-plan-needs{display:flex;flex-wrap:wrap;gap:12px 24px;margin:10px 0}
#stock-view .stock-plan-material{display:inline-grid;grid-template-columns:112px auto;gap:10px;align-items:center;line-height:1.5}
#stock-view .stock-plan-material>span:last-child{white-space:nowrap}
@media screen and (max-width:760px){#stock-view .stock-plan-needs{display:grid;grid-template-columns:minmax(0,1fr);row-gap:10px}#stock-view .stock-plan-material{grid-template-columns:112px minmax(0,1fr)}#stock-view .stock-plan{gap:12px}}
.gallery-zoom-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gallery-zoom-controls output{min-width:54px;text-align:center;font-size:12px}.gallery-zoom-controls button{padding:7px 10px;min-width:36px}.gallery-content.gallery-zoomable{display:block;position:relative;overflow:auto;overscroll-behavior:contain;touch-action:none;padding:10px;cursor:grab}.gallery-content.gallery-zoomable:active{cursor:grabbing}.gallery-zoom-stage{position:relative;margin:auto;flex:none}.gallery-zoom-stage img{display:block;width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.photo-gallery header{margin-bottom:10px}.photo-gallery footer{margin-top:10px}@media(max-width:600px){.gallery-zoom-controls{order:3;width:100%;justify-content:center}.gallery-zoom-controls button{min-height:40px;font-size:12px}.photo-gallery header strong{font-size:12px}.photo-gallery footer{gap:6px}.photo-gallery footer button{font-size:12px;padding:8px}}

/* The jobs list fits the phone; the desktop remains a table. */
@media(max-width:760px){
 #crm-view .crm-jobs-table{min-width:0;width:100%;max-width:100%}
 #crm-view .crm-jobs-panel{overflow:visible;min-width:0}
 #crm-view .crm-jobs-toolbar>label{min-width:0;width:100%;flex-basis:100%}
 #crm-view .crm-jobs-table td{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;min-width:0;padding:6px 0}
 #crm-view .crm-jobs-table td:first-child{display:block;padding:0 0 9px}
 #crm-view .crm-jobs-table td:first-child:before{display:none}
 #crm-view .crm-jobs-table .crm-job-title{min-width:0;white-space:normal;overflow-wrap:anywhere;min-height:44px}
 #crm-view .crm-jobs-table .crm-job-title strong{font-size:14px}
 #crm-view .crm-jobs-table .crm-job-status,#crm-view .crm-jobs-table .crm-job-money{white-space:normal;text-align:left}
 #crm-view .crm-contact-row>div{min-width:0;overflow-wrap:anywhere}
}
/* Home uses the same compact table on desktop and phone. */
aside #view-home{display:flex!important;justify-content:center;align-items:center;align-self:center;border:0;background:transparent;flex:0 0 auto;min-height:44px;width:min(100%,183px);padding:2px 4px!important;margin:0 0 6px!important}
aside #view-home .logo{display:block;width:min(100%,175px);height:auto;max-height:none;margin:0;object-fit:contain}
aside #view-home:hover{background:#edf3ee}aside #view-home:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.home-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.home-panel-head h2{margin:0}
.home-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.home-metrics>div{min-width:0;background:#eff4ef;border-radius:8px;padding:9px;overflow-wrap:anywhere}.home-metrics small,.home-metrics strong{display:block}.home-metrics small{color:var(--muted)}.home-metrics strong{margin-top:5px}
.home-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px}.home-table th,.home-table td{padding:8px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.home-table th{font-weight:600}.home-table thead th{color:var(--muted);background:#eff4ef;line-height:1.3}.home-table th:first-child{width:42%;text-align:left}.home-table td,.home-table thead th:not(:first-child){text-align:right}.home-pipeline th:nth-child(2){width:15%}.home-stock .foam-badge{max-width:100%}.home-stage-bar{display:block;width:100%;height:6px;margin-top:5px;accent-color:#517a66}.home-stage-bar[data-tone="1"]{accent-color:#a87b35}.home-stage-bar[data-tone="2"]{accent-color:#ba7551}.home-stage-bar[data-tone="3"]{accent-color:#8d6693}.home-stage-bar[data-tone="4"]{accent-color:#73924e}.home-stage-bar[data-tone="5"]{accent-color:#427f8b}
.home-task-filters{display:flex;flex-wrap:wrap;gap:6px}.home-task-filters button{padding:6px 9px;font-size:12px}.home-task-filters [aria-pressed="true"]{background:#e4efe6;border-color:#8eaa97}.home-task-filters small{font-weight:600;margin-left:3px}
.home-task-list{list-style:none;padding:0;margin:10px 0 0}.home-task-list li{display:grid;grid-template-columns:minmax(65px,105px) minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:5px 0}.home-task-date{font-size:12px;color:var(--muted)}.home-task-list small{display:block;font-weight:400;color:var(--muted)}.home-task-list button{min-width:0;text-align:left;overflow-wrap:anywhere;white-space:normal;min-height:44px;border:0;background:transparent;padding:5px}.home-task-list button:hover{background:#eff4ef}
@media(max-width:1050px){.home-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.home-grid{gap:12px}.home-panel{padding:14px}.home-task-list li{grid-template-columns:minmax(60px,82px) minmax(0,1fr)}.home-table th,.home-table td{padding-inline:4px}}