/*
 * Streemlion WHMCS Unified Theme v1.0
 * One source of truth:
 * - Global header/navigation + shared client-area styling
 * - Dashboard-specific premium rules remain scoped to .sl-approved-dashboard
 */
/* Streemlion approved dashboard — screenshot-faithful, WHMCS-safe */
body.sl-streemlion-client{
 --accent:#F86B00;--accent-dark:#D9590A;--ink:#16171B;--gray:#6B6E78;--gray-light:#9A9CA5;
 --bg:#FBFBFA;--card:#FFFFFF;--card-tint:#F6F6F4;--border:#ECECE9;--green:#1AA260;--blue:#2F6FED;
 background:var(--bg);color:var(--ink);font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased
}
body.sl-streemlion-client a{text-decoration:none}
body.sl-approved-dashboard .container{max-width:none}
.sl-approved-header{background:var(--card);color:var(--ink)}
.sl-utility-bar{display:flex;align-items:center;gap:18px;padding:16px 40px;background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap}
.sl-brand img{height:40px;width:auto;display:block}
.sl-search-wrap{flex:1;max-width:400px;position:relative;min-width:160px}
.sl-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-light);font-size:14px}
.sl-search-wrap input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--border);border-radius:10px;font-size:13.5px;background:var(--card-tint);outline:none;transition:.12s}
.sl-search-wrap input:focus{border-color:var(--accent);background:var(--card)}
.sl-utility-right{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sl-clock-widget{display:flex;flex-direction:column;align-items:flex-end;padding:6px 16px;border-right:1px solid var(--border)}
.sl-clock-time{font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:17px;font-weight:600;letter-spacing:.02em;line-height:1.2}
.sl-clock-sub{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--gray-light);font-weight:600;margin-top:2px}
.sl-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}
.sl-clock-sub .sl-dot{color:var(--green);box-shadow:0 0 5px var(--green);animation:slblink 2s infinite}
@keyframes slblink{0%,100%{opacity:1}50%{opacity:.4}}
.sl-credit-micro{display:flex;align-items:center;gap:10px;background:var(--card-tint);border:1px solid var(--border);border-radius:12px;padding:8px 8px 8px 14px}
.sl-credit-micro-text{line-height:1.15}.sl-credit-micro-label{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-light)}
.sl-credit-micro-value{font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:14.5px;font-weight:700}
.sl-btn-addfund{display:flex;align-items:center;gap:5px;background:var(--accent);color:#fff!important;font-size:12px;font-weight:700;padding:8px 12px;border-radius:8px;white-space:nowrap}
.sl-btn-addfund:hover{background:var(--accent-dark)}
.sl-cart-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--gray)}
.sl-cart-badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;padding:0 4px;border-radius:50px;display:flex;align-items:center;justify-content:center}
.sl-native-account{margin:0;padding:0}
.sl-native-account>li>a{display:flex!important;align-items:center;gap:8px;border:1px solid var(--border)!important;background:var(--card)!important;padding:9px 14px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:600!important;color:var(--ink)!important;white-space:nowrap}
.sl-native-account .dropdown-menu{width:220px;border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 45px rgba(20,20,25,.12);padding:8px}
.sl-native-account .dropdown-menu a{padding:9px 12px!important;border-radius:8px;font-size:13.5px;color:var(--ink)!important}
.sl-native-account .dropdown-menu a:hover{background:var(--card-tint)!important}
.sl-mobile-menu{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--gray)}
.sl-primary-nav{padding:0 40px;background:var(--card);border-bottom:1px solid var(--border)}
.sl-primary-nav .navbar-nav{gap:6px}
.sl-primary-nav #nav>li>a{display:flex;align-items:center;gap:6px;padding:15px 16px!important;font-size:14px;font-weight:600;color:var(--gray)!important;border-bottom:2px solid transparent;background:transparent!important}
.sl-primary-nav #nav>li>a:hover,.sl-primary-nav #nav>li.active>a,.sl-primary-nav #nav>li.current>a{color:var(--ink)!important;border-bottom-color:var(--accent)}
.sl-primary-nav .dropdown-menu{min-width:200px;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 45px rgba(20,20,25,.1);padding:8px}
.sl-primary-nav .dropdown-menu a{padding:9px 12px!important;border-radius:8px;font-size:13.5px;color:var(--ink)!important;border:0!important}
.sl-primary-nav .dropdown-menu a:hover{background:var(--card-tint)!important}

body.sl-approved-dashboard .master-breadcrumb{padding:14px 40px;background:var(--bg);border:0}
body.sl-approved-dashboard .master-breadcrumb .breadcrumb{max-width:none;margin:0;padding:0;background:transparent;font-size:13px;color:var(--gray-light)}
body.sl-approved-dashboard .master-breadcrumb .breadcrumb a{color:var(--accent);font-weight:600}
body.sl-approved-dashboard #main-body{padding:24px 40px 60px;background:var(--bg)}
.sl-dashboard-page-wrap{width:100%}
.sl-dashboard-row{display:grid!important;grid-template-columns:340px minmax(0,1fr);gap:20px;margin:0!important;align-items:start}
.sl-dashboard-sidebar-col,.sl-dashboard-main-col{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;min-width:0}

/* Native WHMCS sidebar, restyled to match screenshot */
body.sl-approved-dashboard .sidebar .card,body.sl-approved-dashboard .sidebar .panel{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:none}
body.sl-approved-dashboard .sidebar .card-header,body.sl-approved-dashboard .sidebar .panel-heading{padding:16px 18px;background:var(--card);border-bottom:0;font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:15px;font-weight:700;color:var(--ink)}
body.sl-approved-dashboard .sidebar .card-body,body.sl-approved-dashboard .sidebar .panel-body{padding:0 18px 18px;background:var(--card);color:var(--gray);font-size:13px}
body.sl-approved-dashboard .sidebar .list-group-item{padding:9px 18px;border-color:var(--border);background:var(--card);font-size:13.5px;font-weight:600;color:var(--ink)}
body.sl-approved-dashboard .sidebar .list-group-item:hover{background:var(--card-tint);color:var(--accent)}
body.sl-approved-dashboard .sidebar .btn-success,body.sl-approved-dashboard .sidebar .btn-primary{width:100%;background:var(--accent);border-color:var(--accent);border-radius:10px;font-weight:700}
body.sl-approved-dashboard .sidebar .btn-success:hover,body.sl-approved-dashboard .sidebar .btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
body.sl-approved-dashboard .sidebar .btn-default{border-radius:10px}
body.sl-approved-dashboard .sidebar .card-footer{background:var(--card);border-top:1px solid var(--border);padding:14px 18px}

.sl-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 16px}
.sl-stat-card{height:112px;min-height:112px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 18px 15px;position:relative;overflow:hidden;color:var(--ink)!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .18s,box-shadow .18s,border-color .18s}
.sl-stat-card:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;opacity:.6;transition:.18s}
.sl-stat-services:after{background:var(--accent)}.sl-stat-invoices:after{background:var(--blue)}.sl-stat-tickets:after{background:var(--green)}
.sl-stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(20,20,25,.09)}.sl-stat-services:hover{border-color:var(--accent)}.sl-stat-invoices:hover{border-color:var(--blue)}.sl-stat-tickets:hover{border-color:var(--green)}
.sl-stat-card:hover:after{height:4px;opacity:1}
.sl-stat-value{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:38px;font-weight:800;line-height:.9;letter-spacing:-1px;margin:0 0 7px}
.sl-stat-services .sl-stat-value{color:var(--accent)}.sl-stat-invoices .sl-stat-value{color:var(--blue)}.sl-stat-tickets .sl-stat-value{color:var(--green)}
.sl-stat-label{font-size:12px;font-weight:800;line-height:1;letter-spacing:.075em;text-transform:uppercase;color:var(--gray-light);margin:0 0 7px}
.sl-stat-flag{display:flex;align-items:center;gap:6px;margin:0;font-size:11.5px;line-height:1;font-weight:600}.sl-good{color:var(--green)}.sl-warn{color:var(--accent)}.sl-neutral{color:var(--gray-light)}

.sl-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;overflow:hidden}
.sl-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}
.sl-panel-head h2{display:flex;align-items:center;gap:10px;margin:0;font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16.5px;font-weight:700}.sl-panel-head h2 i{color:var(--accent)}
.sl-panel-body{padding:0}.sl-link,.sl-view-more{font-size:13px;font-weight:700;color:var(--accent)!important}
.sl-btn-order{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff!important;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:10px;box-shadow:0 10px 22px rgba(248,107,0,.28);transition:.15s}
.sl-btn-order:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(248,107,0,.36)}
.sl-product-row{display:flex;align-items:center;gap:16px;padding:16px 22px 16px 18px;border-bottom:1px solid var(--border);position:relative;color:var(--ink)!important;cursor:pointer;transition:background .16s,padding-left .16s}
.sl-product-row:last-of-type{border-bottom:none}.sl-product-row:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);transform:scaleY(0);transition:transform .18s}
.sl-product-row:hover{background:var(--card-tint);padding-left:26px}.sl-product-row:hover:before{transform:scaleY(1)}
.sl-product-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(248,107,0,.1);color:var(--accent);transition:transform .18s}.sl-product-icon-blue{background:rgba(47,111,237,.1);color:var(--blue)}.sl-product-row:hover .sl-product-icon{transform:scale(1.08)}
.sl-product-main{flex:1;min-width:0}.sl-product-name{font-size:14.5px;font-weight:600;transition:color .16s}.sl-product-row:hover .sl-product-name{color:var(--accent-dark)}
.sl-pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:4px 11px;border-radius:20px;background:rgba(26,162,96,.1);color:var(--green);flex-shrink:0}
.sl-btn-sm{font-size:12.5px;font-weight:700;color:var(--ink);background:var(--card);border:1.5px solid var(--border);border-radius:9px;padding:8px 15px;flex-shrink:0;transition:.16s}.sl-product-row:hover .sl-btn-sm{background:var(--accent);border-color:var(--accent);color:#fff}
.sl-view-more{display:block;text-align:right;padding:12px 22px}.sl-panel-copy{padding:16px 22px;color:var(--gray)}
.sl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sl-overdue-body{padding:18px 22px;font-size:13.5px;color:var(--gray);line-height:1.6}.sl-overdue-body b,.sl-overdue-body strong{color:var(--ink)}
.sl-ticket-row,.sl-news-row,.sl-generic-row{display:block;padding:14px 22px;border-bottom:1px solid var(--border);color:var(--ink)!important}.sl-ticket-row:last-child,.sl-news-row:last-child,.sl-generic-row:last-child{border-bottom:none}
.sl-ticket-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sl-ticket-subject{font-size:13.5px;font-weight:600}.sl-badge{font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--card-tint);color:var(--gray)}.sl-news-row b{font-size:13.5px;font-weight:700}
.sl-addon-output{margin-bottom:16px}

@media(max-width:1100px){.sl-dashboard-row{grid-template-columns:280px minmax(0,1fr)}.sl-two-col{grid-template-columns:1fr}.sl-stat-row{grid-template-columns:1fr 1fr}.sl-stat-row .sl-stat-card:last-child{grid-column:1/-1}}
@media(max-width:850px){.sl-utility-bar,.sl-primary-nav,body.sl-approved-dashboard .master-breadcrumb,body.sl-approved-dashboard #main-body{padding-left:20px;padding-right:20px}.sl-search-wrap{display:none}.sl-clock-widget{display:none}.sl-credit-micro-label{display:none}.sl-dashboard-row{display:block!important}.sl-dashboard-sidebar-col{margin-bottom:20px}.sl-stat-row{grid-template-columns:1fr}.sl-stat-row .sl-stat-card:last-child{grid-column:auto}}
@media(max-width:620px){.sl-credit-micro{display:none}.sl-native-account{display:none}.sl-product-row{flex-wrap:wrap}.sl-product-main{min-width:calc(100% - 60px)}}


/* =========================================================
   STREEMLION GLOBAL CLIENT AREA v2
   Applies to all non-dashboard client pages.
   Dashboard-specific rules are included in this same unified stylesheet.
   ========================================================= */


body.sl-streemlion-client:not(.sl-approved-dashboard) #main-body {
    background:var(--bg);
    padding:24px 0 60px;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) #main-body > .container {
    max-width:1440px;
}

