@font-face{font-family:"Inter";src:url("fonts/inter-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("fonts/inter-tight-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("fonts/inter-tight-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("fonts/inter-tight-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{--tricel-pink:#db2f67;--tricel-dark:#212529;--tricel-border:#e5e7eb}
body.tricel-client,body.tricel-login,body.tricel-staff{background:#fff;color:var(--tricel-dark);font-family:Inter,Arial,sans-serif}
.tricel-client a,.tricel-login a,.tricel-staff a{color:#b82454}
.tricel-client a:focus-visible,.tricel-client button:focus-visible,.tricel-login a:focus-visible{outline:3px solid #db2f67;outline-offset:4px}
.tricel-client #container{width:min(1180px,100%);margin:auto;box-shadow:none;background:#fff}
.tricel-topbar{display:flex;justify-content:space-between;gap:16px;padding:14px 32px;border-bottom:1px solid #f0f0f0;font-size:12px;color:#62666c}
.tricel-topbar a{color:#62666c;text-decoration:none}
.tricel-client #header{height:auto;min-height:94px;padding:18px 32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px}
.tricel-client #header>.pull-right{order:2;float:none;font-size:13px}
.tricel-client #header p{width:auto;padding:0}
.tricel-client #logo,.tricel-staff #logo{float:none;display:flex;align-items:center;gap:14px;height:auto;text-decoration:none;color:#212529}
.tricel-client #header #logo img,.tricel-staff #header #logo img{width:72px;height:54px;object-fit:contain;max-width:none;max-height:none}
.tricel-wordmark{display:flex;flex-direction:column;gap:4px;line-height:1.2}
.tricel-wordmark strong{font-size:22px;letter-spacing:2.4px;font-weight:700}
.tricel-wordmark small{font-size:11px;color:#74777d;letter-spacing:1.6px;text-transform:uppercase;font-weight:400}
.tricel-client .valign-helper{display:none}
.tricel-client #nav{height:auto;display:flex;flex-wrap:wrap;gap:5px;margin:0 32px;padding:0 0 14px;background:none;box-shadow:none;border:none;border-bottom:1px solid var(--tricel-border);white-space:normal}
.tricel-client #nav li{display:block}
.tricel-client #nav li a{height:auto;line-height:1.4;margin:0;padding:11px 17px;border-radius:6px;background-image:none;color:#4e5157;font-size:14px;text-decoration:none}
.tricel-client #nav li a.active{background:#fceaf0;color:#ad214e}
.tricel-client #nav li a:hover{background:#f7f7f8;color:#b82454}
.tricel-client #content{margin:0;padding:30px 32px 44px;min-height:400px}
.tricel-client h1,.tricel-client h2,.tricel-client h3,.tricel-login h1,.tricel-login h3{font-family:"Inter Tight",Inter,Arial,sans-serif;line-height:1.2;color:#212529}
.tricel-client h1{font-size:32px;font-weight:500}
.tricel-client h2{font-size:25px}
.tricel-client p{line-height:1.8}
.tricel-hero{position:relative;padding:52px 48px;margin:0 0 38px;border-radius:10px;overflow:hidden;background:linear-gradient(90deg,rgba(18,23,29,.84),rgba(18,23,29,.5)),url("images/support-cover.jpg") center 47%/cover;color:white}
.tricel-hero .tricel-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffc3d6}
.tricel-client .tricel-hero h1{color:white;font-size:44px;max-width:680px;margin:14px 0 16px;letter-spacing:-1px;font-weight:500}
.tricel-hero p{font-size:15px;max-width:560px;margin:0;color:#f4f4f5}
.tricel-client #landing_page{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:46px}
.tricel-client #landing_page>.main-content{width:auto;min-width:0}
.tricel-client #landing_page>.sidebar{grid-column:2;grid-row:1;float:none;width:auto;margin:0}
.tricel-client #landing_page>.main-content{grid-column:1;grid-row:1}
.tricel-client #landing_page>.clear{display:none}
.tricel-client #landing_page>.main-content .thread-body{font-size:14px;line-height:1.8;font-family:Inter,Arial,sans-serif}
.tricel-client #landing_page h1{font-size:28px;margin:4px 0 16px}
.tricel-client .front-page-button{padding:24px;border:1px solid var(--tricel-border);border-radius:10px;background:#fafafb}
.tricel-client .front-page-button p{margin:0 0 12px}
.tricel-client .front-page-button p:last-child{margin:0}
.tricel-client .button,.tricel-client .button:visited,.tricel-client .blue.button,.tricel-client .green.button,.tricel-client input[type=submit],.tricel-client button[type=submit],.tricel-login .submit{border:1px solid var(--tricel-pink);border-radius:6px;box-shadow:none;text-shadow:none;background:var(--tricel-pink);color:white;padding:11px 18px;font:500 14px Inter,Arial,sans-serif;line-height:1.5;cursor:pointer;text-align:center;box-sizing:border-box}
.tricel-client .button:hover,.tricel-client input[type=submit]:hover,.tricel-client button[type=submit]:hover,.tricel-login .submit:hover{background:#bd2457;border-color:#bd2457;color:white}
.tricel-client .front-page-button .green.button{background:white;color:#b82454;border-color:#db2f67}
.tricel-client .front-page-button .green.button:hover{background:#fceaf0}
.tricel-client input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.tricel-client select,.tricel-client textarea{border:1px solid #cbd0d6;border-radius:6px;padding:9px 11px;font-family:Inter,Arial,sans-serif;max-width:100%;box-sizing:border-box;background:#fff;color:#212529}
.tricel-client input:focus,.tricel-client textarea:focus,.tricel-client select:focus{outline:2px solid #f5a8c0;outline-offset:1px}
.tricel-client table{max-width:100%}
.tricel-client table tr td{line-height:1.6}
.tricel-client #footer{background:#f7f7f8;border-top:1px solid #e8e8eb;padding:24px 20px 20px;font:11px Inter,Arial,sans-serif;color:#60646b}
.tricel-client #footer p{margin:0 0 10px}
.tricel-client #footer #poweredBy{background:none;text-indent:0;width:auto;height:auto;font-size:10px;color:#777}
.tricel-footer-links{margin-bottom:14px;display:flex;gap:24px;justify-content:center;font-size:12px}
.tricel-footer-links a{color:#50545a;text-decoration:none}
.tricel-login#loginBody{background:#f6f6f8}
.tricel-login #brickwall,.tricel-login #blur{display:none}
.tricel-login #loginBox{width:410px;max-width:calc(100% - 40px);margin:9vh auto 24px;padding:32px;box-sizing:border-box;background:#fff!important;border:1px solid var(--tricel-border);border-top:4px solid var(--tricel-pink);border-radius:10px;box-shadow:0 14px 50px #2125290d}
.tricel-login #logo{height:auto;margin:0 0 24px;padding:0}
.tricel-login #logo a{display:flex;justify-content:center;align-items:center;gap:14px;text-decoration:none;color:#212529}
.tricel-login #logo img{width:78px;height:58px;object-fit:contain}
.tricel-login .valign-helper{display:none}
.tricel-login #logo .tricel-wordmark{text-align:left}
.tricel-login #login-message{font:400 15px Inter,Arial,sans-serif;text-align:center;padding:0;margin:16px 0;color:#555}
.tricel-login #login input[type=text],.tricel-login #login input[type=password]{width:100%;box-sizing:border-box;margin:0 0 14px;padding:12px 14px;height:auto;border:1px solid #cbd0d6;border-radius:6px;font:14px Inter,Arial,sans-serif;box-shadow:none;background:#fff}
.tricel-login #login fieldset{padding:0}
.tricel-login #reset-link{font:12px Inter,Arial,sans-serif}
.tricel-login #company{margin-top:25px;padding-top:16px;border-top:1px solid var(--tricel-border);color:#777;background:none;font-size:11px}
.tricel-login #poweredBy{font-size:10px;color:#777}
.tricel-staff #header{background:#fff;border-bottom:1px solid #e8e8eb;min-height:76px;height:auto;box-sizing:border-box;padding:12px 20px}
.tricel-staff #header #logo{width:max-content}
.tricel-staff #header #logo img{width:60px;height:45px}
.tricel-staff #header .tricel-wordmark strong{font-size:18px}
.tricel-staff #header .tricel-wordmark small{font-size:9px}
.tricel-staff #nav{background:#343139;border-color:#343139}
.tricel-staff #nav>li>a{color:white;text-shadow:none}
.tricel-staff #nav>li.active>a,.tricel-staff #nav>li>a:hover{background:var(--tricel-pink);color:white}
.tricel-staff .button.primary,.tricel-staff input[type=submit].primary{background:var(--tricel-pink);border-color:var(--tricel-pink);color:white;text-shadow:none}
@media(max-width:760px){.tricel-topbar{padding:12px 20px;font-size:11px}.tricel-client #header{padding:16px 20px;min-height:88px}.tricel-client #header #logo img{width:58px;height:44px}.tricel-wordmark strong{font-size:19px}.tricel-wordmark small{font-size:9px}.tricel-client #nav{margin:0 20px;gap:3px}.tricel-client #nav li a{font-size:12px;padding:10px}.tricel-client #content{padding:24px 20px 32px}.tricel-hero{padding:36px 26px;margin-bottom:28px}.tricel-client .tricel-hero h1{font-size:34px}.tricel-client #landing_page{display:flex;flex-direction:column;gap:24px}.tricel-client #landing_page>.main-content{order:0}.tricel-client #landing_page>.sidebar{order:1}.tricel-client #header>.pull-right{max-width:40%}.tricel-client .thread-body{overflow-wrap:anywhere}.tricel-client form{max-width:100%}.tricel-client table{width:100%!important}.tricel-login #loginBox{padding:26px 22px}}
@media(prefers-reduced-motion:no-preference){.tricel-client a,.tricel-client button{transition:background-color .15s,color .15s}}

/* Explicit header access and corrections to the legacy agent login layout. */
.tricel-client #header #logo{order:0}
.tricel-client #header>.pull-right{order:1;margin-left:auto}
.tricel-client #header>.tricel-agent-link{order:2;display:inline-block;flex-shrink:0;padding:10px 16px;border:1px solid #db2f67;border-radius:6px;color:#b82454;text-decoration:none;font-size:13px;font-weight:500}
.tricel-client #header>.tricel-agent-link:hover{background:#fceaf0}
.tricel-login #loginBox{position:relative;left:auto;top:auto;margin:9vh auto 24px;height:auto}
.tricel-login #logo a{height:auto;min-height:68px}
.tricel-login #login{width:100%;margin:0}
.tricel-login #login .submit{height:auto;min-height:44px;line-height:1.5;padding:10px 18px;overflow:visible;box-shadow:none}
.tricel-login #login fieldset:after{content:"";display:table;clear:both}
.tricel-login #company{position:static;left:auto;bottom:auto;width:auto;margin-left:0}
.tricel-login #company .content{background:none;box-shadow:none;text-shadow:none;padding:0;color:#777}
.tricel-login #poweredBy{position:static;background:none;box-shadow:none;text-shadow:none;padding:12px;text-align:center}
@media(max-width:500px){.tricel-client #header{flex-wrap:wrap;gap:14px}.tricel-client #header>.pull-right{max-width:100%}.tricel-client #header>.tricel-agent-link{margin-left:auto;font-size:12px;padding:9px 12px}.tricel-client #header #logo img{width:50px}.tricel-wordmark strong{font-size:17px}.tricel-wordmark small{font-size:8px}}

body.tricel-client,body.tricel-login,body.tricel-staff{font-weight:400}

/* Keep the status access-link action visible over legacy login styles. */
.tricel-client #clientLogin input[type=submit].btn{background:#db2f67;color:#fff;border:1px solid #db2f67;height:auto;min-height:44px;line-height:1.5;padding:10px 18px;box-shadow:none;cursor:pointer}
.tricel-client #clientLogin input[type=submit].btn:hover{background:#bd2457;border-color:#bd2457}

.tricel-login #loginBox form input[type=text],.tricel-login #loginBox form input[type=password]{box-sizing:border-box;width:100%;height:auto;padding:12px 14px;margin-bottom:14px;border:1px solid #cbd0d6;border-radius:6px;background:#fff;font:400 14px Inter,Arial,sans-serif}
.tricel-login #loginBox input.submit{background:#db2f67;border:1px solid #db2f67;color:#fff;min-height:44px;height:auto;line-height:1.5;padding:10px 18px;box-shadow:none}