[hidden]{display:none!important}
@media(min-width:701px){
:root{--green:#6fc71b;--ink:#203329;--muted:#738077;--line:#dde5dd;--bg:#f4f6f2}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--ink)}button:hover{border-color:#8ca485;background:#f6faef}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.primary{background:var(--green);border-color:var(--green);font-weight:650}.primary:hover{background:#7bd527}.danger{color:#a63737}a{color:inherit}.logo{text-decoration:none;font-size:26px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.logo span{font-size:10px;letter-spacing:2px;display:inline-block;margin-left:9px;color:#77916d}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 20%,#e2efcd,transparent 50%),var(--bg);padding:20px}.login-card{width:min(420px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 70px #1838180d}.login h1{font-size:25px;margin-top:35px}.login p{color:var(--muted);line-height:1.6}.login label{margin:15px 0}.login button{width:100%;margin-top:12px}header{height:73px;display:flex;align-items:center;gap:35px;padding:0 28px;background:white;border-bottom:1px solid var(--line)}nav{display:flex;gap:6px;flex:1}nav button{border:0;background:none;padding:12px;font-weight:600}nav button.active{background:#edf5e4}.user{display:flex;gap:12px;align-items:center;font-size:12px}#dropdown{position:absolute;top:65px;left:220px;z-index:20;width:250px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 25px #1d301d17;padding:7px}#dropdown button{display:block;width:100%;border:0;text-align:left;padding:11px}.workspace{padding:0 28px;max-width:1600px;margin:auto;min-height:calc(100vh - 118px)}#tabs{display:flex;gap:5px;overflow:auto;padding:15px 0 0;min-height:52px}#tabs>div{display:flex;align-items:center;white-space:nowrap;background:#e8ede5;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0}#tabs>div.active{background:white;border-top:2px solid var(--green)}#tabs button{border:0;background:none;padding:8px 10px;font-size:12px}#tabs .close{color:#778374;padding-left:0}.page{background:white;border:1px solid var(--line);border-radius:0 8px 8px 8px;padding:23px;margin-bottom:22px;min-height:440px}.page[hidden]{display:none}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin-bottom:6px}h1{font-size:23px;margin:0;font-weight:700}h2{font-size:17px;margin:0 0 15px}p{line-height:1.5}.subtitle{color:var(--muted);margin:7px 0}.actions,.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar{padding:12px 0;margin-bottom:10px}.toolbar input{max-width:270px}.toolbar label{display:flex;gap:5px;align-items:center;font-size:12px}.toolbar label input{width:auto}.table-wrap{overflow:auto;max-height:65vh;border:1px solid var(--line);border-radius:6px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;color:#6c786c;font-size:11px;background:#f6f8f4;position:sticky;top:0;z-index:1;padding:12px;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid #e9ede7;max-width:360px;overflow:hidden;text-overflow:ellipsis}tr:nth-child(even){background:#f8faf7}tr:hover{background:#f0f6e9}td button{font-size:11px;padding:5px 7px;margin:0 3px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.status{font-weight:700}.status.available{color:#9b7d00}.status.rented{color:#399c20}.status.maintenance{color:#9a7921}.status.cancelled{color:#9656ae}.status.unbilled{color:#cc4141}.status.billed{color:#399c20}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 20px;max-width:1050px}.grid label,label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:550}input,select,textarea{width:100%;padding:9px 10px;background:white;border:1px solid #d8e0d4;border-radius:5px;color:var(--ink);min-width:0}textarea{min-height:75px;resize:vertical}input:disabled,select:disabled{background:#eff1ed;color:#8d9688}input[type=checkbox]{width:auto}.section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.metric{border:1px solid var(--line);padding:20px;border-radius:8px;background:#fcfdfb}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:27px;margin:12px 0 3px;font-weight:650}.metric small{color:var(--muted)}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart{border:1px solid var(--line);border-radius:8px;padding:20px;overflow:hidden}.bars{height:170px;display:flex;gap:9px;align-items:end;margin-top:18px}.bar{flex:1;min-width:0;background:#b4dd87;border-radius:3px 3px 0 0;position:relative;min-height:2px}.bar span{position:absolute;top:-20px;font-size:10px;width:100%;text-align:center}.bar-labels{display:flex;gap:9px;font-size:9px;margin-top:8px;color:var(--muted)}.bar-labels span{flex:1;min-width:0;text-align:center;overflow:hidden}.totals{padding:15px;background:#f0f7e8;border-radius:6px;margin-top:20px;display:flex;gap:25px;flex-wrap:wrap}.job-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:10px;align-items:end}.check-row{display:grid;grid-template-columns:1.5fr 1fr 2fr;gap:10px;align-items:center;margin-bottom:10px}.file-line{display:flex;gap:10px;align-items:center;margin:10px 0}.inline-note{font-size:12px;color:var(--muted)}footer{height:45px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:10px;width:min(430px,90vw);padding:26px}dialog::backdrop{background:#20332955}dialog button{float:right}.details{white-space:pre-wrap;font-size:11px;max-width:70vw;max-height:60vh;overflow:auto}#login-error{color:#bd3434}[hidden]{display:none!important}@media(max-width:1000px){header{gap:15px;padding:0 16px}nav{gap:0}nav button{padding:10px 7px;font-size:12px}.workspace{padding:0 16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.user span{display:none}}@media(max-width:600px){header{height:auto;min-height:110px;flex-wrap:wrap;padding:13px 14px;gap:10px}.logo{font-size:23px}nav{order:3;flex-basis:100%;overflow:auto}.user{margin-left:auto}nav button{white-space:nowrap}.workspace{padding:0 10px}#dropdown{top:107px;left:12px;width:245px}.page{padding:16px 12px;min-height:400px}.heading{align-items:start;flex-wrap:wrap}h1{font-size:20px}.grid{grid-template-columns:1fr;gap:12px}.cards{gap:8px}.metric{padding:13px}.metric strong{font-size:22px}.charts{grid-template-columns:1fr}.job-row{grid-template-columns:1fr 1fr}.job-row select{grid-column:1/-1}.check-row{grid-template-columns:1fr}.toolbar input{max-width:100%}.toolbar{gap:9px}footer{padding:0 10px;font-size:9px}.totals{gap:12px}.page .actions{width:100%}td{max-width:230px}.login-card{padding:25px}}

.transport-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1050px}.transport-group{margin:0;padding:18px;border:1px solid var(--line);border-radius:8px;min-width:0;display:flex;flex-direction:column;gap:14px}.transport-group legend{font-weight:700;padding:0 6px}.rental-address{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.transport-grid,.rental-address{grid-template-columns:1fr}}

.code-choices{grid-column:1/-1;border:1px solid var(--line);border-radius:6px;margin:0;padding:16px;min-width:0}.code-choices legend{font-weight:700;padding:0 6px}.code-options{display:flex;flex-wrap:wrap;gap:10px 20px}.code-options label{display:flex;flex-direction:row;align-items:center;gap:7px;padding:7px;background:#f3f7ef;border-radius:5px}

.machine-card-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 20px;padding-bottom:8px}.machine-card-tabs button{white-space:nowrap;border:0;border-radius:5px;background:#f0f3ed;padding:10px 14px}.machine-card-tabs button.active{background:#e6f5d6;color:#365b22;box-shadow:inset 0 -2px 0 var(--green);font-weight:700}.machine-card-panel[hidden]{display:none}.machine-card-panel .heading h2{margin-bottom:0}@media(max-width:600px){.machine-card-tabs button{padding:9px 10px;font-size:12px}}

.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 22px}.dashboard-top .dashboard-dates{flex:0 0 auto;margin:0;padding:0;align-items:flex-end}.dashboard-dates label{flex-direction:column;align-items:flex-start;font-size:11px}.dashboard-dates input{width:140px}.dashboard-dates select{width:100px}.dashboard-dates button{height:38px}.dashboard-top .dashboard-metrics{flex:1;max-width:680px;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0}.dashboard-metrics .metric{padding:12px 14px}.dashboard-metrics .metric span{font-size:11px;white-space:nowrap}.dashboard-metrics .metric strong{font-size:24px;margin:5px 0 2px}.dashboard-metrics .metric small{font-size:10px}@media(max-width:1150px){.dashboard-top{flex-wrap:wrap}.dashboard-top .dashboard-metrics{flex-basis:100%;max-width:none}}@media(max-width:600px){.dashboard-top{gap:14px}.dashboard-top .dashboard-dates{flex:1;flex-wrap:wrap}.dashboard-dates input{width:130px}.dashboard-top .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .metric{padding:10px 12px}}

#home>.heading{align-items:flex-start}#home>.heading .dashboard-quick{width:auto;max-width:55%;justify-content:flex-end;gap:7px}.dashboard-quick button{font-size:12px;padding:8px 11px}.quick-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.quick-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-choices label{flex-direction:row;align-items:center;gap:8px}.quick-choices input{width:auto}@media(max-width:700px){#home>.heading .dashboard-quick{max-width:100%;justify-content:flex-start}.quick-settings-grid{grid-template-columns:1fr}}

.dashboard-dates input,.dashboard-dates select,.dashboard-dates button{height:38px;background-color:#fff;border:1px solid var(--line);border-radius:6px;font:inherit;color:var(--ink)}
.dashboard-dates select{-webkit-appearance:none;appearance:none;padding:8px 30px 8px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23203329' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}

/* Locked fields keep the same contrast and background as editable fields. */
input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly]{background-color:#fff;color:var(--ink);-webkit-text-fill-color:var(--ink);opacity:1;border-color:#d8e0d4}

.column-picker-footer{display:flex;justify-content:flex-end;padding-top:12px}.column-picker{position:relative}.column-picker summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:white;font-size:12px;user-select:none}.column-picker summary::-webkit-details-marker{display:none}.column-picker-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:15;width:250px;max-height:330px;overflow-y:auto;padding:12px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #20332922}.column-picker-menu label{display:flex;flex-direction:row;align-items:center;gap:9px;padding:7px;font-size:12px}.column-picker-menu input{width:auto}.column-picker summary:focus-visible{outline:2px solid var(--green)}

/* Keep the button-to-menu gap inside the pointer area. */
.column-picker[open]::before{content:'';position:absolute;right:0;bottom:100%;width:250px;height:6px;z-index:15}

.row-context-menu{position:fixed;z-index:100;min-width:210px;max-width:calc(100vw - 16px);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 10px 30px #20332926}.row-context-menu button{display:block;width:100%;text-align:left;border:0;padding:10px 12px;font-size:12px}.row-context-menu button:hover,.row-context-menu button:focus-visible{background:#edf5e4}

th[data-column]{cursor:grab}th[data-column]:active{cursor:grabbing}th.column-dragging{opacity:.45}th.column-drop-before{box-shadow:inset 3px 0 0 var(--green)}th.column-drop-after{box-shadow:inset -3px 0 0 var(--green)}

.status-filter{position:relative}.status-filter summary{list-style:none;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:6px;padding:9px 14px;white-space:nowrap}.status-filter summary::-webkit-details-marker{display:none}.status-filter-options{position:absolute;top:calc(100% + 4px);left:0;z-index:25;min-width:175px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:0 8px 24px #2033291a}.toolbar .status-filter-options label{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px;margin:0;white-space:nowrap;cursor:pointer}.status-filter-options input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;flex:none}

.status-filter-options::before{content:"";position:absolute;left:0;right:0;top:-5px;height:5px}

.invoice-transport-direction{display:grid;grid-template-columns:minmax(180px,420px);gap:12px;margin-top:18px}.invoice-transport-direction h3{margin:0}

.invoice-transport-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.invoice-transport-directions .invoice-transport-direction{grid-template-columns:minmax(0,1fr)}@media(max-width:700px){.invoice-transport-directions{grid-template-columns:1fr}}

.invoice-transport-directions{grid-template-columns:repeat(2,minmax(0,300px));gap:24px;justify-content:start}.invoice-transport-directions input,.invoice-transport-directions select{width:100%;min-width:0}@media(max-width:700px){.invoice-transport-directions{grid-template-columns:minmax(0,300px)}}

.transport-billing{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:12px}.transport-billing input[type=checkbox]{width:18px;height:18px;min-height:0;flex:none}

.rental-overdue{background:#fff2a8!important;color:#493d13!important;cursor:pointer}.rental-overdue:hover{background:#ffe77a!important}

.page input.rental-overdue,.page input.rental-overdue:disabled,.page input.rental-overdue[readonly]{background-color:#fff2a8!important;background-image:none!important;color:#493d13!important;border-color:#dbc159!important;opacity:1!important;-webkit-text-fill-color:#493d13!important}.rental-overdue-field{background:#fff2a8;border-radius:6px;padding:6px}

.heading .actions .page-close{order:999;margin-left:8px}

.mobile-menu-toggle,.mobile-list-detail,.mobile-park-actions{display:none}

}
@media(max-width:700px){
 :root{--green:#6fc71b;--ink:#203329;--muted:#738077;--line:#dde5dd;--bg:#f4f6f2}*{box-sizing:border-box}body{margin:0;font:14px system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--ink)}button:hover{border-color:#8ca485;background:#f6faef}button:disabled{opacity:.5;cursor:default}.primary{background:var(--green);border-color:var(--green);font-weight:650}.danger{color:#a63737}a{color:inherit}.logo{text-decoration:none;font-size:26px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.logo span{font-size:10px;letter-spacing:2px;margin-left:9px;color:#77916d}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:14px}.login label{margin:15px 0}.login button{width:100%}header{height:73px;display:flex;align-items:center;gap:25px;padding:0 28px;background:white;border-bottom:1px solid var(--line)}nav{display:flex;gap:4px;flex:1}nav button{border:0;background:none;padding:12px;font-weight:600}nav button.active{background:#edf5e4}.user{display:flex;gap:12px;align-items:center;font-size:12px}#dropdown{position:absolute;z-index:50;width:250px;background:white;border:1px solid var(--line);border-radius:8px;padding:7px;box-shadow:0 12px 25px #1d301d17}#dropdown button{display:block;width:100%;border:0;text-align:left;padding:11px}.workspace{padding:0 28px;max-width:1600px;margin:auto;min-height:calc(100vh - 118px)}#tabs{display:flex;gap:5px;overflow:auto;padding:15px 0 0;min-height:52px}#tabs>div{display:flex;align-items:center;white-space:nowrap;background:#e8ede5;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0}#tabs>div.active{background:white;border-top:2px solid var(--green)}#tabs button{border:0;background:none;padding:8px 10px;font-size:12px}.page{background:white;border:1px solid var(--line);border-radius:0 8px 8px 8px;padding:23px;margin-bottom:22px;min-height:440px}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{margin:5px 0;font-size:28px}h2{font-size:18px}.subtitle,.inline-note{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}label{display:flex;flex-direction:column;gap:7px;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;background:white;color:var(--ink);min-height:38px}textarea{min-height:85px}input[type=checkbox]{width:16px;min-height:16px}input:disabled,select:disabled,textarea:disabled,input[readonly]{background:white;opacity:1;-webkit-text-fill-color:var(--ink)}.section{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.toolbar{display:flex;align-items:end;gap:12px;margin:20px 0}.search{max-width:300px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%}th,td{padding:12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}th{background:#f5f8f2;color:var(--muted);font-size:12px}tbody tr:nth-child(even){background:#f8faf6}.row-actions{display:flex;gap:6px}.status{font-weight:700}.rented{color:#369b1e}.available{color:#a08500}.maintenance{color:#b57322}.cancelled{color:#b44444}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fafcf9}.metric strong{display:block;font-size:28px;margin:8px 0}.metric span,.metric small{color:var(--muted)}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.dashboard-metrics{flex:1;max-width:720px}.totals{background:#eff7e6;border-radius:8px;padding:16px;margin:20px 0;display:flex;gap:24px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart{border:1px solid var(--line);padding:16px;border-radius:8px}.bars{display:flex;align-items:end;gap:10px;min-height:120px}.bar{background:var(--green)}.transport-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.transport-group{display:flex;flex-direction:column;gap:16px;border:1px solid var(--line);border-radius:8px;padding:18px}.transport-billing{flex-direction:row;align-items:center}.job-row,.check-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;margin:10px 0}.machine-card-tabs{display:flex;gap:8px;margin:20px 0}.file-line{display:flex;align-items:center;gap:14px;margin:10px 0}.column-controls{display:flex;justify-content:flex-end;margin-top:12px}.column-picker{position:relative}.column-picker summary,.status-filter summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:9px 14px;border-radius:6px;background:white}.column-picker-menu,.column-menu{position:absolute;bottom:calc(100% + 4px);right:0;background:white;z-index:30;border:1px solid var(--line);padding:10px;min-width:220px;max-height:360px;overflow:auto}.column-picker label{flex-direction:row;align-items:center;padding:7px}.status-filter{position:relative}.status-filter-options{position:absolute;top:calc(100% + 4px);left:0;z-index:25;min-width:175px;background:white;border:1px solid var(--line);padding:8px;border-radius:8px}.status-filter-options label{flex-direction:row;gap:10px;padding:8px}.status-filter-options::before{content:"";position:absolute;left:0;right:0;top:-5px;height:5px}.invoice-transport-directions{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:24px}.invoice-transport-direction{display:grid;gap:12px}.rental-overdue,.page input.rental-overdue{background:#fff2a8!important;color:#493d13!important}.rental-overdue-field{background:#fff2a8;border-radius:6px;padding:6px}.row-context-menu{position:fixed;z-index:100;background:white;border:1px solid var(--line);padding:8px;border-radius:8px}.row-context-menu button{display:block;width:100%;text-align:left}.quick-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-settings-grid label{flex-direction:row}footer{display:flex;justify-content:space-between;padding:12px 28px;color:var(--muted);font-size:12px}dialog{border:1px solid var(--line);border-radius:12px;padding:25px;max-width:90vw}dialog::backdrop{background:#20332955}.heading .actions .page-close{order:999;margin-left:8px}@media(max-width:1100px){header{gap:8px;padding:12px;height:auto;flex-wrap:wrap}.dashboard-top{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mobile-menu-toggle{display:none}@media(max-width:700px){header{padding:12px;gap:10px;flex-wrap:wrap}.logo{font-size:23px}.mobile-menu-toggle{display:block;margin-left:auto;min-height:42px}header nav{display:none;width:100%;flex:none;flex-wrap:wrap}.mobile-menu-open nav{display:flex}header nav button{flex:1 0 42%;text-align:left}.user{width:100%;justify-content:flex-end}.workspace{padding:0 10px;max-width:100%}.page{padding:14px 12px;min-height:0}.heading{flex-direction:column;align-items:stretch}.heading h1{font-size:24px}.actions{width:100%;gap:6px}.actions button{min-height:42px}.grid,.transport-grid,.invoice-transport-directions,.quick-settings-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .search{width:100%;max-width:none}.dashboard-top{display:block}.dashboard-dates{display:grid;grid-template-columns:1fr 1fr;align-items:end}.dashboard-dates label{min-width:0}.dashboard-metrics{grid-template-columns:1fr 1fr;max-width:100%;margin-top:16px}.metric{min-width:0}input,select,textarea{font-size:16px;max-width:100%}.charts{grid-template-columns:1fr}.totals{flex-direction:column;gap:8px}.job-row,.check-row{grid-template-columns:1fr}.table-wrap{overflow:visible;border:0}.table-wrap table,.table-wrap tbody{display:block;width:100%;min-width:0}.table-wrap thead{display:none}.table-wrap tbody tr{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;margin:12px 0}.table-wrap tbody td:not([hidden]){display:flex;justify-content:space-between;gap:12px;white-space:normal;overflow-wrap:anywhere;padding:9px 4px}.table-wrap td::before{content:attr(data-label);font-weight:600;font-size:12px;color:var(--muted);flex:0 0 40%}.table-wrap td.row-actions{flex-wrap:wrap;justify-content:flex-start}.table-wrap td.row-actions::before{display:none}#tabs{max-width:100%}body{overflow-x:hidden}footer{flex-wrap:wrap;padding:12px}.file-line{flex-wrap:wrap}.machine-card-tabs{flex-wrap:wrap}}

.mobile-list-detail{display:none}@media(max-width:700px){.table-wrap tbody td.mobile-list-hidden{display:none!important}.table-wrap tbody td.row-actions>button{display:none}.table-wrap tbody td.row-actions>.mobile-list-detail{display:inline-block;width:100%;min-height:42px}.table-wrap tbody td.row-actions{padding-top:12px}.table-wrap tbody tr{background:#fff}.table-wrap tbody td::before{flex-basis:35%}}

@media(max-width:700px){.table-wrap tbody tr{padding:7px 9px;margin:8px 0}.table-wrap tbody td:not([hidden]){font-size:12px;padding:5px 2px;gap:8px}.table-wrap tbody td::before{font-size:11px}.table-wrap tbody td.row-actions{padding-top:7px}.table-wrap tbody td.row-actions>.mobile-list-detail{min-height:34px;padding:6px 10px;font-size:12px}.table-wrap .status{font-size:11px}.page{padding:12px 10px}}
@media(max-width:700px){button{font-size:12px;padding:5px 9px;min-height:30px}.heading .actions button,.actions button,.mobile-menu-toggle,.row-actions button{min-height:30px;padding:5px 9px;font-size:12px}.heading .actions{gap:5px}.heading .actions button{flex:0 1 auto}.table-wrap tbody td.row-actions>.mobile-list-detail{width:auto;min-height:28px;padding:4px 12px;font-size:11px}.dashboard-quick{gap:5px}.dashboard-quick button{min-height:30px}.machine-card-tabs button{padding:5px 8px;font-size:11px}header nav button{min-height:30px;padding:6px 8px}#tabs button{font-size:11px;padding:5px 7px}}
@media(max-width:700px){.table-wrap tbody tr{margin:0 0 16px;padding:9px 11px;border:1px solid #bacbb4;border-left:4px solid var(--green);border-radius:9px;background:#fff;box-shadow:0 2px 7px #20332912}.table-wrap tbody{padding:4px 2px;background:#f1f5ee;border-radius:10px}.table-wrap tbody td:not([hidden]){border-bottom:1px solid #edf1e9}.table-wrap tbody td.row-actions{border-bottom:0}.table-wrap tbody td[data-column=serial]{font-weight:750;font-size:13px}.table-wrap tbody tr:nth-child(even){background:#fff}}

@media(max-width:700px){.started-rental-chart{display:none}.started-rental-total{display:flex;justify-content:space-between;align-items:center;gap:12px}.started-rental-total b{font-size:20px}}
@media(max-width:700px){#home>.heading>div:first-child{display:none}#home>.heading{margin-bottom:12px}}
@media(max-width:700px){#home .charts{display:none}}
@media(max-width:700px){#dash-period,#dash-refresh{height:36px;min-height:36px;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;background-color:#fff;padding:6px 10px;font-size:13px;color:var(--ink)}#dash-period{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23203329' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}}
@media(max-width:700px){.eyebrow,.heading .subtitle,footer,#home>.inline-note,.materials+.inline-note{display:none}.heading{margin-bottom:10px;gap:8px}.heading h1{margin:0;font-size:20px}.section{margin-top:14px;padding-top:10px}.section>.inline-note{display:none}.section h2{font-size:15px;margin:4px 0 10px}.page{margin-bottom:12px}#tabs{min-height:34px;padding-top:6px}.toolbar{margin:12px 0;gap:8px}}

.mobile-park-actions{display:none}@media(max-width:700px){.mobile-park-actions{display:block;position:relative}.mobile-park-actions summary{list-style:none;cursor:pointer;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:#eff7e6;font-size:12px}.mobile-park-actions summary::-webkit-details-marker{display:none}.mobile-park-action-options{position:absolute;bottom:calc(100% + 5px);left:0;z-index:30;min-width:170px;padding:6px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px #20332922}.mobile-park-action-options button{display:block;width:100%;text-align:left;margin:3px 0;min-height:34px;font-size:12px}}

.mobile-park-action-options::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px}

.toolbar{flex-wrap:wrap}.list-filter{font-size:12px;min-width:130px}.list-filter select{font-size:13px;padding:7px 26px 7px 9px;min-height:34px}@media(max-width:700px){.list-filter{min-width:100px;flex:1 1 40%;font-size:11px;gap:4px}.list-filter select{font-size:12px;min-height:32px;height:32px}}
@media(max-width:700px){#home .dashboard-metrics{gap:8px;margin-top:12px}#home .metric{padding:9px 11px;border-radius:8px}#home .metric span{font-size:11px;font-weight:650}#home .metric strong{font-size:23px;margin:3px 0;line-height:1.15}#home .metric small{font-size:10px}#home .metric:nth-child(1){background:#edf3ff;border-color:#c5d6f5;color:#285691}#home .metric:nth-child(2){background:#edf8e7;border-color:#c9e3b7;color:#387026}#home .metric:nth-child(3){background:#fff8df;border-color:#eddda0;color:#8a6a11}#home .metric:nth-child(4){background:#fff0e7;border-color:#efcfb7;color:#9b5729}#home .metric span,#home .metric small{color:inherit}}

.dashboard-period-picker>summary{display:none}.dashboard-period-picker:not([open])>.dashboard-dates{display:flex}@media(max-width:700px){.dashboard-period-picker{width:100%;border:1px solid var(--line);border-radius:8px;background:#fafcf9;padding:8px 10px}.dashboard-period-picker>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:650;cursor:pointer;list-style:none}.dashboard-period-picker>summary::-webkit-details-marker{display:none}.dashboard-period-range{font-size:10px;color:var(--muted);font-weight:400}.dashboard-period-picker:not([open])>.dashboard-dates{display:none}.dashboard-period-picker[open]>.dashboard-dates{display:grid;margin:12px 0 0}.dashboard-top{margin-top:10px}}

.park-filter-picker>summary{display:none}.park-filter-options{display:flex;align-items:end;gap:12px;flex-wrap:wrap}@media(max-width:700px){.park-filter-picker{flex:1 1 auto;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fafcf9}.park-filter-picker>summary{display:block;cursor:pointer;list-style:none;font-size:12px;font-weight:650}.park-filter-picker>summary::-webkit-details-marker{display:none}.park-filter-picker[open]>.park-filter-options{display:flex;margin-top:10px}.park-filter-picker .list-filter{min-width:100px}.park-filter-picker .status-filter{width:100%}}
button{border-color:#9daf96;background:#f7faf4;font-weight:650;box-shadow:0 1px 2px #20332912}button:hover{background:#eaf3e1;border-color:#6e8f5b}button:focus-visible,summary:focus-visible{outline:2px solid #448d19;outline-offset:2px}.primary{background:#62b918;border-color:#4e9b10;color:#142707}.danger{background:#fff1ef;border-color:#dca19a;color:#9b2d26}button:disabled{box-shadow:none;opacity:.45}.mobile-list-detail,.mobile-menu-toggle{background:#e5f0db;border-color:#86a971;color:#264c16}.mobile-park-actions summary,.park-filter-picker>summary,.status-filter summary,.dashboard-period-picker>summary{color:#294c1c;font-weight:700}.mobile-park-actions summary{background:#dcefc9;border-color:#87ad69}.park-filter-picker,.dashboard-period-picker{border-color:#a5bb96!important;background:#f2f7ec!important}.heading .actions .page-close{background:#eef1eb;border-color:#a9b4a1;color:#35442c}
button{background:#fafcf8;border-color:#c3cfbc;box-shadow:none;font-weight:600}button:hover{background:#f0f6e9;border-color:#a8bc9a}.primary{background:#79cb35;border-color:#6db92e;color:#243719}.danger{background:#fff7f5;border-color:#e5c1bc;color:#a24d45}.mobile-list-detail,.mobile-menu-toggle{background:#f1f7e9;border-color:#b8cda6;color:#405b30}.mobile-park-actions summary{background:#edf6e2;border-color:#b1c99a;color:#405b30}.park-filter-picker,.dashboard-period-picker{border-color:#c5d3bb!important;background:#fafcf7!important}.mobile-park-actions summary,.park-filter-picker>summary,.status-filter summary,.dashboard-period-picker>summary{color:#49633a;font-weight:600}.heading .actions .page-close{background:#f7f9f4;border-color:#c7d0bf;color:#4d5c43}
button,.mobile-list-detail,.mobile-menu-toggle,.heading .actions .page-close{background:#fff;border-color:#d2d8cf;color:#354331;box-shadow:none}button:hover{background:#f5f6f3;border-color:#bfc8b9}.primary{background:#e5f1d8;border-color:#b8d39f;color:#355626}.danger{background:#fff;border-color:#d9cfcc;color:#98544d}.mobile-park-actions summary,.status-filter summary{background:#fff;border-color:#d2d8cf;color:#354331}.park-filter-picker,.dashboard-period-picker{background:#fff!important;border-color:#d2d8cf!important}.park-filter-picker>summary,.dashboard-period-picker>summary{color:#354331}.table-wrap tbody tr{border-left-color:#b5c5a8}@media(max-width:700px){#home .metric:nth-child(n){background:#f8faf6;border-color:#dce3d7;color:#34472b}#home .metric span,#home .metric small{color:#74806e}.table-wrap tbody{background:#f5f7f2}}

#home .totals > span:not(.started-rental-total) b{color:#38952e}

#home .dashboard-metrics .metric:nth-child(1) span{color:#4279a0}#home .dashboard-metrics .metric:nth-child(2) span{color:#38952e}#home .dashboard-metrics .metric:nth-child(3) span{color:#b6842c}#home .dashboard-metrics .metric:nth-child(4) span{color:#8764a3}

/* Compact sizing applies only to mobile forms. */
@media(max-width:700px){
.page form{font-size:12px}
.page form .grid{gap:9px}
.page form label{font-size:11px;gap:3px;min-width:0}
.page form input,.page form select,.page form textarea{font-size:16px;min-height:34px;padding:5px 7px;line-height:1.35;max-width:100%}
.page form textarea{min-height:54px}
.page form input[type=checkbox]{width:15px;height:15px;min-height:15px;padding:0;flex-shrink:0}
.page form input[type=file]{font-size:12px;padding:4px 6px}
.page form .section{margin-top:12px;padding-top:9px}
.page form h2{font-size:14px;margin:4px 0 10px}
.page form .transport-grid,.page form .invoice-transport-directions{gap:14px}
.page form .transport-group{padding:10px;gap:9px}
.page form .invoice-transport-direction{gap:8px}
.page form .job-row,.page form .check-row{gap:6px;margin:8px 0;align-items:end}
.page form .file-line{gap:8px;margin:7px 0}
.page form button{font-size:12px;padding:6px 10px;min-height:30px}
}

}

/* Compact mobile fields include detail screens outside form elements. */
@media(max-width:700px){
.page .grid{gap:7px}
.page label{font-size:11px;gap:3px;min-width:0}
.page input,.page select,.page textarea{padding:4px 7px;min-height:32px;line-height:1.25;max-width:100%}
.page input[readonly],.page input:disabled,.page select:disabled,.page textarea[readonly],.page textarea:disabled{font-size:13px}
.page textarea{min-height:48px}
.page input[type=checkbox]{width:15px;height:15px;min-height:15px;padding:0;flex-shrink:0}
.page .section{margin-top:10px;padding-top:8px}
.page .section h2{font-size:13px;margin:2px 0 7px}
.page form .grid{gap:7px}
.page form input,.page form select,.page form textarea{padding:4px 7px;min-height:32px;line-height:1.25}
.page form input[readonly],.page form input:disabled,.page form select:disabled,.page form textarea[readonly],.page form textarea:disabled{font-size:13px}
.page form textarea{min-height:48px}
.page form input[type=checkbox]{min-height:15px}
}

/* Lighter typography on mobile; values do not inherit bold labels. */
@media(max-width:700px){
.page{font-size:12px}
.page .heading h1{font-size:18px;font-weight:600;line-height:1.3}
.page label,.page form label{font-size:11px;font-weight:500}
.page input,.page select,.page textarea,.page form input,.page form select,.page form textarea{font-weight:400;font-size:14px}
.page input:focus,.page select:focus,.page textarea:focus{font-size:16px}
.page input[readonly],.page input:disabled,.page select:disabled,.page textarea[readonly],.page textarea:disabled{font-size:13px;font-weight:400}
.page button,.page .actions button,.page form button{font-size:11px;font-weight:500}
.page .section h2,.page form h2{font-size:13px;font-weight:600}
.page legend{font-size:13px;font-weight:500}
#tabs button{font-size:10px;font-weight:500}
.page p,.page .subtitle,.page .inline-note{font-size:12px;font-weight:400;line-height:1.4}
}
