/* Homeguard Plus: blue, red and cyan, taken from the supplied identity. */
body{background:#f4f7fc;color:#233848}
.brand-sidebar [data-slot=sidebar-inner]{background:linear-gradient(170deg,#102f57 0%,#0a203e 80%)}
.brand-sidebar [data-slot=sidebar-header]{padding:25px 16px 18px}
.brand{padding:10px 9px;background:white;border-radius:10px;box-shadow:0 7px 22px #04142a38;display:block;border-bottom:3px solid #f51f2b}
.sidebar-logo{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:contain}
.workspace-label{margin-top:30px;color:#8da8c5;font-size:.75rem}
.brand-sidebar [data-slot=sidebar-menu-button]{color:#c9daea;font-size:.875rem;transition:background .2s,color .2s,transform .2s}
.brand-sidebar [data-slot=sidebar-menu-button]:hover{background:#1b416f;color:#fff;transform:translateX(2px)}
.brand-sidebar [data-slot=sidebar-menu-button][data-active=true]{background:#fff;color:#064bab;box-shadow:inset 3px 0 #f32932,0 4px 14px #071a3629}
.sidebar-help{border-color:#2a4c71;background:linear-gradient(145deg,#21457480,#16355c40)}
.sidebar-help>svg,.sidebar-help button{color:#56c5f2}.sidebar-help p{color:#b2c7db}.company-footer .avatar{background:#064bab}
.topbar{border-bottom:1px solid #dce6f2;box-shadow:0 3px 15px #24486c03}.avatar.dark{background:#e6effc;color:#064bab}.icon-button i{background:#f21d2a}
.workspace-note{color:#567392}.workspace-note button{color:#064bab}.eyebrow{color:#0652b6;font-size:.75rem;letter-spacing:1.6px}
.page-heading{position:relative;padding:10px 0 21px;border-bottom:1px solid #dfe7f1;margin-bottom:25px}
.page-heading:after{content:'';position:absolute;bottom:-1px;left:0;width:82px;height:3px;border-radius:3px;background:linear-gradient(90deg,#f21d2a 0 27%,#064bab 27% 76%,#05a8df 76%)}
h1{color:#142f50;letter-spacing:-1.2px}.page-heading p:not(.eyebrow){font-size:1rem;line-height:1.65;max-width:680px}
.primary{background:linear-gradient(120deg,#0654bb,#063e92);border-color:#064bab;box-shadow:0 5px 13px #064bab24;transition:transform .2s,box-shadow .2s,background .2s}
.primary:hover{background:linear-gradient(120deg,#0967db,#064bab);transform:translateY(-2px);box-shadow:0 8px 18px #064bab35}
.primary:active{transform:translateY(0)}.secondary{border-color:#cddbea;transition:border-color .2s,background .2s}.secondary:hover{border-color:#7ba4d8;background:#f0f6ff}
.text-button{color:#064bab}.metric{position:relative;overflow:hidden;border-color:#dce5f0;border-radius:13px;box-shadow:0 3px 12px #1a437408;transition:transform .22s,box-shadow .22s}
.metric:before{content:'';height:3px;position:absolute;left:0;right:0;top:0;background:#064bab}.metric:nth-child(2):before{background:#f52a34}.metric:nth-child(3):before{background:#02a4d9}.metric:nth-child(4):before{background:#304960}
.metric:hover{transform:translateY(-4px);box-shadow:0 12px 25px #183e7412}.metric>div{font-size:.875rem}.metric>div svg{color:#0655b9}.metric strong{color:#123969;font-weight:650}.metric small{color:#677d93}
.division{position:relative;border-radius:15px;border-color:#dce5f0;box-shadow:0 4px 15px #153f6907;transition:transform .25s,box-shadow .25s}.division:hover{transform:translateY(-4px);box-shadow:0 14px 28px #173c7214}
.division.electrical{background:linear-gradient(140deg,#074aa5,#072c62);border-color:#094894;color:#fff}.electrical h2{color:#fff}.electrical p{color:#c7dbf5}.electrical .division-index{color:#a7d7ff}.electrical .division-icon{background:#ffffff1c;color:#78d3ff;border:1px solid #ffffff26}.electrical .service-links button{color:#e2efff}.electrical .service-links button:hover{color:white}.service-links button{font-size:.875rem;transition:transform .2s}.service-links button:hover{transform:translateX(3px)}
.instant-link{background:#f32631;color:#fff;transition:background .2s}.instant-link:hover{background:#d91621}
.construction{background:linear-gradient(160deg,#fff,#fff5f5)}.construction .division-icon{background:#ffe9eb;color:#d82b39}.construction .division-index{color:#a83d49}.construction .division-bottom button{color:#bc2839}
.interiors{background:linear-gradient(155deg,#fff,#eef9fe)}.interiors .division-icon{background:#def3fd;color:#0078aa}.interiors .division-index{color:#147d9e}.interiors .division-bottom button{color:#066d9a}
.division h2{font-size:1.4rem}.division p{font-size:.875rem}.division-index{font-size:.75rem}.tag-list span{border-color:#dbe5f0;color:#516d86}.division-bottom button{transition:color .2s}.panel{border-color:#dce5f0;box-shadow:0 3px 14px #1c426609;border-radius:13px}.row-icon{background:#eaf2fd;color:#0654ad}.quick-row b,.list-row b{font-size:.875rem}.quick-row{transition:background .2s}.quick-row:hover{background:#f4f8ff}.panel-heading{border-bottom-color:#e5edf6}
.booking-banner{background:linear-gradient(110deg,#eaf2ff,#edf9fe);border-color:#cbdef5;border-left:4px solid #064bab}.booking-banner b{color:#143e75}.booking-banner .row-icon{background:#d7e8ff;color:#064bab}.flow-inline{color:#1b5795}.record-card{border-color:#dce5ef;border-radius:11px}.record-card:hover{border-color:#75a5df;box-shadow:0 8px 20px #064bab12}.record-card h3{color:#163e6b}.record-bottom{color:#064bab}.service-options button{transition:transform .2s,box-shadow .2s,border-color .2s}.service-options button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #064bab14;border-color:#79a5da}
.badge:not(.success):not(.pending){background:#e8f1ff;color:#1d5caa}.code{color:#064bab}.stage-track .done>span{background:#064bab}.stage-track .done:before{background:#6aabeb}.stage-track .done small{color:#064bab}.activity-item>span{background:#1385cf}[data-slot=progress-indicator]{background:linear-gradient(90deg,#064bab,#03a5df)}.upload-area{background:#f3f8ff;border-color:#9ab8e0}.detail-box{background:#f7faff}.setting .row-icon{background:#e8f1ff}.setting h2{color:#123f76}.footer{color:#607b95}
/* Genuine loading state: no artificial delay before the workspace becomes usable. */
.brand-loading{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 48%,#fff 20%,#edf4ff 100%);display:grid;place-items:center;min-height:100dvh;padding:25px}
.brand-loading-content{width:min(440px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center;animation:brand-appear .45s ease-out both}
.loading-logo{width:100%;height:auto;object-fit:contain;border-radius:14px;mix-blend-mode:multiply;margin-bottom:25px}
.loading-orbit{height:62px;width:62px;position:relative;display:grid;place-items:center;margin-bottom:22px}.loading-orbit span,.loading-orbit i{position:absolute;inset:0;border:2px solid #dbe7f7;border-top-color:#064bab;border-right-color:#00a6de;border-radius:50%;animation:brand-spin 1.3s linear infinite}.loading-orbit i{inset:7px;border-width:2px;border-color:transparent transparent #f52735 transparent;animation-direction:reverse;animation-duration:1.8s}.loading-orbit b{font-size:2rem;color:#f21c2c;font-weight:650;line-height:1}.brand-loading p{font-size:1rem;font-weight:500;color:#294863;margin-bottom:18px}.loading-track{height:3px;width:150px;background:#dfe9f8;overflow:hidden;border-radius:10px}.loading-track span{height:100%;width:45%;display:block;background:linear-gradient(90deg,#064bab,#00a4da);animation:brand-scan 1.5s ease-in-out infinite;border-radius:10px}
.page-enter{animation:page-appear .38s ease-out both}.page-enter .metric{animation:card-appear .45s ease-out both}.page-enter .metric:nth-child(2){animation-delay:.05s}.page-enter .metric:nth-child(3){animation-delay:.1s}.page-enter .metric:nth-child(4){animation-delay:.15s}.page-enter .division{animation:card-appear .5s ease-out both;animation-delay:.1s}.page-enter .division:nth-child(2){animation-delay:.17s}.page-enter .division:nth-child(3){animation-delay:.24s}
@keyframes brand-spin{to{transform:rotate(360deg)}}@keyframes brand-scan{0%{transform:translateX(-110%)}100%{transform:translateX(335%)}}@keyframes brand-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes page-appear{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.page-heading{padding-top:0;padding-bottom:20px}.page-heading p:not(.eyebrow){font-size:.9375rem}.metric>div{font-size:.8125rem}.division-index{font-size:.75rem}.brand-loading-content{max-width:340px}.loading-logo{margin-bottom:20px}.workspace-note{font-size:.75rem}.workspace-note button{font-size:.75rem}.division h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-track span{width:100%;opacity:.65}.metric:hover,.division:hover,.primary:hover,.service-options button:hover{transform:none}}