/* ===== ALTN modern UI layer (v2) - loaded after custom.css; delete this file to roll back ===== */
:root{--m-bg:#f3f6fb;--m-card:#fff;--m-line:#e6ebf3;--m-ink:#0f1b33;--m-sub:#64708a;--m-blue:#1565d8;--m-blue-50:#eaf2ff;--m-navy:#0b1f44;--m-orange:#f25c05;--m-r:16px;--m-sh:0 1px 2px rgba(15,27,51,.04),0 8px 24px rgba(15,27,51,.06);--m-sh-h:0 2px 4px rgba(15,27,51,.06),0 16px 40px rgba(15,27,51,.12)}
body{background:var(--m-bg) !important;-webkit-font-smoothing:antialiased}
section#main-body{padding-top:28px;padding-bottom:48px}
header.altn-header{box-shadow:none;border-bottom:1px solid var(--m-line)}
header.altn-header .topbar{background:#08162f;padding:5px 0;font-size:.8rem}
header.altn-header .topbar .btn-active-client{background:rgba(255,255,255,.1);border-radius:999px;padding:2px 12px}
.altn-sitebar{padding:10px 0}
.altn-sitenav .nav-link{font-size:.93rem;padding:9px 14px !important;border-radius:999px}
.altn-toolbar .cart-btn{border-radius:999px;background:#fff;border:1px solid var(--m-line)}
.altn-btn-login{border-radius:999px}
header.altn-header .altn-portalbar{background:#fff;border-top:1px solid var(--m-line);box-shadow:0 6px 18px rgba(15,27,51,.05)}
.altn-portal-label{background:var(--m-blue-50);color:var(--m-blue);border-radius:999px;padding:5px 12px}
header.altn-header .altn-portalbar .navbar-nav>li>a,header.altn-header .altn-portalbar .nav-link{color:#33415c !important;font-weight:700;padding:9px 14px !important;margin:8px 2px;border-radius:999px;transition:background .15s,color .15s}
header.altn-header .altn-portalbar .navbar-nav>li>a:hover,header.altn-header .altn-portalbar .nav-link:hover,header.altn-header .altn-portalbar .show>.nav-link{background:var(--m-blue-50);color:var(--m-blue) !important}
header.altn-header .altn-portalbar .active>.nav-link,header.altn-header .altn-portalbar .navbar-nav>li.active>a{background:var(--m-navy);color:#fff !important}
header.altn-header .altn-portalbar .dropdown-menu{border:1px solid var(--m-line);border-radius:14px;box-shadow:var(--m-sh-h);padding:8px;margin-top:2px}
header.altn-header .altn-portalbar .dropdown-item{border-radius:10px;font-weight:600;padding:8px 12px;color:var(--m-ink) !important}
header.altn-header .altn-portalbar .dropdown-item:hover{background:var(--m-blue-50);color:var(--m-blue) !important}
.altn-kbsearch .form-control{background:var(--m-bg);border:1px solid var(--m-line);border-right:0;border-radius:999px 0 0 999px}
.altn-kbsearch .btn{background:var(--m-bg);border:1px solid var(--m-line);border-left:0;border-radius:0 999px 999px 0}
#Secondary_Navbar-Account>a{background:var(--m-navy);color:#fff !important}
@media (max-width:1199.98px){header.altn-header .altn-portalbar .navbar-nav>li>a,header.altn-header .altn-portalbar .nav-link{margin:2px 0}header.altn-header .altn-portalbar .dropdown-menu{background:var(--m-bg)}header.altn-header .altn-portalbar .dropdown-menu .dropdown-item{color:var(--m-ink) !important}}
.master-breadcrumb{background:transparent !important;border:0 !important}
.master-breadcrumb .breadcrumb{background:transparent;padding:14px 0 0;margin:0;font-size:.82rem;font-weight:600}
.master-breadcrumb .breadcrumb-item a{color:var(--m-sub)}
.master-breadcrumb .breadcrumb-item.active{color:var(--m-ink)}
.sidebar .card-sidebar,.cart-sidebar .card-sidebar,#order-standard_cart .panel-sidebar{background:#fff;border:1px solid var(--m-line) !important;border-radius:var(--m-r) !important;box-shadow:var(--m-sh);overflow:hidden;margin-bottom:18px !important}
.card-sidebar .card-header,#order-standard_cart .panel-sidebar .panel-heading{background:#fff !important;border-bottom:1px solid var(--m-line) !important;border-radius:0 !important;padding:14px 18px}
.card-sidebar .card-header .card-title,.card-sidebar .card-header h3,#order-standard_cart .panel-sidebar .panel-title{color:var(--m-sub) !important;font-size:.74rem !important;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.card-sidebar .card-header .card-title>i:first-child,.card-sidebar .card-header h3>i:first-child{color:var(--m-blue);margin-right:6px}
.card-sidebar .card-minimise{color:#9aa5bb}
.card-sidebar .list-group{padding:8px}
.card-sidebar .list-group-item{border:0 !important;border-radius:10px !important;margin:1px 0;padding:9px 12px;font-weight:600;color:#33415c;background:transparent;transition:background .15s,color .15s}
.card-sidebar .list-group-item i,.card-sidebar .list-group-item .sidebar-menu-item-icon{color:#8c98b0;width:20px}
.card-sidebar .list-group-item:hover{background:var(--m-bg);color:var(--m-ink)}
.card-sidebar .list-group-item.active,.card-sidebar .list-group-item.active:hover{background:var(--m-blue-50) !important;color:var(--m-blue) !important;box-shadow:inset 3px 0 0 var(--m-blue)}
.card-sidebar .list-group-item.active i{color:var(--m-blue)}
.card-sidebar .list-group-item .badge{background:var(--m-bg);color:var(--m-sub);border-radius:999px;font-weight:700}
.card-sidebar .card-body{padding:14px 18px}
.card-sidebar .card-footer{background:#fff;border-top:1px solid var(--m-line);padding:12px 18px}
.card-sidebar .card-footer .btn,.card-sidebar .card-body .btn{border-radius:10px}
.card,#order-standard_cart .panel{border:1px solid var(--m-line);border-radius:var(--m-r);box-shadow:var(--m-sh)}
#main-body .card>.card-header{background:#fff;border-bottom:1px solid var(--m-line);padding:16px 20px;border-radius:var(--m-r) var(--m-r) 0 0}
#main-body .card>.card-header .card-title,#main-body .card>.card-header h3{font-size:1rem;font-weight:800;color:var(--m-ink)}
#main-body .card>.card-header .card-title i{color:var(--m-blue)}
#main-body .card>.card-footer{background:#fbfcfe;border-top:1px solid var(--m-line);border-radius:0 0 var(--m-r) var(--m-r)}
#main-body .card .list-group-item{border-color:var(--m-line)}
#main-body .card .card-header .btn{border-radius:999px;font-weight:700}
.tiles{margin-bottom:22px !important}
.tiles .row{margin:0 -8px}
.tiles .row>div{padding:0 8px}
.tiles .tile{display:block;background:#fff;border:1px solid var(--m-line) !important;border-radius:var(--m-r);box-shadow:var(--m-sh);padding:20px 20px 18px;height:auto;min-height:118px;transition:transform .15s,box-shadow .15s;text-decoration:none !important}
.tiles .tile:hover{transform:translateY(-2px);box-shadow:var(--m-sh-h)}
.tiles .tile i{position:absolute;right:18px;top:18px;font-size:1.05rem;opacity:1;width:42px;height:42px;line-height:42px;text-align:center;border-radius:12px;background:var(--m-blue-50);color:var(--m-blue) !important}
.tiles .row>div:nth-child(2) .tile i{background:#e8f8ef;color:#16a34a !important}
.tiles .row>div:nth-child(3) .tile i{background:#fdecec;color:#dc2626 !important}
.tiles .row>div:nth-child(4) .tile i{background:#fff1e7;color:var(--m-orange) !important}
.tiles .tile .stat{font-size:2.2rem;font-weight:800;color:var(--m-ink);line-height:1.1;margin-top:0}
.tiles .tile .title{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--m-sub)}
.tiles .tile .highlight{display:none}
.table-container,.dataTables_wrapper{background:#fff;border:1px solid var(--m-line);border-radius:var(--m-r);box-shadow:var(--m-sh);padding:6px 6px 10px}
table.table-list{border:0 !important}
table.table-list thead th{background:#fff !important;color:var(--m-sub) !important;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--m-line) !important;border-top:0 !important;padding:14px 12px !important}
table.table-list tbody td{border-top:1px solid #f0f3f8 !important;padding:14px 12px !important;vertical-align:middle;background:#fff}
table.table-list tbody tr:hover td{background:#f8fafd}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border-radius:999px;border:1px solid var(--m-line);background:var(--m-bg);padding:4px 12px}
.dataTables_wrapper .pagination .page-link{border-radius:8px !important;margin:0 2px;border-color:var(--m-line)}
.dataTables_wrapper .pagination .active .page-link{background:var(--m-navy);border-color:var(--m-navy)}
.label,.status,.badge{border-radius:999px !important;font-weight:700;letter-spacing:.02em}
.status{padding:4px 12px;font-size:.75rem}
.status-active,.status-paid,.status-open,.status-completed{background:#e8f8ef !important;color:#15803d !important}
.status-pending,.status-unpaid,.status-customer-reply,.status-answered{background:#fff4e5 !important;color:#c2410c !important}
.status-suspended,.status-cancelled,.status-terminated,.status-overdue,.status-closed,.status-expired{background:#f1f3f7 !important;color:#64708a !important}
.btn{border-radius:10px;font-weight:700;transition:transform .1s,box-shadow .15s}
.btn-primary,.btn-success{box-shadow:0 6px 16px rgba(242,92,5,.22)}
.btn-primary:hover,.btn-success:hover{transform:translateY(-1px)}
.btn-default,.btn-secondary,.btn-light{background:#fff;border:1px solid var(--m-line);color:var(--m-ink)}
.btn-default:hover,.btn-secondary:hover{background:var(--m-bg)}
.form-control,.custom-select{border-radius:10px;border-color:#d8dfeb;min-height:42px}
.form-control:focus,.custom-select:focus{border-color:var(--m-blue);box-shadow:0 0 0 4px rgba(21,101,216,.12)}
.alert{border-radius:12px;border:0}
.header-lined h1,h1.font-size-36{font-size:1.75rem !important;font-weight:800;color:var(--m-ink)}
#order-standard_cart .header-lined{margin-bottom:22px}
#order-standard_cart .products .product{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--m-line) !important;border-radius:20px !important;box-shadow:var(--m-sh);padding:0;margin-bottom:20px;overflow:hidden;transition:transform .18s,box-shadow .18s}
#order-standard_cart .products .product:hover{transform:translateY(-4px);box-shadow:var(--m-sh-h);border-color:#cfdcf2 !important}
#order-standard_cart .products .product::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--m-blue),#22d3ee)}
#order-standard_cart .products .product header{background:transparent !important;color:var(--m-ink) !important;padding:24px 24px 6px !important;border:0 !important;border-radius:0 !important;font-size:1.25rem;font-weight:800;text-align:left}
#order-standard_cart .products .product header span{color:var(--m-ink) !important}
#order-standard_cart .products .product .product-desc{float:none;width:auto;padding:6px 24px 10px;color:#4a5670;font-size:.92rem;line-height:1.55;flex:1}
#order-standard_cart .products .product .product-desc br+br{display:none}
#order-standard_cart .products .product footer{float:none;width:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 24px 22px;border-top:1px solid #f0f3f8;text-align:left;background:#fbfcfe}
#order-standard_cart .products .product .product-pricing{margin:0;color:var(--m-sub);font-size:.8rem;font-weight:600;line-height:1.2}
#order-standard_cart .products .product .product-pricing .price{display:block;font-size:1.6rem;font-weight:800;color:var(--m-ink);letter-spacing:-.02em}
#order-standard_cart .products .product .product-pricing br:first-of-type{display:none}
#order-standard_cart .products .product .btn-order-now{margin:0;padding:10px 18px;border-radius:999px !important;font-size:.9rem}
#order-standard_cart .view-cart-items-header{background:var(--m-navy);border-radius:14px 14px 0 0}
#order-standard_cart .view-cart-items{border:1px solid var(--m-line);border-radius:0 0 14px 14px;background:#fff}
#order-standard_cart .order-summary{border-radius:var(--m-r) !important;box-shadow:var(--m-sh);background:#fff}
#order-standard_cart .order-summary h2{font-size:1rem;font-weight:800;padding:14px 18px;margin:0}
#order-standard_cart .summary-container{background:#fff !important;padding:16px 18px}
#order-standard_cart .order-summary .total-due-today .amt{font-size:1.9rem;font-weight:800;color:var(--m-ink)}
#order-standard_cart .product-info{background:#fff;border:1px solid var(--m-line);border-radius:var(--m-r);padding:18px 20px}
#order-standard_cart .sub-heading{border-top-color:var(--m-line)}
#order-standard_cart .sub-heading span{color:var(--m-sub);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;background:var(--m-bg) !important;padding:0 10px}
#order-standard_cart .panel-addon{border-radius:14px;border-color:var(--m-line)}
@media (max-width:767px){section#main-body{padding-top:14px}#order-standard_cart .products .product footer{flex-direction:column;align-items:stretch;text-align:center}}
footer.footer{background:#08162f !important;margin-top:40px}#main-body .card-header .btn[class*="bg-color-"]{background:var(--m-blue-50) !important;color:var(--m-blue) !important;border:0 !important;box-shadow:none;padding:5px 12px;font-size:.78rem}
#main-body .card-header .btn[class*="bg-color-"]:hover{background:var(--m-blue) !important;color:#fff !important}#order-standard_cart .products .product footer{flex-direction:column;align-items:stretch}
#order-standard_cart .products .product .btn-order-now{display:block;width:100%;text-align:center;white-space:nowrap}
#order-standard_cart .cart-sidebar .list-group-item.active,#order-standard_cart .cart-sidebar .list-group-item.active:hover{background:var(--m-blue-50) !important;color:var(--m-blue) !important;border:0 !important}
/* === ALTN: modern home tiles (How can we help / Your Account) === */
.action-icon-btns{row-gap:18px}
.action-icon-btns a{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:150px;padding:24px 14px!important;
 background:#fff!important;border:1px solid #e3e8f1!important;border-top:1px solid #e3e8f1!important;border-radius:18px!important;box-shadow:0 4px 14px rgba(11,31,68,.05)!important;
 color:#0b1f44!important;font-weight:700;font-size:15px;text-decoration:none!important;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.action-icon-btns a:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--altn-acc,#2563eb);opacity:.9}
.action-icon-btns a:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(37,99,235,.16)!important;border-color:#c7d4f3!important}
.action-icon-btns .ico-container{width:62px;height:62px;margin:0!important;border-radius:16px;display:grid;place-items:center;background:var(--altn-bg,#eef3ff);transition:transform .2s}
.action-icon-btns a:hover .ico-container{transform:scale(1.08) rotate(-3deg)}
.action-icon-btns .ico-container i{font-size:26px!important;color:var(--altn-acc,#2563eb)!important;margin:0!important}
.action-icon-btns .card-accent-teal{--altn-acc:#0d9488;--altn-bg:#e6f7f5}
.action-icon-btns .card-accent-pomegranate{--altn-acc:#e11d48;--altn-bg:#fdecef}
.action-icon-btns .card-accent-sun-flower{--altn-acc:#d97706;--altn-bg:#fef4e2}
.action-icon-btns .card-accent-asbestos{--altn-acc:#475569;--altn-bg:#eef1f5}
.action-icon-btns .card-accent-green{--altn-acc:#16a34a;--altn-bg:#e8f7ee}
.action-icon-btns [class*="card-accent-midnight"],.action-icon-btns [class*="card-accent-blue"]{--altn-acc:#2563eb;--altn-bg:#eef3ff}
.action-icon-btns .col-6:nth-child(1) a[class*="midnight"]{--altn-acc:#2563eb;--altn-bg:#eef3ff}
.action-icon-btns .col-6:nth-child(2) a[class*="midnight"]{--altn-acc:#7c3aed;--altn-bg:#f3edff}
.action-icon-btns .col-6:nth-child(3) a[class*="midnight"]{--altn-acc:#0891b2;--altn-bg:#e6f6fa}
.action-icon-btns .col-6:nth-child(4) a[class*="midnight"]{--altn-acc:#db2777;--altn-bg:#fdeef6}
.action-icon-btns .col-6:nth-child(5) a[class*="midnight"]{--altn-acc:#f26b0a;--altn-bg:#fff1e7}
@media(max-width:575px){.action-icon-btns a{min-height:124px;font-size:14px}.action-icon-btns .ico-container{width:52px;height:52px}}