/* Breadcrumb */
body.sl-streemlion-client:not(.sl-approved-dashboard) .master-breadcrumb {
    padding:14px 0;
    background:var(--bg);
    border:0;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .master-breadcrumb .breadcrumb {
    margin:0;
    padding:0;
    background:transparent;
    color:var(--gray-light);
    font-size:14px;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .master-breadcrumb .breadcrumb a {
    color:var(--accent);
    font-weight:600;
}

/* Page titles */
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content h1,
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content h2,
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content h3,
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content h4 {
    color:var(--ink);
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight:700;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content h1 {
    font-size:30px;
    letter-spacing:-.02em;
    margin-bottom:20px;
}

/* Sidebar */
body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .card,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .panel {
    overflow:hidden;
    margin-bottom:16px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--card);
    box-shadow:none;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .card-header,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .panel-heading {
    padding:16px 18px;
    background:var(--card);
    border-bottom:1px solid var(--border);
    color:var(--ink);
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size:15px;
    font-weight:700;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .card-body,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .panel-body {
    padding:16px 18px;
    background:var(--card);
    color:var(--gray);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .list-group-item {
    padding:11px 18px;
    border-color:var(--border);
    background:var(--card);
    color:var(--ink);
    font-size:13.5px;
    font-weight:600;
    transition:background .15s,color .15s,padding-left .15s;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .list-group-item:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .list-group-item.active {
    padding-left:22px;
    background:var(--card-tint);
    color:var(--accent);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .sidebar .list-group-item.active {
    border-left:3px solid var(--accent);
}

/* Main cards/panels */
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .card,
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .panel {
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--card);
    box-shadow:none;
    overflow:hidden;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .card-header,
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .panel-heading {
    padding:17px 20px;
    background:var(--card);
    border-bottom:1px solid var(--border);
    color:var(--ink);
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size:15px;
    font-weight:700;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .card-body,
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .panel-body {
    padding:19px 20px;
    background:var(--card);
}

/* Tables */
body.sl-streemlion-client:not(.sl-approved-dashboard) .table {
    color:var(--ink);
    background:var(--card);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .table thead th {
    border-top:0;
    border-bottom:1px solid var(--border);
    background:var(--card-tint);
    color:var(--gray);
    font-size:11px;
    font-weight:800;
    letter-spacing:.045em;
    text-transform:uppercase;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .table td,
body.sl-streemlion-client:not(.sl-approved-dashboard) .table th {
    padding:13px 15px;
    border-color:var(--border);
    vertical-align:middle;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .table-hover tbody tr {
    transition:background .14s ease;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .table-hover tbody tr:hover {
    background:#FFF9F4;
}

/* Buttons */
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-primary,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-success {
    border-color:var(--accent);
    border-radius:9px;
    background:var(--accent);
    color:#fff;
    font-weight:700;
    box-shadow:none;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-primary:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-success:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-primary:focus,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-success:focus {
    border-color:var(--accent-dark);
    background:var(--accent-dark);
    box-shadow:none;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-default,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-secondary,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-outline-primary {
    border-color:var(--border);
    border-radius:9px;
    background:var(--card);
    color:var(--ink);
    font-weight:600;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-default:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-secondary:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-outline-primary:hover {
    border-color:var(--accent);
    background:var(--card);
    color:var(--accent);
}

/* Form controls */
body.sl-streemlion-client:not(.sl-approved-dashboard) .form-control,
body.sl-streemlion-client:not(.sl-approved-dashboard) select.form-control,
body.sl-streemlion-client:not(.sl-approved-dashboard) .custom-select {
    min-height:42px;
    border:1px solid #DEDED9;
    border-radius:10px;
    background:#fff;
    color:var(--ink);
    box-shadow:none;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .form-control:focus,
body.sl-streemlion-client:not(.sl-approved-dashboard) select.form-control:focus,
body.sl-streemlion-client:not(.sl-approved-dashboard) .custom-select:focus {
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(248,107,0,.10);
}

/* Knowledgebase */
body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-search {
    margin-bottom:22px;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-search .form-control {
    min-height:48px;
    font-size:15px;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-search .btn {
    min-height:48px;
    border-radius:0 10px 10px 0;
    border-color:var(--accent);
    background:var(--accent);
    color:#fff;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-category {
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--card);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-category:hover {
    transform:translateY(-2px);
    border-color:rgba(248,107,0,.35);
    box-shadow:0 12px 28px rgba(20,20,25,.06);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-category a,
body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-article-item a {
    color:var(--ink);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-category a:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .kb-article-item a:hover {
    color:var(--accent);
}

/* List groups */
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .list-group-item {
    border-color:var(--border);
    background:var(--card);
    color:var(--ink);
    transition:background .14s,color .14s;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .list-group-item:hover {
    background:var(--card-tint);
    color:var(--accent);
}

/* Alerts */
body.sl-streemlion-client:not(.sl-approved-dashboard) .alert {
    border-radius:12px;
    border:1px solid var(--border);
}

/* Pagination */
body.sl-streemlion-client:not(.sl-approved-dashboard) .page-link {
    color:var(--ink);
    border-color:var(--border);
    background:var(--card);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .page-item.active .page-link {
    border-color:var(--accent);
    background:var(--accent);
    color:#fff;
}

/* Badges */
body.sl-streemlion-client:not(.sl-approved-dashboard) .badge-info,
body.sl-streemlion-client:not(.sl-approved-dashboard) .badge-primary {
    background:var(--accent);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .badge-success {
    background:var(--green);
}

/* Tabs */
body.sl-streemlion-client:not(.sl-approved-dashboard) .nav-tabs {
    border-bottom:1px solid var(--border);
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .nav-tabs .nav-link {
    border:0;
    border-bottom:2px solid transparent;
    color:var(--gray);
    font-weight:600;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .nav-tabs .nav-link.active {
    border-bottom-color:var(--accent);
    background:transparent;
    color:var(--ink);
}

/* Footer */
body.sl-streemlion-client:not(.sl-approved-dashboard) #footer.footer {
    background:var(--card);
    border-top:1px solid var(--border);
    color:var(--gray-light);
}

/* Reduce old Twenty-One blue dominance */
body.sl-streemlion-client:not(.sl-approved-dashboard) a {
    color:inherit;
}

body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content a:not(.btn):not(.page-link):hover {
    color:var(--accent);
}

/* Preserve readable action links */
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content .text-primary,
body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content a.text-primary {
    color:var(--accent)!important;
}

/* Responsive */
@media(max-width:991.98px){
    body.sl-streemlion-client:not(.sl-approved-dashboard) #main-body{padding-top:18px}
}

@media(max-width:767.98px){
    body.sl-streemlion-client:not(.sl-approved-dashboard) #main-body{padding-bottom:42px}
    body.sl-streemlion-client:not(.sl-approved-dashboard) .primary-content h1{font-size:26px}
    body.sl-streemlion-client:not(.sl-approved-dashboard) .table-responsive{border-radius:12px}
}


/* =========================================================
   STREEMLION DASHBOARD — CLEAN PRODUCTION RULES
   One final layer only.
   ========================================================= */

/* Typography continuity with Streemlion.com */
body.sl-streemlion-client,
body.sl-streemlion-client button,
body.sl-streemlion-client input,
body.sl-streemlion-client select,
body.sl-streemlion-client textarea{
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* Dashboard begins tightly under navigation; breadcrumb remains inner-page only. */
body.sl-approved-dashboard #main-body{padding-top:12px!important}

/* Welcome line */
.sl-welcome-line{
    height:34px;
    min-height:34px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 2px;
    margin:0 0 14px;
    white-space:nowrap;
    font-size:17px;
    line-height:1;
}
.sl-welcome-line strong{font-weight:800;color:var(--ink)}
.sl-welcome-line span{font-weight:500;color:var(--gray);font-style:italic}

/* Credit Balance tooltip cue */
.sl-credit-alert{
    display:inline-flex!important;
    width:12px;
    height:12px;
    min-width:12px;
    align-items:center;
    justify-content:center;
    margin-left:5px;
    border-radius:50%;
    background:var(--accent)!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:900;
    line-height:12px!important;
    cursor:help;
    vertical-align:1px;
}

/* Service panel actions */
.sl-panel-head-actions{display:flex;align-items:center;gap:9px}
.sl-btn-ticket{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:10px 15px!important;
    border:1px solid var(--accent)!important;
    border-radius:10px;
    background:transparent!important;
    color:var(--accent)!important;
    font-size:13px;
    font-weight:700;
    box-shadow:none;
    transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;
}
.sl-btn-ticket i{color:var(--accent)!important}
.sl-btn-ticket:hover,.sl-btn-ticket:focus{
    background:var(--accent)!important;
    border-color:var(--accent)!important;
    color:#fff!important;
    transform:translateY(-2px);
}
.sl-btn-ticket:hover i,.sl-btn-ticket:focus i{color:#fff!important}

/* Exact shared hover system for Services, Tickets and News */
.sl-premium-row{
    position:relative;
    cursor:pointer;
    transition:background .16s ease,padding-left .16s ease;
}
.sl-premium-row:before{
    content:'';
    position:absolute;
    left:0;
    top:8px;
    bottom:8px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:var(--accent);
    transform:scaleY(0);
    transform-origin:center;
    transition:transform .18s ease;
}
.sl-premium-row:hover{
    background:var(--card-tint);
    padding-left:26px;
}
.sl-premium-row:hover:before{transform:scaleY(1)}
.sl-bottom-card .sl-ticket-row.sl-premium-row,
.sl-bottom-card .sl-news-row.sl-premium-row{padding-left:18px}

/* Controlled bottom three-card layout */
.sl-bottom-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
}
.sl-bottom-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
    margin-bottom:0;
}
.sl-bottom-card .sl-panel-body,
.sl-bottom-card .sl-overdue-body{flex:0 1 auto}
.sl-card-footer-actions{
    margin-top:auto;
    padding:12px 18px;
    border-top:1px solid var(--border);
    background:var(--card);
    text-align:right;
}
.sl-card-footer-actions a{
    color:var(--accent)!important;
    font-size:12.5px;
    font-weight:700;
}
.sl-bottom-card .sl-ticket-row,
.sl-bottom-card .sl-news-row,
.sl-bottom-card .sl-generic-row{padding:12px 18px}
.sl-bottom-card .sl-ticket-subject,
.sl-bottom-card .sl-news-row b{font-size:13px}
.sl-products-panel{margin-bottom:16px}

@media(max-width:1200px){
    .sl-bottom-grid{grid-template-columns:1fr 1fr}
    .sl-bottom-grid .sl-bottom-card:last-child{grid-column:1/-1}
}
@media(max-width:900px){
    .sl-welcome-line{height:auto;min-height:32px;white-space:normal;flex-wrap:wrap;font-size:15px}
    .sl-stat-card{height:106px;min-height:106px}
    .sl-stat-value{font-size:35px}
}
@media(max-width:760px){
    .sl-panel-head-actions{width:100%;flex-wrap:wrap}
    .sl-btn-ticket,.sl-btn-order{flex:1 1 150px;justify-content:center}
    .sl-bottom-grid{grid-template-columns:1fr}
    .sl-bottom-grid .sl-bottom-card:last-child{grid-column:auto}
}


/* =========================================================
   MY PRODUCTS & SERVICES — STREEMLION CLIENT AREA
   Reuses the approved dashboard premium-row interaction.
   ========================================================= */
.sl-page-intro{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin:0 0 18px;
}
.sl-page-intro h1{
    margin:0 0 5px;
    color:var(--ink);
    font-size:24px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.35px;
}
.sl-page-intro p{
    margin:0;
    color:var(--gray);
    font-size:14.5px;
}
.sl-services-table-wrap{
    overflow:visible;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--card);
}
.sl-services-table-wrap .dataTables_wrapper{margin:0}
.sl-services-table{
    margin:0!important;
    border:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
}
.sl-services-table thead th{
    padding:14px 16px!important;
    border-top:0!important;
    border-bottom:1px solid var(--border)!important;
    background:#FAFAFB!important;
    color:#68717F!important;
    font-size:12.5px!important;
    font-weight:800!important;
    letter-spacing:.035em;
    text-transform:uppercase;
}
.sl-services-table tbody td{
    position:relative;
    padding:15px 16px!important;
    border-top:0!important;
    border-bottom:1px solid var(--border)!important;
    background:transparent;
    vertical-align:middle!important;
    transition:background .16s ease,transform .16s ease;
}
.sl-services-table tbody tr:last-child td{border-bottom:0!important}
.sl-services-table .sl-service-product strong{
    color:var(--ink);
    font-size:14px;
    font-weight:800;
}
.sl-services-table .sl-service-product a,
.sl-services-table .sl-service-meta{
    color:var(--gray)!important;
    font-size:13.5px;
}
/* Exact dashboard hover language adapted to native table rows. */
.sl-services-table .sl-service-list-row{cursor:pointer}
.sl-services-table .sl-service-list-row td:first-child:before{
    content:'';
    position:absolute;
    left:0;
    top:8px;
    bottom:8px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:var(--accent);
    transform:scaleY(0);
    transform-origin:center;
    transition:transform .18s ease;
}
.sl-services-table .sl-service-list-row:hover td{background:var(--card-tint)!important}
.sl-services-table .sl-service-list-row:hover td:first-child:before{transform:scaleY(1)}
.sl-services-table .sl-service-list-row:hover .sl-service-product{transform:translateX(8px)}
.sl-services-table .label.status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:72px;
    padding:5px 9px!important;
    border-radius:6px!important;
    border:0!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
}
.sl-services-table .status-active{background:#E8F7EC!important;color:#23843A!important}
.sl-services-table .status-pending{background:#FFF3E5!important;color:#B85A00!important}
.sl-services-table .status-suspended{background:#FFF0E8!important;color:#C44B12!important}
.sl-services-table .status-terminated,
.sl-services-table .status-cancelled{background:#EEF0F3!important;color:#626A76!important}
.sl-services-table-wrap .dataTables_filter input{
    min-width:220px;
    height:40px;
    padding:8px 12px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
    outline:0;
}
.sl-services-table-wrap .dataTables_filter input:focus{
    border-color:var(--accent)!important;
    box-shadow:0 0 0 3px rgba(248,107,0,.08)!important;
}
.sl-services-table-wrap .dataTables_info,
.sl-services-table-wrap .dataTables_length,
.sl-services-table-wrap .dataTables_paginate{color:var(--gray);font-size:12.5px}
.sl-services-table-wrap .page-item.active .page-link,
.sl-services-table-wrap .pagination .active>a{
    border-color:var(--accent)!important;
    background:var(--accent)!important;
    color:#fff!important;
}
@media(max-width:760px){
    .sl-page-intro{align-items:flex-start;flex-direction:column}
    .sl-page-intro h1{font-size:21px}
    .sl-services-table-wrap{border-radius:10px;overflow-x:auto}
    .sl-services-table{min-width:720px}
    .sl-services-table-wrap .dataTables_filter input{min-width:170px}
}


/* =========================================================
   MY SERVICES — TABLE-SAFE PREMIUM HOVER v2.0.3
   Preserve native DataTables horizontal geometry.
   ========================================================= */
body.sl-streemlion-client #tableServicesList{
    width:100%!important;
    table-layout:auto!important;
}
body.sl-streemlion-client #tableServicesList tbody tr{
    position:relative;
}
body.sl-streemlion-client #tableServicesList tbody td{
    transition:background .16s ease,transform .16s ease,color .16s ease;
}
body.sl-streemlion-client #tableServicesList tbody tr:hover td{
    background:var(--card-tint)!important;
}
body.sl-streemlion-client #tableServicesList tbody tr:hover td:first-child{
    box-shadow:inset 3px 0 0 var(--accent);
}
body.sl-streemlion-client #tableServicesList tbody tr:hover td:nth-child(2){
    transform:translateX(8px);
}


/* Active service icon — green wireframe checkmark */
body.sl-streemlion-client #tableServicesList .sl-active-service-check{
    width:27px;
    height:27px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:2px solid #22A447;
    border-radius:50%;
    background:transparent;
    color:#22A447;
    font-size:12px;
    line-height:1;
    vertical-align:middle;
}
body.sl-streemlion-client #tableServicesList .sl-active-service-check i{
    color:inherit!important;
    font-size:13.5px;
}


/* =========================================================
   MY SERVICES — AESTHETIC ELEVATION v2.0.5
   Stronger row separation, richer table surface, orange hover title,
   red terminated status, and table-safe interaction.
   ========================================================= */

body.sl-streemlion-client .sl-products-page-title{
    position:relative;
    display:inline-block;
    margin-bottom:14px!important;
}
body.sl-streemlion-client .sl-products-page-title:after{
    content:'';
    display:block;
    width:54px;
    height:4px;
    margin-top:10px;
    border-radius:4px;
    background:var(--accent);
}

/* Elevate the DataTable from the page background */
body.sl-streemlion-client #tableServicesList{
    width:100%!important;
    border:1px solid rgba(17,24,39,.09)!important;
    border-radius:14px!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(17,24,39,.055);
}

/* Header has a subtle warm brand tint */
body.sl-streemlion-client #tableServicesList thead th{
    background:linear-gradient(180deg,#fffaf6 0%,#fff 100%)!important;
    color:#5f6878!important;
    border-bottom:1px solid rgba(248,107,0,.18)!important;
    font-weight:800!important;
    letter-spacing:.015em;
}
body.sl-streemlion-client #tableServicesList thead th:first-child{
    border-top-left-radius:14px;
}
body.sl-streemlion-client #tableServicesList thead th:last-child{
    border-top-right-radius:14px;
}

/* Clear demarcation between service bars */
body.sl-streemlion-client #tableServicesList tbody td{
    background:#fff;
    border-top:1px solid rgba(17,24,39,.085)!important;
    transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}
body.sl-streemlion-client #tableServicesList tbody tr:first-child td{
    border-top:0!important;
}

/* Exact Streemlion hover language, adapted safely for a table */
body.sl-streemlion-client #tableServicesList tbody tr:hover td{
    background:#fff8f2!important;
}
body.sl-streemlion-client #tableServicesList tbody tr:hover td:first-child{
    box-shadow:inset 4px 0 0 var(--accent);
}
body.sl-streemlion-client #tableServicesList tbody tr:hover td:nth-child(2){
    transform:translateX(8px);
}

/* Product/service title becomes orange on hover */
body.sl-streemlion-client #tableServicesList tbody tr:hover td:nth-child(2),
body.sl-streemlion-client #tableServicesList tbody tr:hover td:nth-child(2) strong,
body.sl-streemlion-client #tableServicesList tbody tr:hover td:nth-child(2) a{
    color:var(--accent)!important;
}

/* Preserve secondary text neutrality on hover */
body.sl-streemlion-client #tableServicesList tbody tr:hover td:nth-child(2) small,
body.sl-streemlion-client #tableServicesList tbody tr:hover td:nth-child(2) .text-muted{
    color:#7b8492!important;
}

/* More deliberate service icon housing */
body.sl-streemlion-client #tableServicesList tbody td:first-child img{
    opacity:.72;
    filter:saturate(.65);
}
body.sl-streemlion-client #tableServicesList .sl-active-service-check{
    width:28px;
    height:28px;
    border-width:2px;
    box-shadow:0 0 0 4px rgba(34,164,71,.055);
}

/* Status pills */
body.sl-streemlion-client #tableServicesList .label,
body.sl-streemlion-client #tableServicesList .badge{
    min-width:88px;
    padding:6px 12px!important;
    border-radius:8px!important;
    font-weight:800!important;
    box-shadow:none!important;
}

/* Active */
body.sl-streemlion-client #tableServicesList .label-success,
body.sl-streemlion-client #tableServicesList .badge-success{
    color:#21833b!important;
    background:#e9f8ed!important;
    border:1px solid #d6f0dd!important;
}

/* Terminated / danger */
body.sl-streemlion-client #tableServicesList .label-danger,
body.sl-streemlion-client #tableServicesList .badge-danger,
body.sl-streemlion-client #tableServicesList .status-terminated{
    color:#d93025!important;
    background:#fff0ef!important;
    border:1px solid #ffd8d5!important;
}

/* WHMCS may output default/secondary for terminated; target visible text safely */
body.sl-streemlion-client #tableServicesList tbody td:last-child .label-default,
body.sl-streemlion-client #tableServicesList tbody td:last-child .badge-secondary{
    color:#d93025!important;
    background:#fff0ef!important;
    border:1px solid #ffd8d5!important;
}

/* Right-edge affordance without changing DataTables column geometry */
body.sl-streemlion-client #tableServicesList tbody td:last-child{
    position:relative;
    padding-right:42px!important;
}
body.sl-streemlion-client #tableServicesList tbody td:last-child:after{
    content:'›';
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    color:#7b8492;
    font-size:28px;
    font-weight:400;
    line-height:1;
    opacity:.76;
    transition:color .16s ease,transform .16s ease;
}
body.sl-streemlion-client #tableServicesList tbody tr:hover td:last-child:after{
    color:var(--accent);
    transform:translate(2px,-50%);
}

