:root{--c4t-navy:#0a1f41;--c4t-blue:#0756df;--c4t-cyan:#00bce7;--c4t-ink:#183354;--c4t-muted:#637894;--c4t-line:#dce7f4;--c4t-bg:#f4f8fd}
body.lagom:not(.page-order){background:var(--c4t-bg)!important;background-image:none!important;color:var(--c4t-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif;--text-body:#385472;--text-heading:#11294c;--text-secondary:#607894;--brand-primary:#0756df;--brand-primary-lighter:#eaf2ff;--brand-primary-darker:#0346bf;--body-bg:#f4f8fd;--panel-bg:#fff;--input-bg:#fff;--svg-icon-color-1:#0756df;--svg-icon-color-2:#50cbec;--svg-icon-color-3:#8caed8}
body.lagom:not(.page-order):before,body.lagom:not(.page-order):after{display:none!important}
body.lagom:not(.page-order) .app-main,body.lagom:not(.page-order) .main-body{background:var(--c4t-bg)!important;background-image:none!important}
body.lagom:not(.page-order) .app-nav{background:#fff!important;background-image:none!important;border-right:1px solid var(--c4t-line)!important;box-shadow:6px 0 30px rgba(13,44,85,.035)!important}
body.lagom:not(.page-order) .app-nav:before,body.lagom:not(.page-order) .app-nav:after{display:none!important}
body.lagom:not(.page-order) .app-nav .logo{display:flex!important;align-items:center;min-height:88px;padding:20px 22px!important;border-bottom:1px solid #eef3fa}
body.lagom:not(.page-order) .app-nav .logo img{width:188px!important;max-width:100%;height:auto!important;object-fit:contain;filter:none!important}
body.lagom:not(.page-order) .app-nav-menu{padding:18px 12px!important}
body.lagom:not(.page-order) .app-nav-menu a{border-radius:11px!important;color:#385372!important;font-size:13px!important;font-weight:600!important;transition:background .18s,color .18s,transform .18s}
body.lagom:not(.page-order) .app-nav-menu a:hover{background:#edf5ff!important;color:#0756df!important;transform:translateX(2px)}
body.lagom:not(.page-order) .app-nav-menu .active>a,body.lagom:not(.page-order) .app-nav-menu li.active>a{background:#eaf2ff!important;color:#0756df!important}
body.lagom:not(.page-order) .app-nav-menu .svg-icon{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;margin-right:10px!important;filter:none!important}
body.lagom:not(.page-order) .app-nav-menu .item-text{color:inherit!important}
body.lagom:not(.page-order) .main-top{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--c4t-line)!important;color:#354f71!important;min-height:72px!important}
body.lagom:not(.page-order) .main-top a,body.lagom:not(.page-order) .main-top .item-text{color:#385776!important}
body.lagom:not(.page-order) .main-top a:hover{color:#0756df!important}
body.lagom:not(.page-order) .main-header{background:transparent!important;background-image:none!important;border:0!important;padding-top:26px!important;padding-bottom:13px!important}
body.lagom:not(.page-order) .main-header h1,body.lagom:not(.page-order) .main-header .main-header-title{color:#0c274d!important;font-size:clamp(27px,3vw,38px)!important;font-weight:750!important;letter-spacing:-.04em!important}
body.lagom:not(.page-order) .main-body{padding-bottom:70px!important}
body.lagom:not(.page-order) .main-body>.container{max-width:1380px!important}
body.lagom:not(.page-order) .panel,body.lagom:not(.page-order) .tile{background:#fff!important;background-image:none!important;color:var(--c4t-ink)!important;border:1px solid var(--c4t-line)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(16,51,91,.055)!important;overflow:hidden}
body.lagom:not(.page-order) .panel-heading{background:#fff!important;background-image:none!important;border-bottom:1px solid #edf2f9!important;color:#1a3659!important}
body.lagom:not(.page-order) .panel-title,body.lagom:not(.page-order) .panel-heading h2,body.lagom:not(.page-order) .panel-heading h3,body.lagom:not(.page-order) h2,body.lagom:not(.page-order) h3{color:#132f52!important}
body.lagom:not(.page-order) .panel-body,body.lagom:not(.page-order) .panel-footer{background:#fff!important;color:#465f7c!important}
body.lagom:not(.page-order) p,body.lagom:not(.page-order) label,body.lagom:not(.page-order) .text-muted,body.lagom:not(.page-order) .text-light{color:#60758d!important}
body.lagom:not(.page-order) a{color:#0756df}
body.lagom:not(.page-order) .btn-primary{background:#0756df!important;color:#fff!important;border-color:#0756df!important;border-radius:9px!important;box-shadow:0 5px 14px rgba(7,86,223,.18)!important;font-weight:650!important}
body.lagom:not(.page-order) .btn-primary:hover{background:#034ac6!important;border-color:#034ac6!important}
body.lagom:not(.page-order) .btn-default{background:#fff!important;color:#174677!important;border:1px solid #c8d9ed!important;border-radius:9px!important}
body.lagom:not(.page-order) .form-control{background:#fff!important;color:#1d3859!important;border:1px solid #bed1e8!important;border-radius:9px!important;box-shadow:none!important}
body.lagom:not(.page-order) .form-control:focus{border-color:#0756df!important;box-shadow:0 0 0 3px rgba(7,86,223,.13)!important}
body.lagom:not(.page-order) .table{background:#fff!important;color:#375271!important}
body.lagom:not(.page-order) .table>thead>tr>th{background:#f1f6fc!important;color:#31577b!important;border-color:#e1eaf5!important}
body.lagom:not(.page-order) .table>tbody>tr>td{background:#fff!important;color:#48617c!important;border-color:#e7eef7!important}
body.lagom:not(.page-order) .dropdown-menu{background:#fff!important;border:1px solid #d9e5f4!important;border-radius:12px!important;box-shadow:0 16px 36px rgba(13,45,84,.15)!important}
body.lagom:not(.page-order) .dropdown-menu a{color:#2c4c70!important}
body.lagom:not(.page-order) .dropdown-menu a:hover{background:#eef5ff!important;color:#0756df!important}
body.lagom:not(.page-order) .main-footer{background:#fff!important;border-top:1px solid var(--c4t-line)!important;color:#657993!important}
body.lagom:not(.page-order) .main-footer a,body.lagom:not(.page-order) .main-footer p{color:#657993!important}
body.lagom:not(.page-order) .alert-info{background:#eaf4ff!important;border-color:#c9ddf7!important;color:#315f8e!important}
body.lagom:not(.page-order) .alert-warning{background:#fff8ea!important;border-color:#f0dfb7!important;color:#866224!important}
body.lagom:not(.page-order) .alert-danger{background:#fff0f2!important;border-color:#f0cad0!important;color:#ad3446!important}
/* Client dashboard: place actions and data in a quiet, spacious workspace. */
body.page-clientareahome .main-sidebar .panel-client-details{border-top:4px solid #15bee5!important}
body.page-clientareahome .main-sidebar .panel-client-details .panel-body{padding:26px!important}
body.page-clientareahome .tiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;margin-bottom:23px!important}
body.page-clientareahome .tiles>*{width:100%!important;margin:0!important;min-width:0!important}
body.page-clientareahome .tile{min-height:148px!important;padding:24px!important;transition:transform .18s,box-shadow .18s}
body.page-clientareahome .tile:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(16,51,91,.1)!important}
body.page-clientareahome .tile .tile-stat,body.page-clientareahome .tile .stat{color:#0b3871!important;font-weight:750!important}
body.page-clientareahome .client-home-panels .panel{min-height:245px}
body.page-clientareahome .client-home-panels .panel-heading{padding:21px 23px!important}
body.page-clientareahome .client-home-panels .panel-body{padding:24px!important}
body.page-clientareahome #servicesPanel{border-top:3px solid #0756df!important}
body.page-clientareahome #ticketsPanel{border-top:3px solid #00bce7!important}
body.page-clientareahome #announcementsPanel{border-top:3px solid #82a8db!important}
.c4t-portal-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 33px;margin:0 0 26px;background:linear-gradient(105deg,#092954 0%,#104994 76%,#0a78b7 100%);border-radius:20px;box-shadow:0 18px 36px rgba(9,44,96,.16);position:relative;overflow:hidden;color:#fff}
.c4t-portal-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(151,226,255,.25);right:-80px;top:-105px;box-shadow:0 0 0 35px rgba(103,201,245,.07),0 0 0 80px rgba(103,201,245,.035);pointer-events:none}
.c4t-portal-hero>*{position:relative;z-index:1}
.c4t-portal-hero .eyebrow{display:block;color:#85dff5;font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;margin-bottom:9px}
.c4t-portal-hero h2{color:#fff!important;font-size:23px;letter-spacing:-.035em;margin:0 0 5px}
.c4t-portal-hero p{color:#c5e4f7!important;font-size:13px;margin:0!important}
.c4t-portal-hero .actions{display:flex;gap:9px;flex-wrap:wrap}
.c4t-portal-hero a{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:0 17px;background:#fff;color:#0751b2!important;border-radius:9px;font-size:12px;font-weight:750;white-space:nowrap}
.c4t-portal-hero a.secondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff!important}
@media(max-width:1199px){body.page-clientareahome .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body.lagom:not(.page-order) .app-nav .logo{min-height:66px;padding:12px 20px!important}body.lagom:not(.page-order) .app-nav .logo img{width:158px!important}body.lagom:not(.page-order) .main-header{padding-top:16px!important}.c4t-portal-hero{align-items:flex-start;flex-direction:column;padding:24px}.c4t-portal-hero h2{font-size:21px}body.page-clientareahome .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}body.page-clientareahome .tile{min-height:122px!important;padding:17px!important}}
@media(max-width:430px){.c4t-portal-hero .actions{width:100%}.c4t-portal-hero a{flex:1}body.page-clientareahome .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Lagom's futuristic preset sets light inline text and a Swiper row; neutralize both. */
@media(min-width:1200px){body.lagom:not(.page-order) .app-nav .logo.visible-xs{display:none!important}}
@media(max-width:1199px){body.lagom:not(.page-order) .app-nav .logo.hidden-md{display:none!important}}
body.lagom:not(.page-order) .main-top i,body.lagom:not(.page-order) .main-top .item-icon,body.lagom:not(.page-order) .main-top .item-text,body.lagom:not(.page-order) .main-top .user-details{color:#3b5576!important}
body.lagom:not(.page-order) .panel-client-details strong,body.lagom:not(.page-order) .panel-client-details em{color:#18395d!important}
body.lagom:not(.page-order) .panel-client-details .panel-body{color:#55708e!important}
body.lagom:not(.page-order) .c4t-portal-hero h2{color:#fff!important}
body.lagom:not(.page-order) .c4t-portal-hero p{color:#d1e9f8!important}
body.page-clientareahome .tiles{display:block!important}
body.page-clientareahome .tiles .swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;width:100%!important;margin:0!important;transform:none!important}
body.page-clientareahome .tiles .swiper-slide{width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;margin:0!important}
body.page-clientareahome .tiles .tile{width:100%!important;min-width:0!important;max-width:none!important}
body.page-clientareahome .tiles .tile-title{color:#4b6785!important}
@media(max-width:1199px){body.page-clientareahome .tiles .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.lagom:not(.page-order) .panel-sidebar .list-group-item{background:#fff!important;border-color:#edf2f8!important;color:#35577b!important}
body.lagom:not(.page-order) .panel-sidebar .list-group-item:hover{background:#edf5ff!important;color:#0756df!important}
body.lagom:not(.page-order) .panel-sidebar .list-group-item.active{background:#e8f2ff!important;color:#0756df!important;border-left:3px solid #0756df!important}
body.lagom:not(.page-order) .message-no-data{background:#fff!important;background-image:none!important;color:#31506f!important;border:1px solid #dce7f4!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(16,51,91,.055)!important}
body.lagom:not(.page-order) .message-no-data h6,body.lagom:not(.page-order) .message-no-data p{color:#45627e!important}
/* Guest access uses the same brand system, with the original login form intact. */
body.lagom.page-login{background:#f4f8fd!important;background-image:radial-gradient(circle at 5% 8%,rgba(0,188,231,.085),transparent 27%),radial-gradient(circle at 96% 93%,rgba(7,86,223,.07),transparent 27%)!important}
body.lagom.page-login .login{width:min(100% - 32px,480px)!important;margin:auto!important}
body.lagom.page-login .login-header{width:100%!important;display:flex;justify-content:center;padding:30px 0 24px!important}
body.lagom.page-login .login-header .logo img{width:214px!important;max-width:100%!important;height:auto!important;filter:none!important}
body.lagom.page-login .login-wrapper{width:100%!important;background:#fff!important;background-image:none!important;border:1px solid #dce7f4!important;border-radius:20px!important;box-shadow:0 25px 65px rgba(15,52,99,.12)!important;overflow:hidden!important;position:relative}
body.lagom.page-login .login-wrapper:before{content:"";height:5px;display:block;background:linear-gradient(90deg,#0756df,#00bce7)}
body.lagom.page-login .login-body{padding:39px 43px 32px!important;background:#fff!important;background-image:none!important}
body.lagom.page-login .login-title{color:#112e54!important;text-align:left!important;font-size:29px!important;font-weight:750!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0 0 10px!important}
body.lagom.page-login .c4t-login-lead{margin:0 0 27px!important;color:#637c98!important;font-size:13px;line-height:1.6}
body.lagom.page-login .login-form label{font-size:12px!important;font-weight:700!important;color:#315474!important}
body.lagom.page-login .login-form .form-control{height:49px!important;background:#fff!important;border-color:#c8d9ed!important;color:#17395d!important}
body.lagom.page-login .login-form .btn-primary{min-height:49px!important;font-size:14px!important}
body.lagom.page-login .login-footer,body.lagom.page-login .login-bottom{background:#f9fbff!important;color:#68809a!important;border-top:1px solid #edf2f9!important}
body.lagom.page-login .login-footer a,body.lagom.page-login .login-bottom a{color:#0756df!important}
@media(max-width:575px){body.lagom.page-login .login-body{padding:31px 24px 26px!important}body.lagom.page-login .login-title{font-size:26px!important}}
@media(max-width:1199px){body.lagom:not(.page-order) .app-nav-header{background:#fff!important;background-image:none!important;border-bottom:1px solid #dce7f4!important;box-shadow:0 4px 15px rgba(16,51,91,.045)!important}body.lagom:not(.page-order) .app-nav-header .navbar-toggle .icon-bar{background:#224d7a!important}body.lagom:not(.page-order) .app-nav-header .top-nav a,body.lagom:not(.page-order) .app-nav-header .top-nav i{color:#345778!important}body.lagom:not(.page-order) .app-nav-header .logo.visible-xs{min-height:0!important;padding:0!important;border:0!important}body.lagom:not(.page-order) .app-nav-header .logo.visible-xs img{width:138px!important;max-width:138px!important}}
body.lagom.page-login .login{max-width:480px!important}