/*
Theme Name: SysConnect Portal Bootstrap
Theme URI: https://sysconnect.co.uk/
Author: SysConnect
Author URI: https://sysconnect.co.uk/
Description: A clean Bootstrap portal theme for the SysConnect CRM, login, registration and customer account experience.
Version: 1.4.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: sysconnect-portal
*/
:root{--sc-primary:#0b5ed7;--sc-secondary:#0b1f3a;--sc-accent:#21b3a9;--sc-bg:#f4f7fb;--sc-text:#182235;--sc-border:#dbe3ee}
html,body{min-height:100%}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--sc-bg);color:var(--sc-text)}a{color:var(--sc-primary)}.site-header{background:#fff;border-bottom:1px solid var(--sc-border);position:sticky;top:0;z-index:1000}.site-logo img,.custom-logo{max-height:54px;width:auto}.navbar-brand{font-weight:800;color:var(--sc-secondary)}.btn-primary{--bs-btn-bg:var(--sc-primary);--bs-btn-border-color:var(--sc-primary);--bs-btn-hover-bg:#084eae;--bs-btn-hover-border-color:#084eae}.auth-page{background:linear-gradient(140deg,var(--sc-secondary),#123e76 52%,var(--sc-primary));min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,620px)}.auth-brand-panel{display:flex;align-items:center;padding:8vw;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 32%)}.auth-brand-panel h1{font-size:clamp(2.7rem,5vw,5.8rem);line-height:.98;font-weight:800;letter-spacing:-.04em}.auth-brand-panel p{font-size:1.2rem;max-width:620px;opacity:.84}.auth-form-panel{background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{background:#fff;border:1px solid var(--sc-border);border-radius:22px;padding:38px;width:100%;max-width:500px;box-shadow:0 28px 70px rgba(3,20,49,.18)}.auth-card-wide{max-width:760px}.auth-card .custom-logo{max-height:72px}.portal-shell{max-width:1600px}.portal-card{background:#fff;border:1px solid var(--sc-border);border-radius:18px;padding:24px;box-shadow:0 6px 24px rgba(11,31,58,.06)}.stat-card span{display:block;color:#667085;font-weight:600}.stat-card strong{display:block;font-size:2.3rem;color:var(--sc-secondary)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--sc-primary)}.portal-nav{gap:8px}.portal-nav .nav-link{background:#fff;border:1px solid var(--sc-border);color:var(--sc-secondary);font-weight:600}.portal-nav .nav-link.active{background:var(--sc-primary);border-color:var(--sc-primary)}.content-card{background:#fff;border:1px solid var(--sc-border);border-radius:18px;padding:30px}.site-footer{padding:28px 0;color:#6b7280}.staff-landing{min-height:70vh;display:flex;align-items:center}.staff-landing .display-4{font-weight:800;color:var(--sc-secondary)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh;padding:20px}.auth-card{padding:26px}.site-header{position:relative}}

.site-header .navbar{background:#fff}.site-header .nav-link{color:#25324b;font-weight:650;padding:.65rem .8rem}.site-header .nav-link:hover,.site-header .nav-link:focus{color:var(--sc-primary)}.site-header .dropdown-menu{border:1px solid var(--sc-border);border-radius:14px;padding:8px;min-width:220px}.site-header .dropdown-item{border-radius:9px;padding:10px 12px;font-weight:550}.site-header .dropdown-item:hover{background:#edf4ff;color:var(--sc-primary)}.account-menu-button{display:flex;align-items:center;gap:10px;border:1px solid var(--sc-border);background:#fff;border-radius:999px;padding:5px 12px 5px 5px;color:var(--sc-secondary)}.account-menu-button:hover,.account-menu-button:focus{background:#f7f9fc;border-color:#b9c8db}.account-menu-button img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #e7edf5}.account-menu-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.12}.account-menu-text strong{font-size:.9rem}.account-menu-text small{font-size:.72rem;color:#667085}.crm-main{min-height:calc(100vh - 150px)}.crm-frontend-page .sc-wrap,.crm-main .sc-wrap{margin:0 auto 40px;max-width:1600px}.crm-main .sc-header{padding-top:4px}.crm-main .wp-editor-wrap{background:#fff}.profile-main{min-height:calc(100vh - 160px)}.profile-shell{max-width:980px;margin:0 auto}.profile-card{background:#fff;border:1px solid var(--sc-border);border-radius:22px;padding:34px;box-shadow:0 12px 34px rgba(11,31,58,.08)}.profile-heading{display:flex;align-items:center;gap:24px;padding-bottom:26px;margin-bottom:10px;border-bottom:1px solid var(--sc-border)}.profile-avatar-large{width:112px;height:112px;border-radius:50%;object-fit:cover;border:5px solid #edf3fb;box-shadow:0 8px 22px rgba(11,31,58,.14)}
@media(max-width:1199px){.account-dropdown{margin-top:12px}.account-menu-button{width:100%;justify-content:flex-start}.site-header .navbar-collapse{padding:12px 0}.site-header .dropdown-menu{box-shadow:none!important}}
@media(max-width:700px){.profile-card{padding:22px}.profile-heading{align-items:flex-start;flex-direction:column}.profile-avatar-large{width:92px;height:92px}.account-menu-text{display:none}}
.sc-signing-shell{max-width:1180px}.sc-signing-card{background:#fff;border:1px solid var(--sc-border);border-radius:24px;padding:36px;box-shadow:0 18px 50px rgba(11,31,58,.12)}.sc-signing-card .custom-logo{max-height:72px;width:auto}.sc-signing-card canvas{width:100%;height:150px;border:2px dashed #aebbd0;border-radius:12px;background:#fff;touch-action:none;display:block}.sc-signing-card .form-check-label{font-size:.94rem;line-height:1.45}.sc-signing-card .border{border-color:var(--sc-border)!important}
@media(max-width:700px){.sc-signing-card{padding:22px}}

.sc-public-marketing-form{background:#fff;border:1px solid var(--sc-border);border-radius:18px;padding:28px;box-shadow:0 8px 28px rgba(11,31,58,.08)}.sc-public-marketing-form input[type=text],.sc-public-marketing-form input[type=email],.sc-public-marketing-form textarea{width:100%;border:1px solid #b9c4d2;border-radius:8px;padding:11px}.sc-public-marketing-form button{background:var(--sc-primary);color:#fff;border:0;border-radius:8px;padding:11px 18px;font-weight:700}