/* Search/filter strip feels intentional */
body.sl-streemlion-client .dataTables_wrapper .dataTables_filter input{
    border:1px solid rgba(17,24,39,.11)!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(17,24,39,.035);
    transition:border-color .16s ease,box-shadow .16s ease;
}
body.sl-streemlion-client .dataTables_wrapper .dataTables_filter input:focus{
    border-color:rgba(248,107,0,.52)!important;
    box-shadow:0 0 0 3px rgba(248,107,0,.08)!important;
    outline:none!important;
}

/* Pagination stays restrained but branded */
body.sl-streemlion-client .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.sl-streemlion-client .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:var(--accent)!important;
    border-color:var(--accent)!important;
    color:#fff!important;
}

/* Mobile: retain clarity without forcing desktop geometry */
@media (max-width:767.98px){
    body.sl-streemlion-client #tableServicesList{
        border-radius:12px!important;
    }
    body.sl-streemlion-client #tableServicesList tbody td:last-child{
        padding-right:34px!important;
    }
    body.sl-streemlion-client #tableServicesList tbody td:last-child:after{
        right:12px;
    }
}

/* =========================================================
   SERVICE DETAILS — FINAL APPROVED DESIGN v2.0.8
   Target: mic-led Streemlion service command page.
   ========================================================= */

