/* TNI client area presentation. All WHMCS forms, tables and actions are inherited. */
/* Native Nexus/DataTables rules use stronger selectors and some !important backgrounds. */
html.tni-client-page[data-theme=dark] #main-body :is(.card-footer,.panel-footer,.card-header,.panel-heading,.list-group-item,.dataTables_wrapper .form-control,.dataTables_wrapper .custom-select){background-color:var(--shell-card)!important;color:var(--shell-ink);border-color:var(--shell-line)!important}
html.tni-client-page[data-theme=dark] #main-body .table-list thead th{background-color:var(--shell-surface)!important;color:var(--shell-muted);border-color:var(--shell-line)!important}
html.tni-client-page[data-theme=dark] #main-body .page-item.disabled .page-link{background-color:var(--shell-surface)!important;color:var(--shell-muted);border-color:var(--shell-line)}
html.tni-client-page[data-theme=dark] #main-body :is(.bg-white,.bg-light){background-color:var(--shell-card)!important;color:var(--shell-ink)}
html.tni-client-page[data-theme=dark] #main-body :is(.card-body,.list-group-item){border-color:var(--shell-line)}
html.tni-client-page[data-theme=dark] #main-body :is(.md-editor,.md-header,.md-input,.md-preview,.custom-file-label){background-color:var(--shell-card)!important;color:var(--shell-ink)!important;border-color:var(--shell-line)!important}
html.tni-client-page[data-theme=dark] #main-body .custom-file-label::after{background:var(--shell-surface);color:var(--shell-ink);border-color:var(--shell-line)}
html.tni-client-page .btn-default[class*=bg-color-]{background:var(--shell-soft)!important;color:var(--shell-accent)!important;border-color:var(--shell-line)}
html.tni-client-page a.btn-danger,html.tni-client-page a.btn-success,html.tni-client-page a.btn-info{color:#fff}
html.tni-client-page .product-icon .fa-circle{color:var(--shell-soft)}
html.tni-client-page .product-icon .fa-inverse{color:var(--shell-accent)}
html.tni-client-page .product-details h3{font-size:21px;font-weight:650}
html.tni-client-page .product-details h4{font-size:16px;color:var(--shell-muted)}
html.tni-client-page .product-details .row{row-gap:20px}
html.tni-client-page .ticket-reply .posted-by{background:var(--shell-surface);color:var(--shell-muted);border-radius:6px;padding:12px 16px}
html.tni-client-page .md-editor,html.tni-client-page .md-editor .md-header,html.tni-client-page .md-editor .md-footer{background:var(--shell-card);color:var(--shell-muted);border-color:var(--shell-line)}
html.tni-client-page .md-editor>textarea{background:var(--shell-surface);color:var(--shell-ink);border-color:var(--shell-line)}
@media(max-width:1199px){html.tni-shell.tni-signed-in #header .main-navbar-wrapper{min-height:0!important;padding:0}html.tni-shell.tni-signed-in #header .main-navbar-wrapper .navbar-collapse.show{padding:16px 0}}
html.tni-client-page .tni-contact-form>.card{border:0;box-shadow:none;margin-bottom:0!important}
html.tni-client-page .tni-contact-form>.card>.card-body{padding:0}
html.tni-client-page .tni-contact-form>.card>.card-body>.mb-4:first-child{display:none}
html.tni-client-page .tni-contact-form .form-group>label,html.tni-client-page .tni-contact-form .form-group>div{flex:0 0 100%;max-width:100%;text-align:left!important}
html.tni-client-page .tni-contact-form .form-group>label{font-size:13px;padding-bottom:8px}
html.tni-client-page body{background:var(--shell-page);color:var(--shell-ink)}
html.tni-client-page #main-body{background:var(--shell-page);padding-top:28px;padding-bottom:48px}
html.tni-client-page #main-body>.container{max-width:1230px}
html.tni-client-page h1,html.tni-client-page h2,html.tni-client-page h3,html.tni-client-page h4,html.tni-client-page h5,html.tni-client-page h6{color:var(--shell-ink)}
html.tni-client-page a{color:var(--shell-accent)}
html.tni-client-page .header-lined h1{font-weight:700;font-size:30px;border:0}
html.tni-client-page .header-lined{border-bottom:1px solid var(--shell-line);margin-bottom:28px}
html.tni-client-page .card,html.tni-client-page .panel,html.tni-client-page .table-container,html.tni-client-page .login-form,html.tni-client-page .providerLinkingFeedback{background:var(--shell-card);color:var(--shell-ink);border:1px solid var(--shell-line);border-radius:10px;box-shadow:0 5px 20px #10203a04}
html.tni-client-page .card-header,html.tni-client-page .card-footer,html.tni-client-page .panel-heading,html.tni-client-page .panel-footer{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-line)}
html.tni-client-page .card-header{padding:19px 22px;border-radius:10px 10px 0 0}
html.tni-client-page .card-title{font-size:16px;font-weight:650}
html.tni-client-page .card-body{padding:22px}
html.tni-client-page .list-group-item{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-line);line-height:1.7}
html.tni-client-page .list-group-item.active,html.tni-client-page .list-group-item:hover{background:var(--shell-soft);color:var(--shell-accent)}
html.tni-client-page .text-muted,html.tni-client-page small{color:var(--shell-muted)!important}
html.tni-client-page .form-control,html.tni-client-page .custom-select,html.tni-client-page .input-group-text,html.tni-client-page .form-control:focus{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-line);border-radius:6px}
html.tni-client-page .form-control:focus{box-shadow:0 0 0 3px var(--shell-soft);border-color:var(--shell-accent)}
html.tni-client-page .form-control::placeholder{color:var(--shell-muted)}
html.tni-client-page .btn{border-radius:6px}
html.tni-client-page .btn-primary{background:var(--shell-accent);border-color:var(--shell-accent);color:var(--shell-button)}
html.tni-client-page .btn-default,html.tni-client-page .btn-light{background:var(--shell-surface);border-color:var(--shell-line);color:var(--shell-ink)}
html.tni-client-page .tiles .tile{margin:0 8px 16px;padding:26px;border:1px solid var(--shell-line);border-radius:10px;background:var(--shell-card);color:var(--shell-ink);overflow:hidden}
html.tni-client-page .tiles .tile i{color:var(--shell-accent);opacity:1;font-size:28px;top:22px;right:20px}
html.tni-client-page .tiles .stat{font-size:36px;font-weight:700;color:var(--shell-ink);line-height:1.3}
html.tni-client-page .tiles .title{font-size:13px;color:var(--shell-muted);margin-top:8px}
html.tni-client-page .tiles .highlight{height:3px;background:var(--shell-accent)!important}
html.tni-client-page .table,html.tni-client-page .table-list td{color:var(--shell-ink);background:var(--shell-card);border-color:var(--shell-line)}
html.tni-client-page .table-list th{background:var(--shell-surface);color:var(--shell-muted);border-color:var(--shell-line);font-size:12px;font-weight:600}
html.tni-client-page .table-list tbody tr:hover td{background:var(--shell-soft)}
html.tni-client-page .table-container{padding:14px;overflow-x:auto}
html.tni-client-page .dataTables_wrapper .dataTables_info,html.tni-client-page .dataTables_wrapper label{color:var(--shell-muted)}
html.tni-client-page .dataTables_wrapper select,html.tni-client-page .dataTables_wrapper input{background:var(--shell-card);color:var(--shell-ink);border:1px solid var(--shell-line);border-radius:5px}
html.tni-client-page .page-link{background:var(--shell-card);border-color:var(--shell-line);color:var(--shell-accent)}
html.tni-client-page .page-item.active .page-link{background:var(--shell-accent);color:var(--shell-button)}
html.tni-client-page .nav-tabs{border-color:var(--shell-line)}
html.tni-client-page .nav-tabs .nav-link.active{background:var(--shell-card);color:var(--shell-accent);border-color:var(--shell-line)}
html.tni-client-page .tab-content,html.tni-client-page .product-details .product-icon{background:var(--shell-card);color:var(--shell-ink)}
html.tni-client-page .well,html.tni-client-page .ticket-reply,html.tni-client-page .ticket-reply .message,html.tni-client-page .ticket-reply .user{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-line)}
html.tni-client-page .modal-content,html.tni-client-page .popover,html.tni-client-page .popover-body{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-line)}
html.tni-client-page .modal-header,html.tni-client-page .modal-footer{border-color:var(--shell-line)}
html.tni-shell.tni-signed-in #header .topbar,html.tni-shell.tni-signed-in #header .main-navbar-wrapper,html.tni-shell.tni-signed-in #header .navbar{background:var(--shell-card);color:var(--shell-ink);border-bottom:1px solid var(--shell-line)}
html.tni-shell.tni-signed-in #header .topbar .btn,html.tni-shell.tni-signed-in #header .topbar .input-group-text,html.tni-shell.tni-signed-in #header .navbar a{color:var(--shell-ink);background:transparent}
html.tni-shell.tni-signed-in #header .dropdown-menu{background:var(--shell-card);border-color:var(--shell-line)}
html.tni-shell.tni-signed-in #header .dropdown-item:hover{background:var(--shell-soft)}
.tni-client-welcome{padding:28px 30px;margin:0 0 26px;border:1px solid var(--shell-line);border-radius:12px;background:linear-gradient(120deg,var(--shell-card),var(--shell-soft));color:var(--shell-ink)}
.tni-client-welcome .tni-client-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--shell-accent);margin:0 0 10px}
.tni-client-welcome h2{font-size:27px;font-weight:700;margin:0 0 10px}
.tni-client-welcome p:last-child{color:var(--shell-muted);margin:0;line-height:1.8}
@media(max-width:600px){html.tni-client-page #main-body{padding-top:18px}.tni-client-welcome{padding:22px}.tni-client-welcome h2{font-size:23px}html.tni-client-page .tiles .tile{padding:18px 14px;margin:0 4px 8px}html.tni-client-page .tiles .tile i{font-size:20px;right:14px;top:20px}html.tni-client-page .tiles .stat{font-size:30px}html.tni-client-page .table-list{min-width:560px}html.tni-client-page .dataTables_wrapper>.row{margin:0}html.tni-client-page .main-content{min-width:0}html.tni-client-page .card-body{padding:18px}}
.tni-contact-intro{margin:0 0 30px}.tni-contact-intro h2{font-size:30px;font-weight:700;max-width:650px;line-height:1.3}.tni-contact-intro>p:last-child{font-size:16px;color:var(--shell-muted);line-height:1.8;max-width:760px}.tni-contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:28px}.tni-contact-form,.tni-contact-company{padding:30px;border:1px solid var(--shell-line);background:var(--shell-card);border-radius:12px;min-width:0}.tni-contact-grid h3{font-size:20px;font-weight:700;margin:0 0 25px}.tni-contact-company dl{margin:22px 0}.tni-contact-company dt{font-size:11px;color:var(--shell-muted);margin-top:18px;text-transform:uppercase;letter-spacing:.8px}.tni-contact-company dd{margin:5px 0 0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.tni-company-name{font-size:16px;font-weight:700;line-height:1.6}.tni-contact-form>.row>div{max-width:100%;flex:0 0 100%;margin-left:0}.tni-contact-locations{margin:44px 0 0}.tni-contact-locations h2{font-size:28px;font-weight:700;margin-bottom:25px}.tni-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tni-location{border:1px solid var(--shell-line);border-radius:12px;overflow:hidden;background:var(--shell-card)}.tni-location:only-child{grid-column:1/-1}.tni-location iframe{display:block;border:0;width:100%;height:280px}.tni-location>div{padding:22px}.tni-location h3{font-size:18px;font-weight:700}.tni-location p{color:var(--shell-muted)}.tni-client-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--shell-accent)}@media(max-width:850px){.tni-contact-grid,.tni-location-grid{grid-template-columns:1fr}.tni-contact-form,.tni-contact-company{padding:22px}}