[hidden]{display:none!important}.app-shell aside{inset:0 0 auto 0;width:100%;height:178px;padding:0 30px;display:flex;flex-direction:row;align-items:center;gap:22px;background:linear-gradient(180deg,#071321f5,#091725f0);border-right:0;border-bottom:1px solid #1d3850;box-shadow:0 18px 45px #02081299;backdrop-filter:blur(24px)}
.app-shell aside:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);opacity:.45}
.side-brand{padding:0;min-width:172px}.side-brand .logo{border-radius:10px;box-shadow:0 0 24px #32d9dc36}
.workspace{border:0;border-left:1px solid #1a3147;padding:0 0 0 18px;min-width:220px}.workspace small{font-size:7px}.workspace button{padding:5px 0}.workspace i{background:linear-gradient(145deg,#193a52,#122a40);border:1px solid #28506b}
.app-shell nav{position:absolute;left:30px;right:30px;bottom:11px;height:94px;padding:8px;display:flex;align-items:stretch;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;touch-action:pan-x;background:#0b1a2a;border:1px solid #1b354c;border-radius:17px;box-shadow:inset 0 1px #ffffff08,0 8px 20px #0003}
.app-shell nav::-webkit-scrollbar{height:0}.app-shell nav .nav-section{display:none}
.app-shell nav button{flex:0 0 116px;height:auto;min-height:76px;padding:9px 10px;border:1px solid #1b354b;border-radius:13px;justify-content:center;flex-direction:column;gap:5px;color:#8ba0b4;background:linear-gradient(145deg,#102337,#0c1c2d);scroll-snap-align:start;box-shadow:inset 0 1px #ffffff08,0 5px 12px #0003;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s;-webkit-tap-highlight-color:transparent;user-select:none}
.app-shell nav button i{font-size:23px;line-height:1;width:auto}.app-shell nav button span{font-size:10px;font-weight:600;white-space:nowrap}.app-shell nav button:hover{transform:translateY(-2px);border-color:#315b76;background:#142b42;color:#effbff}.app-shell nav button:active{transform:scale(.96);background:#19354c}.app-shell nav button.active{background:linear-gradient(145deg,#174153,#1b3153);border-color:#39a6b4;color:#f4ffff;box-shadow:inset 0 1px #ffffff12,0 0 22px #32d9dc1f}.app-shell nav button.active i{color:#55f0e8;text-shadow:0 0 14px #32d9dc}.side-user{margin:0 0 106px auto;border:1px solid #1e384e;min-width:205px;background:#0c1b2b;border-radius:11px;padding:7px 9px}.side-user .avatar{box-shadow:0 0 16px #688cff28}.side-user button{width:40px;height:40px;border-radius:10px;background:#12263a}.app-shell main{margin-left:0;padding:210px 42px 65px;max-width:1720px;margin-inline:auto}
@media(max-width:1050px){.app-shell aside{padding-inline:18px}.workspace{min-width:180px}.side-user{min-width:160px}.app-shell nav{left:18px;right:18px}.app-shell main{padding:205px 24px 55px}}
@media(max-width:760px){.app-shell aside{width:100%;height:164px;padding:0 12px;gap:9px}.side-brand{min-width:auto;padding:0}.side-brand>div:last-child{display:none}.workspace{min-width:0;flex:1;padding:0 0 0 10px;border-top:0;border-bottom:0}.workspace small{display:none}.workspace span{display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace em{display:block}.workspace i{margin:0}.side-user{justify-content:center;min-width:auto;margin:0 0 92px;padding:5px;background:transparent;border:0}.side-user>div:nth-child(2),.side-user>button{display:none}.app-shell nav{left:9px;right:9px;bottom:8px;height:88px;padding:7px}.app-shell nav button{flex-basis:100px;min-height:72px;padding:7px}.app-shell nav button i{font-size:21px}.app-shell nav button span{display:inline;font-size:9px}.app-shell main{margin:0;padding:190px 14px 45px}.app-shell main>header{margin-bottom:18px}.app-shell main>header h1{font-size:21px}.primary,.icon-btn,.panel-head button,.table-tools button,.bank-banner button{min-height:44px}.subnav button{min-height:46px}}
@media(max-width:480px){.workspace span{max-width:100px}.app-shell nav button{flex-basis:92px}.app-shell nav button span{display:block;max-width:82px;overflow:hidden;text-overflow:ellipsis}}
@media(pointer:coarse){button{min-height:44px}.app-shell nav button{min-height:76px}.table-card td{padding-block:16px}.focus-item,.activity-item,.document-row,.period-row{min-height:54px}.status{padding:6px 10px}.quick-grid button{min-height:100px}.close{min-width:48px;min-height:48px}}
.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;margin:-8px 0 15px;padding:11px 14px;background:linear-gradient(90deg,#0d1d2e,#10243a);border:1px solid #1d3a51;border-radius:12px}.dashboard-toolbar p{margin:2px 0 0;color:var(--muted);font-size:10px}.customise-btn{min-height:46px;border:1px solid #2e6071;background:linear-gradient(145deg,#17364b,#132a40);color:#dffbff;border-radius:11px;padding:8px 15px;display:flex;align-items:center;gap:9px;font-weight:600;font-size:11px;box-shadow:0 6px 18px #0003}.customise-btn i{font-style:normal;color:var(--cyan);font-size:20px}.dashboard-dialog{width:min(790px,calc(100vw - 24px))}.dashboard-dialog .dialog-head p{color:var(--muted);margin:5px 0 0}.preset-row{display:flex;gap:7px;overflow-x:auto;margin-bottom:14px}.preset-row button{flex:0 0 auto;min-height:40px;border:1px solid #27445d;background:#10243a;color:#91a8bb;border-radius:9px;padding:8px 12px;font-size:10px}.preset-row button:hover{border-color:var(--cyan);color:var(--cyan)}.gadget-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:430px;overflow:auto}.gadget-picker label{position:relative;display:flex;align-items:center;gap:12px;min-height:78px;margin:0;padding:12px;border:1px solid #203b52;background:linear-gradient(145deg,#102238,#0d1c2e);border-radius:12px;cursor:pointer;user-select:none}.gadget-picker label:has(input:checked){border-color:#35a6af;background:linear-gradient(145deg,#15394a,#172d49);box-shadow:0 0 20px #32d9dc12}.gadget-picker input{position:absolute;right:12px;top:12px;width:18px;height:18px;accent-color:var(--cyan)}.gadget-picker label>i{display:grid;place-items:center;min-width:42px;height:42px;border-radius:11px;background:#17334a;color:var(--cyan);font-style:normal;font-size:19px}.gadget-picker label>span{display:grid;padding-right:18px}.gadget-picker b{font-size:11px}.gadget-picker small{color:var(--muted);font-size:9px}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.dialog-actions button{min-height:46px;padding:9px 18px}.reset-dashboard{border:1px solid #2a4359;background:transparent;color:#8ca1b3;border-radius:9px}.empty-dashboard{padding:70px 20px;text-align:center;border:1px dashed #29465e;border-radius:14px;background:#0b1929}.empty-dashboard>i{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:16px;background:#143047;color:var(--cyan);font-style:normal;font-size:28px}.empty-dashboard h3{font:600 18px 'Space Grotesk';margin:15px 0 5px}.empty-dashboard p{color:var(--muted);margin:0 0 16px}[data-gadget][hidden]{display:none!important}
@media(max-width:650px){.dashboard-toolbar{align-items:flex-start;gap:10px}.customise-btn span{display:none}.customise-btn{padding:7px 12px}.gadget-picker{grid-template-columns:1fr}.gadget-picker label{min-height:72px}.dialog-actions{position:sticky;bottom:0;background:#0b192a;padding-top:10px}}
.hero-grid:has(> [data-gadget]:only-child),.hero-grid:has(> [data-gadget][hidden]){grid-template-columns:1fr}.content-grid:has(> [data-gadget][hidden]){grid-template-columns:1fr}.metric-grid:has(> [data-gadget]:not([hidden]):nth-last-child(-n+2)){grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.toolbar-actions,.po-actions{display:flex;gap:8px}.toolbar-actions>button,.row-action,.po-actions button{min-height:42px;border:1px solid #2b5068;background:#122c42;color:#b9d5e3;border-radius:9px;padding:8px 12px;font-size:9px}.awaiting{color:var(--amber);font-size:9px}.po-card{border-top:1px solid var(--line);padding:14px 0}.po-card:first-child{border-top:0}.po-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.po-title span{display:grid}.po-title small{color:var(--muted);font-size:9px}.po-actions{flex-wrap:wrap;margin-top:10px}.po-actions button{flex:1;min-width:130px}.invoice-receipt{margin-left:8px}
.side-user{min-width:250px}.side-user #logoutBtn{width:auto;min-width:82px;height:40px;border:1px solid #29465e;border-radius:10px;background:#12263a;color:#a9c0d2;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font-size:10px}.side-user #logoutBtn i{color:var(--pink);font-style:normal;font-size:15px}.side-user #logoutBtn span{display:inline}
@media(max-width:760px){.side-user{min-width:auto}.side-user .avatar{display:none}.side-user #logoutBtn{display:flex;min-width:45px;width:45px;padding:0}.side-user #logoutBtn span{display:none}}
.task-gadget{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:17px 19px;border:1px solid #753c54;background:linear-gradient(105deg,#321c2c,#13233a);border-radius:14px;box-shadow:0 0 0 1px #ff6cae0b,0 10px 30px #0003;animation:taskPulse 2.4s ease-in-out infinite}.task-gadget.clear{border-color:#285347;background:linear-gradient(105deg,#102c2a,#12243a);animation:none}.task-gadget h3{font:600 17px 'Space Grotesk';margin:4px 0}.task-beacon{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--pink);border-radius:50%;box-shadow:0 0 14px var(--pink)}.task-gadget.clear .task-beacon{background:var(--green);box-shadow:0 0 12px var(--green)}#dashboardTasks{min-width:55%;display:grid;gap:6px}.dashboard-task{display:flex;align-items:center;gap:10px;padding:8px 9px;background:#09172599;border:1px solid #293c50;border-radius:9px}.dashboard-task span{display:grid;flex:1}.dashboard-task b{font-size:10px}.dashboard-task small{color:var(--muted);font-size:8px}.dashboard-task strong{font-size:8px;text-transform:uppercase;padding:4px 7px;border-radius:10px;background:#2b3140;color:var(--amber)}.dashboard-task strong.urgent{background:#4b2133;color:var(--pink)}.dashboard-task button{min-height:38px;border:1px solid #33566d;background:#133047;color:#bde1eb;border-radius:8px;padding:6px 10px;font-size:9px}.all-clear{color:var(--green);text-align:right;margin:0}.email-note{padding:11px 12px;margin:5px 0 16px;border:1px solid #24465b;background:#10273b;color:#93b1c2;border-radius:9px;font-size:10px}@keyframes taskPulse{0%,100%{box-shadow:0 0 0 1px #ff6cae0b,0 10px 30px #0003}50%{box-shadow:0 0 0 2px #ff6cae24,0 0 28px #ff6cae18}}
@media(max-width:850px){.task-gadget{align-items:flex-start;flex-direction:column}#dashboardTasks{width:100%;min-width:0}.dashboard-task{flex-wrap:wrap}.dashboard-task span{min-width:65%}}
.dashboard-task.task-open{width:100%;color:var(--text);text-align:left;cursor:pointer}.dashboard-task.task-open:hover{border-color:#4b7a91;background:#10283d}.dashboard-task.task-open:active{transform:scale(.985)}.dashboard-task.task-open>i{color:var(--cyan);font-style:normal;font-size:9px}.task-detail-dialog .dialog-head p{color:var(--muted);margin:5px 0 0}.task-context,.task-history{padding:13px;margin-bottom:14px;border:1px solid #213c52;background:#0d1e30;border-radius:10px}.task-context p{margin:8px 0 0;color:#bdd0dd}.task-history{max-height:190px;overflow:auto}.task-comment{display:grid;gap:3px;padding:10px 0;border-top:1px solid #1c3348}.task-comment:first-of-type{margin-top:7px}.task-comment span{font-size:11px}.task-comment small,.no-comments{color:var(--muted);font-size:9px}.task-detail-actions{display:flex;justify-content:space-between;gap:10px}.task-detail-actions button{min-height:48px;padding:9px 16px}.complete-task-btn{border:1px solid #28654e;background:#123b30;color:var(--green);border-radius:9px}
.calendar-field>div{display:grid;grid-template-columns:1fr auto;gap:8px}.calendar-field input[type=date]{min-height:50px;color-scheme:dark;cursor:pointer}.calendar-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(88%) sepia(49%) saturate(673%) hue-rotate(126deg);cursor:pointer;opacity:1}.date-picker-trigger{min-height:50px;border:1px solid #318092;background:linear-gradient(145deg,#174255,#16334a);color:var(--cyan);border-radius:9px;padding:8px 15px;display:flex;align-items:center;gap:8px;font-size:17px}.date-picker-trigger span{color:#d7f4f6;font-size:10px;font-weight:600}@media(max-width:480px){.calendar-field>div{grid-template-columns:1fr}.date-picker-trigger{justify-content:center}}
.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.job-card{border:1px solid var(--line);background:linear-gradient(145deg,#10243a,#0b1929);border-radius:14px;padding:19px;box-shadow:0 12px 28px #0003}.job-card-head{display:flex;justify-content:space-between}.job-card-head span{display:grid}.job-card-head small{color:var(--muted);font-size:9px}.job-card h3{font:600 17px 'Space Grotesk';margin:18px 0 5px}.job-card p{color:#9fb4c4;min-height:42px}.job-meta{display:grid;gap:6px;padding:12px 0;margin:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.job-card>.primary{width:100%;min-height:47px}.close-ticket-btn,.complete-job-btn,.start-job-btn{min-height:48px;border-radius:9px;padding:9px 14px}.close-ticket-btn,.complete-job-btn{border:1px solid #744054;background:#432333;color:var(--pink)}.start-job-btn{border:1px solid #2d6b58;background:#153b31;color:var(--green)}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.permission-grid label{position:relative;min-height:62px;display:flex;align-items:center;gap:10px;border:1px solid #244157;background:#102238;border-radius:10px;padding:10px;margin:0}.permission-grid label:has(input:checked){border-color:#39a0ad;background:#14384a}.permission-grid input{width:18px;height:18px;accent-color:var(--cyan)}.permission-grid span{display:grid}.permission-grid small{color:var(--muted);font-size:8px}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}.task-detail-actions{flex-direction:column}.task-detail-actions button{width:100%}}
.notification-settings{margin-top:16px}.notification-settings .panel-head p{color:var(--muted);margin:3px 0 0}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.integration-grid>section{border:1px solid #203b51;background:#0c1c2d;border-radius:13px;padding:17px}.integration-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.integration-title>i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#15354a;color:var(--cyan);font-style:normal;font-size:18px}.integration-title>div{display:grid;flex:1}.integration-title small{color:var(--muted);font-size:8px}.switch{display:block!important;margin:0!important}.switch input{display:none}.switch span{display:block;width:44px;height:24px;border-radius:14px;background:#24394b;position:relative}.switch span:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#778b9b;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:#16625f}.switch input:checked+span:after{left:23px;background:var(--cyan);box-shadow:0 0 10px #32d9dc}.integration-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:15px}.integration-actions>div{display:flex;gap:7px;flex:1}.integration-actions input{max-width:220px}.test-notifications{min-height:45px;border:1px solid #346078;background:#133047;color:#bce1eb;border-radius:9px;padding:8px 14px}@media(max-width:900px){.integration-grid{grid-template-columns:1fr}.integration-actions{align-items:stretch;flex-direction:column}.integration-actions>div{flex-direction:column}.integration-actions input{max-width:none}.integration-actions button{width:100%}}
.customer-profile-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;padding:13px;border:1px solid #2c5369;background:linear-gradient(145deg,#102d3d,#102238);border-radius:11px}.customer-profile-preview>div{display:grid}.customer-profile-preview h3{font:600 14px 'Space Grotesk';margin:4px 0}.customer-profile-preview b{color:#6f8aa0;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.customer-profile-preview span:not(.eyebrow){font-size:10px;color:#d0e0e8}.customer-profile-preview .full{grid-column:1/-1}.customer-profile-preview>p{grid-column:1/-1;color:var(--muted);text-align:center}.table-card td>small{display:block;color:var(--muted);font-size:8px;margin-top:3px}@media(max-width:600px){.customer-profile-preview{grid-template-columns:1fr 1fr}.customer-profile-preview>div:first-child,.customer-profile-preview .full{grid-column:1/-1}}
.portal-support{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-bottom:17px;padding:20px;border:1px solid #2b5870;background:linear-gradient(115deg,#10334a,#18294b);border-radius:14px}.portal-support h3{font:600 19px 'Space Grotesk';margin:5px 0}.portal-support p{color:#9eb6c7;margin:0}.portal-support>#portalTicketList{grid-column:1/-1;display:grid;gap:7px;margin-top:5px}.portal-ticket{display:flex;align-items:center;gap:10px;padding:11px;background:#09192799;border:1px solid #2a4459;border-radius:10px}.portal-ticket>i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#14384b;color:var(--cyan);font-style:normal}.portal-ticket>span{display:grid;flex:1}.portal-ticket small{color:var(--muted);font-size:8px}.no-portal-tickets{color:var(--muted)!important;text-align:center}.support-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.support-choice label{position:relative;display:flex;align-items:center;gap:9px;min-height:78px;margin:0;padding:11px;border:1px solid #26445c;background:#102339;border-radius:11px;cursor:pointer}.support-choice label:has(input:checked){border-color:#36a4b1;background:#15394a;box-shadow:0 0 18px #32d9dc14}.support-choice input{position:absolute;right:8px;top:8px;width:16px;height:16px;accent-color:var(--cyan)}.support-choice i{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#183a51;color:var(--cyan);font-style:normal}.support-choice span{display:grid}.support-choice b{font-size:10px}.support-choice small{color:var(--muted);font-size:8px}@media(max-width:650px){.portal-support{grid-template-columns:1fr}.portal-support>button{width:100%}.support-choice{grid-template-columns:1fr}.support-choice label{min-height:66px}}
.access-empty{max-width:620px;margin:70px auto;padding:60px 30px;text-align:center;border:1px solid #29465e;background:linear-gradient(145deg,#0e2033,#0a1726);border-radius:18px}.access-empty>i{display:grid;place-items:center;width:66px;height:66px;margin:auto;border-radius:18px;background:#15354b;color:var(--cyan);font-style:normal;font-size:30px}.access-empty h2{font:600 23px 'Space Grotesk';margin:18px 0 7px}.access-empty p{color:var(--muted);max-width:440px;margin:auto}
.ticket-calendar-field{display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:7px}.ticket-calendar-field>input{grid-column:1;min-height:50px;color-scheme:dark}.ticket-calendar-field>.date-picker-trigger{grid-column:2;grid-row:1/3;align-self:end}.onsite-conversion{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;align-items:end;gap:9px;margin:0 0 15px;padding:14px;border:1px solid #3a5d70;background:linear-gradient(145deg,#132f40,#102238);border-radius:11px}.onsite-conversion h3{font:600 14px 'Space Grotesk';margin:4px 0}.onsite-conversion p{color:var(--muted);font-size:9px;margin:0}.onsite-conversion label{margin:0}.convert-onsite-btn{min-height:50px;border:1px solid #3b8871;background:#174438;color:var(--green);border-radius:9px;padding:9px 13px;font-size:9px}@media(max-width:850px){.onsite-conversion{grid-template-columns:1fr 1fr}.onsite-conversion>div{grid-column:1/-1}.convert-onsite-btn{grid-column:1/-1}}@media(max-width:520px){.ticket-calendar-field{grid-template-columns:1fr}.ticket-calendar-field>.date-picker-trigger{grid-column:1;grid-row:auto}.onsite-conversion{grid-template-columns:1fr}.onsite-conversion>*{grid-column:1!important}}
.job-card-actions{display:grid;grid-template-columns:auto 1fr;gap:8px}.job-card-actions>.primary{min-height:49px}.maps-button{min-height:49px;border:1px solid #32837c;background:linear-gradient(145deg,#174a43,#14363a);color:#84f0d4;border-radius:9px;padding:9px 15px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:17px;font-weight:700;box-shadow:0 5px 16px #0003}.maps-button span{font-size:10px;color:#d9fff4}.maps-button:active{transform:scale(.97)}#jobMapsLink{width:max-content;margin:10px 0 15px}@media(max-width:480px){.job-card-actions{grid-template-columns:1fr}.maps-button{min-height:56px}}
.travel-job-btn,.retry-location-btn,.arrive-job-btn{min-height:48px;border-radius:9px;padding:9px 14px}.travel-job-btn{border:1px solid #307b94;background:#153c50;color:#7fe8ff}.retry-location-btn{border:1px solid #2c9b7e;background:#124539;color:#9effdf}.arrive-job-btn{border:1px solid #93783a;background:#43371e;color:var(--amber)}
.job-photo-section{margin:16px 0;padding:15px;border:1px solid #25475e;border-radius:14px;background:#091725}.job-photo-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-photo-head h3{margin:2px 0 10px}.job-photo-head>span{color:var(--cyan);font-size:10px}.job-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:12px}.job-photo-grid>a{display:grid;gap:4px;color:#e9fbff;text-decoration:none;min-width:0}.job-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid #316079;background:#10243a}.job-photo-grid span,.job-photo-grid small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.job-photo-grid small{color:var(--muted)}.job-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.photo-action{min-height:54px;display:flex;align-items:center;justify-content:center;border:1px solid #37637c;border-radius:11px;background:#122c40;color:#c8f6ff;font-weight:700;cursor:pointer}.camera-action{background:linear-gradient(145deg,#115253,#163b47);border-color:#36a29b;color:#b7fff2}.photo-hint{display:block;color:var(--muted);margin-top:9px}@media(max-width:480px){.job-photo-actions{grid-template-columns:1fr}.photo-action{min-height:60px}.job-photo-grid{grid-template-columns:repeat(2,1fr)}}
.job-live-location{margin:16px 0;padding:15px;border:1px solid #287f79;border-radius:14px;background:linear-gradient(145deg,#0a282b,#0a1928);box-shadow:0 0 24px #19b5a51c}.job-live-location p{margin:2px 0 10px;color:#9edbd4;font-size:10px}.job-live-location iframe{width:100%;height:270px;border:0;border-radius:11px;background:#10243a}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#44f0c0;box-shadow:0 0 0 5px #44f0c022;animation:livePulse 1.5s infinite;margin-right:6px}@keyframes livePulse{50%{box-shadow:0 0 0 10px #44f0c000}}@media(max-width:480px){.job-live-location iframe{height:230px}}
.technician-location-gadget{margin:0 0 18px;padding:20px;border:1px solid #287f79;border-radius:18px;background:linear-gradient(145deg,#0b252b,#0b1727);box-shadow:0 14px 34px #0003}.location-gadget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.location-gadget-head h3{margin:4px 0 0}.location-gadget-head>span{color:#8fffe2;font-size:10px}.dashboard-technician-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px}.technician-map-card{overflow:hidden;border:1px solid #285067;border-radius:13px;background:#0b1b2b}.technician-map-card>div:first-child,.technician-map-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px}.technician-map-card>div span{display:grid}.technician-map-card small,.technician-map-card footer{color:var(--muted);font-size:9px}.technician-map-card iframe{width:100%;height:220px;border:0;background:#10243a}.technician-map-card footer a{color:#75ecd6;text-decoration:none}.awaiting-location{display:flex!important;min-height:180px;align-items:center;justify-content:center!important;color:var(--muted);padding:20px;text-align:center}@media(max-width:480px){.technician-location-gadget{padding:14px}.dashboard-technician-maps{grid-template-columns:1fr}.technician-map-card iframe{height:240px}}
.job-gps-status{margin:12px 0;padding:13px 15px;border-radius:10px;border:1px solid #37637c;background:#102a3c;color:#c7efff;font-size:11px;line-height:1.5}.job-gps-status.error{border-color:#a54d62;background:#421f2b;color:#ffc1ce}.job-gps-status.success{border-color:#2b9777;background:#123c32;color:#a8ffe3}.job-gps-status.working{border-color:#957537;background:#3b311d;color:#ffe09a}
.form-divider{display:flex;align-items:center;gap:10px;margin:20px 0 14px;color:var(--cyan);font-size:9px;letter-spacing:.14em}.form-divider::before,.form-divider::after{content:'';height:1px;flex:1;background:var(--line)}
.portal-ticket.customer-ticket-open{width:100%;text-align:left;color:inherit}.portal-ticket em{font-style:normal;color:var(--cyan);font-size:9px}.customer-ticket-dialog{width:min(820px,94vw)}.customer-ticket-dialog>article{padding:4px}.ticket-print-section{margin:14px 0;padding:18px;border:1px solid var(--line);border-radius:13px;background:#0b1b2b}.ticket-print-section h3{margin:0 0 13px}.ticket-print-section h4{margin:17px 0 6px;color:#a9cbdc}.ticket-print-section p{white-space:pre-wrap;line-height:1.6}.ticket-print-section dl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.ticket-print-section dl div{padding:9px;border-radius:8px;background:#10273a}.ticket-print-section dt{color:var(--muted);font-size:8px;text-transform:uppercase}.ticket-print-section dd{margin:3px 0 0}.customer-ticket-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.customer-ticket-photos figure{margin:0}.customer-ticket-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.customer-ticket-photos figcaption{font-size:8px;color:var(--muted);margin-top:4px}@media(max-width:520px){.ticket-print-section dl{grid-template-columns:1fr}.customer-ticket-photos{grid-template-columns:repeat(2,1fr)}}
@media print{body>*:not(#customerTicketDetailDialog){display:none!important}#customerTicketDetailDialog{display:block!important;position:static!important;width:100%!important;max-width:none!important;border:0!important;background:#fff!important;color:#111!important;padding:0!important}#customerTicketDetailDialog::backdrop,.no-print{display:none!important}#customerTicketPrint{color:#111!important}.print-head{border-bottom:2px solid #111!important}.ticket-print-section{break-inside:avoid;background:#fff!important;border:1px solid #bbb!important;color:#111!important}.ticket-print-section dl div{background:#f3f3f3!important}.ticket-print-section dt,.ticket-print-section figcaption{color:#555!important}.customer-ticket-photos img{max-height:180px}*{box-shadow:none!important;text-shadow:none!important}}
.statement-table{overflow:auto}.statement-table table{width:100%;border-collapse:collapse}.statement-table th,.statement-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:10px}.statement-table th:last-child,.statement-table td:last-child{text-align:right}.statement-table tfoot{color:var(--cyan)}@media print{body.printing-statement>*:not(#customerStatementDialog){display:none!important}body.printing-statement>#customerStatementDialog{display:block!important;position:static!important;width:100%!important;max-width:none!important;border:0!important;background:#fff!important;color:#111!important;padding:0!important}body.printing-statement #customerStatementPrint{color:#111!important}body.printing-statement .statement-table th,body.printing-statement .statement-table td{border-color:#bbb!important;color:#111!important}}
.stock-tabs{display:flex;gap:9px;overflow:auto;margin:15px 0;padding-bottom:4px}.stock-tabs button{min-width:145px;min-height:52px;border:1px solid #28485e;border-radius:12px;background:#0d2033;color:#9db7c8}.stock-tabs button.active{border-color:#39a9ad;background:linear-gradient(145deg,#17444d,#123344);color:#b9ffff;box-shadow:0 8px 20px #0003}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.warehouse-card{padding:20px;border:1px solid #2b4d63;border-radius:15px;background:linear-gradient(145deg,#10273b,#0b1929)}.warehouse-card h3{margin:7px 0}.warehouse-card p{color:var(--muted);min-height:35px}.warehouse-card>b{color:var(--cyan);font-size:18px}.receive-lines{display:grid;gap:9px;margin:15px 0}.receive-lines label{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:12px;padding:12px;border:1px solid #294b60;border-radius:10px;background:#0d2032}.receive-lines label span{display:grid}.receive-lines small{color:var(--muted)}.receive-lines input{text-align:center}.check-field{display:flex!important;align-items:center;gap:9px;min-height:48px}.check-field input{width:18px;height:18px}.stock-view td small{display:block;color:var(--muted)}@media(max-width:600px){.stock-tabs button{min-width:125px;min-height:58px}.receive-lines label{grid-template-columns:1fr 90px}.warehouse-grid{grid-template-columns:1fr}}
.document-line-total{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #2a6870;border-radius:11px;background:#102e3a}.document-line-total span{color:var(--muted);font-size:10px}.document-line-total b{font-size:20px;color:var(--cyan)}
.customer-open{border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.customer-open:hover b{color:var(--cyan)}.customer-open:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:8px}.customer-workspace-toolbar{align-items:flex-end}.customer-workspace-toolbar>div:first-child{display:grid;gap:5px}.customer-workspace-toolbar h2{margin:0;font-size:28px}.customer-workspace-toolbar p{margin:0;color:var(--muted)}.customer-back{width:max-content;border:0;background:transparent;color:var(--cyan);padding:0 0 10px;cursor:pointer}.customer-tabs{display:flex;gap:9px;overflow-x:auto;margin:18px 0;padding:8px;border:1px solid #223f55;border-radius:15px;background:#0a1a2a}.customer-tabs button{flex:0 0 auto;min-width:112px;min-height:48px;border:1px solid #28485e;border-radius:10px;background:#102338;color:#9db7c8;padding:8px 15px}.customer-tabs button.active{border-color:#39a9ad;background:linear-gradient(145deg,#17444d,#123344);color:#c9ffff;box-shadow:0 7px 18px #0004}.metric-grid.compact{margin-bottom:16px}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.customer-detail-grid>div{display:grid;gap:4px;padding:13px;border:1px solid #213d52;border-radius:10px;background:#0c1d2e}.customer-detail-grid .full{grid-column:1/-1}.customer-detail-grid small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.customer-detail-grid b{font-size:11px;overflow-wrap:anywhere}.customer-profile-full{max-width:1100px}.customer-statement-head{padding:17px}.customer-empty{text-align:center!important;color:var(--muted);padding:35px!important}.customer-workspace-toolbar .toolbar-actions{display:flex;gap:9px}.customer-workspace-toolbar .toolbar-actions button{min-height:48px;padding:10px 16px}.customer-statement-print{border:1px solid #36647b;background:#123047;color:#c7edf5;border-radius:9px;padding:10px 15px}@media(max-width:700px){.customer-workspace-toolbar{align-items:stretch;flex-direction:column}.customer-workspace-toolbar .toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.customer-tabs button{min-width:105px;min-height:54px}.customer-detail-grid{grid-template-columns:1fr}.customer-detail-grid .full{grid-column:1}.customer-workspace-toolbar h2{font-size:23px}}
#customersBody tr:has(.customer-open){cursor:pointer;transition:background .16s,box-shadow .16s}#customersBody tr:has(.customer-open):hover{background:#123047;box-shadow:inset 3px 0 var(--cyan)}#customersBody tr:has(.customer-open):hover .customer-open b{color:var(--cyan)}#customersBody tr:has(.customer-open):active{background:#173b50}