body.sl-streemlion-client:has(.sl-service-page-shell) #main-body{
    background:#fffaf6!important;
}
body.sl-streemlion-client .sl-service-page-shell{
    padding:2px 0 28px;
}
body.sl-streemlion-client .sl-service-showcase-grid{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(390px,.94fr);
    gap:28px;
    margin-bottom:28px;
}
body.sl-streemlion-client .sl-service-hero-card,
body.sl-streemlion-client .sl-service-summary-card,
body.sl-streemlion-client .sl-service-detail-card{
    background:#fff;
    border:1px solid rgba(24,31,42,.085);
    box-shadow:0 12px 30px rgba(24,31,42,.055);
}
body.sl-streemlion-client .sl-service-hero-card{
    position:relative;
    display:grid;
    grid-template-columns:160px minmax(0,1fr);
    column-gap:24px;
    align-items:center;
    min-height:360px;
    padding:34px 32px 28px;
    border-radius:18px;
    overflow:hidden;
}
body.sl-streemlion-client .sl-service-hero-card:after{
    content:'';
    position:absolute;
    width:360px;
    height:210px;
    right:-120px;
    bottom:-85px;
    border-radius:50% 0 0 0;
    background:
        linear-gradient(150deg,
        transparent 26%,
        rgba(248,107,0,.045) 27% 39%,
        transparent 40% 48%,
        rgba(248,107,0,.035) 49% 61%,
        transparent 62%);
    pointer-events:none;
}
body.sl-streemlion-client .sl-service-mic-badge{
    position:relative;
    width:150px;
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(248,107,0,.15);
    border-radius:50%;
    background:#fffaf6;
    box-shadow:inset 0 0 0 9px #fff4eb;
    color:var(--accent);
}
body.sl-streemlion-client .sl-service-mic{
    font-size:62px;
}
body.sl-streemlion-client .sl-wave{
    position:absolute;
    display:flex;
    align-items:center;
    gap:4px;
}
body.sl-streemlion-client .sl-wave-left{left:19px}
body.sl-streemlion-client .sl-wave-right{right:19px}
body.sl-streemlion-client .sl-wave i{
    display:block;
    width:3px;
    border-radius:3px;
    background:var(--accent);
}
body.sl-streemlion-client .sl-wave i:nth-child(1){height:16px}
body.sl-streemlion-client .sl-wave i:nth-child(2){height:27px}
body.sl-streemlion-client .sl-wave i:nth-child(3){height:12px}

body.sl-streemlion-client .sl-service-state{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:6px 12px;
    border:1px solid #d8e0e7;
    border-radius:999px;
    background:#f5f6f7;
    color:#5c6571;
    font-size:11px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
}
body.sl-streemlion-client .sl-service-state i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:currentColor;
}
body.sl-streemlion-client .sl-service-state-active{color:#15933b;background:#e7f8eb;border-color:#bceac8}
body.sl-streemlion-client .sl-service-state-terminated,
body.sl-streemlion-client .sl-service-state-cancelled{color:#d93025;background:#fff0ef;border-color:#ffd2ce}
body.sl-streemlion-client .sl-service-state-suspended,
body.sl-streemlion-client .sl-service-state-pending{color:#a86100;background:#fff5e6;border-color:#f4d49f}

body.sl-streemlion-client .sl-service-hero-copy h1{
    margin:18px 0 9px;
    color:#151a24;
    font-size:31px;
    line-height:1.14;
    font-weight:800;
    letter-spacing:-.03em;
}
body.sl-streemlion-client .sl-service-groupname{
    color:#404856;
    font-size:17px;
    font-weight:500;
}
body.sl-streemlion-client .sl-service-decoration{
    position:absolute;
    right:27px;
    top:38px;
    display:flex;
    flex-direction:column;
    gap:9px;
}
body.sl-streemlion-client .sl-service-decoration i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ffe0ca;
}
body.sl-streemlion-client .sl-service-decoration i:first-child{background:var(--accent)}

body.sl-streemlion-client .sl-service-health{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:27px;
    padding:12px 15px;
    border-radius:10px;
    font-size:14.5px;
    font-weight:600;
}
body.sl-streemlion-client .sl-health-active{
    color:#39743e;
    background:linear-gradient(90deg,#edf9e9,#f7fbf3 76%,transparent);
}
body.sl-streemlion-client .sl-health-active i{color:#20a444;font-size:18px}
body.sl-streemlion-client .sl-health-danger{
    color:#a83b34;
    background:linear-gradient(90deg,#fff0ef,#fff8f7 76%,transparent);
}
body.sl-streemlion-client .sl-health-danger i{color:#d93025;font-size:18px}
body.sl-streemlion-client .sl-health-warning{
    color:#8c5a12;
    background:linear-gradient(90deg,#fff6e8,#fffbf4 76%,transparent);
}
body.sl-streemlion-client .sl-health-warning i{color:#d17a00;font-size:18px}

body.sl-streemlion-client .sl-service-primary-actions{
    grid-column:1/-1;
    display:flex;
    align-items:stretch;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
    position:relative;
    z-index:1;
}
body.sl-streemlion-client .sl-login-slot{
    display:contents;
}
body.sl-streemlion-client .sl-login-form{
    display:flex;
    flex:1 1 0;
    min-width:145px;
    margin:0!important;
}
body.sl-streemlion-client .sl-service-primary-actions > .sl-service-btn,
body.sl-streemlion-client .sl-service-primary-actions > .sl-login-form,
body.sl-streemlion-client .sl-service-primary-actions > .sl-login-slot > .sl-service-btn{
    flex:1 1 0;
    min-width:145px;
}
body.sl-streemlion-client .sl-login-form .sl-service-btn{
    width:100%;
}
body.sl-streemlion-client .sl-service-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:43px;
    padding:10px 15px!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;
}
body.sl-streemlion-client .sl-service-btn:hover{transform:translateY(-1px)}
body.sl-streemlion-client .sl-service-btn-primary{
    color:#fff!important;
    background:var(--accent)!important;
    border:1px solid var(--accent)!important;
}
body.sl-streemlion-client .sl-service-btn-primary:hover{background:#df6000!important;border-color:#df6000!important}
body.sl-streemlion-client .sl-service-btn-upgrade{
    color:var(--accent)!important;
    background:#fff!important;
    border:1px solid var(--accent)!important;
}
body.sl-streemlion-client .sl-service-btn-upgrade:hover{background:#fff7f0!important}
body.sl-streemlion-client .sl-service-btn-renew{
    color:#21833b!important;
    background:#effaf2!important;
    border:1px solid #bfe6c8!important;
}
body.sl-streemlion-client .sl-service-btn-cancel{
    color:#d93025!important;
    background:#fff!important;
    border:1px solid #ee6a62!important;
}
body.sl-streemlion-client .sl-service-btn-cancel:hover{background:#fff1f0!important}

body.sl-streemlion-client .sl-service-summary-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-content:stretch;
    padding:22px 24px;
    border-radius:18px;
}
body.sl-streemlion-client .sl-summary-cell{
    display:flex;
    gap:13px;
    align-items:flex-start;
    min-width:0;
    padding:20px 14px;
    border-bottom:1px solid rgba(24,31,42,.075);
}
body.sl-streemlion-client .sl-summary-cell:nth-child(odd){border-right:1px solid rgba(24,31,42,.075)}
body.sl-streemlion-client .sl-summary-cell:nth-last-child(-n+2){border-bottom:0}
body.sl-streemlion-client .sl-summary-icon{
    width:31px;
    flex:0 0 31px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--accent);
    font-size:20px;
}
body.sl-streemlion-client .sl-summary-heading{
    display:block;
    margin:1px 0 7px;
    color:#252b35;
    font-size:13px;
    font-weight:800;
}
body.sl-streemlion-client .sl-summary-cell strong{
    display:block;
    color:#303744;
    font-size:12px;
    line-height:1.5;
    font-weight:500;
    overflow-wrap:anywhere;
}
body.sl-streemlion-client .sl-summary-status{
    display:inline-flex;
    padding:6px 15px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
}
body.sl-streemlion-client .sl-summary-status-active{color:#21833b;background:#e7f7e9}
body.sl-streemlion-client .sl-summary-status-terminated,
body.sl-streemlion-client .sl-summary-status-cancelled{color:#d93025;background:#fff0ef}
body.sl-streemlion-client .sl-summary-status-suspended,
body.sl-streemlion-client .sl-summary-status-pending{color:#a86100;background:#fff5e6}

body.sl-streemlion-client .sl-service-detail-card{
    border-radius:15px;
    overflow:hidden;
}
body.sl-streemlion-client .sl-service-tabs{
    display:flex;
    align-items:center;
    gap:24px;
    padding:0 18px!important;
    margin:0!important;
    border-bottom:1px solid rgba(24,31,42,.08);
    background:#fff;
    overflow-x:auto;
}
body.sl-streemlion-client .sl-service-tabs .nav-link{
    position:relative;
    padding:17px 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#6d7480!important;
    font-size:12px;
    font-weight:650;
    white-space:nowrap;
}
body.sl-streemlion-client .sl-service-tabs .nav-link:hover{color:var(--accent)!important}
body.sl-streemlion-client .sl-service-tabs .nav-link.active{color:var(--accent)!important;font-weight:800}
body.sl-streemlion-client .sl-service-tabs .nav-link.active:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:var(--accent);
}
body.sl-streemlion-client .sl-service-tab-content{
    padding:24px;
    background:#fff;
}
body.sl-streemlion-client .sl-about-service{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:30px;
    align-items:center;
    margin-bottom:22px;
}
body.sl-streemlion-client .sl-about-copy h3{
    margin:0 0 10px;
    color:#202631;
    font-size:16px;
    font-weight:800;
}
body.sl-streemlion-client .sl-about-copy p{
    max-width:720px;
    margin:0;
    color:#6f7784;
    font-size:13px;
    line-height:1.75;
}
body.sl-streemlion-client .sl-service-help{
    display:flex;
    gap:14px;
    padding:20px;
    border:1px solid rgba(248,107,0,.13);
    border-radius:13px;
    background:#fffaf6;
}
body.sl-streemlion-client .sl-service-help>i{
    margin-top:2px;
    color:var(--accent);
    font-size:28px;
}
body.sl-streemlion-client .sl-service-help strong{
    display:block;
    margin-bottom:4px;
    color:#202631;
    font-size:14px;
}
body.sl-streemlion-client .sl-service-help p{
    margin:0 0 10px;
    color:#6f7784;
    font-size:11px;
    line-height:1.5;
}
body.sl-streemlion-client .sl-service-help a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border:1px solid var(--accent);
    border-radius:7px;
    color:var(--accent)!important;
    font-size:11px;
    font-weight:750;
    text-decoration:none!important;
}

body.sl-streemlion-client .sl-native-overview-output{
    margin-top:18px;
}
body.sl-streemlion-client .sl-native-overview-output > .card:first-child{
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
body.sl-streemlion-client .sl-native-overview-output .product-status{
    display:none!important;
}
body.sl-streemlion-client .sl-native-overview-output .product-details > .row > .col-md-6.text-center{
    display:none!important;
}
body.sl-streemlion-client .sl-native-overview-output .btn{
    border-radius:9px!important;
    font-weight:750!important;
}
body.sl-streemlion-client .sl-native-overview-output .row,
body.sl-streemlion-client .sl-native-service-info .sl-native-info-row,
body.sl-streemlion-client .sl-detail-row{
    position:relative;
    display:grid;
    grid-template-columns:minmax(160px,.7fr) minmax(0,1fr);
    gap:18px;
    align-items:center;
    padding:13px 14px;
    border-bottom:1px solid rgba(24,31,42,.07);
    transition:background .16s ease,padding-left .16s ease;
}
body.sl-streemlion-client .sl-native-overview-output .row:hover,
body.sl-streemlion-client .sl-native-service-info .sl-native-info-row:hover,
body.sl-streemlion-client .sl-detail-row:hover{
    padding-left:22px;
    background:#fff8f2;
}
body.sl-streemlion-client .sl-native-overview-output .row:hover:before,
body.sl-streemlion-client .sl-native-service-info .sl-native-info-row:hover:before,
body.sl-streemlion-client .sl-detail-row:hover:before{
    content:'';
    position:absolute;
    left:0;
    top:7px;
    bottom:7px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:var(--accent);
}
body.sl-streemlion-client .sl-native-overview-output .row:last-child,
body.sl-streemlion-client .sl-native-service-info .sl-native-info-row:last-child,
body.sl-streemlion-client .sl-detail-row:last-child{
    border-bottom:0;
}
body.sl-streemlion-client .sl-native-overview-output h3,
body.sl-streemlion-client .sl-native-overview-output h4{
    font-size:14px!important;
    font-weight:700!important;
}
body.sl-streemlion-client .sl-module-client-area{
    margin-top:18px;
}

@media(max-width:1100px){
    body.sl-streemlion-client .sl-service-showcase-grid{grid-template-columns:1fr}
}
@media(max-width:767.98px){
    body.sl-streemlion-client .sl-service-hero-card{
        grid-template-columns:1fr;
        padding:24px 20px;
    }
    body.sl-streemlion-client .sl-service-mic-badge{
        width:120px;
        height:120px;
        margin-bottom:18px;
    }
    body.sl-streemlion-client .sl-service-mic{font-size:48px}
    body.sl-streemlion-client .sl-service-hero-copy h1{font-size:25px}
    body.sl-streemlion-client .sl-service-summary-card{
        grid-template-columns:1fr;
        padding:12px 16px;
    }
    body.sl-streemlion-client .sl-summary-cell:nth-child(odd){border-right:0}
    body.sl-streemlion-client .sl-summary-cell:nth-last-child(-n+2){border-bottom:1px solid rgba(24,31,42,.075)}
    body.sl-streemlion-client .sl-summary-cell:last-child{border-bottom:0}
    body.sl-streemlion-client .sl-about-service{grid-template-columns:1fr}
    body.sl-streemlion-client .sl-service-tab-content{padding:18px}
    body.sl-streemlion-client .sl-native-overview-output .row,
    body.sl-streemlion-client .sl-native-service-info .sl-native-info-row,
    body.sl-streemlion-client .sl-detail-row{
        grid-template-columns:1fr;
        gap:5px;
    }
}


/* Service action-row refinement v2.0.9:
   WHMCS decides which actions exist; available actions share the row equally. */
@media(max-width:575.98px){
    body.sl-streemlion-client .sl-service-primary-actions{
        flex-direction:column;
    }
    body.sl-streemlion-client .sl-service-primary-actions > .sl-service-btn,
    body.sl-streemlion-client .sl-service-primary-actions > .sl-login-form{
        width:100%;
        flex-basis:auto;
    }
}


/* =========================================================
   SERVICE ACTION HIERARCHY v2.0.12
   Top: Panel (soft orange) + Cancel (quiet outline)
   Bottom: Upgrade (primary full-width) when WHMCS permits it.
   ========================================================= */
body.sl-streemlion-client .sl-service-primary-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
body.sl-streemlion-client .sl-service-primary-actions > .sl-login-form,
body.sl-streemlion-client .sl-service-primary-actions > .sl-service-btn{
    min-width:0;
    width:100%;
}
body.sl-streemlion-client .sl-service-primary-actions .sl-action-panel{
    width:100%;
    color:var(--accent)!important;
    background:#fff3e8!important;
    border:1px solid #ffd0ad!important;
}
body.sl-streemlion-client .sl-service-primary-actions .sl-action-panel:hover,
body.sl-streemlion-client .sl-service-primary-actions .sl-action-panel:focus{
    color:#df6000!important;
    background:#ffe8d5!important;
    border-color:#f7b27d!important;
}
body.sl-streemlion-client .sl-service-primary-actions .sl-action-cancel{
    grid-column:2;
    grid-row:1;
    color:#bd514b!important;
    background:transparent!important;
    border:1px solid #e4a29e!important;
}
body.sl-streemlion-client .sl-service-primary-actions .sl-action-cancel:hover,
body.sl-streemlion-client .sl-service-primary-actions .sl-action-cancel:focus{
    color:#a63e38!important;
    background:#fff7f6!important;
    border-color:#d9837e!important;
}
body.sl-streemlion-client .sl-service-primary-actions .sl-action-upgrade{
    grid-column:1 / -1;
    grid-row:2;
    color:#fff!important;
    background:var(--accent)!important;
    border:1px solid var(--accent)!important;
}
body.sl-streemlion-client .sl-service-primary-actions .sl-action-upgrade:hover,
body.sl-streemlion-client .sl-service-primary-actions .sl-action-upgrade:focus{
    color:#fff!important;
    background:#df6000!important;
    border-color:#df6000!important;
}

/* Context-aware fallbacks:
   if Upgrade is absent, Panel + Cancel remain the two top actions.
   if Panel is absent, Cancel remains available without inventing functionality. */
@media(max-width:575.98px){
    body.sl-streemlion-client .sl-service-primary-actions{
        grid-template-columns:1fr;
    }
    body.sl-streemlion-client .sl-service-primary-actions .sl-action-panel,
    body.sl-streemlion-client .sl-service-primary-actions .sl-action-cancel,
    body.sl-streemlion-client .sl-service-primary-actions .sl-action-upgrade{
        grid-column:1;
        grid-row:auto;
    }
}


/* =========================================================
   STREEMLION INVOICES — ROOT CLEAN v2.0.23
   One canonical implementation for My Invoices + View Invoice.
   ========================================================= */

/* ---------- My Invoices listing ---------- */
body.sl-streemlion-client .sl-invoice-list{
    margin-top:4px;
}
body.sl-streemlion-client .sl-invoice-list-table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0 7px!important;
}
body.sl-streemlion-client .sl-invoice-list-table thead th{
    padding:10px 14px!important;
    border:0!important;
    color:#7A7F89!important;
    font-size:12.5px!important;
    font-weight:800!important;
    letter-spacing:.035em;
    text-transform:uppercase;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row{
    cursor:pointer;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row td{
    position:relative;
    padding:13px 14px!important;
    border-top:1px solid #ECEBE8!important;
    border-bottom:1px solid #ECEBE8!important;
    background:#fff;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row td:first-child{
    padding-left:18px!important;
    border-left:1px solid #ECEBE8!important;
    border-radius:9px 0 0 9px;
    font-weight:750;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row td:last-child{
    border-right:1px solid #ECEBE8!important;
    border-radius:0 9px 9px 0;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row td:first-child:before{
    content:"";
    position:absolute;
    left:-1px;
    top:8px;
    bottom:8px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:transparent;
    transition:background .18s ease;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row:hover td{
    background:#FFF8F2!important;
    border-color:#F3D6C0!important;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row:hover td:first-child:before{
    background:#F86B00;
}
body.sl-streemlion-client .sl-invoice-list-table tbody .sl-invoice-list-row:hover td:not(:last-child){
    transform:translateX(2px);
}
body.sl-streemlion-client .sl-invoice-list-table .status{
    padding:5px 10px!important;
    border-radius:999px!important;
    font-size:12.5px!important;
    font-weight:800!important;
    line-height:1.2!important;
}

/* ---------- Standalone View Invoice ---------- */
body.sl-streemlion-invoice{
    --accent:#F86B00;
    --accent-dark:#D9590A;
    --ink:#16171B;
    --gray:#697080;
    --border:#E8E8E5;
    --soft:#FFF8F2;
    margin:0;
    background:#F7F6F3;
    color:var(--ink);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
}
body.sl-streemlion-invoice .invoice-container.sl-invoice-shell{
    max-width:980px;
    margin:30px auto 22px;
    padding:34px 40px 22px;
    background:#fff;
    border:1px solid #E5E3DF;
    border-radius:18px;
    box-shadow:0 18px 55px rgba(30,27,22,.07);
}
body.sl-streemlion-invoice .invoice-header.sl-invoice-hero{
    align-items:center;
    margin:0 -8px;
    padding:0 8px 18px;
    border-bottom:1px solid var(--border);
}
body.sl-streemlion-invoice .invoice-header img{
    width:auto;
    max-height:72px;
    margin-bottom:12px;
}
body.sl-streemlion-invoice .invoice-header h3{
    margin:0;
    color:var(--ink);
    font-size:29px;
    line-height:1.12;
    font-weight:800;
    letter-spacing:-.025em;
}
body.sl-streemlion-invoice .sl-invoice-brand-rule{
    display:block;
    width:58px;
    height:4px;
    margin-top:10px;
    border-radius:999px;
    background:var(--accent);
}
body.sl-streemlion-invoice .invoice-header .invoice-status{
    display:flex;
    align-items:stretch;
    margin:0;
}
body.sl-streemlion-invoice .invoice-status span{box-sizing:border-box}
body.sl-streemlion-invoice .invoice-status > span{
    display:inline-flex;align-items:stretch;min-width:170px;height:54px;min-height:54px;padding:0;
    border:2px solid currentColor;border-radius:13px;background:transparent;
    font-size:17px;font-weight:900;letter-spacing:.09em;line-height:1;text-transform:uppercase;overflow:hidden;
}
body.sl-streemlion-invoice .invoice-status .sl-status-icon{
    display:inline-flex;align-items:center;justify-content:center;width:58px;min-width:58px;
    margin:7px 0;border:0;border-right:2px solid currentColor;border-radius:0;background:transparent;
    font-size:21px;letter-spacing:0;
}
body.sl-streemlion-invoice .invoice-status .sl-status-text{
    display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;min-width:0;
    padding:0 20px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;
}
body.sl-streemlion-invoice .invoice-status .paid{
    color:#159447;background:rgba(21,148,71,.055);border-color:#159447;opacity:1;box-shadow:none;
}
body.sl-streemlion-invoice .invoice-status .paid .sl-status-icon i{
    display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;
    border:2px solid currentColor;border-radius:50%;font-size:13px;
}
body.sl-streemlion-invoice .invoice-status .unpaid{
    color:#E64249;background:rgba(230,66,73,.055);border-color:#E64249;
}
body.sl-streemlion-invoice .invoice-status .unpaid .sl-status-icon i{font-size:25px}
body.sl-streemlion-invoice .invoice-status .draft{
    color:#8A6B22;background:rgba(138,107,34,.05);border-color:#8A6B22;
}
body.sl-streemlion-invoice .invoice-status .refunded,
body.sl-streemlion-invoice .invoice-status .cancelled,
body.sl-streemlion-invoice .invoice-status .collections{
    min-width:150px;min-height:46px;align-items:center;justify-content:center;
    color:#646A75;background:#F7F7F6;border-color:#A9ADB4;font-size:12px;
}
body.sl-streemlion-invoice .sl-invoice-status-action-row{
    display:flex;align-items:stretch;justify-content:flex-end;gap:18px;width:100%;height:54px;
}
body.sl-streemlion-invoice .sl-invoice-action-divider{
    display:block;width:1px;height:42px;flex:0 0 1px;align-self:center;background:#C8CBD0;
}
body.sl-streemlion-invoice .sl-pay-now-inline{
    display:flex;align-items:stretch;height:54px;margin:0!important;
}
body.sl-streemlion-invoice .sl-pay-now-inline form{
    display:flex;align-items:stretch;margin:0;
}
body.sl-streemlion-invoice .sl-pay-now-inline .btn,
body.sl-streemlion-invoice .sl-pay-now-inline a{
    display:inline-flex!important;align-items:center;justify-content:center;
    min-width:138px;height:54px;min-height:54px;margin:0!important;padding:0 24px!important;
    border-radius:13px!important;font-size:15px!important;font-weight:850!important;
}
body.sl-streemlion-invoice .sl-invoice-due-date{
    margin-top:10px;color:#697080;font-size:14.5px;font-weight:700;text-align:right;
}
body.sl-streemlion-invoice .invoice-header .small-text{
    color:var(--gray);
    font-size:14.5px;
    font-weight:600;
}
body.sl-streemlion-invoice .payment-btn-container{
    margin-top:10px;
}
body.sl-streemlion-invoice .payment-btn-container .btn,
body.sl-streemlion-invoice .payment-btn-container a{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:9px 22px!important;
    border:1px solid var(--accent)!important;
    border-radius:9px!important;
    background:var(--accent)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
body.sl-streemlion-invoice .payment-btn-container .btn:hover,
body.sl-streemlion-invoice .payment-btn-container a:hover{
    background:var(--accent-dark)!important;
    border-color:var(--accent-dark)!important;
}
body.sl-streemlion-invoice .invoice-container > hr{
    display:none;
}

/* Compact reference-inspired information band. */
body.sl-streemlion-invoice .sl-invoice-meta-grid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(245px,.95fr) minmax(0,.9fr);
    gap:26px;
    align-items:start;
    margin:18px 4px 20px;
}
body.sl-streemlion-invoice .sl-invoice-meta-block{
    min-width:0;
}
body.sl-streemlion-invoice .sl-invoice-meta-block > strong,
body.sl-streemlion-invoice .sl-meta-subblock > strong{
    display:block;
    margin:0 0 5px;
    color:#777D88;
    font-size:12.5px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}
body.sl-streemlion-invoice .sl-invoice-meta-block address,
body.sl-streemlion-invoice .sl-invoice-meta-block .small-text{
    margin:0;
    color:#282B31;
    font-size:14.5px;
    line-height:1.5;
}
body.sl-streemlion-invoice .sl-meta-details{
    display:flex;
    flex-direction:column;
    gap:16px;
}
body.sl-streemlion-invoice .sl-meta-payto{
    text-align:right;
}
body.sl-streemlion-invoice .sl-meta-details .form-inline{
    justify-content:flex-start;
}
body.sl-streemlion-invoice select.custom-select{
    width:100%;
    max-width:285px;
    height:40px;
    border:1px solid #D9DDE3;
    border-radius:9px;
    background:#fff;
    color:#3B404A;
    font-size:14px;
    box-shadow:none;
}

/* Small available-credit component; intentionally secondary. */
body.sl-streemlion-invoice .sl-invoice-credit{
    width:100%;
    max-width:520px;
    margin:4px 0 14px!important;
    border:1px solid #F3D7C1!important;
    border-radius:12px!important;
    background:var(--soft)!important;
    overflow:hidden;
    box-shadow:none!important;
}
body.sl-streemlion-invoice .sl-invoice-credit .card-header{
    padding:9px 14px!important;
    border:0!important;
    border-bottom:1px solid #F3DFD0!important;
    background:transparent!important;
    color:var(--accent)!important;
}
body.sl-streemlion-invoice .sl-invoice-credit .card-header h3{
    margin:0!important;
    color:var(--accent)!important;
    font-size:14px!important;
    font-weight:800!important;
}
body.sl-streemlion-invoice .sl-invoice-credit .card-body{
    padding:10px 14px 12px!important;
    color:#555B65;
    font-size:13.5px;
    line-height:1.45;
}
body.sl-streemlion-invoice .sl-invoice-credit .card-body .row{
    margin-top:6px!important;
}
body.sl-streemlion-invoice .sl-invoice-credit .col-8,
body.sl-streemlion-invoice .sl-invoice-credit .col-sm-4{
    max-width:280px!important;
    flex:0 0 280px!important;
    margin-left:0!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.sl-streemlion-invoice .sl-invoice-credit .form-control{
    height:35px;
    border-color:#E0D5CC;
    font-size:14.5px;
}
body.sl-streemlion-invoice #btnInvoiceAddCreditApply{
    height:35px;
    padding:0 13px;
    border:1px solid var(--accent)!important;
    border-radius:0 7px 7px 0!important;
    background:var(--accent)!important;
    color:#fff!important;
    font-size:13px;
    font-weight:800;
}
body.sl-streemlion-invoice #btnInvoiceAddCreditApply:hover{
    background:var(--accent-dark)!important;
    border-color:var(--accent-dark)!important;
}

/* Financial content begins early; no full-page vertical stretching. */
body.sl-streemlion-invoice .sl-invoice-items{
    margin-top:8px;
    border:1px solid var(--border)!important;
    border-radius:14px!important;
    overflow:hidden;
    background:#fff!important;
    box-shadow:none!important;
}
body.sl-streemlion-invoice .sl-invoice-items .card-header{
    padding:14px 18px;
    border-bottom:1px solid var(--border);
    background:#FCFCFB;
}
body.sl-streemlion-invoice .sl-invoice-items .card-title{
    color:var(--ink);
    font-size:18px!important;
    letter-spacing:-.01em;
}
body.sl-streemlion-invoice .sl-invoice-items table,
body.sl-streemlion-invoice .sl-invoice-transactions table{
    margin:0!important;
}
body.sl-streemlion-invoice .sl-invoice-items thead td{
    padding:10px 14px;
    border-top:0!important;
    border-bottom:1px solid var(--border)!important;
    background:#FBFBFA;
    color:#737985;
    font-size:12.5px;
    letter-spacing:.045em;
    text-transform:uppercase;
}
body.sl-streemlion-invoice .sl-invoice-items tbody td{
    padding:11px 14px;
    border-top:1px solid #EFEFEB;
    font-size:14.5px;
}
body.sl-streemlion-invoice .sl-invoice-service-description{
    display:inline-block;color:#17191D;font-weight:800;line-height:1.42;
}
body.sl-streemlion-invoice .sl-invoice-tax-marker{color:#737985;font-weight:700}
body.sl-streemlion-invoice .sl-invoice-items tbody tr:not(:last-child):hover td{
    background:#FFF9F4;
}
body.sl-streemlion-invoice .sl-invoice-items .total-row{
    background:#FCFCFB;
    font-size:14px;
}
body.sl-streemlion-invoice .sl-invoice-items tbody tr:last-child .total-row{
    padding-top:13px;
    padding-bottom:13px;
    border-top:2px solid #E5E5E1!important;
    color:var(--ink);
    font-size:15px;
    font-weight:800;
}
body.sl-streemlion-invoice .sl-invoice-transactions{
    margin-top:12px;
    border:1px solid var(--border);
    border-radius:12px;
    overflow:hidden;
    background:#fff;
}
body.sl-streemlion-invoice .sl-invoice-transactions thead td{
    padding:9px 12px;
    border-top:0;
    border-bottom:1px solid var(--border);
    background:#FBFBFA;
    color:#767C86;
    font-size:12px;
    letter-spacing:.035em;
    text-transform:uppercase;
}
body.sl-streemlion-invoice .sl-invoice-transactions tbody td{
    padding:9px 12px;
    border-top:1px solid #F0F0ED;
    font-size:13.5px;
}
body.sl-streemlion-invoice .sl-invoice-transactions tbody tr:last-child td{
    background:#FFF9F4;
    font-size:14px;
}

/* Safe in-card footer: Back link can never be clipped outside the document. */
body.sl-streemlion-invoice .sl-invoice-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    clear:both;
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid #EEECE8;
}
body.sl-streemlion-invoice .sl-invoice-back-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#697080;
    font-size:14px;
    font-weight:750;
    text-decoration:none!important;
    white-space:nowrap;
}
body.sl-streemlion-invoice .sl-invoice-back-link:hover{
    color:var(--accent);
}
body.sl-streemlion-invoice .sl-invoice-actions{
    margin:0!important;
    float:none!important;
}
body.sl-streemlion-invoice .sl-invoice-actions .btn{
    padding:8px 12px;
    border-color:#DDDCD8;
    background:#fff;
    color:#4D535E;
    font-size:13.5px;
    font-weight:700;
}
body.sl-streemlion-invoice .sl-invoice-actions .btn:hover{
    border-color:#F4C29E;
    background:#FFF7F0;
    color:var(--accent);
}
body.sl-streemlion-invoice .alert,
body.sl-streemlion-invoice .panel{
    border-radius:10px;
    box-shadow:none;
}

@media(max-width:767.98px){
    body.sl-streemlion-invoice .invoice-container.sl-invoice-shell{
        margin:12px;
        padding:24px 20px 18px;
        border-radius:14px;
    }
    body.sl-streemlion-invoice .invoice-header h3{
        font-size:24px;
    }
    body.sl-streemlion-invoice .sl-invoice-meta-grid{
        grid-template-columns:1fr;
        gap:15px;
        margin:16px 0 18px;
    }
    body.sl-streemlion-invoice .sl-meta-payto{
        text-align:left;
    }
    body.sl-streemlion-invoice .sl-invoice-credit{
        max-width:none;
    }
    body.sl-streemlion-invoice .sl-invoice-credit .col-8,
    body.sl-streemlion-invoice .sl-invoice-credit .col-sm-4{
        max-width:100%!important;
        flex:0 0 100%!important;
    }
    body.sl-streemlion-invoice .sl-invoice-footer{
        flex-direction:column;
        align-items:stretch;
    }
    body.sl-streemlion-invoice .sl-invoice-back-link{
        justify-content:center;
        order:2;
    }
    body.sl-streemlion-invoice .sl-invoice-actions{
        display:flex;
        width:100%;
    }
    body.sl-streemlion-invoice .sl-invoice-actions .btn{
        flex:1 1 0;
    }
}
@media print{
    body.sl-streemlion-invoice{
        background:#fff!important;
    }
    body.sl-streemlion-invoice .invoice-container.sl-invoice-shell{
        max-width:none;
        margin:0;
        padding:0;
        border:0;
        box-shadow:none;
    }
    body.sl-streemlion-invoice .invoice-header.sl-invoice-hero{
        padding-bottom:16px;
    }
    body.sl-streemlion-invoice .sl-invoice-credit{
        background:#fff!important;
    }
}


/* =========================================================
   STREEMLION SUPPORT TICKETS LIST — DESIGN CORRECTION v2.0.33
   Native WHMCS DataTables preserved; one canonical ticket layer.
   ========================================================= */

body.sl-streemlion-client .sl-ticket-commandbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:0 0 18px;
    padding:18px 20px;
    border:1px solid #F2D5BF;
    border-left:4px solid var(--accent);
    border-radius:12px;
    background:linear-gradient(100deg,#FFF8F2 0%,#FFFDFC 62%,#fff 100%);
}
body.sl-streemlion-client .sl-ticket-commandbar-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
}
body.sl-streemlion-client .sl-ticket-kicker{
    margin-bottom:4px;
    color:var(--accent);
    font-size:10.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
}
body.sl-streemlion-client .sl-ticket-commandbar-copy strong{
    color:#1C1F24;
    font-size:18px;
    line-height:1.25;
    font-weight:850;
}
body.sl-streemlion-client .sl-ticket-commandbar-copy small{
    margin-top:4px;
    color:#777E88;
    font-size:12.5px;
}
body.sl-streemlion-client .sl-ticket-new-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:9px 15px!important;
    border:1px solid var(--accent)!important;
    border-radius:9px!important;
    background:#fff!important;
    color:var(--accent)!important;
    font-size:12.5px!important;
    font-weight:800!important;
    white-space:nowrap;
    box-shadow:none!important;
}
body.sl-streemlion-client .sl-ticket-new-btn:hover,
body.sl-streemlion-client .sl-ticket-new-btn:focus{
    background:var(--accent)!important;
    color:#fff!important;
}

body.sl-streemlion-client .sl-ticket-list{
    margin-top:0;
    padding:0;
}
body.sl-streemlion-client .sl-ticket-list .dataTables_wrapper{
    padding:0;
}
body.sl-streemlion-client .sl-ticket-list .dataTables_length,
body.sl-streemlion-client .sl-ticket-list .dataTables_info{
    color:#7A818B!important;
    font-size:12.5px!important;
    font-weight:600;
}
body.sl-streemlion-client .sl-ticket-list .dataTables_filter label{
    color:#7A818B!important;
    font-size:0;
}
body.sl-streemlion-client .sl-ticket-list .dataTables_filter input{
    width:250px;
    height:40px;
    margin-left:0!important;
    padding:8px 13px!important;
    border:1px solid #DEDCD8!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#24272D!important;
    font-size:13px!important;
    box-shadow:0 3px 12px rgba(24,26,31,.035)!important;
}
body.sl-streemlion-client .sl-ticket-list .dataTables_filter input:focus{
    border-color:#F4A76D!important;
    box-shadow:0 0 0 3px rgba(248,107,0,.09)!important;
    outline:none!important;
}

body.sl-streemlion-client .sl-ticket-list-table{
    width:100%!important;
    margin-top:10px!important;
    border:1px solid #E9E7E3!important;
    border-radius:13px!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(24,26,31,.04);
}
body.sl-streemlion-client .sl-ticket-list-table thead th{
    padding:12px 14px!important;
    border-top:0!important;
    border-bottom:1px solid #EFDCCF!important;
    background:linear-gradient(180deg,#FFF9F4 0%,#FFFDFC 100%)!important;
    color:#6D7480!important;
    font-size:11.5px!important;
    font-weight:900!important;
    letter-spacing:.055em;
    text-transform:uppercase;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row{
    cursor:pointer;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row td{
    position:relative;
    padding:14px 14px!important;
    border-top:1px solid #EEEDEA!important;
    border-bottom:0!important;
    background:#fff;
    color:#515966;
    vertical-align:middle!important;
    transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row:first-child td{
    border-top:0!important;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row td:first-child{
    padding-left:20px!important;
    color:#6E7580!important;
    font-size:12.5px;
    font-weight:800;
    letter-spacing:.01em;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row td:first-child:before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    bottom:8px;
    width:4px;
    border-radius:0 4px 4px 0;
    background:transparent;
    transition:background .16s ease;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row:hover td{
    background:#FFF8F2!important;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row:hover td:first-child{
    box-shadow:none!important;
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row:hover td:first-child:before{
    background:var(--accent);
}
body.sl-streemlion-client .sl-ticket-list-table tbody .sl-ticket-list-row:hover td:nth-child(2){
    transform:translateX(6px);
}

body.sl-streemlion-client .sl-ticket-list-link{
    display:flex;
    align-items:baseline;
    gap:8px;
    padding:0!important;
    border:0!important;
    color:#171A1F!important;
    text-decoration:none!important;
}
body.sl-streemlion-client .sl-ticket-list-link .ticket-number{
    flex:0 0 auto;
    color:var(--accent)!important;
    font-size:12px;
    font-weight:900;
    letter-spacing:.01em;
}
body.sl-streemlion-client .sl-ticket-list-link .ticket-subject{
    color:#1C1F24!important;
    font-size:14.5px;
    line-height:1.35;
    font-weight:800;
    transition:color .16s ease;
}
body.sl-streemlion-client .sl-ticket-list-link .ticket-subject.unread{
    font-weight:900;
}
body.sl-streemlion-client .sl-ticket-list-row:hover .ticket-subject{
    color:#D95E00!important;
}

body.sl-streemlion-client .sl-ticket-list-table .sl-ticket-status{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-width:78px;
    padding:6px 11px!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap;
    box-shadow:none!important;
}
body.sl-streemlion-client .sl-ticket-list-table .status-closed{
    color:#69717D!important;
    background:#EEF0F2!important;
    border-color:#E0E4E8!important;
}
body.sl-streemlion-client .sl-ticket-list-table .status-open{
    color:#21833B!important;
    background:#EAF8EE!important;
    border-color:#D2EED9!important;
}
body.sl-streemlion-client .sl-ticket-list-table .status-answered{
    color:#C65300!important;
    background:#FFF0E5!important;
    border-color:#FFD6B8!important;
}
body.sl-streemlion-client .sl-ticket-list-table .status-customer-reply,
body.sl-streemlion-client .sl-ticket-list-table .status-customerreply{
    color:#A85A00!important;
    background:#FFF6E8!important;
    border-color:#F3DBB6!important;
}
body.sl-streemlion-client .sl-ticket-list-table .status-in-progress,
body.sl-streemlion-client .sl-ticket-list-table .status-inprogress{
    color:#315F9E!important;
    background:#EDF4FF!important;
    border-color:#D7E5F8!important;
}
body.sl-streemlion-client .sl-ticket-list-table .status-custom{
    color:#fff!important;
}
body.sl-streemlion-client .sl-ticket-status-cell{
    color:#767E89!important;
    font-size:12.5px!important;
    font-weight:550;
    white-space:nowrap;
}
body.sl-streemlion-client .sl-ticket-department{
    color:#68717D!important;
}

body.sl-streemlion-client .sl-ticket-list .dataTables_paginate .paginate_button.current,
body.sl-streemlion-client .sl-ticket-list .dataTables_paginate .paginate_button.current:hover{
    border-color:var(--accent)!important;
    background:var(--accent)!important;
    color:#fff!important;
}

@media(max-width:767.98px){
    body.sl-streemlion-client .sl-ticket-commandbar{
        align-items:flex-start;
        flex-direction:column;
        padding:16px;
    }
    body.sl-streemlion-client .sl-ticket-new-btn{
        width:100%;
    }
    body.sl-streemlion-client .sl-ticket-list .dataTables_filter,
    body.sl-streemlion-client .sl-ticket-list .dataTables_filter input{
        width:100%;
    }
    body.sl-streemlion-client .sl-ticket-list-table{
        min-width:760px;
    }
    body.sl-streemlion-client .sl-ticket-list{
        overflow-x:auto;
    }
}


/* =========================================================
   STREEMLION SUBMIT TICKET — ROOT CLEAN v2.0.29
   Built from pristine Twenty-One step-one/step-two templates.
   ========================================================= */

body.sl-streemlion-client .sl-submit-ticket-card{
    border:1px solid #ECEBE8!important;
    border-radius:12px!important;
    background:#fff;
    box-shadow:0 8px 24px rgba(24,26,31,.045);
    overflow:hidden;
}
body.sl-streemlion-client .sl-submit-ticket-body{
    padding:26px 28px!important;
}
body.sl-streemlion-client .sl-submit-ticket-heading{
    position:relative;
    margin-bottom:24px!important;
    padding-bottom:17px;
    border-bottom:1px solid #F0E7E0;
}
body.sl-streemlion-client .sl-submit-ticket-heading:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:48px;
    height:3px;
    border-radius:999px;
    background:#F86B00;
}
body.sl-streemlion-client .sl-submit-ticket-title{
    margin:0 0 6px!important;
    color:#1D2025;
    font-size:21px;
    font-weight:850;
    line-height:1.3;
}
body.sl-streemlion-client .sl-submit-ticket-heading .text-muted,
body.sl-streemlion-client .sl-submit-ticket-intro{
    margin:0!important;
    color:#747B85!important;
    font-size:13.5px;
    line-height:1.55;
}

/* Step one — department choice behaves like our established premium rows. */
body.sl-streemlion-client .sl-department-list{
    padding-top:2px;
}
body.sl-streemlion-client .sl-department-option{
    position:relative;
    margin-bottom:9px;
    padding:15px 17px 14px 20px;
    border:1px solid #ECEBE8;
    border-radius:9px;
    background:#fff;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
body.sl-streemlion-client .sl-department-option:before{
    content:"";
    position:absolute;
    left:-1px;
    top:9px;
    bottom:9px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:transparent;
    transition:background .18s ease;
}
body.sl-streemlion-client .sl-department-option:hover{
    background:#FFF8F2;
    border-color:#F3D6C0;
    transform:translateX(2px);
}
body.sl-streemlion-client .sl-department-option:hover:before{
    background:#F86B00;
}
body.sl-streemlion-client .sl-department-option .h5{
    margin:0;
}
body.sl-streemlion-client .sl-department-option .h5 a{
    display:flex;
    align-items:center;
    color:#202329;
    font-size:14.5px;
    font-weight:800;
    text-decoration:none!important;
    transition:color .18s ease;
}
body.sl-streemlion-client .sl-department-option .h5 a i{
    width:28px;
    color:#F86B00;
    font-size:14px;
}
body.sl-streemlion-client .sl-department-option:hover .h5 a{
    color:#F86B00;
}
body.sl-streemlion-client .sl-department-description{
    margin:6px 0 0 28px!important;
    color:#7B818A!important;
    font-size:12.8px;
    line-height:1.5;
}

/* Step two — form hierarchy. */
body.sl-streemlion-client .sl-submit-ticket-form label{
    margin-bottom:6px;
    color:#4D545E;
    font-size:12.5px;
    font-weight:800;
}
body.sl-streemlion-client .sl-submit-ticket-form .form-group{
    margin-bottom:18px;
}
body.sl-streemlion-client .sl-submit-ticket-form .form-control,
body.sl-streemlion-client .sl-submit-ticket-form .custom-file-label{
    min-height:42px;
    border:1px solid #DDE1E5;
    border-radius:7px!important;
    background:#fff;
    color:#343941;
    font-size:13.5px;
    box-shadow:none;
}
body.sl-streemlion-client .sl-submit-ticket-form .form-control:focus{
    border-color:#F6A86D;
    box-shadow:0 0 0 .16rem rgba(248,107,0,.10);
}
body.sl-streemlion-client .sl-submit-ticket-form .form-control.disabled,
body.sl-streemlion-client .sl-submit-ticket-form .form-control:disabled{
    background:#F5F6F7;
    color:#777E87;
}
body.sl-streemlion-client .sl-message-field{
    margin-top:3px;
}
body.sl-streemlion-client .sl-message-field textarea.form-control{
    min-height:245px;
    padding:13px 14px;
    line-height:1.65;
}
body.sl-streemlion-client .sl-attachment-field{
    padding:15px 16px;
    border:1px solid #ECEBE8;
    border-radius:9px;
    background:#FAFAFA;
}
body.sl-streemlion-client .sl-attachment-field .text-muted{
    margin-top:7px;
    color:#858B94!important;
}
body.sl-streemlion-client .sl-submit-ticket-form #btnTicketAttachmentsAdd{
    border:1px solid #D9DDE1!important;
    border-radius:0 7px 7px 0!important;
    background:#fff!important;
    color:#555C66!important;
    font-weight:750;
}
body.sl-streemlion-client .sl-submit-ticket-form #btnTicketAttachmentsAdd:hover{
    border-color:#F2B486!important;
    background:#FFF8F2!important;
    color:#D95E00!important;
}
body.sl-streemlion-client .sl-submit-ticket-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:9px;
    margin:24px 0 0!important;
    padding-top:20px;
    border-top:1px solid #ECEBE8;
}
body.sl-streemlion-client .sl-submit-ticket-actions #openTicketSubmit{
    min-width:150px;
    min-height:42px;
    border:1px solid #F86B00!important;
    border-radius:7px!important;
    background:#F86B00!important;
    color:#fff!important;
    font-weight:800;
}
body.sl-streemlion-client .sl-submit-ticket-actions #openTicketSubmit:hover{
    border-color:#DE6000!important;
    background:#DE6000!important;
}
body.sl-streemlion-client .sl-submit-ticket-actions .btn-default{
    min-width:92px;
    min-height:42px;
    border:1px solid #D9DDE1!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#5A616B!important;
    font-weight:750;
}
body.sl-streemlion-client .sl-submit-ticket-actions .btn-default:hover{
    border-color:#F2B486!important;
    background:#FFF8F2!important;
    color:#D95E00!important;
}

@media(max-width:767.98px){
    body.sl-streemlion-client .sl-submit-ticket-body{
        padding:20px 17px!important;
    }
    body.sl-streemlion-client .sl-department-list{
        padding-left:0;
        padding-right:0;
    }
}
@media(max-width:575.98px){
    body.sl-streemlion-client .sl-submit-ticket-actions{
        align-items:stretch;
        flex-direction:column;
    }
    body.sl-streemlion-client .sl-submit-ticket-actions .btn{
        width:100%;
    }
}



/* =========================================================
   STREEMLION KNOWLEDGEBASE FAMILY — ROOT CLEAN v2.0.31
   Landing, category and article reading experience.
   ========================================================= */

body.sl-streemlion-client .sl-kb-search-form{
    margin-bottom:22px!important;
}
body.sl-streemlion-client .sl-kb-search{
    border-radius:10px;
    box-shadow:0 7px 22px rgba(24,26,31,.04);
}
body.sl-streemlion-client .sl-kb-search .form-control{
    min-height:52px;
    padding-left:18px;
    border:1px solid #E1E3E6!important;
    border-right:0!important;
    border-radius:10px 0 0 10px!important;
    background:#fff!important;
    color:#343941;
    font-size:14px;
    box-shadow:none!important;
}
body.sl-streemlion-client .sl-kb-search .form-control:focus{
    border-color:#F3B486!important;
    box-shadow:inset 3px 0 0 #F86B00!important;
}
body.sl-streemlion-client .sl-kb-search #btnKnowledgebaseSearch{
    min-width:112px;
    border:1px solid #F86B00!important;
    border-radius:0 10px 10px 0!important;
    background:#F86B00!important;
    color:#fff!important;
    font-weight:850;
}
body.sl-streemlion-client .sl-kb-search #btnKnowledgebaseSearch:hover{
    border-color:#DE6000!important;
    background:#DE6000!important;
}

body.sl-streemlion-client .sl-kb-category{
    position:relative;
    border:1px solid #E9E9E7!important;
    border-radius:11px!important;
    background:#fff;
    box-shadow:none!important;
    overflow:hidden;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
body.sl-streemlion-client .sl-kb-category:before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:transparent;
    transition:background .18s ease;
}
body.sl-streemlion-client .sl-kb-category:hover{
    border-color:#F1D3BC!important;
    background:#FFF9F4;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(248,107,0,.055)!important;
}
body.sl-streemlion-client .sl-kb-category:hover:before{
    background:#F86B00;
}
body.sl-streemlion-client .sl-kb-category .card-body{
    padding:18px 20px!important;
    color:#202329!important;
    text-decoration:none!important;
}
body.sl-streemlion-client .sl-kb-category .h5{
    color:#202329;
    font-size:16px;
    font-weight:800;
}
body.sl-streemlion-client .sl-kb-category .fa-folder{
    margin-right:4px;
    color:#F86B00;
}
body.sl-streemlion-client .sl-kb-category .badge-info{
    border:1px solid #F86B00!important;
    border-radius:6px!important;
    background:#F86B00!important;
    color:#fff!important;
    font-weight:800;
}
body.sl-streemlion-client .sl-kb-category p{
    margin-top:8px!important;
    color:#7A818B!important;
    line-height:1.5;
}

body.sl-streemlion-client .sl-kb-popular-card,
body.sl-streemlion-client .sl-kb-article-list-card,
body.sl-streemlion-client .sl-kb-related-card,
body.sl-streemlion-client .sl-kb-reading-card{
    border:1px solid #E9E9E7!important;
    border-radius:11px!important;
    background:#fff;
    box-shadow:0 7px 22px rgba(24,26,31,.035);
    overflow:hidden;
}
body.sl-streemlion-client .sl-kb-popular-card > .card-body,
body.sl-streemlion-client .sl-kb-article-list-card > .card-body,
body.sl-streemlion-client .sl-kb-related-card > .card-body{
    padding:17px 20px!important;
    border-bottom:1px solid #ECEBE8;
}
body.sl-streemlion-client .sl-kb-popular-card .card-title,
body.sl-streemlion-client .sl-kb-article-list-card .card-title,
body.sl-streemlion-client .sl-kb-related-card .card-title{
    color:#202329;
    font-size:18px;
    font-weight:850;
}
body.sl-streemlion-client .sl-kb-popular-card .card-title i,
body.sl-streemlion-client .sl-kb-article-list-card .card-title i,
body.sl-streemlion-client .sl-kb-related-card .card-title i{
    color:#F86B00;
}

body.sl-streemlion-client .sl-kb-article-row{
    position:relative;
    padding:14px 18px 13px 22px!important;
    border-color:#ECEBE8!important;
    background:#fff;
    color:#25292F!important;
    font-size:14px;
    font-weight:750;
    line-height:1.45;
    transition:background .18s ease,color .18s ease,padding-left .18s ease;
}
body.sl-streemlion-client .sl-kb-article-row:before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    bottom:9px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:transparent;
    transition:background .18s ease;
}
body.sl-streemlion-client .sl-kb-article-row:hover{
    padding-left:25px!important;
    background:#FFF8F2!important;
    color:#D95E00!important;
}
body.sl-streemlion-client .sl-kb-article-row:hover:before{
    background:#F86B00;
}
body.sl-streemlion-client .sl-kb-article-row > i{
    margin-right:5px;
    color:#A0A6AE!important;
}
body.sl-streemlion-client .sl-kb-article-row:hover > i{
    color:#F86B00!important;
}
body.sl-streemlion-client .sl-kb-article-row small{
    display:block;
    margin:5px 0 0 25px;
    color:#87909A!important;
    font-size:12.5px;
    font-weight:450;
    line-height:1.5;
}

/* Article reading surface: content first, decoration second. */
body.sl-streemlion-client .sl-kb-reading-body{
    padding:28px 32px!important;
}
body.sl-streemlion-client .sl-kb-article-title{
    position:relative;
    margin:0 0 14px;
    padding:0 110px 15px 0;
    border-bottom:1px solid #EEE8E3;
    color:#1C1F24;
    font-size:26px;
    font-weight:850;
    line-height:1.3;
}
body.sl-streemlion-client .sl-kb-article-title:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:52px;
    height:3px;
    border-radius:999px;
    background:#F86B00;
}
body.sl-streemlion-client .sl-kb-reading-card .badge-info{
    border:1px solid #F2C8A8!important;
    background:#FFF6EF!important;
    color:#D95E00!important;
}
body.sl-streemlion-client .sl-kb-reading-card .sl-kb-article-content{
    max-width:900px;
    padding:10px 0 8px;
    color:#3D444D;
    font-size:15px;
    line-height:1.78;
}
body.sl-streemlion-client .sl-kb-article-content h2,
body.sl-streemlion-client .sl-kb-article-content h3,
body.sl-streemlion-client .sl-kb-article-content h4{
    margin-top:1.6em;
    color:#202329;
    font-weight:800;
    line-height:1.35;
}
body.sl-streemlion-client .sl-kb-article-content a{
    color:#D95E00;
    text-decoration:underline;
    text-decoration-color:#F3C4A1;
    text-underline-offset:2px;
}
body.sl-streemlion-client .sl-kb-article-content img{
    max-width:100%;
    height:auto;
    border-radius:8px;
}
body.sl-streemlion-client .sl-kb-article-content pre,
body.sl-streemlion-client .sl-kb-article-content code{
    border-radius:6px;
}
body.sl-streemlion-client .sl-kb-vote{
    align-items:center;
}
body.sl-streemlion-client .sl-kb-vote .btn-secondary{
    border:1px solid #DADDE1!important;
    background:#fff!important;
    color:#59616B!important;
    font-weight:750;
}
body.sl-streemlion-client .sl-kb-vote .btn-secondary:hover{
    border-color:#F2B486!important;
    background:#FFF8F2!important;
    color:#D95E00!important;
}

@media(max-width:767.98px){
    body.sl-streemlion-client .sl-kb-reading-body{
        padding:21px 18px!important;
    }
    body.sl-streemlion-client .sl-kb-article-title{
        padding-right:0;
        font-size:22px;
    }
    body.sl-streemlion-client .sl-kb-article-title .btn{
        float:none!important;
        display:inline-flex;
        margin-top:12px;
    }
}
@media(max-width:575.98px){
    body.sl-streemlion-client .sl-kb-search{
        display:block;
        box-shadow:none;
    }
    body.sl-streemlion-client .sl-kb-search .form-control{
        width:100%;
        border-right:1px solid #E1E3E6!important;
        border-radius:8px!important;
    }
    body.sl-streemlion-client .sl-kb-search .input-group-append{
        display:block;
        width:100%;
        margin-top:7px;
    }
    body.sl-streemlion-client .sl-kb-search #btnKnowledgebaseSearch{
        width:100%;
        border-radius:8px!important;
    }
}



/* =========================================================
   LEGACY BLUE REMOVAL PASS v2.0.34
   Neutralises inherited Twenty-One blue on remaining client pages.
   ========================================================= */

/* Informational surfaces: warm-neutral Streemlion treatment. */
body.sl-streemlion-client:not(.sl-approved-dashboard) .alert-info,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sl-contact-selector{
    border-color:#F2D5BF!important;
    background:#FFF8F2!important;
    color:#5D5148!important;
}
body.sl-streemlion-client:not(.sl-approved-dashboard) .alert-info a,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sl-contact-selector a{
    color:#D95E00!important;
}

/* Any surviving native info action becomes a restrained orange action. */
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-info,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sl-email-view-btn{
    border:1px solid var(--accent)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:var(--accent)!important;
    font-weight:750!important;
    box-shadow:none!important;
}
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-info:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .btn-info:focus,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sl-email-view-btn:hover,
body.sl-streemlion-client:not(.sl-approved-dashboard) .sl-email-view-btn:focus{
    border-color:var(--accent)!important;
    background:var(--accent)!important;
    color:#fff!important;
}

/* Client email history: same restrained premium-row language as services/invoices. */
body.sl-streemlion-client .sl-email-list-table{
    width:100%!important;
    border:1px solid #E9E7E3!important;
    border-radius:12px!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden;
    background:#fff!important;
}
body.sl-streemlion-client .sl-email-list-table thead th{
    background:linear-gradient(180deg,#FFF9F4 0%,#FFFDFC 100%)!important;
    border-bottom:1px solid #EFDCCF!important;
}
body.sl-streemlion-client .sl-email-list-table .sl-email-row{cursor:pointer}
body.sl-streemlion-client .sl-email-list-table .sl-email-row td{
    position:relative;
    border-top:1px solid #EEEDEA!important;
    background:#fff;
    transition:background .16s ease,transform .16s ease,color .16s ease;
}
body.sl-streemlion-client .sl-email-list-table .sl-email-row:first-child td{border-top:0!important}
body.sl-streemlion-client .sl-email-list-table .sl-email-row:hover td{background:#FFF8F2!important}
body.sl-streemlion-client .sl-email-list-table .sl-email-row:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
body.sl-streemlion-client .sl-email-list-table .sl-email-row:hover td:nth-child(2){
    transform:translateX(4px);
    color:#D95E00!important;
}

/* Native informational badges should never reintroduce Twenty-One blue. */
body.sl-streemlion-client:not(.sl-approved-dashboard) .badge-info{
    border-color:#F2C8A8!important;
    background:#FFF3E8!important;
    color:#D95E00!important;
}