:root{--navy:#081b33;--blue:#0d47a1;--gold:#c79a35;--ink:#172033;--muted:#64748b;--bg:#f5f7fb;--white:#fff;--line:#e5e7eb}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:0 20px}.site-header{background:var(--white);box-shadow:0 6px 24px rgba(8,27,51,.08);position:relative;z-index:10}.top-brand{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:900;color:var(--navy);letter-spacing:.3px}.brand-mark{background:linear-gradient(135deg,var(--navy),var(--blue));color:white;border-radius:14px;padding:10px 12px;font-weight:900}.subtitle{font-weight:700;color:var(--gold);margin-left:58px}.header-contact{text-align:right;font-size:13px}.contact-pill{display:inline-block;border:1px solid var(--line);padding:6px 10px;border-radius:999px;margin:2px;background:#fff}.whatsapp{border-color:#21a366;color:#147a3a}.address{color:var(--muted);margin:4px}.socials a{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--navy);color:white;margin-left:5px}.main-nav{background:var(--navy);color:white}.main-nav ul{list-style:none;display:flex;gap:0;margin:0 auto;padding:0 20px;max-width:1180px}.main-nav li{position:relative}.main-nav a{display:block;padding:14px 12px;font-weight:650;font-size:14px}.main-nav a:hover{background:rgba(255,255,255,.11)}.dropdown{display:none;position:absolute;top:100%;left:0;background:white;color:var(--ink);min-width:260px;box-shadow:0 20px 40px rgba(0,0,0,.18);border-radius:0 0 16px 16px;overflow:hidden}.has-dropdown:hover .dropdown{display:block}.dropdown a{padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px}.dropdown a:hover{background:#f3f6fb}.nav-toggle{display:none}.flash-news{background:#fff8e5;border-bottom:1px solid #f1dfab}.flash-wrap{display:flex;gap:14px;align-items:center;padding-top:10px;padding-bottom:10px}.flash-wrap strong{background:var(--gold);color:white;border-radius:999px;padding:4px 12px}.ticker{overflow:hidden;white-space:nowrap;color:#6b4d00}.hero{background:radial-gradient(circle at top right,#1d4ed833,transparent 35%),linear-gradient(135deg,var(--navy),#0b2d57);color:white;padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}.hero h1{font-size:46px;line-height:1.05;margin:10px 0 15px}.hero p{font-size:18px;color:#dbeafe}.section-kicker{text-transform:uppercase;color:var(--gold);font-weight:900;font-size:13px;letter-spacing:1.6px}.btn{display:inline-block;background:var(--gold);color:white;border:none;border-radius:999px;padding:12px 20px;font-weight:800;margin:6px 8px 6px 0;cursor:pointer}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.4);color:inherit}.hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:24px;backdrop-filter:blur(12px)}.photo-placeholder{height:220px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:24px}.intro,.two-col,.news-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start;padding-top:55px;padding-bottom:55px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div,.highlight-box,.card,.service-group,.contact-form,.admin-card{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(8,27,51,.06)}.stats b{display:block;font-size:34px;color:var(--blue)}.stats span,.muted{color:var(--muted)}.about-visual{background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:0 18px 45px rgba(8,27,51,.10);overflow:hidden}.about-visual img{display:block;width:100%;height:auto;border-radius:22px}.cards-section{padding:40px 20px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(8,27,51,.12)}.card h3{color:var(--navy);margin-top:0}.small{grid-template-columns:repeat(3,1fr)}.all-services{background:white;padding:48px 0;border-top:1px solid var(--line)}.service-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-group h3{margin-top:0;color:var(--blue)}.service-group a{display:block;padding:5px 0;color:#334155}.service-page{padding-top:50px;padding-bottom:50px}.breadcrumb{color:var(--muted);margin-bottom:15px}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.process-flow div{background:#eef4ff;border-left:4px solid var(--blue);border-radius:18px;padding:18px}.process-flow span{display:block;color:var(--muted);font-size:13px}.cta-strip{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:white;border-radius:24px;padding:24px;margin-top:30px}.blog-preview,.blog-list{display:grid;gap:12px}.blog-item{background:white;border:1px solid var(--line);border-radius:18px;padding:18px}.contact-form input,.contact-form select,.contact-form textarea,.admin-card input,.admin-card textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:8px 0;font:inherit}.contact-form textarea,.admin-card textarea{min-height:140px}.site-footer{background:var(--navy);color:white;margin-top:0;padding-top:45px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px}.site-footer a{color:#f4d58d}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:16px;margin-top:25px;color:#cbd5e1}.chatbot-button{position:fixed;right:20px;bottom:20px;background:var(--blue);color:white;border:none;border-radius:50%;width:58px;height:58px;font-size:24px;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:20}.chatbot-panel{display:none;position:fixed;right:20px;bottom:88px;width:340px;background:white;border-radius:22px;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.25);z-index:21}.chatbot-head{background:var(--navy);color:white;padding:14px 16px;font-weight:800;display:flex;justify-content:space-between}.chatbot-head button{background:transparent;border:0;color:white;font-size:20px}.chatbot-body{padding:16px;max-height:320px;overflow:auto}.chatbot-body button{display:inline-block;margin:5px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#f8fafc}.chatbot-input{display:flex;border-top:1px solid var(--line)}.chatbot-input input{flex:1;border:none;padding:13px}.chatbot-input button{border:none;background:var(--gold);color:white;padding:0 14px}.admin-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#0f3b71);padding:20px}.admin-card{max-width:680px;width:100%}.hidden{display:none!important}
@media(max-width:900px){.top-brand,.intro,.two-col,.news-panel,.hero-grid,.footer-grid{grid-template-columns:1fr;display:grid}.header-contact{text-align:left}.main-nav ul{display:none;flex-direction:column}.nav-toggle{display:block;background:var(--navy);color:white;border:0;padding:14px 20px;font-weight:800}.nav-open .main-nav ul{display:flex}.dropdown{position:static;box-shadow:none;border-radius:0}.has-dropdown:hover .dropdown{display:block}.hero h1{font-size:34px}.card-grid,.service-mega-grid,.small,.process-flow,.stats{grid-template-columns:1fr}.chatbot-panel{width:calc(100% - 40px)}}

/* MySQL admin enhancements */
.admin-shell.wide{max-width:1180px;margin:30px auto;padding:20px;display:block}
.table-wrap{overflow:auto;border:1px solid #e8edf5;border-radius:14px;margin-top:12px}
table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
th,td{padding:10px 12px;border-bottom:1px solid #edf1f7;text-align:left;vertical-align:top}
th{background:#f7f9fc;color:#10213f;font-weight:800}
.contact-form label{display:block;margin:10px 0;color:#344767;font-weight:600}
.logo-box {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

.logo-box img {
    height: 68px;
    width: auto;
    max-width: 95px;
    object-fit: contain;
    display: block;
}

.logo-text strong {
    display: block;
    font-size: 23px;
    line-height: 1.15;
    font-weight: 900;
    color: #081b33;
    letter-spacing: 0.3px;
}

.logo-text span {
    display: block;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 700;
    color: #c79a35;
}

@media (max-width: 768px) {
    .logo-box img {
        height: 52px;
        max-width: 72px;
    }

    .logo-text strong {
        font-size: 17px;
    }

    .logo-text span {
        font-size: 13px;
    }
}

/* Header logo update: firm name text removed and CAiHUB logo enlarged */
.logo-box.logo-only {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.logo-box.logo-only img {
    height: 120px;
    width: auto;
    max-width: 560px;
    object-fit: contain;
    display: block;
}
.brand-block {
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .logo-box.logo-only img {
        height: 82px;
        max-width: 320px;
    }
}


/* CAiHUB Projects, Customer Login & Paid Report Access */
.projects-nav-btn{background:linear-gradient(135deg,#f7b733,#ffcf5c)!important;color:#071b33!important;border-radius:999px;margin:7px 0;padding:7px 14px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(247,183,51,.32);white-space:nowrap}.projects-nav-btn:hover{background:linear-gradient(135deg,#ffcf5c,#f7b733)!important;color:#071b33!important;transform:translateY(-1px)}
.project-hero{background:radial-gradient(circle at top right,#f7b73344,transparent 32%),linear-gradient(135deg,#071b33,#0f3b71);color:#fff;padding:56px 0}.project-hero h1{font-size:42px;line-height:1.08;margin:10px 0}.project-hero p{color:#dbeafe;font-size:18px}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.project-panel,.customer-card,.download-card,.report-box{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(8,27,51,.08)}.project-panel h2,.customer-card h2,.download-card h3{margin-top:0;color:#081b33}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.feature-list div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.price-box{background:linear-gradient(135deg,#fff8e5,#eef4ff);border:1px solid #f3d794;border-radius:18px;padding:18px;margin:16px 0}.price-box b{font-size:28px;color:#0d47a1}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:900}.status-paid{background:#dcfce7;color:#166534}.status-unpaid{background:#fef3c7;color:#92400e}.status-pending{background:#dbeafe;color:#1e40af}.customer-form label{display:block;font-weight:800;color:#344767;margin:12px 0 6px}.customer-form input,.customer-form textarea,.customer-form select{width:100%;padding:12px 14px;border:1px solid #d7dfec;border-radius:12px;font:inherit;background:#fff}.customer-form input:focus,.customer-form textarea:focus,.customer-form select:focus{outline:3px solid rgba(247,183,51,.24);border-color:#f7b733}.customer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.project-btn{display:inline-block;border:0;border-radius:999px;padding:12px 20px;background:linear-gradient(135deg,#0d47a1,#071b33);color:#fff;font-weight:900;cursor:pointer}.project-btn.gold{background:linear-gradient(135deg,#f7b733,#ffcf5c);color:#071b33}.project-btn.green{background:linear-gradient(135deg,#10b981,#34d399);color:#062515}.project-btn.ghost{background:#fff;color:#0d47a1;border:1px solid #d7dfec}.downloads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.download-card p{color:#64748b}.locked-overlay{border:1px dashed #f7b733;background:#fff8e5;border-radius:18px;padding:20px;margin:18px 0}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.report-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.report-output{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:26px;margin-top:22px}.report-output table{width:100%;border-collapse:collapse;margin:12px 0}.report-output th,.report-output td{border:1px solid #dfe7f2;padding:8px;text-align:left}.report-output th{background:#eef4ff}.mini-note{font-size:13px;color:#64748b}.payment-box{background:#f8fafc;border:1px solid #d7dfec;border-radius:18px;padding:18px}.access-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#eef4ff;border:1px solid #d7dfec;border-radius:18px;padding:16px;margin:16px 0}@media(max-width:900px){.project-grid,.profile-grid,.downloads-grid,.report-form-grid,.feature-list{grid-template-columns:1fr}.project-hero h1{font-size:32px}.access-banner{display:block}.projects-nav-btn{display:inline-block;margin:8px 12px}}


/* =========================================================
   CAiHUB Integrated UX Upgrade: Premium UI, Customer System, Chatbot
   ========================================================= */
:root{
  --caihub-navy:#061a33;
  --caihub-blue:#0f5fb8;
  --caihub-deep:#08264a;
  --caihub-gold:#d7a028;
  --caihub-gold-soft:#fff4d6;
  --caihub-ink:#0b1f3a;
  --caihub-muted:#5c6b80;
  --caihub-border:#dce6f4;
  --caihub-bg:#f5f8fc;
  --caihub-success:#0ea66b;
  --caihub-radius:18px;
  --caihub-shadow:0 18px 45px rgba(6,26,51,.12);
}
body{background:linear-gradient(180deg,#f6f9fd 0%,#ffffff 42%,#f8fafc 100%);color:var(--caihub-ink);}
a{transition:.18s ease;}
.container{max-width:1220px;}
.site-header{box-shadow:0 8px 30px rgba(6,26,51,.08);background:#fff;}
.top-brand{padding-top:14px;padding-bottom:12px;}
.logo-box img{max-height:82px;object-fit:contain;}
.header-contact{gap:8px;}
.contact-pill{border:1px solid var(--caihub-border);background:#fff;color:var(--caihub-deep);box-shadow:0 8px 18px rgba(6,26,51,.06);font-weight:800;}
.contact-pill:hover{background:var(--caihub-deep);color:#fff;transform:translateY(-1px);}
.contact-pill.whatsapp{background:#e8fff4;border-color:#a7f3d0;color:#047857;}
.address{color:var(--caihub-muted);font-weight:700;}
.main-nav{background:linear-gradient(135deg,var(--caihub-navy),var(--caihub-deep));border-top:1px solid rgba(255,255,255,.06);}
.main-nav ul{gap:3px;align-items:center;}
.main-nav a{font-weight:800;letter-spacing:.01em;border-radius:999px;margin:6px 1px;padding:11px 13px;color:#eff6ff;}
.main-nav a:hover{background:rgba(255,255,255,.12);color:#fff;}
.main-nav .dropdown{border:1px solid rgba(15,95,184,.16);border-radius:18px;box-shadow:0 24px 60px rgba(6,26,51,.18);padding:10px;background:#fff;min-width:290px;}
.main-nav .dropdown a{border-radius:12px;color:#092a50;margin:2px 0;padding:10px 12px;font-weight:750;line-height:1.25;}
.main-nav .dropdown a:hover{background:#eef5ff;color:var(--caihub-blue);padding-left:16px;}
.projects-nav-btn{background:linear-gradient(135deg,#f7b733,#ffcf5c)!important;color:#071b33!important;box-shadow:0 10px 22px rgba(247,183,51,.35);border:1px solid rgba(255,255,255,.24);}
.projects-nav-btn:hover{filter:brightness(1.02);transform:translateY(-1px);}
.hero{background:radial-gradient(circle at 12% 20%,rgba(247,183,51,.20),transparent 30%),linear-gradient(135deg,#071b33 0%,#0c3565 58%,#0f5fb8 100%);color:#fff;padding:70px 0;}
.hero h1{color:#fff;font-size:clamp(34px,4.6vw,62px);letter-spacing:-.04em;line-height:1.02;}
.hero p{color:#e2edf9;font-size:18px;max-width:760px;}
.section-kicker{color:#d7a028;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.hero-card,.card,.blog-item,.service-card,.contact-form,.admin-card{border-radius:var(--caihub-radius);box-shadow:var(--caihub-shadow);border:1px solid var(--caihub-border);}
.btn,.button,.hero-actions a{border-radius:999px;font-weight:900;box-shadow:0 12px 26px rgba(15,95,184,.18);}
.btn{background:linear-gradient(135deg,#f7b733,#ffcf5c);color:#071b33;}
.btn.secondary{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.35);color:#fff;}
.flash-news{border-bottom:1px solid var(--caihub-border);background:#fff9e9;}
.flash-wrap strong{background:var(--caihub-deep);color:#fff;border-radius:999px;padding:8px 14px;}
.ticker{color:#0b1f3a;font-weight:800;}
input,select,textarea{border-radius:12px!important;border:1px solid #cbd8ea!important;}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,95,184,.16);border-color:var(--caihub-blue)!important;}
.section-card{background:#fff;border:1px solid var(--caihub-border);border-radius:22px;box-shadow:var(--caihub-shadow);padding:26px;}
.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px auto;}
.feature-strip .mini-card{background:#fff;border:1px solid var(--caihub-border);border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(6,26,51,.08);}
.mini-card strong{display:block;color:var(--caihub-deep);font-size:18px;margin-bottom:5px;}
.mini-card span{color:var(--caihub-muted);font-size:14px;line-height:1.45;}
.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;}
.status-paid{background:#dcfce7;color:#166534;border:1px solid #86efac;}
.status-pending{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;}
.status-unpaid{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}

/* Floating chatbot */
.cai-chat-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:Inter,Arial,sans-serif;}
.cai-chat-toggle{width:64px;height:64px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--caihub-blue),#073b76);color:#fff;font-size:27px;box-shadow:0 18px 35px rgba(15,95,184,.36);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.cai-chat-panel{display:none;width:min(380px,calc(100vw - 28px));height:540px;background:#fff;border:1px solid var(--caihub-border);border-radius:22px;box-shadow:0 26px 70px rgba(6,26,51,.28);overflow:hidden;margin-bottom:12px;}
.cai-chat-panel.open{display:flex;flex-direction:column;}
.cai-chat-head{background:linear-gradient(135deg,var(--caihub-navy),var(--caihub-blue));color:#fff;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;}
.cai-chat-head strong{display:block;font-size:16px;}
.cai-chat-head span{display:block;color:#dbeafe;font-size:12px;margin-top:2px;}
.cai-chat-close{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:10px;padding:6px 9px;cursor:pointer;}
.cai-chat-body{flex:1;padding:14px;overflow:auto;background:linear-gradient(180deg,#f8fbff,#fff);}
.cai-msg{padding:10px 12px;border-radius:14px;margin:8px 0;line-height:1.45;font-size:14px;max-width:90%;}
.cai-msg.bot{background:#eef5ff;color:#08264a;border:1px solid #d7e7ff;border-bottom-left-radius:4px;}
.cai-msg.user{background:#08264a;color:#fff;margin-left:auto;border-bottom-right-radius:4px;}
.cai-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--caihub-border);background:#fff;}
.cai-chat-form input{flex:1;padding:12px 13px;border-radius:14px!important;}
.cai-chat-form button{border:0;border-radius:14px;background:linear-gradient(135deg,#f7b733,#ffcf5c);color:#071b33;font-weight:900;padding:0 15px;cursor:pointer;}
.cai-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.cai-quick button{border:1px solid #d5e4f5;background:#fff;color:#08264a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer;}
.cai-quick button:hover{background:#eef5ff;color:var(--caihub-blue);}

/* Customer/admin data tables */
.data-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0;background:#f8fbff;border:1px solid var(--caihub-border);border-radius:16px;padding:14px;}
.data-toolbar input,.data-toolbar select{min-height:42px;padding:9px 12px;}
.data-toolbar button,.admin-action-btn{border:0;border-radius:12px;background:linear-gradient(135deg,var(--caihub-blue),#073b76);color:#fff;font-weight:900;padding:11px 15px;cursor:pointer;}
.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;}
.admin-tabs a{background:#fff;color:#08264a;text-decoration:none;border:1px solid #cbd8ea;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 8px 18px rgba(6,26,51,.06);}
.admin-tabs a:hover{background:#08264a;color:#fff;}
@media(max-width:860px){.feature-strip{grid-template-columns:1fr 1fr}.cai-chat-widget{right:14px;bottom:14px}.main-nav a{border-radius:12px}.logo-box img{max-height:64px}}
@media(max-width:560px){.feature-strip{grid-template-columns:1fr}.cai-chat-panel{height:calc(100vh - 110px)}.hero{padding:48px 0}.top-brand{align-items:flex-start}.header-contact{justify-content:flex-start}}

/* Customer Login CTA - top navigation */
.customer-login-nav-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#ffffff!important;border-radius:999px;margin:7px 0;padding:7px 15px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(37,99,235,.28);white-space:nowrap;border:1px solid rgba(255,255,255,.22)}
.customer-login-nav-btn:hover{background:linear-gradient(135deg,#2563eb,#0f172a)!important;color:#ffffff!important;transform:translateY(-1px)}
.ux-brief-wrap{background:#f5f7fb;color:#172033}.ux-hero{background:radial-gradient(circle at 12% 18%,rgba(14,165,233,.24),transparent 31%),radial-gradient(circle at 78% 12%,rgba(247,183,51,.25),transparent 28%),linear-gradient(135deg,#071b33,#123a66 58%,#0f172a);color:#fff;padding:62px 0}.ux-hero h1{font-size:44px;line-height:1.06;margin:10px 0}.ux-hero p{font-size:18px;color:#dbeafe;max-width:820px}.ux-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.ux-tabs a{background:#fff;border:1px solid #dbe7f5;border-radius:18px;padding:18px;color:#071b33;text-decoration:none;font-weight:900;box-shadow:0 14px 30px rgba(7,27,51,.08)}.ux-section{background:#fff;border:1px solid #dbe7f5;border-radius:24px;padding:30px;margin:24px auto;box-shadow:0 16px 38px rgba(7,27,51,.07)}.ux-section h2{color:#071b33;margin-top:0}.ux-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ux-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.ux-card h3{margin-top:0;color:#0d47a1}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{border-radius:16px;padding:18px;color:#fff;min-height:96px;display:flex;align-items:end;font-weight:900}.map-table{width:100%;border-collapse:collapse}.map-table th,.map-table td{border:1px solid #dbe7f5;padding:12px;text-align:left;vertical-align:top}.map-table th{background:#eef4ff;color:#071b33}.persona-card{background:#ffffff;border:1px solid #dbe7f5;border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(7,27,51,.06)}.persona-card h3{color:#071b33}.gap-tag{display:inline-block;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}.ok-tag{display:inline-block;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}@media(max-width:900px){.customer-login-nav-btn{display:inline-block;margin:8px 12px}.ux-tabs,.ux-grid,.palette{grid-template-columns:1fr}.ux-hero h1{font-size:32px}.ux-section{padding:20px}.map-table{font-size:14px}}

/* =========================================================
   RESPONSIVE WIDTH + WRAPPED PROJECT CTA FIX
   Added for: Make Report button, full-screen fit,
   mobile and tablet-friendly layout.
   ========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
img, video, iframe, table {
  max-width: 100%;
}
.container,
.main-nav ul,
.top-brand,
.hero-grid,
.intro,
.two-col,
.news-panel,
.card-grid,
.service-mega-grid,
.footer-grid,
.feature-strip,
.ux-tabs,
.ux-grid,
.palette {
  max-width: min(1220px, 100%);
}
.site-header,
.main-nav,
.hero,
.flash-news,
.site-footer,
main,
section {
  width: 100%;
}
.main-nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
}
.main-nav li {
  flex: 0 1 auto;
}
.projects-nav-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.18 !important;
  min-height: 46px;
  max-width: 180px;
  padding: 8px 14px !important;
  border-radius: 18px !important;
}
.customer-login-nav-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
}
@media (max-width: 1180px) {
  .main-nav ul {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .main-nav a {
    flex-shrink: 0;
  }
  .projects-nav-btn {
    max-width: 165px;
    min-width: 150px;
  }
}
@media (max-width: 900px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .top-brand {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
    padding-left: 16px;
    padding-right: 16px;
  }
  .header-contact {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .address {
    flex: 1 0 100%;
    margin-left: 0;
  }
  .nav-toggle {
    display: block !important;
    width: calc(100% - 32px);
    margin: 10px 16px;
    padding: 12px 16px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    background: rgba(255,255,255,.10);
    color: #fff;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
  }
  .main-nav ul {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: visible;
    align-items: stretch;
    padding: 0 16px 14px;
    max-width: 100%;
  }
  body.nav-open .main-nav ul {
    display: flex;
  }
  .main-nav li,
  .main-nav a,
  .projects-nav-btn,
  .customer-login-nav-btn {
    width: 100% !important;
    max-width: 100% !important;
  }
  .main-nav a {
    margin: 3px 0;
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }
  .projects-nav-btn {
    min-height: 54px;
    font-size: 15px !important;
  }
  .dropdown {
    position: static !important;
    display: none;
    width: 100%;
    min-width: 0 !important;
    box-shadow: none !important;
    border-radius: 14px !important;
    margin: 4px 0 8px;
  }
  .has-dropdown:hover .dropdown,
  .has-dropdown:focus-within .dropdown {
    display: block;
  }
  .hero-grid,
  .intro,
  .two-col,
  .news-panel,
  .footer-grid,
  .card-grid,
  .service-mega-grid,
  .process-flow,
  .small {
    grid-template-columns: 1fr !important;
  }
  .hero h1 {
    font-size: clamp(30px, 8vw, 42px);
  }
  .hero p {
    font-size: 16px;
  }
  .cta-strip {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 560px) {
  .container {
    padding-left: 14px;
    padding-right: 14px;
  }
  .logo-box img {
    max-width: 210px;
    height: auto;
  }
  .contact-pill {
    font-size: 12px;
    padding: 6px 8px;
  }
  .hero {
    padding: 42px 0;
  }
  .hero-card,
  .card,
  .blog-item,
  .service-group,
  .contact-form,
  .admin-card,
  .section-card,
  .ux-section {
    border-radius: 16px;
    padding: 18px;
  }
  .btn {
    width: 100%;
    text-align: center;
    margin-right: 0;
  }
  .chatbot-panel,
  .cai-chat-panel {
    width: calc(100vw - 24px) !important;
    right: 12px !important;
    left: 12px !important;
  }
  .chatbot-button,
  .cai-chat-widget {
    transform: scale(.92);
    transform-origin: bottom right;
  }
}

/* =========================================================
   VISITOR ENGAGEMENT CHATBOT ANIMATION UPGRADE
   Purpose: attract attention to query submission without being disruptive.
   ========================================================= */
.chatbot-button,
.chatbot-panel{display:none!important;} /* legacy static chatbot hidden; modern injected widget is used */

.cai-chat-widget{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:99999!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
}
.cai-chat-toggle{
  position:relative!important;
  width:68px!important;
  height:68px!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#0d47a1,#0ea5e9)!important;
  color:#fff!important;
  font-size:29px!important;
  box-shadow:0 18px 42px rgba(14,165,233,.45),0 0 0 0 rgba(247,183,51,.42)!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  animation:caiPulse 1.65s ease-in-out infinite, caiFloat 2.6s ease-in-out infinite!important;
}
.cai-chat-widget:hover .cai-chat-toggle,
.cai-chat-widget:focus-within .cai-chat-toggle{
  animation:caiPulseStrong 1.05s ease-in-out infinite, caiFloatStrong 1.55s ease-in-out infinite!important;
  transform:translateY(-4px) scale(1.05)!important;
}
.cai-chat-widget.is-engaged .cai-chat-toggle{
  animation:caiSoftGlow 3s ease-in-out infinite!important;
}
.cai-chat-dot{
  position:absolute;
  top:8px;
  right:9px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#22c55e;
  border:2px solid #fff;
  box-shadow:0 0 0 rgba(34,197,94,.7);
  animation:caiBlink 1.05s infinite;
}
.cai-chat-nudge{
  position:absolute;
  right:0;
  bottom:82px;
  width:max-content;
  max-width:250px;
  padding:11px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff7ed,#ffffff);
  border:1px solid #fed7aa;
  color:#7c2d12;
  font-size:13px;
  font-weight:900;
  box-shadow:0 14px 30px rgba(7,27,51,.16);
  cursor:pointer;
  animation:caiNudge 2.2s ease-in-out infinite;
}
.cai-chat-nudge span{display:inline-block;margin-left:5px;animation:caiArrow 1s ease-in-out infinite;}
.cai-chat-widget:hover .cai-chat-nudge,
.cai-chat-widget:focus-within .cai-chat-nudge{
  background:linear-gradient(135deg,#fef3c7,#ffffff);
  border-color:#f7b733;
  transform:translateY(-3px);
}
.cai-chat-widget.is-engaged .cai-chat-nudge{display:none!important;}
.cai-chat-panel.open + .cai-chat-nudge{display:none!important;}
.cai-chat-panel{
  width:min(420px,calc(100vw - 28px))!important;
  height:min(590px,calc(100vh - 120px))!important;
  border-radius:24px!important;
  box-shadow:0 30px 80px rgba(6,26,51,.32)!important;
}
.cai-chat-form input:focus{
  outline:none!important;
  border-color:#0ea5e9!important;
  box-shadow:0 0 0 4px rgba(14,165,233,.18)!important;
}
.cai-chat-form button:hover,
.cai-quick button:hover{
  transform:translateY(-1px);
}
@keyframes caiPulse{
  0%,100%{box-shadow:0 18px 42px rgba(14,165,233,.38),0 0 0 0 rgba(247,183,51,.45);}
  50%{box-shadow:0 18px 42px rgba(14,165,233,.50),0 0 0 16px rgba(247,183,51,0);}
}
@keyframes caiPulseStrong{
  0%,100%{box-shadow:0 20px 44px rgba(14,165,233,.48),0 0 0 0 rgba(247,183,51,.58);}
  50%{box-shadow:0 24px 54px rgba(14,165,233,.62),0 0 0 20px rgba(247,183,51,0);}
}
@keyframes caiFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
@keyframes caiFloatStrong{0%,100%{transform:translateY(0) scale(1.04);}50%{transform:translateY(-10px) scale(1.08);}}
@keyframes caiBlink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.7);}50%{opacity:.55;box-shadow:0 0 0 8px rgba(34,197,94,0);}}
@keyframes caiNudge{0%,100%{transform:translateY(0);opacity:.96;}50%{transform:translateY(-8px);opacity:1;}}
@keyframes caiArrow{0%,100%{transform:translateY(0);}50%{transform:translateY(5px);}}
@keyframes caiSoftGlow{0%,100%{box-shadow:0 14px 34px rgba(14,165,233,.28);}50%{box-shadow:0 18px 44px rgba(14,165,233,.42);}}
@media(max-width:768px){
  .cai-chat-widget{right:14px!important;bottom:14px!important;}
  .cai-chat-toggle{width:62px!important;height:62px!important;font-size:27px!important;}
  .cai-chat-nudge{right:0;bottom:76px;max-width:210px;font-size:12px;padding:10px 12px;}
  .cai-chat-panel{width:calc(100vw - 24px)!important;height:min(560px,calc(100vh - 110px))!important;}
}
@media(prefers-reduced-motion:reduce){
  .cai-chat-toggle,.cai-chat-dot,.cai-chat-nudge,.cai-chat-nudge span{animation:none!important;}
}


/* Home hero slideshow */
.hero-slider-card{padding:18px;}
.hero-slider{position:relative;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.08);aspect-ratio:4/3;min-height:280px;}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;}
.hero-slide.active{opacity:1;z-index:1;}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-slide-caption{position:absolute;left:16px;right:16px;bottom:16px;background:linear-gradient(180deg,rgba(7,27,51,.12),rgba(7,27,51,.78));color:#fff;padding:14px 16px;border-radius:16px;font-weight:700;font-size:14px;line-height:1.45;backdrop-filter:blur(4px);}
.hero-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(7,27,51,.45);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.hero-slider-arrow:hover{background:rgba(7,27,51,.7);}
.hero-slider-arrow.prev{left:12px;}
.hero-slider-arrow.next{right:12px;}
.hero-slider-dots{display:flex;justify-content:center;gap:8px;margin:14px 0 8px;}
.hero-slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;}
.hero-slider-dots button.active{background:#f7b733;box-shadow:0 0 0 3px rgba(247,183,51,.22);}
.hero-points{margin:10px 0 0;padding-left:18px;color:#e2edf9;}
.hero-points li{margin:6px 0;}
@media(max-width:900px){.hero-slider{aspect-ratio:16/10;min-height:220px;}.hero-slide-caption{font-size:13px;padding:12px 14px;}.hero-slider-arrow{width:38px;height:38px;font-size:24px;}}


/* Full-width home slider enhancement */
.hero-grid-full{grid-template-columns:1fr;gap:24px;}
.hero-content-block{max-width:900px;}
.hero-slider-card-full{width:100%;padding:20px 20px 16px;}
.hero-slider-full{width:100%;aspect-ratio:16/7;min-height:360px;max-height:620px;}
.hero-points-inline{display:flex;flex-wrap:wrap;gap:16px 30px;list-style:none;padding-left:0;margin:10px 0 0;}
.hero-points-inline li{position:relative;padding-left:18px;margin:0;}
.hero-points-inline li::before{content:"•";position:absolute;left:0;top:0;color:#f7b733;font-weight:900;}
@media(max-width:900px){.hero-content-block{max-width:100%;}.hero-slider-full{aspect-ratio:16/10;min-height:240px;}.hero-points-inline{gap:10px 18px;}}
@media(max-width:560px){.hero-slider-card-full{padding:14px 14px 12px;}.hero-slider-full{aspect-ratio:4/3;min-height:220px;}.hero-points-inline{display:block;}.hero-points-inline li{margin:6px 0;}}

/* Footer Google Map */
.footer-map{margin-top:12px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 32px rgba(0,0,0,.18);background:#0b2d57;}
.footer-map iframe{display:block;width:100%;height:190px;border:0;filter:saturate(1.05) contrast(1.02);}
@media(max-width:900px){.footer-map iframe{height:220px;}}


/* Compact recategorised main menu */
.main-nav a{font-size:13px;padding:12px 9px;white-space:nowrap;}
.main-nav .dropdown a{white-space:normal;}
.projects-nav-btn{max-width:130px!important;min-height:40px!important;border-radius:999px!important;padding:7px 12px!important;}
.customer-login-nav-btn{min-height:38px!important;padding:7px 14px!important;}
@media (min-width:1181px){.main-nav ul{justify-content:center;gap:2px;}.main-nav li{flex:0 0 auto;}}
@media (max-width:1180px){.main-nav ul{overflow-x:visible!important;flex-wrap:wrap!important;justify-content:center!important;}.main-nav a{white-space:normal;}}

/* Blog/news image formatting from admin editor */
.blog-full-content{font-size:17px;line-height:1.75;color:#1f2937;overflow:hidden;}
.blog-full-content h1,.blog-full-content h2,.blog-full-content h3,.blog-full-content h4{color:#071b33;line-height:1.25;margin:24px 0 12px;}
.blog-full-content p{margin:0 0 14px;}
.blog-full-content a{color:#0f5fb8;text-decoration:underline;font-weight:700;}
.blog-full-content table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff;border-radius:14px;overflow:hidden;}
.blog-full-content th,.blog-full-content td{border:1px solid #cbd5e1;padding:10px;text-align:left;vertical-align:top;}
.blog-full-content th{background:#eef4ff;color:#071b33;}
.blog-full-content img.blog-img{display:block;max-width:100%;height:auto;border-radius:18px;margin:16px auto;box-shadow:0 14px 32px rgba(8,27,51,.13);}
.blog-full-content img.img-left{float:left;margin:8px 24px 16px 0;}
.blog-full-content img.img-right{float:right;margin:8px 0 16px 24px;}
.blog-full-content img.img-center{float:none;margin-left:auto;margin-right:auto;}
.blog-full-content img.img-size-small{width:28%;}
.blog-full-content img.img-size-medium{width:48%;}
.blog-full-content img.img-size-large{width:72%;}
.blog-full-content img.img-size-full{width:100%;}
.blog-full-content figure.blog-figure{margin:20px auto;text-align:center;clear:both;}
.blog-full-content figure.blog-figure figcaption{font-size:13px;color:#64748b;margin-top:7px;font-style:italic;}
.blog-full-content figure.figure-left{float:left;width:42%;margin:8px 24px 16px 0;}
.blog-full-content figure.figure-right{float:right;width:42%;margin:8px 0 16px 24px;}
.blog-full-content figure.figure-center{float:none;margin-left:auto;margin-right:auto;}
.blog-full-content figure.figure-full{width:100%;}
.blog-full-content::after{content:"";display:block;clear:both;}
@media(max-width:700px){.blog-full-content img.img-left,.blog-full-content img.img-right,.blog-full-content figure.figure-left,.blog-full-content figure.figure-right{float:none;width:100%;margin:16px auto;}.blog-full-content img.img-size-small,.blog-full-content img.img-size-medium,.blog-full-content img.img-size-large{width:100%;}}

/* Colorful hover-blink cards for Home: How We Help section */
.cards-section .card-grid .card{
  position:relative;
  overflow:hidden;
  min-height:185px;
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 16px 38px rgba(8,27,51,.10);
  transition:transform .3s ease, box-shadow .3s ease, filter .3s ease, border-color .3s ease;
  isolation:isolate;
}
.cards-section .card-grid .card::before{
  content:"";
  position:absolute;
  inset:-35% -55%;
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.72) 50%, transparent 65%);
  transform:translateX(-110%);
  opacity:0;
  transition:transform .75s ease, opacity .25s ease;
  z-index:-1;
}
.cards-section .card-grid .card:nth-child(1){background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(2){background:linear-gradient(135deg,#ffedd5 0%,#fff7ed 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(3){background:linear-gradient(135deg,#dcfce7 0%,#f0fdf4 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(4){background:linear-gradient(135deg,#e0e7ff 0%,#eef2ff 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(5){background:linear-gradient(135deg,#fef3c7 0%,#fffbeb 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(6){background:linear-gradient(135deg,#ccfbf1 0%,#f0fdfa 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(7){background:linear-gradient(135deg,#f3e8ff 0%,#faf5ff 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(8){background:linear-gradient(135deg,#d1fae5 0%,#ecfdf5 48%,#ffffff 100%);}
.cards-section .card-grid .card:nth-child(9){background:linear-gradient(135deg,#fee2e2 0%,#fff1f2 48%,#ffffff 100%);}
.cards-section .card-grid .card h3{color:#071b33;}
.cards-section .card-grid .card p{color:#14213d;}
.cards-section .card-grid .card:hover{
  transform:translateY(-8px) scale(1.025);
  box-shadow:0 22px 55px rgba(13,71,161,.22),0 0 0 4px rgba(247,183,51,.20);
  animation:caihub-card-blink .85s ease-in-out infinite alternate;
  border-color:rgba(247,183,51,.55);
}
.cards-section .card-grid .card:hover::before{
  opacity:1;
  transform:translateX(110%);
}
@keyframes caihub-card-blink{
  0%{filter:brightness(1);}
  100%{filter:brightness(1.13) saturate(1.08);}
}
@media (prefers-reduced-motion: reduce){
  .cards-section .card-grid .card:hover{animation:none;}
  .cards-section .card-grid .card::before{display:none;}
}


/* Enhanced footer: service list, useful statutory links and contact map */
.enhanced-footer{background:linear-gradient(135deg,#061b33,#0b2d57);padding-top:42px;}
.footer-grid-enhanced{display:grid;grid-template-columns:1.55fr .75fr 1.15fr;gap:30px;align-items:start;}
.enhanced-footer h4{margin:0 0 14px;color:#ffffff;font-size:18px;letter-spacing:.2px;}
.footer-services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;}
.footer-services-list a,.footer-quick-links a{display:block;color:#f4d58d;padding:3px 0;font-size:14px;line-height:1.35;}
.footer-services-list a:hover,.footer-quick-links a:hover{text-decoration:underline;color:#ffffff;}
.footer-quick-links hr{border:0;border-top:1px solid rgba(255,255,255,.16);margin:12px 0;}
.footer-contact-line{margin:8px 0;color:#e5edf8;font-size:14px;}
.footer-contact-line a{color:#f4d58d;}
.footer-contact-map .footer-map{margin-top:14px;}
.footer-contact-map .footer-map iframe{height:220px;}
@media(max-width:1000px){.footer-grid-enhanced{grid-template-columns:1fr;}.footer-services-list{grid-template-columns:repeat(2,minmax(0,1fr));}.footer-contact-map .footer-map iframe{height:240px;}}
@media(max-width:560px){.footer-services-list{grid-template-columns:1fr;}.footer-services-list a,.footer-quick-links a{font-size:13.5px;}.footer-grid-enhanced{gap:24px;}}


/* About page hero slider enhancement */
.about-slider-card{padding:18px;background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.05));}
.about-hero-slider{min-height:420px;aspect-ratio:4/3;box-shadow:0 16px 50px rgba(0,0,0,.18);}
.about-hero-slider .hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(8,27,51,.02) 0%, rgba(8,27,51,.16) 50%, rgba(8,27,51,.5) 100%);}
.about-hero-slider .hero-slide img{transform:scale(1);transition:transform 6s ease, opacity .6s ease;}
.about-hero-slider .hero-slide.active img{transform:scale(1.045);}
.about-slider-card .hero-slider-dots{margin-top:16px;}
@media(max-width:900px){.about-hero-slider{min-height:280px;aspect-ratio:16/10;}}
@media(max-width:560px){.about-hero-slider{min-height:220px;aspect-ratio:4/3;}}


/* About page full-width shared slider */
.about-slider-card-full{padding:20px 20px 16px;}
.about-hero-slider.hero-slider-full{aspect-ratio:16/7;min-height:360px;max-height:620px;}
@media(max-width:900px){.about-hero-slider.hero-slider-full{aspect-ratio:16/10;min-height:240px;}}
@media(max-width:560px){.about-slider-card-full{padding:14px 14px 12px;}.about-hero-slider.hero-slider-full{aspect-ratio:4/3;min-height:220px;}}


/* CAiHUB logo-matched blue/green theme */
:root{
  --cai-navy:#06365f;
  --cai-deep:#041d35;
  --cai-blue:#129ce3;
  --cai-green:#60c51d;
  --cai-green-dark:#2f9d18;
  --cai-sky:#eaf7ff;
  --cai-soft-green:#f1fbec;
  --cai-white:#ffffff;
  --cai-text:#06284a;
}

body{
  background:linear-gradient(180deg,#ffffff 0%,#f4fbff 45%,#f3fbef 100%) !important;
  color:var(--cai-text) !important;
}
a{color:var(--cai-navy);}
a:hover{color:var(--cai-green-dark);}

.site-header{
  background:#fff !important;
  border-top:5px solid var(--cai-navy);
  box-shadow:0 12px 34px rgba(6,54,95,.10);
}
.top-brand{background:linear-gradient(90deg,#ffffff 0%,#f7fcff 55%,#f3fbef 100%);}
.logo-box{border-color:rgba(18,156,227,.22)!important;box-shadow:0 10px 30px rgba(6,54,95,.10)!important;}
.contact-pill{
  border-color:rgba(18,156,227,.25)!important;
  color:var(--cai-navy)!important;
  background:linear-gradient(135deg,#ffffff,#eff9ff)!important;
}
.contact-pill.whatsapp,
.socials a{background:linear-gradient(135deg,var(--cai-navy),var(--cai-blue))!important;color:#fff!important;}

.main-nav{
  background:linear-gradient(90deg,var(--cai-deep),var(--cai-navy) 52%,#0b5f95)!important;
  box-shadow:0 12px 28px rgba(4,29,53,.18);
}
.main-nav a{color:#fff!important;}
.main-nav a:hover,
.main-nav .projects-nav-btn,
.main-nav .customer-login-nav-btn{
  background:linear-gradient(135deg,var(--cai-green),var(--cai-green-dark))!important;
  color:#fff!important;
}
.dropdown{
  background:#fff!important;
  border:1px solid rgba(18,156,227,.18)!important;
  box-shadow:0 20px 45px rgba(6,54,95,.18)!important;
}
.dropdown a{color:var(--cai-navy)!important;}
.dropdown a:hover{
  background:linear-gradient(90deg,#eff9ff,#f2fbef)!important;
  color:var(--cai-green-dark)!important;
}

.flash-news{
  background:linear-gradient(90deg,#eaf7ff,#f4fbef)!important;
  border-top:1px solid rgba(18,156,227,.15);
  border-bottom:1px solid rgba(96,197,29,.18);
}
.flash-news strong{
  background:linear-gradient(135deg,var(--cai-blue),var(--cai-green))!important;
  color:#fff!important;
}

.hero{
  background:
    radial-gradient(circle at 85% 18%,rgba(96,197,29,.20),transparent 28%),
    radial-gradient(circle at 14% 25%,rgba(18,156,227,.20),transparent 28%),
    linear-gradient(135deg,var(--cai-deep),var(--cai-navy) 60%,#0a5f95)!important;
}
.hero h1,.hero p{color:#fff!important;}
.section-kicker{
  color:var(--cai-green)!important;
  letter-spacing:.10em;
}
.hero .section-kicker{color:#80df44!important;}
.btn{
  background:linear-gradient(135deg,var(--cai-green),var(--cai-green-dark))!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(47,157,24,.25)!important;
  border:0!important;
}
.btn:hover{filter:brightness(1.05);transform:translateY(-2px);}
.btn.secondary{
  background:linear-gradient(135deg,var(--cai-blue),var(--cai-navy))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
.hero-slider-card,
.about-slider-card,
.hero-card{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06))!important;
  border:1px solid rgba(255,255,255,.25)!important;
}
.hero-slide-caption{
  background:linear-gradient(135deg,rgba(4,29,53,.88),rgba(6,54,95,.72),rgba(47,157,24,.72))!important;
  color:#fff!important;
}
.hero-slider-dots button.active{
  background:linear-gradient(135deg,var(--cai-green),var(--cai-blue))!important;
  box-shadow:0 0 0 3px rgba(96,197,29,.22)!important;
}

h1,h2,h3,h4,.intro h2,.all-services h2{color:var(--cai-navy)!important;}
.card,.blog-item,.highlight-box,.service-group,.service-card,.feature-card,.form-card,.auth-card,.project-card{
  border-color:rgba(18,156,227,.16)!important;
  box-shadow:0 16px 38px rgba(6,54,95,.08)!important;
}
.card:hover,.service-card:hover,.service-group:hover,.blog-item:hover{
  border-color:rgba(96,197,29,.34)!important;
  box-shadow:0 22px 46px rgba(6,54,95,.14)!important;
}
.service-group h3 a,.footer-services a:hover,.footer-quick-links a:hover{
  color:var(--cai-green)!important;
}
.all-services,.intro,.two-col{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,252,255,.96))!important;
}

.enhanced-footer,.site-footer{
  background:linear-gradient(135deg,var(--cai-deep),var(--cai-navy) 58%,#0a5f95)!important;
  border-top:5px solid var(--cai-green)!important;
  color:#eaf7ff!important;
}
.site-footer h3,.site-footer h4{color:#fff!important;}
.site-footer a{color:#dff6ff!important;}
.site-footer a:hover{color:#8bea4d!important;}
.copyright{
  border-top:1px solid rgba(255,255,255,.16)!important;
  color:#d7edf8!important;
}
.footer-map iframe{border:2px solid rgba(96,197,29,.32)!important;}

.cai-chat-toggle{
  background:linear-gradient(135deg,var(--cai-blue),var(--cai-navy))!important;
  box-shadow:0 16px 36px rgba(18,156,227,.28)!important;
}
.cai-chat-dot{background:var(--cai-green)!important;}
.cai-chat-nudge{
  color:var(--cai-navy)!important;
  border-color:rgba(96,197,29,.32)!important;
  background:#ffffff!important;
}
.cai-chat-head{
  background:linear-gradient(135deg,var(--cai-navy),var(--cai-blue))!important;
}
.cai-chat-form button,.cai-quick button{
  background:linear-gradient(135deg,var(--cai-green),var(--cai-green-dark))!important;
  color:#fff!important;
}
input,textarea,select{
  border-color:rgba(18,156,227,.25)!important;
}
input:focus,textarea:focus,select:focus{
  outline:2px solid rgba(96,197,29,.22)!important;
  border-color:var(--cai-green)!important;
}

/* Soft logo-theme gradients for How We Help/service boxes */
.how-card:nth-child(1),.service-card:nth-child(1){background:linear-gradient(135deg,#ffffff,#eaf7ff)!important;}
.how-card:nth-child(2),.service-card:nth-child(2){background:linear-gradient(135deg,#ffffff,#f1fbec)!important;}
.how-card:nth-child(3),.service-card:nth-child(3){background:linear-gradient(135deg,#ffffff,#eef8ff)!important;}
.how-card:nth-child(4),.service-card:nth-child(4){background:linear-gradient(135deg,#ffffff,#f5fff0)!important;}
.how-card:nth-child(5),.service-card:nth-child(5){background:linear-gradient(135deg,#ffffff,#ecf8ff)!important;}
.how-card:nth-child(6),.service-card:nth-child(6){background:linear-gradient(135deg,#ffffff,#f2fbef)!important;}

/* Auto news/updates flash powered by api/auto-updates.php */
.flash-news{position:relative;overflow:hidden;}
.flash-wrap{gap:16px;}
.flash-wrap strong{white-space:nowrap;box-shadow:0 8px 18px rgba(0,73,117,.14);}
.ticker span{display:inline-block;min-width:100%;animation:caihubTicker 90s linear infinite;}
.ticker:hover span{animation-play-state:paused;}
@keyframes caihubTicker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.auto-update-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff,#f8fbff);}
.auto-update-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--caihub-green,#62bd22),var(--caihub-blue,#1496df));}
.update-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;color:#475569;font-size:12px;}
.update-meta span{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#eaf7ff;color:#043b63;font-weight:900;letter-spacing:.2px;}
.update-meta small{color:#64748b;text-align:right;}
.read-link{display:inline-block;margin-top:8px;color:#0b73b7;font-weight:900;}
.news-panel .blog-preview{grid-template-columns:repeat(2,minmax(0,1fr));}
.auto-update-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:18px;padding:14px 16px;color:#0f3b71;margin:14px 0 18px;font-size:14px;}
@media(max-width:900px){.news-panel .blog-preview{grid-template-columns:1fr}.ticker span{animation-duration:75s}}

/* Subscriber notification preference centre */
.subscribe-hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;}
.subscription-panel{padding:54px 0;}
.subscription-grid{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);gap:28px;align-items:start;}
.preference-card{background:#fff;border:1px solid rgba(13,71,161,.14);border-radius:24px;padding:28px;box-shadow:0 16px 45px rgba(8,27,51,.08);}
.preference-card h2,.preference-card h3{margin-top:0;color:var(--navy);}
.preference-card label{display:block;font-weight:700;color:var(--navy);margin:15px 0 8px;}
.preference-card input:not([type="checkbox"]),.preference-card select{width:100%;padding:14px 15px;border:1px solid #cbd5e1;border-radius:14px;font:inherit;background:#fff;color:var(--navy);}
.preference-card input:focus,.preference-card select:focus{outline:3px solid rgba(35,164,85,.18);border-color:#23a455;}
.form-group{margin:18px 0;}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
.check-grid.compact{grid-template-columns:repeat(2,1fr);}
.check-grid label,.consent-line{font-weight:600;background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;padding:10px 12px;margin:0;color:#172033;}
.consent-line{display:flex!important;gap:10px;align-items:flex-start;line-height:1.45;}
.check-grid input,.consent-line input{margin-right:8px;accent-color:#23a455;}
.form-note{margin-top:14px;font-weight:700;}
.form-note.success{color:#15803d;}.form-note.error{color:#b91c1c;}
.flow-list{display:grid;gap:14px;margin:20px 0;}
.flow-list div{padding:16px;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef7ff);border:1px solid #dbeafe;}
.flow-list b{display:block;color:var(--blue);margin-bottom:5px;}
.flow-list span{color:var(--muted);line-height:1.55;}
.compliance-note{border-left:4px solid #23a455;background:#f0fdf4;padding:16px;border-radius:14px;margin:20px 0;color:#14532d;line-height:1.55;}
.analytics-info{padding:12px 0 60px;}
.mini-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;}
.mini-card{border:1px solid #dbeafe;border-radius:20px;background:#fff;padding:22px;box-shadow:0 12px 35px rgba(8,27,51,.06);}
.mini-card h3{margin:0 0 8px;color:var(--blue);}.mini-card p{margin:0;color:var(--muted);line-height:1.55;}.metric-number{font-size:38px!important;color:#23a455!important;font-weight:900;}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0;}
.notification-dashboard table{width:100%;border-collapse:collapse;}.notification-dashboard td{padding:9px 8px;border-bottom:1px solid #e5e7eb;}.notification-dashboard pre{white-space:pre-wrap;max-height:340px;overflow:auto;background:#081b33;color:#e2edf9;border-radius:14px;padding:16px;}
.news-subscribe-cta{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#eaf5ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:22px;padding:22px;margin:24px 0;box-shadow:0 16px 45px rgba(8,27,51,.06);}
.news-subscribe-cta h3{margin:0 0 6px;color:var(--navy);}.news-subscribe-cta p{margin:0;color:var(--muted);}
@media(max-width:900px){.subscription-grid,.mini-card-grid,.dashboard-grid{grid-template-columns:1fr}.news-subscribe-cta{display:block}.news-subscribe-cta .btn{margin-top:14px}.check-grid{grid-template-columns:1fr}}

/* Knowledge Hub row visibility fix: keep complete strip visible and prevent clipping */
.flash-news{
  width:100% !important;
  display:block !important;
  position:relative !important;
  overflow:visible !important;
  z-index:6;
}
.flash-news .flash-wrap{
  width:100% !important;
  max-width:none !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px 20px !important;
  margin:0 auto !important;
}
.flash-news .flash-wrap strong{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1.15 !important;
  min-height:30px !important;
  white-space:nowrap !important;
}
.flash-news .ticker{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:100% !important;
  display:block !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  line-height:1.45 !important;
  padding:3px 0 !important;
}
.flash-news .ticker span{
  display:inline-block !important;
  padding-left:100% !important;
  min-width:max-content !important;
  will-change:transform;
}
@keyframes caihubTicker{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}
@media(max-width:700px){
  .flash-news .flash-wrap{
    min-height:54px !important;
    padding:9px 12px !important;
    gap:10px !important;
  }
  .flash-news .flash-wrap strong{
    padding:7px 10px !important;
    font-size:12px !important;
  }
  .flash-news .ticker{
    font-size:13px !important;
    line-height:1.5 !important;
  }
}

/* Footer visitor count */
.footer-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  text-align:left!important;
}
.footer-copy{flex:1;text-align:left;}
.visitor-count{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#ffffff;
  font-weight:800;
  white-space:nowrap;
}
#visitorCount{color:#8bea4d;letter-spacing:.4px;}
@media(max-width:700px){
  .footer-note{flex-direction:column;align-items:center;text-align:center!important;}
  .footer-copy{text-align:center;}
  .visitor-count{margin-left:0;}
}


/* Publisher / Blogger profile display */
.publisher-mini{display:flex;align-items:center;gap:12px;margin:14px 0 16px;padding:12px 14px;background:linear-gradient(135deg,#f8fbff,#fff7e6);border:1px solid #dbe7f7;border-left:4px solid #f7b733;border-radius:16px;box-shadow:0 10px 24px rgba(17,50,92,.07);}
.publisher-avatar{width:52px;height:52px;min-width:52px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#08264a,#0f5fb8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:22px;border:3px solid #fff;box-shadow:0 8px 18px rgba(17,50,92,.18);}
.publisher-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.publisher-mini strong{display:block;color:#08264a;font-size:15px;line-height:1.2;}
.publisher-mini small{display:block;color:#475569;font-weight:700;margin-top:3px;}
.publisher-mini em{display:block;color:#0f5fb8;font-style:normal;font-weight:800;font-size:13px;margin-top:2px;}
.publisher-profile-card{display:flex;align-items:center;gap:16px;margin:18px 0 24px;padding:16px 18px;background:linear-gradient(135deg,#08264a 0%,#0f5fb8 62%,#f7b733 160%);color:#fff;border-radius:20px;box-shadow:0 18px 42px rgba(17,50,92,.18);}
.publisher-profile-card .publisher-avatar{width:70px;height:70px;min-width:70px;background:#fff;color:#08264a;}
.publisher-profile-card strong{display:block;color:#fff;font-size:18px;line-height:1.25;}
.publisher-profile-card small{display:block;color:#eaf4ff;font-weight:700;margin-top:5px;}
.publisher-profile-card em{display:block;color:#ffe7a3;font-style:normal;font-weight:900;margin-top:4px;}

.publisher-contact,.profile-contact{display:block;margin-top:6px;font-weight:800;font-size:12px;line-height:1.35;letter-spacing:.1px;color:#0f5fb8;word-break:break-word;}
.publisher-profile-card .publisher-contact{color:#fff2bd;background:rgba(255,255,255,.12);display:inline-block;padding:5px 10px;border-radius:999px;margin-top:8px;}
.admin-profile-info .profile-contact,.publisher-current .profile-contact{color:#0f5fb8;background:#eef6ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 10px;margin-top:7px;display:inline-block;}
@media(max-width:640px){.publisher-profile-card,.publisher-mini{align-items:flex-start}.publisher-profile-card{padding:14px}.publisher-profile-card .publisher-avatar{width:58px;height:58px;min-width:58px}}

/* Blog rating and visitor comments */
.rating-badge{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 14px;}
.rating-badge span{display:inline-block;background:linear-gradient(135deg,#fff7db,#ffe39a);color:#805b00;border:1px solid #f7d76c;border-radius:999px;padding:5px 10px;font-weight:900;}
.rating-badge small{color:#64748b;font-weight:700;}
.blog-feedback-box{margin-top:32px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#fff7e6);border:1px solid #dbe7f7;box-shadow:0 14px 34px rgba(8,27,51,.08);}
.blog-feedback-box h2{margin:12px 0 6px;color:#071b33;}
.feedback-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fff;border:1px solid #e5edf8;border-radius:18px;margin-bottom:12px;}
.feedback-summary strong{display:block;color:#071b33;font-size:24px;line-height:1.1;}
.feedback-summary small{display:block;color:#64748b;font-weight:700;margin-top:4px;}
.rating-stars-static{display:block;color:#f7b733;font-size:22px;letter-spacing:2px;}
.feedback-form{margin-top:16px;}
.star-picker{display:flex;gap:6px;margin:10px 0 14px;}
.star-picker button{border:0;background:transparent;color:#cbd5e1;font-size:34px;line-height:1;cursor:pointer;padding:2px 3px;transition:.18s transform,.18s color;}
.star-picker button:hover,.star-picker button.active{color:#f7b733;transform:translateY(-2px) scale(1.05);}
.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.feedback-form input,.feedback-form textarea{width:100%;padding:12px 14px;border:1px solid #dbe7f7;border-radius:14px;background:#fff;font:inherit;margin:8px 0;}
.feedback-form textarea{min-height:120px;resize:vertical;}
.form-note.success{color:#047857;font-weight:800;}
.form-note.error{color:#b91c1c;font-weight:800;}
.comment-list{margin-top:22px;display:grid;gap:12px;}
.comment-list h3{margin:0 0 4px;color:#071b33;}
.comment-card{background:#fff;border:1px solid #e5edf8;border-radius:18px;padding:14px 16px;box-shadow:0 8px 20px rgba(8,27,51,.05);}
.comment-card div{display:flex;justify-content:space-between;gap:12px;align-items:center;}
.comment-card strong{color:#071b33;}
.comment-card span{color:#f7b733;font-weight:900;letter-spacing:1px;}
.comment-card p{margin:8px 0;color:#334155;}
.comment-card small{color:#64748b;font-weight:700;}
@media(max-width:700px){.feedback-grid{grid-template-columns:1fr}.comment-card div{align-items:flex-start;flex-direction:column}.star-picker button{font-size:30px}}

/* Website settings public notice */
.site-custom-notice{margin:0 auto;padding:11px 18px;background:#fff7e6;border-bottom:1px solid #fed7aa;color:#7c4a03;text-align:center;font-weight:900;line-height:1.45;}

/* Project Report / CMA Builder Enhancements */
.project-builder-page .access-banner{align-items:flex-start;gap:20px}
.form-section-card{background:#fff;border:1px solid rgba(17,24,39,.10);border-radius:22px;padding:22px;margin:22px 0;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.form-section-card h2{margin:0 0 16px;color:#14385f;font-size:1.25rem}
.cma-builder-form label{font-weight:700;color:#14385f;margin-top:10px}
.cma-builder-form input,.cma-builder-form textarea,.cma-builder-form select{background:#fffdf4;border:1px solid #e6c86e;border-radius:12px;padding:12px 13px}
.cma-builder-form textarea{min-height:100px}
.sticky-report-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin:18px 0;position:sticky;bottom:10px;z-index:5;box-shadow:0 10px 30px rgba(15,23,42,.10)}
.cma-report{background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:22px;padding:28px;margin-top:30px;box-shadow:0 16px 36px rgba(15,23,42,.10)}
.cma-report h1{color:#102a43;margin-bottom:8px}
.cma-report h2{color:#14385f;border-bottom:1px solid #d9e2ec;padding-bottom:8px;margin-top:24px}
.summary-box{background:linear-gradient(135deg,#f8fafc,#fff8df);border:1px solid #e2e8f0;border-radius:16px;padding:14px 18px;margin:14px 0 20px}
.cma-table{width:100%;border-collapse:collapse;margin:12px 0 22px;font-size:.93rem;background:#fff}
.cma-table th{background:#14385f;color:#fff;text-align:right;padding:10px;border:1px solid #d1d5db;white-space:nowrap}
.cma-table td{padding:9px 10px;border:1px solid #d1d5db;text-align:right;white-space:nowrap}
.cma-table th:first-child,.cma-table td:first-child{text-align:left;white-space:normal;font-weight:600;color:#1f2937}
.report-download-actions{margin:20px 0 34px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}
.featured-download{border:1px solid #e6c86e;background:linear-gradient(135deg,#ffffff,#fff8df)}
@media print{header,.site-footer,.customer-form,.report-download-actions,.access-banner,.sticky-report-actions{display:none!important}.cma-report{box-shadow:none;border:0;margin:0;padding:0}.container{max-width:100%;padding:0!important}.cma-table{font-size:11px}.cma-table th,.cma-table td{padding:5px}body{background:#fff}}
@media(max-width:768px){.cma-table{font-size:.82rem}.table-wrap{overflow-x:auto}.sticky-report-actions{position:static}.cma-report{padding:18px}.cma-table th,.cma-table td{padding:7px}}


/* Knowledge Hub: clickable items + pause on hover/focus */
.flash-news{position:relative;}
.flash-news .flash-wrap{position:relative;}
.flash-news .ticker{flex:1;min-width:0;}
.flash-news .ticker span#flashNews{display:inline-block;min-width:100%;animation:caihubTicker 90s linear infinite;}
.flash-news.is-paused .ticker span#flashNews,
.flash-news:hover .ticker span#flashNews,
.flash-news:focus-within .ticker span#flashNews{animation-play-state:paused !important;}
.flash-item{display:inline-flex;align-items:center;color:#0b1f3a;font-weight:900;text-decoration:none;border-radius:999px;padding:4px 8px;margin:0 4px;transition:background .18s ease,color .18s ease,box-shadow .18s ease;}
.flash-item:hover,.flash-item:focus{background:#ffffff;color:var(--caihub-deep,#0b1f3a);box-shadow:0 4px 14px rgba(8,27,51,.10);outline:none;text-decoration:none;}
.flash-separator{display:inline-block;margin:0 10px;color:#b0831f;font-weight:900;}
.flash-pause-indicator{display:none;white-space:nowrap;font-size:12px;font-weight:900;color:#8a6514;background:#fff;border:1px solid #efd48a;border-radius:999px;padding:4px 9px;box-shadow:0 4px 14px rgba(8,27,51,.08);}
.flash-news.is-paused .flash-pause-indicator{display:inline-flex;align-items:center;}
.flash-news.is-paused .flash-pause-indicator::before{content:'⏸';margin-right:5px;}
@media(max-width:700px){.flash-pause-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);}.flash-news .ticker{padding-right:78px;}}


/* Blog / News Sharing and Source Button UI */
.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px;padding:10px 12px;background:#f8fafc;border:1px solid #dbe7f7;border-radius:16px;}
.share-actions span{font-weight:900;color:#14385f;margin-right:2px;}
.share-actions a,.share-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 11px;border-radius:999px;border:1px solid #cbd5e1;background:#ffffff;color:#14385f;text-decoration:none;font-weight:900;font-size:13px;cursor:pointer;line-height:1;}
.share-actions a:hover,.share-actions button:hover{background:#14385f;color:#ffffff;border-color:#14385f;text-decoration:none;}
.source-link-box{margin:14px 0 18px;padding:12px 14px;background:#fff7e6;border:1px solid #fed7aa;border-radius:16px;color:#7c4a03;font-size:14px;line-height:1.5;word-break:break-word;}
.source-link-box a{color:#064e8b;font-weight:900;text-decoration:underline;}
.source-link-box.compact{font-size:13px;margin:10px 0 12px;background:#fffbeb;}
.card-actions{margin:12px 0;display:flex;gap:10px;flex-wrap:wrap;}
.content-share-box{margin:16px 0;}
@media(max-width:640px){.share-actions{align-items:stretch}.share-actions a,.share-actions button{flex:1 1 calc(50% - 8px)}}


/* Book Consultation direct form opening */
html{scroll-behavior:smooth;}
.consultation-form-direct{
  scroll-margin-top: 120px;
  position: relative;
}
.consultation-form-active{
  animation: consultationFocusGlow 1.8s ease-in-out 1;
  border: 2px solid #d8a12a !important;
  box-shadow: 0 18px 45px rgba(216,161,42,.22) !important;
}
.form-intro{
  margin: -6px 0 16px;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.5;
}
@keyframes consultationFocusGlow{
  0%{transform: translateY(10px); box-shadow: 0 0 0 rgba(216,161,42,0);}
  45%{transform: translateY(0); box-shadow: 0 20px 55px rgba(216,161,42,.35);}
  100%{transform: translateY(0); box-shadow: 0 18px 45px rgba(216,161,42,.22);}
}

/* CAiHUB blog/update downloadable attachment support */
.content-file-upload{grid-column:1/-1;background:#f8fbff;border:1px dashed #9ec5fe;border-radius:16px;padding:13px 14px;display:flex;flex-direction:column;gap:7px;color:#08264a;font-weight:800;}
.content-file-upload label{font-size:14px;font-weight:900;color:#08264a;}
.content-file-upload small{color:#64748b;font-weight:700;}
.content-file-upload input[type="file"]{background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:10px;color:#08264a;}
.content-file-upload span{font-size:12px;color:#475569;font-weight:700;}
.download-attachment-box{margin:14px 0 18px;padding:14px 16px;background:linear-gradient(135deg,#fff7ed,#fff1c7);border:1px solid #f59e0b;border-radius:16px;color:#7c2d12;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:0 10px 24px rgba(245,158,11,.12);}
.download-attachment-box strong{color:#7c2d12;font-weight:900;}
.download-attachment-box a{display:inline-flex;align-items:center;gap:7px;background:#08264a;color:#fff!important;text-decoration:none!important;font-weight:900;border-radius:999px;padding:9px 14px;box-shadow:0 8px 18px rgba(8,38,74,.18);}
.download-attachment-box a::before{content:'⬇';font-weight:900;}
.download-attachment-box small{font-size:12px;color:#92400e;font-weight:800;}
.download-attachment-box.compact{font-size:13px;margin:10px 0 12px;padding:10px 12px;box-shadow:none;}
.download-attachment-box.compact a{padding:7px 11px;font-size:12px;}

/* Book Consultation submission status messages */
.form-message{margin-top:10px;font-weight:700;padding:10px 12px;border-radius:12px;border:1px solid transparent}
.form-message.saving{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.form-message.success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.form-message.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.contact-form button:disabled{opacity:.75;cursor:not-allowed}


/* Direct Project Report CTA target: highlight first-year financial figure form */
.direct-financial-section {
  scroll-margin-top: 120px;
  border: 2px solid rgba(194, 146, 46, 0.45);
  box-shadow: 0 12px 35px rgba(194, 146, 46, 0.12);
}
.direct-financial-section h2::after {
  content: "  • Start Here";
  color: #b68a1d;
  font-size: 0.85em;
  font-weight: 700;
}
#first-year-balance-sheet-figures { scroll-margin-top: 120px; }


/* Financial data filling guide update */
.financial-filling-guide{background:linear-gradient(135deg,#fffdf5,#f8fbff);border:1px solid #f3d794;}
.financial-filling-guide h2{margin-top:0;color:#081b33;}
.step-guide-list{margin:12px 0 0;padding-left:22px;}
.step-guide-list li{margin:10px 0;line-height:1.55;color:#344767;}
@media print{.financial-filling-guide,.sticky-report-actions,.customer-actions .project-btn:not(.gold){display:none!important}.report-download-actions{display:none!important}}

/* Step-by-step Make Project Report - Accrual & Matching Concept */
.form-progress-card{background:linear-gradient(135deg,#eef4ff,#fff8e5);border:1px solid #d7dfec;border-radius:22px;padding:18px;margin:18px 0;box-shadow:0 14px 34px rgba(15,23,42,.08)}
.progress-title{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#14385f;font-size:1.05rem}
.form-progress-track{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:12px 0}
.form-progress-track span{display:block;height:100%;width:14.285%;background:linear-gradient(135deg,#f7b733,#0d47a1);border-radius:999px;transition:width .25s ease}
.step-project-form .wizard-step{display:none}
.step-project-form .wizard-step.active{display:block;animation:fadeStep .2s ease}
@keyframes fadeStep{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.accounting-check-box{margin-top:16px;border-radius:16px;padding:14px;border:1px solid #d7dfec;background:#f8fafc;color:#334155;font-weight:700}
.accounting-check-box.ok{background:#ecfdf5;border-color:#86efac;color:#166534}
.accounting-check-box.warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}
.wizard-actions{position:sticky;bottom:12px;background:rgba(255,255,255,.94);border:1px solid #e5e7eb;border-radius:999px;padding:10px;box-shadow:0 14px 34px rgba(15,23,42,.10);z-index:5}
@media(max-width:700px){.progress-title{display:block}.wizard-actions{border-radius:18px}.wizard-actions .project-btn{width:100%;text-align:center}}
@media print{.form-progress-card,.wizard-actions{display:none!important}}

/* Project report dynamic financial figure rows */
.financial-heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.heading-btn-group{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.add-figure-btn,
.row-add-figure-btn,
.remove-figure-btn{
  border:0;
  cursor:pointer;
  font-weight:800;
  border-radius:999px;
  transition:.2s ease;
}
.add-figure-btn{
  background:#0f766e;
  color:#ffffff;
  padding:9px 14px;
  box-shadow:0 8px 18px rgba(15,118,110,.18);
}
.add-figure-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.dynamic-figure-list{
  display:grid;
  gap:10px;
  margin:12px 0 18px;
}
.dynamic-figure-row{
  display:grid;
  grid-template-columns:auto minmax(180px,1.6fr) minmax(140px,.8fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(15,118,110,.2);
  background:rgba(15,118,110,.05);
  border-radius:14px;
}
.dynamic-figure-row input{
  width:100%;
  padding:11px 12px;
  border-radius:10px;
  border:1px solid rgba(15,23,42,.16);
  background:#fff;
}
.row-control-cell{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-width:78px;
}
.row-add-figure-btn,
.remove-figure-btn{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
}
.row-add-figure-btn{
  background:#dcfce7;
  color:#166534;
}
.remove-figure-btn{
  background:#fee2e2;
  color:#991b1b;
}
.dynamic-group-title{
  margin:12px 0 4px;
  font-size:13px;
  font-weight:900;
  color:#0f766e;
  text-transform:uppercase;
  letter-spacing:.04em;
}
@media(max-width:700px){
  .dynamic-figure-row{grid-template-columns:1fr;}
  .row-control-cell{min-width:0;width:100%;}
  .row-add-figure-btn,.remove-figure-btn{width:48%;}
}

/* Final project report preview/download flow update */
.preview-ready-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:20px;margin:24px 0;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.preview-ready-card h2{margin:0 0 8px;color:#7c2d12}.preview-ready-card .report-download-actions{margin:16px 0 0;background:#fff;border-color:#fed7aa}
@media print{.preview-ready-card{display:none!important}.report-output.cma-report{margin-top:0!important}}

/* Project Report - automatic financial year display */
.auto-year-card{background:#f8fafc;border:1px solid rgba(20,56,95,.16);border-radius:14px;padding:12px 14px}
.auto-fy-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.auto-fy-list span{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#14385f;color:#fff;font-weight:700;font-size:12px;letter-spacing:.2px}

/* Project Report - categorized balance sheet rows */
.cma-table tr.balance-section-row td{
  background:#eef6ff;
  color:#14385f;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
  border-top:2px solid rgba(20,56,95,.25);
}

/* Project report statement formatting update */
.cma-table .statement-section-row td,
.cma-report .statement-section-row td{
  background:#e8eef7;
  color:#14385f;
  font-weight:800;
  text-align:left;
}
.cma-table .statement-subtotal-row td,
.cma-report .statement-subtotal-row td{
  background:#f8fafc;
  font-weight:800;
}
.cma-table .statement-total-row td,
.cma-report .statement-total-row td{
  background:#14385f;
  color:#ffffff;
  font-weight:800;
}

/* Project Report - final statement aligned input redesign */
.statement-input-panel{
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid rgba(20,56,95,.14);
  border-radius:20px;
  padding:16px;
  margin:12px 0 18px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.balance-input-panel .dynamic-group-title{
  margin-top:18px;
  padding-top:12px;
  border-top:1px dashed rgba(20,56,95,.18);
}
.balance-input-panel .dynamic-group-title:first-child{border-top:0;margin-top:0;padding-top:0}
.compact-grid{margin-bottom:8px}
.statement-item-row .row-control-cell{order:0}
.statement-item-row input{font-weight:600}
.statement-item-row input::placeholder{font-weight:500;color:#64748b}
.statement-input-panel .dynamic-figure-row{
  background:#f8fafc;
  border-color:rgba(20,56,95,.16);
}
.statement-input-panel .row-add-figure-btn{background:#e7f8ef;color:#166534;border:1px solid #bbf7d0}
.statement-input-panel .remove-figure-btn{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}
@media print{.statement-input-panel{box-shadow:none}}

.update-full-text{margin:12px 0 14px;color:#334155;font-size:14.5px;line-height:1.7;white-space:normal;}
.source-link-box .source-button{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:8px 14px;border-radius:999px;background:var(--caihub-deep,#06365f);color:#fff!important;font-weight:900;text-decoration:none!important;box-shadow:0 8px 18px rgba(6,54,95,.18);}
.source-link-box .source-button:hover{filter:brightness(1.08);transform:translateY(-1px);}
.source-link-box .source-name{display:inline-block;margin-left:10px;color:#7c4a03;font-weight:700;}

/* Project report section selection controls */
.report-section-selector{margin:18px 0 22px;padding:18px;border:1px solid rgba(15,35,75,.14);border-radius:18px;background:#fffef8;box-shadow:0 10px 24px rgba(15,35,75,.06)}
.report-section-selector h3{margin:0 0 6px;color:#14385f;font-size:1.08rem}
.report-section-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:12px}
.section-toggle{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(20,56,95,.15);border-radius:12px;background:#ffffff;font-weight:700;color:#16365c;cursor:pointer}
.section-toggle input{width:16px;height:16px;accent-color:#14385f}
.section-toggle:hover{background:#f7fbff;border-color:rgba(20,56,95,.32)}


/* CAiHUB Professional Project Report Colour Theme - customer forms + final PDF preview */
:root{
  --caihub-navy:#08264a;
  --caihub-blue:#123f73;
  --caihub-slate:#334155;
  --caihub-gold:#c9972b;
  --caihub-gold-soft:#fff7df;
  --caihub-ice:#f5f8fc;
  --caihub-border:#d9e4f2;
  --caihub-green:#0f766e;
  --caihub-red:#b42318;
}
.project-builder-page{
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 38%,#f8fafc 100%);
}
.project-builder-page .access-banner{
  background:linear-gradient(135deg,var(--caihub-navy),var(--caihub-blue));
  border:1px solid rgba(201,151,43,.45);
  color:#fff;
  box-shadow:0 18px 42px rgba(8,38,74,.18);
}
.project-builder-page .access-banner h1{color:#fff;margin-bottom:6px;}
.project-builder-page .access-banner .muted{color:#eaf1fb;}
.simplified-project-form,
.step-project-form{
  background:#ffffff;
  border:1px solid var(--caihub-border);
  border-radius:26px;
  padding:22px;
  box-shadow:0 18px 45px rgba(8,38,74,.09);
}
.form-progress-card{
  background:linear-gradient(135deg,#ffffff,var(--caihub-ice));
  border:1px solid rgba(8,38,74,.14);
  border-left:6px solid var(--caihub-gold);
  box-shadow:0 14px 32px rgba(8,38,74,.08);
}
.progress-title b{color:var(--caihub-navy);font-size:1.12rem;}
#step-count-text{
  background:var(--caihub-gold-soft);
  color:#7a4d00;
  border:1px solid rgba(201,151,43,.35);
  border-radius:999px;
  padding:6px 12px;
  font-weight:900;
}
.form-progress-track{background:#e7edf6;height:11px;}
.form-progress-track span{background:linear-gradient(90deg,var(--caihub-gold),var(--caihub-blue));}
.form-section-card{
  background:#ffffff;
  border:1px solid var(--caihub-border);
  border-radius:22px;
  padding:22px;
  margin:18px 0;
  box-shadow:0 12px 30px rgba(8,38,74,.06);
}
.form-section-card h2{
  color:var(--caihub-navy);
  margin-top:0;
  padding:0 0 12px;
  border-bottom:2px solid rgba(201,151,43,.28);
  position:relative;
}
.form-section-card h2::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--caihub-gold);
  margin-right:9px;
  vertical-align:middle;
}
.customer-form label{
  color:#1f3556;
  font-weight:900;
  letter-spacing:.01em;
}
.customer-form input,
.customer-form textarea,
.customer-form select{
  background:#fbfdff;
  border:1px solid #cfdbea;
  color:#12233f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.customer-form input:focus,
.customer-form textarea:focus,
.customer-form select:focus{
  background:#ffffff;
  border-color:var(--caihub-gold);
  outline:3px solid rgba(201,151,43,.18);
}
.customer-form textarea{min-height:96px;line-height:1.55;}
.report-section-selector{
  background:linear-gradient(135deg,#ffffff,#fffaf0);
  border:1px solid rgba(201,151,43,.35);
  border-left:6px solid var(--caihub-gold);
  box-shadow:0 14px 32px rgba(8,38,74,.08);
}
.report-section-selector h3{color:var(--caihub-navy);font-size:1.18rem;}
.section-toggle{
  background:#ffffff;
  border:1px solid var(--caihub-border);
  color:#1f3556;
  box-shadow:0 6px 14px rgba(8,38,74,.04);
}
.section-toggle:hover{background:#f7fbff;border-color:rgba(201,151,43,.55);}
.section-toggle input{accent-color:var(--caihub-gold);}
.statement-input-panel{
  background:linear-gradient(135deg,#ffffff,#f6f9fe);
  border:1px solid rgba(18,63,115,.16);
  border-top:4px solid var(--caihub-blue);
}
.dynamic-group-title{
  color:var(--caihub-blue);
  background:#eef4fb;
  border:1px solid #d9e4f2;
  border-radius:999px;
  display:inline-flex;
  padding:7px 12px;
}
.dynamic-figure-row{
  background:#ffffff;
  border:1px solid var(--caihub-border);
  box-shadow:0 7px 16px rgba(8,38,74,.04);
}
.dynamic-figure-row:hover{border-color:rgba(201,151,43,.5);background:#fffdf7;}
.row-add-figure-btn{
  background:#ecfdf5!important;
  color:#047857!important;
  border:1px solid #a7f3d0!important;
  box-shadow:0 4px 10px rgba(4,120,87,.10);
}
.remove-figure-btn{
  background:#fff1f2!important;
  color:#be123c!important;
  border:1px solid #fecdd3!important;
  box-shadow:0 4px 10px rgba(190,18,60,.08);
}
.wizard-actions{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(201,151,43,.35);
}
.project-btn.gold{
  background:linear-gradient(135deg,#c9972b,#f4c45b)!important;
  color:#08264a!important;
  box-shadow:0 10px 24px rgba(201,151,43,.24);
}
.project-btn.ghost{
  border:1px solid var(--caihub-border);
  color:var(--caihub-blue);
  background:#fff;
}
.preview-ready-card{
  background:linear-gradient(135deg,#fffaf0,#ffffff);
  border:1px solid rgba(201,151,43,.42);
  border-left:6px solid var(--caihub-gold);
}
.preview-ready-card h2{color:var(--caihub-navy);}
/* Final report preview and PDF capture styling */
.cma-report{
  background:#ffffff;
  border:1px solid #ccd8e8;
  border-top:8px solid var(--caihub-navy);
  border-radius:22px;
  padding:34px;
  color:#172033;
  box-shadow:0 20px 50px rgba(8,38,74,.12);
}
.cma-report h1{
  color:var(--caihub-navy);
  text-align:center;
  font-size:30px;
  letter-spacing:.02em;
  margin:4px 0 8px;
  text-transform:uppercase;
}
.cma-report > h2:first-of-type{
  text-align:center;
  color:#475569;
  border-bottom:0;
  margin:0 0 16px;
  font-size:18px;
}
.cma-report .summary-box{
  background:linear-gradient(135deg,#08264a,#123f73);
  color:#ffffff;
  border:1px solid rgba(201,151,43,.55);
  border-radius:16px;
  padding:16px 18px;
  margin:18px 0 24px;
  box-shadow:0 12px 28px rgba(8,38,74,.18);
}
.cma-report .summary-box p{margin:6px 0;color:#f8fafc;}
.cma-report .summary-box b{color:#f9d77e;}
.cma-report h2{
  color:var(--caihub-navy);
  border-bottom:2px solid rgba(201,151,43,.35);
  padding-bottom:8px;
  margin-top:28px;
  font-size:19px;
}
.cma-report h3{
  color:var(--caihub-blue);
  margin-top:20px;
  font-size:16px;
}
.cma-report p{line-height:1.65;color:#334155;}
.cma-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:14px 0 22px;
  border:1px solid #cbd7e8;
  border-radius:12px;
  overflow:hidden;
  font-size:13.5px;
}
.cma-table th{
  background:linear-gradient(135deg,var(--caihub-navy),var(--caihub-blue));
  color:#ffffff;
  border:1px solid rgba(255,255,255,.14);
  padding:9px 10px;
  font-weight:900;
}
.cma-table td{
  border:1px solid #e1e8f2;
  padding:8px 10px;
  color:#1f2937;
  background:#ffffff;
}
.cma-table tr:nth-child(even):not(.statement-section-row):not(.statement-total-row):not(.statement-subtotal-row) td{background:#f8fbff;}
.cma-table th:not(:first-child),
.cma-table td:not(:first-child){text-align:right;}
.cma-table th:first-child,
.cma-table td:first-child{text-align:left;}
.cma-table .statement-section-row td,
.cma-report .statement-section-row td,
.cma-table tr.balance-section-row td{
  background:#eaf1fb!important;
  color:var(--caihub-navy)!important;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
  border-top:2px solid rgba(201,151,43,.36);
}
.cma-table .statement-subtotal-row td,
.cma-report .statement-subtotal-row td{
  background:#fff8e6!important;
  color:#5f3f08;
  font-weight:900;
}
.cma-table .statement-total-row td,
.cma-report .statement-total-row td{
  background:linear-gradient(135deg,#0b2f57,#143f73)!important;
  color:#ffffff!important;
  font-weight:900;
}
.cma-report .note{
  background:#fffaf0;
  border:1px solid rgba(201,151,43,.35);
  border-left:5px solid var(--caihub-gold);
  border-radius:12px;
  padding:12px 14px;
  color:#475569;
  font-size:12.5px;
}
@media(max-width:700px){
  .simplified-project-form,.step-project-form,.form-section-card,.cma-report{padding:16px;}
  .cma-report h1{font-size:22px;}
}
@media print{
  .cma-report{border:0;border-top:6px solid #08264a;box-shadow:none;border-radius:0;padding:0;}
  .cma-table{font-size:11px;}
}

/* Project report professional cover page */
.report-cover-page{min-height:980px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fffdf7 0%,#ffffff 100%);border:1px solid #d9e3ef;border-radius:22px;padding:42px 38px 34px;position:relative;box-sizing:border-box;margin-bottom:16px;}
.cover-top-bar{height:8px;background:linear-gradient(90deg,var(--caihub-navy),var(--caihub-gold));border-radius:999px;margin-bottom:18px;}
.cover-brand{font-size:16px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:var(--caihub-navy);text-align:center;}
.cover-tag{display:inline-block;margin:14px auto 0;padding:8px 16px;border-radius:999px;background:#eef4ff;color:#123f73;border:1px solid #cbd7e8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.cover-main-title{font-size:32px!important;line-height:1.2;margin:26px 0 12px!important;text-align:center;color:var(--caihub-navy)!important;}
.cover-project-name{font-size:21px;font-weight:800;text-align:center;color:#2f3e52;margin-bottom:10px;}
.cover-subtitle{text-align:center;font-size:14px;line-height:1.7;color:#526171;max-width:760px;margin:0 auto 18px;}
.cover-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;}
.cover-detail-card{border:1px solid #d9e3ef;border-radius:16px;padding:14px 16px;background:#ffffff;min-height:68px;box-shadow:0 8px 18px rgba(8,38,74,.05);}
.cover-detail-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:6px;}
.cover-detail-card strong{display:block;font-size:14px;line-height:1.45;color:#172033;}
.cover-footer-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;padding-top:18px;border-top:1px solid #dbe5f0;}
.cover-footer-strip span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:5px;}
.cover-footer-strip strong{font-size:13px;color:var(--caihub-navy);}
.report-page-break{page-break-after:always;break-after:page;height:14px;}
@media(max-width:768px){.report-cover-page{min-height:auto;padding:24px 18px}.cover-detail-grid,.cover-footer-strip{grid-template-columns:1fr}.cover-main-title{font-size:24px!important}.cover-project-name{font-size:18px}}
@media print{.report-cover-page{box-shadow:none;border-radius:0;min-height:260mm;padding:20mm 16mm 14mm}.report-page-break{height:0!important;page-break-after:always;break-after:page}}

/* Simplified project report cover page: only title, company name and address */
.simple-cover-page{
  min-height:980px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  background:linear-gradient(180deg,#fffdf7 0%,#ffffff 100%);
  border:1px solid #d9e3ef;
  border-radius:22px;
  padding:44px 40px;
  box-sizing:border-box;
}
.simple-cover-page .simple-cover-content{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 20px;
}
.simple-cover-page .cover-main-title{
  font-size:42px!important;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--caihub-navy)!important;
  margin:0 0 34px!important;
}
.cover-company-name{
  font-size:28px;
  line-height:1.35;
  font-weight:900;
  color:#172033;
  margin-bottom:18px;
}
.cover-company-address{
  max-width:760px;
  font-size:16px;
  line-height:1.7;
  color:#475569;
  padding-top:18px;
  border-top:1px solid rgba(201,151,43,.45);
}
@media(max-width:768px){.simple-cover-page{min-height:auto;padding:28px 18px}.simple-cover-page .cover-main-title{font-size:30px!important}.cover-company-name{font-size:22px}.cover-company-address{font-size:14px}}
@media print{.simple-cover-page{min-height:260mm;border-radius:0;padding:22mm 18mm}.simple-cover-page .cover-main-title{font-size:34px!important}}

/* Director/partner rows and preview-stage section selector */
.director-input-block{grid-column:1/-1;}
.director-list{display:grid;gap:10px;margin-top:6px;}
.director-row input{min-width:0;}
.preview-section-form{background:#ffffff;border:1px solid #d7dfec;border-left:6px solid var(--caihub-gold);border-radius:18px;padding:18px;margin:18px 0;box-shadow:0 10px 24px rgba(8,38,74,.08);}
.preview-section-form .clean-section-selector{margin:0;}
.preview-section-form h3{margin-top:0;color:var(--caihub-navy);}

/* Detail page bottom source/share area */
.read-more-bottom-actions{margin-top:26px;padding:16px 18px;border:1px solid #dbe7f7;border-radius:18px;background:#f8fafc;}
.read-more-bottom-actions .source-link-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.source-date{font-weight:800;color:#475569;}
.source-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border-radius:999px;background:#14385f;color:#fff!important;text-decoration:none;font-weight:900;border:1px solid #14385f;}
.source-button:hover{background:#0b2745;text-decoration:none;}
.source-name{display:none!important;}

/* Homepage short video area controlled from site settings */
.homepage-video-section{background:linear-gradient(135deg,#071b33,#0f3b71);padding:24px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.homepage-video-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center}
.homepage-video-text h2{margin:4px 0 8px;font-size:26px;color:#fff}
.homepage-video-text p{margin:0;color:#dbeafe;line-height:1.6}
.homepage-video-card{position:relative;background:#020617;border:1px solid rgba(255,255,255,.18);border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.28);min-height:220px}
.homepage-video-card video{display:block;width:100%;height:100%;max-height:420px;object-fit:cover;background:#020617}
.homepage-video-control{position:absolute;left:14px;bottom:14px;border:0;border-radius:999px;padding:9px 16px;background:#f7b733;color:#071b33;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.homepage-video-status{position:absolute;right:14px;bottom:14px;border-radius:999px;padding:8px 13px;background:rgba(8,38,74,.86);color:#fff;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.2)}
@media(max-width:900px){.homepage-video-wrap{grid-template-columns:1fr}.homepage-video-card{min-height:180px}}

/* Professional service-page content blocks */
.service-professional-content{padding:38px 0;background:linear-gradient(180deg,#f8fbff,#ffffff);}
.service-content-card{background:#ffffff;border:1px solid #d9e4f2;border-radius:24px;padding:28px;box-shadow:0 18px 42px rgba(8,38,74,.08);}
.service-content-card h2{color:#08264a;margin:6px 0 10px;font-size:30px;line-height:1.15;}
.service-content-card p{color:#334155;line-height:1.7;}
.service-flow-chart{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0;}
.service-flow-step{background:linear-gradient(135deg,#08264a,#123f73);color:#fff;border:1px solid rgba(201,151,43,.45);border-radius:16px;padding:14px 10px;min-height:78px;box-shadow:0 10px 22px rgba(8,38,74,.14);}
.service-flow-step span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#f7c948;color:#08264a;font-weight:900;margin-bottom:8px;}
.service-flow-step b{display:block;font-size:13px;line-height:1.3;}
.service-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px;}
.service-content-grid > div{background:#f8fbff;border:1px solid #dbe7f4;border-radius:18px;padding:18px;}
.service-content-grid h3{margin:0 0 10px;color:#123f73;font-size:18px;}
.service-content-grid ul{margin:0;padding-left:18px;color:#334155;line-height:1.65;}
.service-related-links{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px;}
.service-related-links a{display:inline-flex;border:1px solid #cbd7e8;background:#fff;border-radius:999px;padding:8px 12px;color:#0d47a1;font-weight:800;text-decoration:none;font-size:13px;}
.service-note{background:#fff8e6;border-left:4px solid #c9972b;padding:10px 12px;border-radius:10px;margin-top:10px!important;font-size:13px;}
@media(max-width:900px){.service-flow-chart{grid-template-columns:repeat(2,1fr)}.service-content-grid{grid-template-columns:1fr}.service-content-card h2{font-size:24px}}
@media(max-width:520px){.service-flow-chart{grid-template-columns:1fr}.service-content-card{padding:20px}}

/* Professional service content blocks */
.service-faq-block{margin-top:22px;background:#f8fbff;border:1px solid #d9e4f2;border-radius:18px;padding:18px;}
.service-faq-block h3{margin-top:0;color:#123f73;}
.service-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:8px 0;padding:10px 12px;}
.service-faq-item summary{cursor:pointer;font-weight:900;color:#0b2f57;}
.service-faq-item p{margin:9px 0 0;color:#475569;}
.service-content-card{position:relative;overflow:hidden;}
.service-content-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#08264a,#c9972b,#123f73);}
.service-flow-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0;}
.service-flow-step{background:linear-gradient(135deg,#eef4ff,#fffaf0);border:1px solid #d9e4f2;border-radius:16px;padding:14px;display:flex;align-items:center;gap:10px;}
.service-flow-step span{width:30px;height:30px;border-radius:999px;background:#08264a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto;}
.service-flow-step b{color:#123f73;font-size:.94rem;}
.service-related-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.service-related-links a{display:inline-flex;padding:8px 11px;border-radius:999px;background:#eef4ff;color:#123f73;text-decoration:none;font-weight:800;border:1px solid #d9e4f2;}
.service-related-links a:hover{background:#08264a;color:#fff;}

/* Professional internal service links */
.caihub-auto-link{color:#0d47a1;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(13,71,161,.28);transition:color .2s ease,border-color .2s ease;}
.caihub-auto-link:hover{color:#08264a;border-bottom-color:#c9972b;}



/* Optional past financial year data block for Project Report / CMA */
.past-year-entry-panel{
  background:linear-gradient(135deg,#f8fbff,#fffaf0);
  border:1px solid rgba(201,151,43,.32);
  border-left:5px solid var(--caihub-gold,#c9972b);
  border-radius:18px;
  padding:16px;
  margin:18px 0;
  box-shadow:0 12px 24px rgba(8,38,74,.06);
}
.past-year-entry-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.past-year-entry-header h2{margin:0;color:var(--caihub-navy,#08264a);font-size:20px;}
.past-year-entry-body{display:none;margin-top:16px;}
.past-year-entry-body.active{display:block;}
.past-year-list{display:grid;gap:10px;}
.past-year-row{
  display:grid;
  grid-template-columns:72px repeat(9,minmax(120px,1fr));
  gap:8px;
  align-items:center;
  background:#ffffff;
  border:1px solid #d9e3ef;
  border-radius:14px;
  padding:10px;
  overflow-x:auto;
}
.past-year-row input{min-width:120px;}
@media(max-width:900px){.past-year-row{grid-template-columns:70px repeat(2,minmax(140px,1fr));overflow-x:auto}.past-year-entry-header{align-items:flex-start}}

/* Columnar actual / estimated / projected year labels in Project Report */
.columnar-report-table th .fy-main{display:block;font-weight:900;line-height:1.25;}
.columnar-report-table th .fy-status{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#f9d77e;margin-top:3px;}
.columnar-report-table td.actual-year-cell{background:#fffdf5;}
.columnar-report-table tr:nth-child(even):not(.statement-section-row):not(.statement-total-row):not(.statement-subtotal-row) td.actual-year-cell{background:#fff9e8;}

/* Customer-facing Project Report form cleanup: show only relevant filling fields */
.simplified-project-form .mini-note,
.simplified-project-form .auto-year-card,
.simplified-project-form #auto-fy-list{display:none!important;}
.simplified-project-form .past-year-entry-header{align-items:center;}
.simplified-project-form .past-year-entry-header h2{margin-bottom:0;}
.simplified-project-form textarea::placeholder,
.simplified-project-form input::placeholder{color:#94a3b8;}


/* Deep section anchor navigation */
#contact-section,#contact-details,#consultation-form,#service-content,#service-professional-content,#all-services,#updates-list,#subscribe-form,#about-content{scroll-margin-top:110px;}
.caihub-section-focus{animation:caihubSectionFocus 1.8s ease;border-radius:18px;}
@keyframes caihubSectionFocus{0%{box-shadow:0 0 0 0 rgba(247,183,51,.65)}45%{box-shadow:0 0 0 8px rgba(247,183,51,.20)}100%{box-shadow:0 0 0 0 rgba(247,183,51,0)}}

/* Career section */
.career-section{padding:46px 20px;}
.career-intro-card{background:linear-gradient(135deg,#eef4ff,#fffaf0);border:1px solid #d9e3ef;border-radius:22px;padding:24px;margin-bottom:22px;box-shadow:0 12px 28px rgba(8,38,74,.08)}
.career-form-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start;}
.career-application-form{background:#fff;border:1px solid #d9e3ef;border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.career-application-form input,.career-application-form select,.career-application-form textarea{width:100%;margin:8px 0 12px;padding:12px 14px;border:1px solid #d7dfec;border-radius:12px;font:inherit;background:#fff;}
.resume-upload-label{display:block;font-weight:900;color:#102a43;margin-top:8px;}
.form-message{font-weight:800;color:#0d47a1;margin-top:10px;}
.career-note-card{position:sticky;top:20px;}
@media(max-width:900px){.career-form-grid{grid-template-columns:1fr}.career-note-card{position:static}}

.hero-service-line{font-size:1.1rem;line-height:1.5;font-weight:700;color:#dbeafe;margin-top:10px;letter-spacing:.01em;}


/* Visibility fix: homepage content contrast and Knowledge Hub label */
body{background:#f7f9fc;color:#172033;}
.hero{background:linear-gradient(135deg,#06213f 0%,#0b3b70 58%,#08264a 100%)!important;color:#ffffff!important;}
.hero h1,.hero h2,.hero h3,.hero .section-kicker,.hero .hero-card,.hero .hero-card *,.hero .photo-placeholder{color:#ffffff!important;}
.hero p,.hero .muted{color:#e6eef8!important;}
.hero .btn{background:#c9972b!important;color:#081b33!important;border:1px solid rgba(255,255,255,.20)!important;}
.hero .btn.secondary{background:rgba(255,255,255,.12)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.45)!important;}
.hero-card{background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:0 18px 45px rgba(0,0,0,.20)!important;}
.intro,.two-col,.news-panel,.cards-section,.all-services,.service-page{color:#172033!important;}
.intro h1,.intro h2,.intro h3,.two-col h1,.two-col h2,.two-col h3,.cards-section h1,.cards-section h2,.cards-section h3,.all-services h1,.all-services h2,.all-services h3{color:#08264a!important;}
.intro p,.two-col p,.cards-section p,.all-services p,.service-page p,.highlight-box,.highlight-box p,.card,.card p,.service-group,.service-group p{color:#24364b!important;}
.card h3,.service-group h3,.highlight-box h2,.highlight-box h3{color:#08264a!important;}
.flash-news{background:#fff9e9!important;border-bottom:1px solid #efdca8!important;}
.flash-wrap strong{background:#08264a!important;color:#ffffff!important;letter-spacing:.02em;}
.flash-news .ticker,.flash-news .ticker a,.flash-news .flash-item{color:#4a3410!important;font-weight:700;}
/* Footer Admin Login bottom access - aligned with Quick Links list; plain text only */
.footer-quick-links .footer-admin-login,
.footer-admin-login{
  display:block!important;
  margin:0!important;
  padding:3px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dff6ff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-decoration:none!important;
}
.footer-quick-links .footer-admin-login:hover,
.footer-admin-login:hover{
  background:transparent!important;
  color:#8bea4d!important;
  text-decoration:underline!important;
}


/* Homepage advertisement video controls update */
.homepage-video-controls{position:absolute;left:14px;bottom:14px;display:flex;gap:10px;flex-wrap:wrap;z-index:3}
.homepage-video-controls .homepage-video-control{position:static!important;left:auto!important;bottom:auto!important;}
.homepage-video-control.sound{background:#ffffff!important;color:#063160!important;border:1px solid rgba(255,255,255,.35)!important;}
.homepage-video-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.68));pointer-events:none;}
.homepage-video-status{z-index:4}.homepage-video-control{z-index:4}
@media(max-width:560px){.homepage-video-status{top:12px;bottom:auto;right:12px}.homepage-video-controls{left:10px;right:10px;bottom:10px}.homepage-video-controls button{flex:1}}


/* Flash news click / double-click navigation fix */
.flash-news .ticker,
.flash-news .ticker span#flashNews,
.flash-news .flash-item{cursor:pointer!important;}
.flash-news .flash-item{pointer-events:auto!important;}
.flash-news .flash-item::after{content:'  ↗';font-size:12px;color:#178bd6;font-weight:900;}
.flash-news .ticker::before{content:'Click update to open';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:900;color:#0b4f85;background:#ffffff;border:1px solid #bfe3ff;border-radius:999px;padding:3px 8px;box-shadow:0 4px 12px rgba(8,27,51,.08);opacity:.92;}
.flash-news.is-paused .ticker::before{content:'Click / double-click to open';}
.flash-news .ticker{position:relative;padding-right:148px!important;}
@media(max-width:700px){.flash-news .ticker::before{display:none}.flash-news .ticker{padding-right:78px!important;}}

/* ===== Update 2026-05-28: remove visible flash click instruction text ===== */
.flash-news .ticker::before,
.flash-news.is-paused .ticker::before{
  content:none!important;
  display:none!important;
}
.flash-news .ticker{
  padding-right:0!important;
}

/* ===== Update 2026-05-28: slider images fit without content cutting ===== */
.hero-slide img,
.hero-slider-full .hero-slide img,
.cai-hero-slide img,
.cai-redesign-hero .cai-hero-slide img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f7fbff!important;
}
.hero-slider,
.hero-slider-full,
.cai-hero-slider,
.cai-redesign-hero .cai-hero-slider{
  background:#f7fbff!important;
}

.publisher-profile-card.publisher-profile-card-bottom{margin:28px 0 18px;border-left:5px solid #f7b733;}

/* Content Writer footer button below Admin Login */
.footer-quick-links .footer-content-writer-login,
.footer-content-writer-login{
  display:block!important;
  margin:4px 0 0!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#063160,#0f76da)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:center!important;
  text-decoration:none!important;
}
.footer-quick-links .footer-content-writer-login:hover,
.footer-content-writer-login:hover{
  background:linear-gradient(135deg,#55b917,#0f76da)!important;
  color:#ffffff!important;
  text-decoration:none!important;
}


/* ===== Public anti-copy deterrence ===== */
html.caihub-copy-protected body,
html.caihub-copy-protected main,
html.caihub-copy-protected article,
html.caihub-copy-protected .section-card,
html.caihub-copy-protected .blog-full-content,
html.caihub-copy-protected .card,
html.caihub-copy-protected .service-content-card{
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  -ms-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
html.caihub-copy-protected input,
html.caihub-copy-protected textarea,
html.caihub-copy-protected select,
html.caihub-copy-protected [contenteditable="true"]{
  -webkit-user-select:text!important;
  -moz-user-select:text!important;
  -ms-user-select:text!important;
  user-select:text!important;
}
.protection-note{font-size:12px;color:#64748b;text-align:center;margin:12px 0 0;}
.like-rating-strip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#fff7ed,#eef7ff);border:1px solid #d8e6f5;box-shadow:0 10px 24px rgba(7,31,61,.07)}
.like-button{border:0;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#0f76da,#0b5cab);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(15,118,218,.25)}
.like-button:hover{background:linear-gradient(135deg,#f4b000,#d99a00);color:#081b33}.like-button[disabled]{opacity:.65;cursor:not-allowed}.like-count-badge,.star-count-badge{font-weight:900;color:#08264a;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:9px 13px}.publisher-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.publisher-stats span{background:#eff6ff;border:1px solid #bfdbfe;color:#0b5cab;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}


/* ===== CAiHUB Gallery button, auto-framing and content-writer DOB update ===== */
.footer-gallery-link{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:9px 13px;border-radius:999px;background:linear-gradient(135deg,#0b5cab,#1db954);color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(11,92,171,.18)}
.footer-gallery-link:hover{filter:brightness(1.05);transform:translateY(-2px)}
.gallery-page,.gallery-admin{padding-top:38px;padding-bottom:54px}.gallery-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 24px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#ffffff,#eef7ff 55%,#f0fff7);border:1px solid #d7e8fb;box-shadow:0 18px 44px rgba(7,31,61,.10);position:relative;overflow:hidden}.gallery-hero::before{content:"";position:absolute;right:-70px;top:-80px;width:230px;height:230px;border-radius:50%;background:linear-gradient(135deg,rgba(20,150,223,.14),rgba(98,189,34,.14))}.gallery-hero h1{margin:0 0 8px;color:#06386c;font-size:38px;letter-spacing:-.03em}.gallery-hero p{margin:0;color:#40566f;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-frame{margin:0;padding:14px;border-radius:26px;background:linear-gradient(145deg,#ffffff,#f6fbff);border:1px solid #d6e8fb;box-shadow:0 16px 38px rgba(7,31,61,.10);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.gallery-frame:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(7,31,61,.16);border-color:#8dcf67}.gallery-frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;background:#eef6ff;border:4px solid #fff;box-shadow:inset 0 0 0 1px #dbeafe}.gallery-frame figcaption{padding:12px 4px 2px;color:#0b315f;font-weight:900;text-align:center;text-transform:capitalize}.gallery-empty{padding:34px;border-radius:26px;background:#fff;border:1px dashed #9fc7ef;text-align:center;color:#334155}.gallery-upload-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.gallery-upload-form label{font-weight:900;color:#0b315f}.admin-gallery-grid .gallery-frame form{text-align:center;margin-top:10px}@media(max-width:900px){.gallery-hero{display:block}.gallery-grid{grid-template-columns:1fr}.gallery-upload-form{grid-template-columns:1fr}}


/* ===== Krishna peacock feather watermark theme ===== */
body{background-color:#f8fbff!important;background-image:none!important;}
.site-header,.top-header,.top-brand,main,section,.site-footer,.admin-shell,.admin-wrap,.svc-editor,.gallery-admin{position:relative;}
.card,.service-group,.blog-item,.highlight-box,.service-content-card,.section-card,.process-flow>div,.service-flow-step,.stats>div,.mini-card-grid>div,.contact-form,.hero-card,.admin-card,.svc-list,.svc-form,.gallery-frame,.blog-wrap,.update-card,.writer-profile-shell,.writer-dashboard,.profile-card{backdrop-filter:saturate(1.02);}


/* ===== Project report final output shall NOT carry Krishna peacock feather watermark ===== */
#exportArea,
#printArea,
.report-output,
.cma-report,
.report-cover-page,
.simple-cover-page{
  background-image:none!important;
  background-color:#ffffff!important;
}
#printArea *,
.report-output *,
.cma-report *{
  background-image:none!important;
}
@media print{
  body{background:#ffffff!important;background-image:none!important;}
  #printArea, #printArea *{background-image:none!important;}
}


/* ===== Real peacock feather watermark + responsive forms final update ===== */
html,body{max-width:100%;overflow-x:hidden!important;}
body{background-color:#f8fbff!important;background-image:none!important;position:relative;}
body::before{content:"";position:fixed;inset:0;background-image:url('/assets/images/watermarks/real-peacock-feather-watermark.png');background-repeat:repeat;background-size:520px auto;background-position:center top;opacity:.055;pointer-events:none;z-index:0;}
body>*{position:relative;z-index:1;}
body:has(#exportArea)::before,body:has(#printArea)::before,body:has(.report-output)::before,body:has(.cma-report)::before{display:none!important;}
#exportArea,#printArea,.report-output,.cma-report,.report-cover-page,.simple-cover-page{background:#fff!important;background-image:none!important;}
#exportArea *,#printArea *,.report-output *,.cma-report *{background-image:none!important;}
@media print{body{background:#fff!important;background-image:none!important;}body::before{display:none!important;}#exportArea,#printArea,.report-output,.cma-report{background:#fff!important;background-image:none!important;}#exportArea *,#printArea *,.report-output *,.cma-report *{background-image:none!important;}}
*,*::before,*::after{box-sizing:border-box;}
form,.form-card,.contact-form,.profile-form,.writer-form,.admin-form,.svc-form,.gallery-upload-form,.consultation-form,.project-form,.calculator-form,.auth-card,.login-card{max-width:100%!important;overflow-x:hidden!important;}
input,select,textarea,button{max-width:100%;box-sizing:border-box;}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;}
.form-row,.form-grid,.profile-grid,.writer-grid,.admin-form-grid,.project-form-grid,.gallery-upload-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:100%;}
.table-wrap,.admin-table-wrap,.responsive-table{max-width:100%;overflow-x:auto;}
img,video,iframe,table{max-width:100%;}
@media(max-width:700px){.form-row,.form-grid,.profile-grid,.writer-grid,.admin-form-grid,.project-form-grid,.gallery-upload-form{grid-template-columns:1fr!important;}body::before{background-size:360px auto;opacity:.05;}input,select,textarea,button{font-size:16px;}}


/* ===== Footer Content Writer and Gallery destination-matched buttons ===== */
.footer-gallery-link,.footer-content-writer-login{
  display:block!important;width:100%!important;max-width:180px!important;margin:6px 0 0!important;padding:7px 10px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.18)!important;background:transparent!important;color:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important;text-align:left!important;text-decoration:none!important;box-shadow:none!important;transition:color .2s ease,background .2s ease,transform .2s ease!important;
}
.footer-gallery-link:hover,.footer-content-writer-login:hover{
  background:rgba(255,255,255,.08)!important;color:#f5b642!important;transform:translateX(2px)!important;filter:none!important;
}
.footer-bottom .footer-gallery-link,.footer-bottom .footer-content-writer-login{display:inline-flex!important;width:auto!important;max-width:none!important;text-align:center!important;align-items:center!important;justify-content:center!important;margin-left:6px!important}
@media(max-width:700px){.footer-gallery-link,.footer-content-writer-login{max-width:100%!important;text-align:center!important}}


/* ===== Updates / News / Blogs / Notifications four-column hub ===== */
.caihub-content-columns{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start;
  width:100%;
}
.news-panel .caihub-content-columns{grid-template-columns:repeat(4,minmax(220px,1fr))!important;}
.caihub-content-column{
  border:1px solid #dbe7f7;
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 34px rgba(8,27,51,.08);
  min-height:220px;
}
.caihub-content-column-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:16px 18px;
  color:#fff;
}
.caihub-content-column-head h3{margin:0;font-size:18px;color:#fff!important;}
.caihub-content-column-head span{
  display:inline-grid;
  place-items:center;
  min-width:30px;height:30px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  font-weight:900;
}
.caihub-updates .caihub-content-column-head{background:linear-gradient(135deg,#0b5cab,#2f80ed);}
.caihub-news .caihub-content-column-head{background:linear-gradient(135deg,#f59e0b,#d97706);}
.caihub-blogs .caihub-content-column-head{background:linear-gradient(135deg,#16a34a,#0f766e);}
.caihub-notifications .caihub-content-column-head{background:linear-gradient(135deg,#7c3aed,#4338ca);}
.caihub-content-column-body{display:grid;gap:12px;padding:14px;}
.caihub-content-column .blog-item,
.caihub-column-post{
  margin:0!important;
  border-radius:18px!important;
  padding:14px!important;
  box-shadow:0 8px 20px rgba(8,27,51,.06)!important;
}
.caihub-content-column .blog-item h3{font-size:16px;line-height:1.35;margin:8px 0;color:#071b33!important;}
.caihub-content-column .blog-item p{font-size:14px;line-height:1.55;}
.caihub-column-empty{padding:18px;border-radius:16px;background:#f8fbff;color:#64748b;text-align:center;font-weight:700;}
@media(max-width:1100px){.caihub-content-columns,.news-panel .caihub-content-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:680px){.caihub-content-columns,.news-panel .caihub-content-columns{grid-template-columns:1fr!important;}.news-panel{grid-template-columns:1fr!important;}}


/* ===== Footer Content Writer & Gallery links as plain text only ===== */
.footer-quick-links .footer-gallery-link,
.footer-quick-links .footer-content-writer-login,
.footer-gallery-link,
.footer-content-writer-login{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:3px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  color:#dff6ff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-decoration:none!important;
  justify-content:flex-start!important;
  align-items:initial!important;
}
.footer-quick-links .footer-gallery-link:hover,
.footer-quick-links .footer-content-writer-login:hover,
.footer-gallery-link:hover,
.footer-content-writer-login:hover{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  color:#8bea4d!important;
  text-decoration:underline!important;
}


/* CAiHUB complete services + payment booking polish */
.caihub-service-directory,.service-info-page,.service-booking-page{padding:42px 20px}.section-heading{text-align:center;margin:0 auto 24px;max-width:920px}.section-heading .eyebrow,.eyebrow{display:inline-block;color:#9b6a08;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;margin-bottom:8px}.section-heading h1,.section-heading h2{color:#06365f;margin:6px 0 10px}.service-search-form,.home-service-search-row{display:flex;gap:12px;align-items:center;justify-content:center;margin:18px auto 24px;max-width:960px}.service-search-form input,.home-service-search-row input{flex:1;min-width:240px;border:1px solid #d9e3ee;border-radius:14px;padding:13px 15px;font-size:15px}.service-search-form button,.btn-gold,.project-btn.gold{background:#c8942f;color:#fff!important;border:0;border-radius:12px;padding:11px 16px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.btn-outline{border:1px solid #0b4d7a;color:#06365f!important;background:#fff;border-radius:12px;padding:10px 15px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.service-category-block{margin:26px 0}.service-category-block h2{color:#06365f;border-left:5px solid #c8942f;padding-left:12px}.service-list-grid,.home-service-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-mini-card,.home-service-select-card,.service-info-hero{background:#fff;border:1px solid #e1e8f0;border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(6,54,95,.08)}.service-mini-card h3{margin:0 0 8px;color:#06365f;font-size:18px}.service-mini-card p{color:#536274;line-height:1.55}.service-actions-row,.home-service-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.service-info-hero{text-align:center;margin:0 auto 20px;max-width:980px}.service-info-hero h1{color:#06365f;margin:8px 0}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-service-booking{background:linear-gradient(180deg,#f6f9fd,#ffffff);padding:44px 0}.home-service-select-card label{display:block;color:#06365f;font-weight:800;margin-bottom:9px}.home-service-select-card select{width:100%;border:1px solid #d9e3ee;border-radius:12px;padding:12px;background:#fff;color:#1e2d3d}.razorpay-box{border:1px solid #d9e8ff;background:#f7fbff;border-radius:16px;padding:16px}@media(max-width:900px){.service-list-grid,.home-service-select-grid,.service-detail-grid{grid-template-columns:1fr}.service-search-form,.home-service-search-row{flex-direction:column;align-items:stretch}.service-actions-row,.home-service-actions{flex-direction:column}.btn-outline,.btn-gold,.project-btn.gold{width:100%}}


/* CAiHUB direct booking and responsive chatbot refinements */
.service-actions-row,
.home-service-actions {
  justify-content: flex-start;
  gap: 10px;
}
.service-actions-row .btn-gold,
.home-service-actions .btn-gold {
  min-width: 150px;
  text-align: center;
}
.cai-msg-action {
  background: transparent !important;
  box-shadow: none !important;
  padding: 4px 0 8px !important;
}
.cai-msg-action .btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  text-decoration: none;
}


/* Project Report sector-wise write-up panel */
.auto-writeup-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  margin:18px 0;
  border:1px solid rgba(201,151,43,.28);
  border-radius:18px;
  background:linear-gradient(135deg,#fffdf7 0%,#eef5ff 100%);
  box-shadow:0 10px 26px rgba(8,38,74,.08);
}
.auto-writeup-panel h3{margin:0 0 4px;color:#08264a;font-size:18px;}
.auto-writeup-panel p{margin:0;color:#516174;font-size:14px;line-height:1.5;}
.auto-writeup-panel .project-btn{white-space:nowrap;}
@media(max-width:720px){.auto-writeup-panel{align-items:stretch;flex-direction:column}.auto-writeup-panel .project-btn{width:100%;}}


/* Universal Project Report / DPR depth panel */
.project-report-depth-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  margin:0 0 22px;
  border:1px solid rgba(201,151,43,.32);
  border-left:5px solid #c9972b;
  border-radius:18px;
  background:linear-gradient(135deg,#fffaf0 0%,#ffffff 62%,#eef6ff 100%);
  box-shadow:0 14px 30px rgba(8,38,74,.08);
}
.project-report-depth-panel h2{margin:0 0 6px;color:#08264a;font-size:1.15rem;line-height:1.25}
.project-report-depth-panel p{margin:0;color:#4b6178;line-height:1.55;font-size:.94rem}
.report-depth-badge{flex:0 0 auto;background:#08264a;color:#fff;border:1px solid #c9972b;border-radius:999px;padding:10px 16px;font-weight:800;text-align:center;box-shadow:0 8px 18px rgba(8,38,74,.16)}
@media(max-width:760px){.project-report-depth-panel{display:block}.report-depth-badge{display:inline-block;margin-top:12px}}

/* Project report year-status correction */
.cma-table th.fy-header-cell,.columnar-report-table th.fy-header-cell{vertical-align:middle;text-align:center;}
.cma-table th .fy-main,.columnar-report-table th .fy-main{display:block;font-weight:800;line-height:1.2;}
.cma-table th .fy-status,.columnar-report-table th .fy-status{display:block!important;margin-top:3px;font-size:10px;line-height:1.1;text-transform:uppercase;letter-spacing:.06em;color:#f9d77e;white-space:nowrap;}
.auto-fy-list span{flex-direction:column;gap:2px;line-height:1.15;}
.auto-fy-list span small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#f9d77e;}


/* Service consultation capture flow */
.service-consultation-page{padding:42px 20px;}
.consultation-hero strong{color:#06365f;}
.consultation-choice-card{border-left:5px solid #c8942f;}
.consultation-detail-grid{align-items:start;}
.service-consultation-form{background:#fff;border:1px solid #e1e8f0;border-radius:18px;padding:22px;box-shadow:0 12px 28px rgba(6,54,95,.08);}
.service-consultation-form input[readonly]{background:#f5f8fc;color:#06365f;font-weight:700;}
.consultation-support-card ol{padding-left:20px;line-height:1.65;color:#38485a;}
.consultation-mini-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.btn-outline.muted{border-color:#cfd9e5;color:#38485a!important;background:#fff;}
@media(max-width:900px){.consultation-mini-cta{flex-direction:column}.consultation-mini-cta a{width:100%;}}

/* Capture-first service booking flow */
.post-capture-payment-panel {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(15, 61, 125, 0.18);
  border-radius: 18px;
  background: linear-gradient(135deg, #f8fafc, #ffffff);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}
.post-capture-payment-panel[hidden] { display: none !important; }
.secure-price-box { margin: 12px 0 14px; }
.form-message.warning {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  padding: 10px 12px;
  border-radius: 12px;
}

/* Knowledge Hub detailed learning list */
.caihub-content-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:start}
.caihub-content-column{background:#fff;border:1px solid var(--line,#d9e2ef);border-radius:20px;box-shadow:0 10px 28px rgba(8,27,51,.06);overflow:hidden}
.caihub-content-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#06365f,#0b4b82);color:#fff}
.caihub-content-column-head h3{margin:0;font-size:15px}.caihub-content-column-head span{background:#f5b642;color:#11253f;border-radius:999px;min-width:28px;text-align:center;padding:2px 8px;font-weight:800}
.caihub-content-column-body{padding:12px;display:grid;gap:12px}.caihub-column-post h3 a{color:var(--navy,#06365f);text-decoration:none}.caihub-column-post h3 a:hover{text-decoration:underline}.read-link{display:inline-block;margin-top:8px;font-weight:800;color:var(--blue,#0b4b82)}
.caihub-column-empty{padding:14px;color:var(--muted,#64748b);background:#f8fafc;border-radius:14px;text-align:center}

/* Clickable visual/info areas */
.caihub-clickable-visual,
.clickable-info-card {
  cursor: pointer;
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.caihub-clickable-visual:hover,
.clickable-info-card:hover,
.caihub-clickable-visual:focus-visible,
.clickable-info-card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(15, 32, 76, .14);
  border-color: rgba(197, 154, 58, .55);
  outline: none;
}
.caihub-clickable-visual::after,
.clickable-info-card::after {
  content: "Open Details ↗";
  position: absolute;
  right: 12px;
  top: 12px;
  background: rgba(15, 32, 76, .88);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 9px;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
  z-index: 2;
}
.caihub-clickable-visual:hover::after,
.clickable-info-card:hover::after,
.caihub-clickable-visual:focus-visible::after,
.clickable-info-card:focus-visible::after {
  opacity: 1;
}
.service-mini-card h3 a,
.caihub-column-post h3 a {
  color: inherit;
  text-decoration: none;
}
.service-mini-card h3 a:hover,
.caihub-column-post h3 a:hover {
  color: var(--caihub-gold, #c59a3a);
}
@media (max-width: 640px) {
  .caihub-clickable-visual::after,
  .clickable-info-card::after { display: none; }
}

/* Knowledge Hub publisher profile and sharing preview polish */
.publisher-profile-card-top{margin:16px 0 22px;border:1px solid rgba(13,43,84,.12);background:linear-gradient(135deg,#ffffff,#f6f9ff);box-shadow:0 10px 28px rgba(8,38,74,.08)}
.publisher-profile-card .publisher-avatar img,.publisher-mini .publisher-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.publisher-mini{display:flex;align-items:center;gap:10px;margin:10px 0 12px;padding:9px 10px;border:1px solid rgba(13,43,84,.10);border-radius:14px;background:#fff}
.publisher-mini .publisher-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0d2b54;color:#fff;font-weight:800;overflow:hidden;flex:0 0 42px}
.publisher-mini strong{display:block;color:#08264a;font-size:.92rem;line-height:1.2}
.publisher-mini small,.publisher-mini em,.publisher-mini .publisher-contact{display:block;color:#5f6b7a;font-size:.78rem;font-style:normal;margin-top:2px}
.publisher-profile-card-bottom strong,.publisher-profile-card-top strong{color:#08264a}
@media(max-width:640px){.publisher-mini,.publisher-profile-card-top{align-items:flex-start}.publisher-mini .publisher-avatar{width:38px;height:38px;flex-basis:38px}}

/* CAiHUB service price/admin cross-linking enhancements */
.service-cross-link-section,.knowledge-cross-link-box{margin-top:22px;border:1px solid #dbe7f7;background:#ffffff;border-radius:18px;padding:20px;box-shadow:0 14px 32px rgba(7,27,51,.07)}
.service-cross-link-section h2,.knowledge-cross-link-box h2{margin-top:0;color:#071b33}
.related-service-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px}
.related-service-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#071b33;border:1px solid #dbe7f7;background:#f8fbff;border-radius:16px;padding:14px;transition:.18s ease}
.related-service-card:hover{transform:translateY(-2px);border-color:#f4b000;box-shadow:0 12px 25px rgba(7,27,51,.10)}
.related-service-card strong{font-size:15px;color:#071b33}.related-service-card span{font-size:12px;color:#0f4c81;font-weight:800}.cross-link-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.service-mini-card .btn-gold,.service-info-page .project-btn.gold{white-space:nowrap}
@media(max-width:700px){.service-cross-link-section,.knowledge-cross-link-box{padding:15px}.cross-link-actions a{width:100%;text-align:center}}

/* Admin-editable content and chatbot conversation polish */
.cai-quick-followup{display:flex;gap:8px;flex-wrap:wrap;background:#f8fafc!important;border:1px solid #e2e8f0!important}
.cai-quick-followup button{border:1px solid #d6b25e;background:#fff;color:#0c2340;border-radius:999px;padding:7px 11px;font-weight:700;cursor:pointer}
.cai-quick-followup button:hover{background:#fff7e0}
.post-capture-payment-panel[hidden]{display:none!important}

/* CAiHUB admin panel button arrangement and colour hardening */
.admin-shell .admin-card{box-sizing:border-box;}
.admin-shell .admin-actions,
.admin-shell .admin-btn-row,
.admin-shell .developer-actions,
.admin-shell .form-actions,
.admin-shell .data-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.admin-shell button,
.admin-shell input[type="submit"],
.admin-shell input[type="button"],
.admin-shell .editor-btn,
.admin-shell .admin-action-btn,
.admin-shell .post-edit-link,
.admin-shell .data-toolbar a,
.admin-shell .data-toolbar button{
  min-height:42px;
  border-radius:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  padding:10px 14px!important;
  text-decoration:none!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:normal;
  border:1px solid transparent!important;
  box-shadow:0 8px 18px rgba(7,27,51,.10);
}
.admin-shell button:hover,
.admin-shell input[type="submit"]:hover,
.admin-shell .editor-btn:hover,
.admin-shell .admin-action-btn:hover,
.admin-shell .post-edit-link:hover,
.admin-shell .data-toolbar a:hover,
.admin-shell .data-toolbar button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(7,27,51,.16);
}
.admin-shell .editor-btn.primary,
.admin-shell .btn-primary,
.admin-shell button[name*="save"],
.admin-shell button[type="submit"]{
  background:#071b33!important;
  color:#ffffff!important;
  border-color:#071b33!important;
}
.admin-shell .editor-btn.gold,
.admin-shell .btn-admin-warning{
  background:#f4b000!important;
  color:#061526!important;
  border-color:#d99a00!important;
}
.admin-shell .editor-btn.neutral,
.admin-shell .editor-btn.dark,
.admin-shell .btn-admin-neutral{
  background:#334155!important;
  color:#ffffff!important;
  border-color:#1f2937!important;
}
.admin-shell a[href*="delete"],
.admin-shell button[name*="delete"],
.admin-shell .btn-admin-danger{
  background:#b91c1c!important;
  color:#ffffff!important;
  border-color:#7f1d1d!important;
}
.admin-shell a[href*="approve"],
.admin-shell button[name*="approve"],
.admin-shell .btn-admin-success{
  background:#047857!important;
  color:#ffffff!important;
  border-color:#065f46!important;
}
.admin-shell a[href*="edit"],
.admin-shell .btn-admin-info{
  background:#0f5fb8!important;
  color:#ffffff!important;
  border-color:#0b4a8f!important;
}
.admin-shell table .editor-btn,
.admin-shell table .admin-action-btn,
.admin-shell table a{
  margin:2px 3px 2px 0;
}
@media(max-width:700px){
  .admin-shell .admin-actions,
  .admin-shell .admin-btn-row,
  .admin-shell .developer-actions,
  .admin-shell .form-actions,
  .admin-shell .data-toolbar{align-items:stretch;}
  .admin-shell button,
  .admin-shell input[type="submit"],
  .admin-shell input[type="button"],
  .admin-shell .editor-btn,
  .admin-shell .admin-action-btn,
  .admin-shell .post-edit-link,
  .admin-shell .data-toolbar a,
  .admin-shell .data-toolbar button{width:100%;}
}

/* Chatbot lead capture and customer/admin platform controls */
.cai-chat-lead-card{background:#f8fbff!important;border:1px solid #d9e8fb!important;color:#071b33!important;max-width:100%!important}.cai-chat-lead-form{display:grid;gap:8px;margin:0}.cai-chat-lead-form strong{font-size:14px;color:#08264a}.cai-chat-lead-form small{display:block;color:#52677c;line-height:1.35;margin-bottom:3px}.cai-chat-lead-form input,.cai-chat-lead-form textarea{width:100%;border:1px solid #cbdced;border-radius:10px;padding:9px 10px;font:inherit;background:#fff;color:#0f172a;box-sizing:border-box}.cai-chat-lead-form textarea{resize:vertical;min-height:68px}.cai-chat-lead-form label{font-size:12px;font-weight:800;color:#0f5fb8}.cai-chat-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cai-chat-lead-form .btn-gold,.cai-chat-proceed{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7b733,#e29a08);color:#08264a!important;border:0;border-radius:999px;padding:10px 12px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px rgba(247,183,51,.22)}.cai-chat-lead-form .btn-gold:disabled{opacity:.7;cursor:not-allowed}.cai-chat-lead-msg{margin:3px 0 0;font-size:12px;line-height:1.35}.cai-chat-lead-msg.success{color:#0f7a3d}.cai-chat-lead-msg.error{color:#b91c1c}.cai-chat-upload-ok{margin-top:6px;padding:8px 10px;border-radius:10px;background:#ecfdf5;color:#065f46;font-size:12px;font-weight:700}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{border:1px solid #dde5ef;padding:8px;text-align:left;vertical-align:top}.admin-table th{background:#082b55;color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.dash-card{background:#fff;border:1px solid #dce7f6;border-radius:16px;padding:16px;box-shadow:0 12px 28px rgba(7,27,51,.08)}.dash-card h3{margin:0 0 6px;color:#082b55}.dash-card strong{font-size:28px;color:#0f766e}.table-wrap{overflow:auto}.filter-form{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.filter-form input,.filter-form select{padding:10px;border:1px solid #cbd5e1;border-radius:10px}.filter-form button,.admin-action-btn{background:#082b55;color:#fff!important;border:0;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:800}.admin-action-btn.danger{background:#b91c1c}@media(max-width:520px){.cai-chat-two{grid-template-columns:1fr}.cai-chat-lead-card{padding:11px!important}}
.service-standard-section{background:#fff;border:1px solid rgba(0,35,80,.10);border-radius:16px;padding:22px;margin:18px auto;max-width:1180px;box-shadow:0 12px 34px rgba(0,35,80,.06)}.service-standard-section h2{color:#082b55;margin-top:0}.service-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.service-cta-row .btn{background:#082b55;color:#fff!important}.service-cta-row .btn.secondary{background:#1f8f2e}.knowledge-hub-clean-card .publisher-mini,.knowledge-hub-clean-card .rating-badge,.knowledge-hub-clean-card .publisher-contact{display:none!important}
/* ===== Unified Knowledge Hub presentation: no separate Updates/News/Circulars/Blogs columns ===== */
.caihub-unified-knowledge-hub{display:block!important;width:100%!important;}
.knowledge-hub-unified-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#06365f,#0f5f9f);color:#fff;box-shadow:0 14px 30px rgba(6,54,95,.14)}
.knowledge-hub-unified-head h3{margin:0;color:#fff;font-size:1.2rem}.knowledge-hub-unified-head span{font-weight:800;color:#fff;background:rgba(255,255,255,.16);border-radius:999px;padding:6px 12px}
.knowledge-hub-unified-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;width:100%}
.caihub-unified-post{cursor:pointer}.caihub-unified-post h3 a{color:#06365f;text-decoration:none}.caihub-unified-post h3 a:hover{text-decoration:underline}.caihub-unified-post .card-actions,.caihub-unified-post .read-link,#blogPreview .card-actions,#blogList .card-actions,#blogPreview .read-link,#blogList .read-link{display:none!important}
.knowledge-source-tag{display:inline-flex;margin:3px 0 8px;padding:4px 9px;border-radius:999px;background:#eef7ff;color:#06365f;font-size:12px;font-weight:800;border:1px solid #d6e8fb}
.caihub-content-columns .caihub-content-column{display:none!important}
.caihub-unified-knowledge-hub.caihub-content-columns .caihub-content-column{display:none!important}


/* ===== CAiHUB Scope of Work box standardisation ===== */
.caihub-scope-box,
.scope-of-work-box{
  position:relative;
  display:block;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
  border:1px solid rgba(6,54,95,.16)!important;
  border-left:6px solid #c8942f!important;
  border-radius:20px!important;
  padding:20px 22px!important;
  margin:12px 0 18px!important;
  box-shadow:0 16px 38px rgba(6,54,95,.09)!important;
  overflow:hidden;
}
.caihub-scope-box::before,
.scope-of-work-box::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#06365f,#0b5f9c,#c8942f);
}
.caihub-scope-box h2,
.caihub-scope-box h3,
.caihub-scope-box h4,
.scope-of-work-box h2,
.scope-of-work-box h3,
.scope-of-work-box h4{
  margin:0 0 12px!important;
  color:#06365f!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}
.caihub-scope-box ul,
.scope-of-work-box ul,
.caihub-scope-box ol,
.scope-of-work-box ol{margin:0!important;padding-left:20px!important;display:grid;gap:8px!important;}
.caihub-scope-box li,
.scope-of-work-box li{line-height:1.55;color:#334155;}
.caihub-scope-box p,
.scope-of-work-box p{color:#42546a;line-height:1.65;margin:8px 0 0;}
.service-content-grid .caihub-scope-box,
.service-content-grid .scope-of-work-box{height:100%;}
.two-col .caihub-scope-box,
.two-col .scope-of-work-box{align-self:stretch;}
@media(max-width:640px){.caihub-scope-box,.scope-of-work-box{padding:17px 16px!important;border-radius:16px!important;}}

/* ===== Project Report / CMA Premium Builder ===== */
.premium-pr-wrap{padding:44px 18px}.premium-pr-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:18px;align-items:stretch;margin-bottom:18px}.premium-pr-hero>div,.premium-step,.premium-pr-flow{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid rgba(6,54,95,.14);border-radius:20px;padding:20px;box-shadow:0 16px 38px rgba(6,54,95,.09)}.premium-pr-hero h1{margin:6px 0 10px;color:#06365f}.premium-pr-flow b{display:block;color:#c8942f;margin-bottom:8px}.premium-pr-flow span{display:block;color:#23384f;font-weight:750;line-height:1.45}.premium-pr-form{display:grid;gap:18px}.premium-step h2{margin-top:0;color:#06365f;border-left:5px solid #c8942f;padding-left:10px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.premium-step label{display:grid;gap:6px;font-weight:800;color:#223c59}.premium-step input,.premium-step select,.premium-step textarea{width:100%;box-sizing:border-box;border:1px solid rgba(6,54,95,.20);border-radius:12px;padding:11px 12px;background:#fff;font:inherit}.premium-category-note,.ratio-alert-box{background:#fff8e7;border:1px solid rgba(200,148,47,.36);border-radius:14px;padding:12px 14px;margin-top:12px;color:#644306;font-weight:800}.ratio-alert-box{background:#fff5f5;border-color:#fecaca;color:#7f1d1d}.mini-list{margin:0;padding-left:18px;font-size:12px}.alert.error{background:#fff5f5;color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:12px;margin-bottom:12px}@media(max-width:900px){.premium-pr-hero{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr}.premium-pr-wrap{padding:28px 14px}}

/* Homepage Knowledge Hub intro only: no content listing on home */
.caihub-home-knowledge-intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px;align-items:center;background:linear-gradient(135deg,#ffffff,#f4f9ff)!important;border:1px solid rgba(6,54,95,.12)!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(6,54,95,.09)!important;padding:26px!important;}
.caihub-home-knowledge-intro .knowledge-home-copy p{color:#34495f;line-height:1.7;margin:8px 0;}
.knowledge-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;}
.knowledge-benefit-grid div{background:#fff;border:1px solid rgba(6,54,95,.12);border-radius:16px;padding:14px;box-shadow:0 10px 24px rgba(6,54,95,.06);}
.knowledge-benefit-grid strong{display:block;color:#06365f;font-size:15px;margin-bottom:6px;}
.knowledge-benefit-grid span{display:block;color:#52677c;font-size:13px;line-height:1.5;}
.knowledge-home-action{background:linear-gradient(135deg,#06365f,#0f5f9f);border-radius:20px;padding:22px;display:grid;gap:12px;align-content:center;justify-items:start;color:#fff;box-shadow:0 16px 34px rgba(6,54,95,.18);}
.knowledge-home-action .btn{background:linear-gradient(135deg,#f7b733,#e29a08)!important;color:#071b33!important;border:0!important;box-shadow:0 10px 24px rgba(247,183,51,.24);}
.knowledge-home-action small{color:#e9f6ff;line-height:1.55;font-weight:650;}
@media(max-width:950px){.caihub-home-knowledge-intro{grid-template-columns:1fr!important}.knowledge-benefit-grid{grid-template-columns:1fr!important}}


/* Knowledge Hub right-side learn concept panel */
.knowledge-hub-page-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:24px;align-items:start}
.knowledge-hub-main{min-width:0}
.knowledge-hub-side-panel{min-width:0}
.knowledge-hub-side-card{position:sticky;top:24px;background:linear-gradient(180deg,#ffffff,#f4f9ff);border:1px solid rgba(6,54,95,.10);border-radius:22px;padding:14px;box-shadow:0 16px 34px rgba(6,54,95,.08)}
.knowledge-hub-side-card img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 10px 26px rgba(6,54,95,.10)}
@media(max-width:980px){.knowledge-hub-page-layout{grid-template-columns:1fr}.knowledge-hub-side-card{position:static;max-width:520px;margin:0 auto}}


/* Home page Knowledge Hub right-side visual image */
.knowledge-home-with-image{grid-template-columns:minmax(0,1.25fr) minmax(310px,430px)!important;align-items:center!important;gap:26px!important;}
.knowledge-home-action-inline{margin-top:18px;display:grid;gap:8px;justify-items:start;}
.knowledge-home-action-inline .btn{background:linear-gradient(135deg,#f7b733,#e29a08)!important;color:#071b33!important;border:0!important;box-shadow:0 10px 24px rgba(247,183,51,.24);}
.knowledge-home-action-inline small{color:#38516a;line-height:1.55;font-weight:650;}
.knowledge-home-image-panel{min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;}
.knowledge-home-image-panel a{display:block;width:100%;text-decoration:none;}
.knowledge-home-image-panel img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:22px;border:1px solid rgba(6,54,95,.12);box-shadow:0 18px 40px rgba(6,54,95,.14);background:#fff;}
.knowledge-home-with-image .knowledge-home-action{display:none!important;}
@media(max-width:950px){.knowledge-home-with-image{grid-template-columns:1fr!important}.knowledge-home-image-panel img{max-width:520px;margin:0 auto}.knowledge-home-image-panel{margin-top:8px}}

.caihub-consult-logo-btn .caihub-consult-btn-logo{height:24px!important;max-width:118px!important}}


/* Book Consultation button - CAiHUB logo colour theme only, no logo image inside button */
a[href*="book-consultation"],
button[data-action*="book-consultation"],
.btn[href*="book-consultation"],
.btn-gold[href*="book-consultation"],
.btn-outline[href*="book-consultation"],
.admin-action-btn[href*="book-consultation"],
.service-actions-row a[href*="book-consultation"],
.caihub-book-consultation-btn{
  background:linear-gradient(135deg,#06365f 0%,#0f78d4 48%,#43b02a 100%)!important;
  color:#ffffff!important;
  border:1px solid rgba(67,176,42,.42)!important;
  box-shadow:0 12px 26px rgba(6,54,95,.20)!important;
  text-decoration:none!important;
  font-weight:900!important;
}
a[href*="book-consultation"]:hover,
button[data-action*="book-consultation"]:hover,
.btn[href*="book-consultation"]:hover,
.btn-gold[href*="book-consultation"]:hover,
.btn-outline[href*="book-consultation"]:hover,
.admin-action-btn[href*="book-consultation"]:hover,
.service-actions-row a[href*="book-consultation"]:hover,
.caihub-book-consultation-btn:hover{
  background:linear-gradient(135deg,#43b02a 0%,#0f78d4 52%,#06365f 100%)!important;
  color:#ffffff!important;
  transform:translateY(-1px);
  box-shadow:0 16px 32px rgba(67,176,42,.22)!important;
}
a[href*="book-consultation"] img.caihub-consult-btn-logo,
button[data-action*="book-consultation"] img.caihub-consult-btn-logo{
  display:none!important;
}

/* ===== Service boxes: different hover colours based on CAiHUB logo theme ===== */
.service-card,
.service-mini-card,
.consult-service-card,
.related-service-card,
.service-group,
.cai-tool-card,
.project-report-option,
.pricing-card,
.booking-service-card{
  --cai-hover-1:#063160;
  --cai-hover-2:#0f76da;
  --cai-hover-soft:#eef7ff;
  --cai-hover-border:rgba(15,118,218,.55);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.service-card:nth-child(6n+1),.service-mini-card:nth-child(6n+1),.consult-service-card:nth-child(6n+1),.related-service-card:nth-child(6n+1),.service-group:nth-child(6n+1),.booking-service-card:nth-child(6n+1){--cai-hover-1:#063160;--cai-hover-2:#0f76da;--cai-hover-soft:#eef7ff;--cai-hover-border:rgba(15,118,218,.62);} /* Navy + blue */
.service-card:nth-child(6n+2),.service-mini-card:nth-child(6n+2),.consult-service-card:nth-child(6n+2),.related-service-card:nth-child(6n+2),.service-group:nth-child(6n+2),.booking-service-card:nth-child(6n+2){--cai-hover-1:#0f7a3b;--cai-hover-2:#55b917;--cai-hover-soft:#f0fff5;--cai-hover-border:rgba(85,185,23,.62);} /* Green */
.service-card:nth-child(6n+3),.service-mini-card:nth-child(6n+3),.consult-service-card:nth-child(6n+3),.related-service-card:nth-child(6n+3),.service-group:nth-child(6n+3),.booking-service-card:nth-child(6n+3){--cai-hover-1:#0b5cab;--cai-hover-2:#26a7ff;--cai-hover-soft:#eef9ff;--cai-hover-border:rgba(38,167,255,.62);} /* Logo blue */
.service-card:nth-child(6n+4),.service-mini-card:nth-child(6n+4),.consult-service-card:nth-child(6n+4),.related-service-card:nth-child(6n+4),.service-group:nth-child(6n+4),.booking-service-card:nth-child(6n+4){--cai-hover-1:#8a5a00;--cai-hover-2:#f7b733;--cai-hover-soft:#fff9eb;--cai-hover-border:rgba(247,183,51,.68);} /* Gold */
.service-card:nth-child(6n+5),.service-mini-card:nth-child(6n+5),.consult-service-card:nth-child(6n+5),.related-service-card:nth-child(6n+5),.service-group:nth-child(6n+5),.booking-service-card:nth-child(6n+5){--cai-hover-1:#04254a;--cai-hover-2:#21a35b;--cai-hover-soft:#f1fff8;--cai-hover-border:rgba(33,163,91,.62);} /* Navy + green */
.service-card:nth-child(6n),.service-mini-card:nth-child(6n),.consult-service-card:nth-child(6n),.related-service-card:nth-child(6n),.service-group:nth-child(6n),.booking-service-card:nth-child(6n){--cai-hover-1:#102a56;--cai-hover-2:#1d4ed8;--cai-hover-soft:#f3f7ff;--cai-hover-border:rgba(29,78,216,.62);} /* Deep blue */
.service-card:hover,
.service-mini-card:hover,
.consult-service-card:hover,
.related-service-card:hover,
.service-group:hover,
.cai-tool-card:hover,
.project-report-option:hover,
.pricing-card:hover,
.booking-service-card:hover{
  transform:translateY(-6px)!important;
  border-color:var(--cai-hover-border)!important;
  background:linear-gradient(145deg,#ffffff 0%, var(--cai-hover-soft) 100%)!important;
  box-shadow:0 24px 52px rgba(6,49,96,.16)!important;
}
.service-card::before,
.service-mini-card::before,
.consult-service-card::before,
.related-service-card::before,
.service-group::before,
.booking-service-card::before{
  background:linear-gradient(180deg,var(--cai-hover-1),var(--cai-hover-2))!important;
}
.service-card:hover h3,
.service-card:hover h3 a,
.service-mini-card:hover h3,
.consult-service-card:hover h3,
.related-service-card:hover strong,
.service-group:hover h3,
.service-group:hover h3 a,
.booking-service-card:hover h3{
  color:var(--cai-hover-1)!important;
}
.service-card:hover .btn,
.service-mini-card:hover .btn,
.consult-service-card:hover .btn,
.related-service-card:hover .btn,
.booking-service-card:hover .btn,
.service-actions-row a:hover{
  background:linear-gradient(135deg,var(--cai-hover-1),var(--cai-hover-2))!important;
  color:#ffffff!important;
  border-color:transparent!important;
}
.service-group:hover a:not(h3 a){
  border-color:rgba(6,49,96,.10)!important;
}
.service-group:hover a:not(h3 a):hover{
  background:linear-gradient(135deg,var(--cai-hover-1),var(--cai-hover-2))!important;
  color:#ffffff!important;
  text-decoration:none!important;
}


/* Knowledge Hub image style update: rounded, book-like effect, borderless */
.knowledge-home-image-panel a,
.knowledge-hub-side-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:34px 16px 16px 34px!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.knowledge-home-image-panel a::before,
.knowledge-hub-side-card::before{
  content:"";
  position:absolute;
  left:10px;
  top:18px;
  bottom:18px;
  width:18px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(180deg, rgba(6,54,95,.18), rgba(15,95,159,.10) 48%, rgba(93,204,20,.14));
  filter:blur(.2px);
  z-index:0;
}
.knowledge-home-image-panel a::after,
.knowledge-hub-side-card::after{
  content:"";
  position:absolute;
  inset:12px 8px 12px 18px;
  border-radius:30px 14px 14px 30px;
  box-shadow:0 22px 44px rgba(6,54,95,.18), 10px 0 22px rgba(6,54,95,.10), -6px 0 14px rgba(6,54,95,.08);
  z-index:0;
  pointer-events:none;
}
.knowledge-home-image-panel img,
.knowledge-hub-side-card img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  border:0!important;
  border-radius:30px 14px 14px 30px!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(max-width:950px){
  .knowledge-home-image-panel a,
  .knowledge-hub-side-card{max-width:520px!important;margin:0 auto!important;}
}

/* Growth Advisory Support page and visual-card link fix */
.growth-advisory-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:26px;align-items:center;background:linear-gradient(135deg,#ffffff,#f5fbff);border:1px solid rgba(6,54,95,.12);border-radius:24px;padding:30px!important;box-shadow:0 16px 38px rgba(6,54,95,.09);margin-top:34px!important}
.growth-advisory-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.05;margin:8px 0;color:#06365f}.growth-advisory-hero p,.growth-intro{color:#38516a;line-height:1.75;font-size:1.05rem}.growth-hero-image img{width:100%;border-radius:22px;box-shadow:0 18px 42px rgba(6,54,95,.16)}
.growth-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.growth-action-row.center{justify-content:center}.growth-action-row .btn{background:linear-gradient(135deg,#06365f,#0f78d4)!important;color:#fff!important}.growth-action-row .btn.secondary{background:linear-gradient(135deg,#45b20f,#0f78d4)!important}
.growth-advisory-section,.growth-process-section,.growth-benefit-section{margin-top:28px!important;background:#fff;border:1px solid rgba(6,54,95,.10);border-radius:24px;padding:28px!important;box-shadow:0 14px 32px rgba(6,54,95,.07)}
.growth-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:20px}.growth-card{position:relative;overflow:hidden;border-radius:20px;padding:22px;background:#fff;border:1px solid rgba(6,54,95,.12);box-shadow:0 12px 28px rgba(6,54,95,.07);transition:.22s ease}.growth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#06365f,#0f78d4,#45b20f)}.growth-card h3{margin:6px 0 10px;color:#06365f}.growth-card p{color:#455b72;line-height:1.65}.growth-card a{display:inline-flex;margin-top:8px;font-weight:900;text-decoration:none;color:#06365f}.growth-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(6,54,95,.16);color:#fff}.growth-card:hover h3,.growth-card:hover p,.growth-card:hover a{color:#fff!important}.growth-card-navy:hover{background:linear-gradient(135deg,#06365f,#0f78d4)}.growth-card-green:hover{background:linear-gradient(135deg,#0f7a2d,#45b20f)}.growth-card-blue:hover{background:linear-gradient(135deg,#0f78d4,#06365f)}.growth-card-gold:hover{background:linear-gradient(135deg,#c8942f,#06365f)}
.growth-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.growth-process-grid div{background:linear-gradient(145deg,#f8fbff,#fff);border-radius:18px;padding:20px;border:1px solid rgba(6,54,95,.12)}.growth-process-grid strong{display:block;color:#0f78d4;font-size:1.2rem;margin-bottom:8px}.growth-process-grid span{color:#40566d;line-height:1.6}.growth-benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.growth-benefit-grid span{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid rgba(69,178,15,.22);border-radius:999px;padding:12px 15px;font-weight:850;color:#06365f;text-align:center}.caihub-clickable-visual{cursor:pointer}
@media(max-width:900px){.growth-advisory-hero{grid-template-columns:1fr}.growth-process-grid{grid-template-columns:1fr}.growth-advisory-section,.growth-process-section,.growth-benefit-section,.growth-advisory-hero{padding:20px!important}}

/* Knowledge Hub image height correction - compact book-cover display */
.knowledge-home-with-image{
  grid-template-columns:minmax(0,1.35fr) minmax(240px,340px)!important;
  gap:22px!important;
}
.knowledge-home-image-panel{
  align-self:center!important;
}
.knowledge-home-image-panel a,
.knowledge-hub-side-card{
  max-width:340px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.knowledge-home-image-panel img,
.knowledge-hub-side-card img{
  max-height:520px!important;
  width:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.knowledge-hub-page-layout{
  grid-template-columns:minmax(0,1.85fr) minmax(240px,340px)!important;
}
@media(max-width:980px){
  .knowledge-home-image-panel img,
  .knowledge-hub-side-card img{max-height:460px!important;}
  .knowledge-home-image-panel a,
  .knowledge-hub-side-card{max-width:320px!important;}
}


/* Growth Advisory Support: rounded service-open buttons in CAiHUB logo colours */
.growth-advisory-hero .growth-action-row .btn,
.growth-benefit-section .growth-action-row .btn,
.growth-card a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:11px 18px!important;
  border-radius:999px!important;
  border:0!important;
  color:#ffffff!important;
  font-weight:900!important;
  text-decoration:none!important;
  line-height:1.15!important;
  box-shadow:0 12px 24px rgba(6,54,95,.16)!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.growth-card a::after,
.growth-advisory-hero .growth-action-row .btn::after,
.growth-benefit-section .growth-action-row .btn::after{
  content:"›";
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:18px;
  line-height:1;
}
.growth-card-navy a,
.growth-advisory-hero .growth-action-row .btn:first-child,
.growth-benefit-section .growth-action-row .btn:first-child{
  background:linear-gradient(135deg,#06365f 0%,#0f78d4 58%,#45b20f 100%)!important;
}
.growth-card-green a,
.growth-advisory-hero .growth-action-row .btn.secondary{
  background:linear-gradient(135deg,#0f7a2d 0%,#45b20f 48%,#0f78d4 100%)!important;
}
.growth-card-blue a,
.growth-benefit-section .growth-action-row .btn.secondary{
  background:linear-gradient(135deg,#0f78d4 0%,#06365f 70%)!important;
}
.growth-card-gold a{
  background:linear-gradient(135deg,#c8942f 0%,#e2b75b 42%,#06365f 100%)!important;
  color:#071b33!important;
}
.growth-card-gold a::after{background:rgba(6,54,95,.16)!important;color:#071b33!important;}
.growth-card a:hover,
.growth-advisory-hero .growth-action-row .btn:hover,
.growth-benefit-section .growth-action-row .btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(6,54,95,.24)!important;
}
.growth-card:hover a{
  background:#ffffff!important;
  color:#06365f!important;
  box-shadow:0 12px 26px rgba(0,0,0,.18)!important;
}
.growth-card:hover a::after{background:linear-gradient(135deg,#06365f,#0f78d4)!important;color:#fff!important;}
@media(max-width:520px){
  .growth-advisory-hero .growth-action-row .btn,
  .growth-benefit-section .growth-action-row .btn,
  .growth-card a{width:100%!important;}
}


/* ===== High-level Scope of Work boxes with CAiHUB colour + hover variations ===== */
.caihub-scope-box,
.scope-of-work-box,
.scope-auto-box{
  position:relative!important;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%)!important;
  border:1px solid rgba(6,54,95,.15)!important;
  border-left:7px solid #0b5f9c!important;
  border-radius:22px!important;
  padding:22px 24px!important;
  margin:14px 0 22px!important;
  box-shadow:0 16px 38px rgba(6,54,95,.09)!important;
  overflow:hidden!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease!important;
}
.caihub-scope-box::before,
.scope-of-work-box::before,
.scope-auto-box::before{
  content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:5px!important;
  background:linear-gradient(90deg,#06365f,#0f76da,#5dcc14,#d9a72f)!important;
}
.caihub-scope-box::after,
.scope-of-work-box::after,
.scope-auto-box::after{
  content:""!important;position:absolute!important;right:-60px!important;top:-60px!important;width:150px!important;height:150px!important;border-radius:999px!important;
  background:radial-gradient(circle,rgba(93,204,20,.13),rgba(15,118,218,.06) 58%,transparent 70%)!important;pointer-events:none!important;
}
.caihub-scope-box:hover,
.scope-of-work-box:hover,
.scope-auto-box:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 24px 54px rgba(6,54,95,.17)!important;
  border-color:rgba(93,204,20,.42)!important;
  background:linear-gradient(145deg,#ffffff 0%,#eef9ff 54%,#f7fff2 100%)!important;
}
.caihub-scope-box:nth-of-type(3n+1),.scope-of-work-box:nth-of-type(3n+1),.scope-auto-box.scope-variant-1{border-left-color:#06365f!important;}
.caihub-scope-box:nth-of-type(3n+2),.scope-of-work-box:nth-of-type(3n+2),.scope-auto-box.scope-variant-2{border-left-color:#0f76da!important;}
.caihub-scope-box:nth-of-type(3n+3),.scope-of-work-box:nth-of-type(3n+3),.scope-auto-box.scope-variant-3{border-left-color:#5dcc14!important;}
.caihub-scope-box h2,.caihub-scope-box h3,.caihub-scope-box h4,
.scope-of-work-box h2,.scope-of-work-box h3,.scope-of-work-box h4,
.scope-auto-box h2,.scope-auto-box h3,.scope-auto-box h4{
  color:#06365f!important;margin:0 0 12px!important;font-weight:950!important;letter-spacing:-.01em!important;
}
.caihub-scope-box h2::before,.caihub-scope-box h3::before,.caihub-scope-box h4::before,
.scope-of-work-box h2::before,.scope-of-work-box h3::before,.scope-of-work-box h4::before,
.scope-auto-box h2::before,.scope-auto-box h3::before,.scope-auto-box h4::before{
  content:"";display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:9px;background:linear-gradient(135deg,#0f76da,#5dcc14);box-shadow:0 0 0 4px rgba(15,118,218,.10);vertical-align:middle;
}
.caihub-scope-box ul,.caihub-scope-box ol,.scope-of-work-box ul,.scope-of-work-box ol,.scope-auto-box ul,.scope-auto-box ol{margin:0!important;padding-left:21px!important;display:grid!important;gap:9px!important;}
.caihub-scope-box li,.scope-of-work-box li,.scope-auto-box li{line-height:1.58!important;color:#2f4054!important;}
.caihub-scope-box li::marker,.scope-of-work-box li::marker,.scope-auto-box li::marker{color:#0f76da!important;font-weight:900!important;}
.caihub-scope-box p,.scope-of-work-box p,.scope-auto-box p{line-height:1.68!important;color:#40566d!important;margin:8px 0 0!important;}
.service-content-grid .caihub-scope-box,.service-content-grid .scope-of-work-box,.service-content-grid .scope-auto-box{height:100%!important;}
@media(max-width:640px){.caihub-scope-box,.scope-of-work-box,.scope-auto-box{padding:18px 16px!important;border-radius:18px!important;}}


/* Full Knowledge Hub listing page: content list only, no right-side image */
#knowledge-hub .knowledge-hub-page-layout{display:block!important;grid-template-columns:1fr!important;}
#knowledge-hub .knowledge-hub-side-panel,#knowledge-hub .knowledge-hub-side-card{display:none!important;}
#knowledge-hub #blogList{width:100%!important;max-width:100%!important;}
/* Home page Knowledge Hub image remains retained because it uses .knowledge-home-image-panel */

/* Book Consultation page: permanently coloured service boxes + logo-colour booking buttons */
.consultation-service-list .consult-category-block{
  background:linear-gradient(145deg,#ffffff 0%,#f4f9ff 100%)!important;
  border:1px solid rgba(6,54,95,.14)!important;
  border-radius:24px!important;
  box-shadow:0 16px 36px rgba(6,54,95,.08)!important;
  padding:20px!important;
}
.consultation-service-list .consult-category-block>h2{
  color:#06365f!important;
  border-left:6px solid #43b02a!important;
  background:linear-gradient(90deg,rgba(6,54,95,.08),rgba(67,176,42,.10),rgba(255,255,255,0))!important;
  border-radius:14px!important;
  padding:12px 15px!important;
}
.consultation-service-list .consult-service-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(6,54,95,.14)!important;
  box-shadow:0 14px 32px rgba(6,54,95,.08)!important;
  background:linear-gradient(145deg,#ffffff 0%, var(--consult-card-soft,#eef7ff) 100%)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease!important;
}
.consultation-service-list .consult-service-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:7px!important;
  height:auto!important;
  background:linear-gradient(180deg,var(--consult-card-1,#06365f),var(--consult-card-2,#0f78d4))!important;
}
.consultation-service-list .consult-service-card::after{
  content:""!important;
  position:absolute!important;
  right:-38px!important;
  top:-38px!important;
  width:110px!important;
  height:110px!important;
  border-radius:999px!important;
  background:radial-gradient(circle, var(--consult-card-glow,rgba(67,176,42,.15)), rgba(255,255,255,0) 68%)!important;
  pointer-events:none!important;
}
.consultation-service-list .consult-service-card h3{
  color:var(--consult-card-1,#06365f)!important;
  font-weight:950!important;
}
.consultation-service-list .consult-service-card p{
  color:#34495f!important;
}
.consultation-service-list .consult-service-card .btn-gold,
.consultation-service-list .consult-service-card a[href*="book-consultation"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--consult-card-1,#06365f),var(--consult-card-2,#0f78d4))!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 10px 22px var(--consult-card-shadow,rgba(6,54,95,.20))!important;
  padding:10px 16px!important;
  font-weight:950!important;
  text-decoration:none!important;
}
.consultation-service-list .consult-service-card:hover{
  transform:translateY(-6px)!important;
  border-color:var(--consult-card-border,rgba(67,176,42,.60))!important;
  background:linear-gradient(145deg,#ffffff 0%, var(--consult-card-hover,#f0fff5) 100%)!important;
  box-shadow:0 24px 52px rgba(6,54,95,.16)!important;
}
.consultation-service-list .consult-service-card:hover .btn-gold,
.consultation-service-list .consult-service-card:hover a[href*="book-consultation"]{
  background:linear-gradient(135deg,var(--consult-card-2,#43b02a),var(--consult-card-1,#06365f))!important;
  box-shadow:0 14px 28px var(--consult-card-shadow,rgba(67,176,42,.24))!important;
}
.consultation-service-list .consult-service-card:nth-child(6n+1){--consult-card-1:#06365f;--consult-card-2:#0f78d4;--consult-card-soft:#eef7ff;--consult-card-hover:#eaf6ff;--consult-card-border:rgba(15,120,212,.60);--consult-card-glow:rgba(15,120,212,.16);--consult-card-shadow:rgba(15,120,212,.24);}
.consultation-service-list .consult-service-card:nth-child(6n+2){--consult-card-1:#0f7a3b;--consult-card-2:#43b02a;--consult-card-soft:#f0fff5;--consult-card-hover:#eafff0;--consult-card-border:rgba(67,176,42,.60);--consult-card-glow:rgba(67,176,42,.18);--consult-card-shadow:rgba(67,176,42,.24);}
.consultation-service-list .consult-service-card:nth-child(6n+3){--consult-card-1:#0b5cab;--consult-card-2:#26a7ff;--consult-card-soft:#eef9ff;--consult-card-hover:#e8f7ff;--consult-card-border:rgba(38,167,255,.60);--consult-card-glow:rgba(38,167,255,.18);--consult-card-shadow:rgba(38,167,255,.24);}
.consultation-service-list .consult-service-card:nth-child(6n+4){--consult-card-1:#8a5a00;--consult-card-2:#f7b733;--consult-card-soft:#fff9eb;--consult-card-hover:#fff4d7;--consult-card-border:rgba(247,183,51,.68);--consult-card-glow:rgba(247,183,51,.20);--consult-card-shadow:rgba(247,183,51,.28);}
.consultation-service-list .consult-service-card:nth-child(6n+5){--consult-card-1:#04254a;--consult-card-2:#21a35b;--consult-card-soft:#f1fff8;--consult-card-hover:#e9fff3;--consult-card-border:rgba(33,163,91,.60);--consult-card-glow:rgba(33,163,91,.18);--consult-card-shadow:rgba(33,163,91,.24);}
.consultation-service-list .consult-service-card:nth-child(6n){--consult-card-1:#102a56;--consult-card-2:#1d4ed8;--consult-card-soft:#f3f7ff;--consult-card-hover:#edf4ff;--consult-card-border:rgba(29,78,216,.60);--consult-card-glow:rgba(29,78,216,.18);--consult-card-shadow:rgba(29,78,216,.24);}
@media(max-width:640px){.consultation-service-list .consult-service-card .btn-gold,.consultation-service-list .consult-service-card a[href*="book-consultation"]{width:100%!important;}.consultation-service-list .consult-category-block{padding:15px!important;}}


/* Growth Advisory Support page - boxed logo-color open buttons */
.growth-open-btn,
.growth-advisory-page .growth-open-btn,
.growth-advisory-support-page .growth-open-btn,
#growth-advisory-support .growth-open-btn,
a.growth-open-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:12px 20px !important;
  border-radius:14px !important;
  border:1px solid rgba(6,54,95,.18) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  box-shadow:0 10px 24px rgba(6,54,95,.10) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease !important;
  color:#fff !important;
  background:linear-gradient(135deg,#06365f 0%, #0a70b8 55%, #2aa84a 100%) !important;
}
.growth-open-btn:hover,
.growth-open-btn:focus-visible{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 30px rgba(6,54,95,.16) !important;
  border-color:rgba(42,168,74,.45) !important;
  color:#fff !important;
  background:linear-gradient(135deg,#0b4f86 0%, #2aa84a 58%, #06365f 100%) !important;
}
.growth-open-btn:nth-of-type(6n+1){background:linear-gradient(135deg,#06365f 0%, #0a70b8 60%, #2aa84a 100%) !important;}
.growth-open-btn:nth-of-type(6n+2){background:linear-gradient(135deg,#2aa84a 0%, #0a70b8 58%, #06365f 100%) !important;}
.growth-open-btn:nth-of-type(6n+3){background:linear-gradient(135deg,#0a70b8 0%, #06365f 58%, #2aa84a 100%) !important;}
.growth-open-btn:nth-of-type(6n+4){background:linear-gradient(135deg,#c8942f 0%, #06365f 60%, #0a70b8 100%) !important;}
.growth-open-btn:nth-of-type(6n+5){background:linear-gradient(135deg,#06365f 0%, #2aa84a 55%, #0a70b8 100%) !important;}
.growth-open-btn:nth-of-type(6n+6){background:linear-gradient(135deg,#0a70b8 0%, #2aa84a 58%, #06365f 100%) !important;}
@media (max-width:640px){
  .growth-open-btn{width:100% !important;}
}


/* Slider image replacement 2026-06-01 */
.cai-redesign-hero .cai-hero-slider{width:100%!important;min-height:clamp(320px,36vw,620px)!important;background:#f7fbff!important}
.cai-redesign-hero .cai-hero-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}


/* Slider image replacement across all pages 2026-06-01 */
.cai-redesign-hero .cai-hero-slider,
.cai-hero-slider{
  width:100% !important;
  min-height:clamp(320px,36vw,620px) !important;
  background:#f7fbff !important;
}
.cai-redesign-hero .cai-hero-slide img,
.cai-hero-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* Admin publisher / external content writer public profile visibility */
.publisher-profile-card .publisher-about{
  margin:8px 0 6px;
  color:#42546a;
  line-height:1.55;
  font-size:14px;
}
.publisher-profile-card .publisher-contact{
  display:inline-flex;
  align-items:center;
  margin:6px 10px 0 0;
  padding:6px 10px;
  border-radius:999px;
  background:#eef7ff;
  color:#06365f;
  font-weight:800;
}


/* Public content author visibility rule: profile only at end of full content */
.publisher-profile-card-top,
#blogList .publisher-profile-card,
#blogList .publisher-mini,
#blogList .publisher-contact,
#blogPreview .publisher-profile-card,
#blogPreview .publisher-mini,
#blogPreview .publisher-contact,
.caihub-unified-knowledge-hub .publisher-profile-card,
.caihub-unified-knowledge-hub .publisher-mini,
.caihub-unified-knowledge-hub .publisher-contact{
  display:none !important;
}
.content-end-author-profile{
  margin-top:34px;
  padding-top:22px;
  border-top:2px solid rgba(6,54,95,.12);
}
.content-end-profile-title{
  margin:0 0 14px;
  color:#06365f;
  font-size:1.35rem;
}
.publisher-profile-card-bottom{
  display:flex !important;
  gap:14px;
  align-items:flex-start;
  background:linear-gradient(145deg,#ffffff,#f6fbff);
  border:1px solid rgba(6,54,95,.12);
  border-radius:20px;
  padding:18px;
  box-shadow:0 14px 34px rgba(6,54,95,.08);
}
.publisher-profile-card-bottom .publisher-contact{
  display:inline-flex;
  margin:8px 8px 0 0;
}


/* CAiHUB profile duplicate prevention */
.publisher-profile-card-top,
#blogList .publisher-profile-card,
#blogPreview .publisher-profile-card,
#blogList .content-end-author-profile,
#blogPreview .content-end-author-profile{
  display:none!important;
}
article .publisher-profile-card-bottom:not(:last-of-type){
  display:none!important;
}
.content-end-author-profile + .content-end-author-profile{
  display:none!important;
}


/* Admin Publisher / Content Writer profile end area - CAiHUB logo colour theme */
.content-end-author-profile{
  margin-top:36px!important;
  padding:22px!important;
  border-radius:24px!important;
  border:0!important;
  background:linear-gradient(135deg, rgba(6,54,95,.08), rgba(10,112,184,.08), rgba(42,168,74,.08))!important;
  box-shadow:0 18px 42px rgba(6,54,95,.10)!important;
}
.content-end-profile-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 16px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#06365f 0%,#0a70b8 48%,#2aa84a 100%)!important;
  box-shadow:0 10px 24px rgba(6,54,95,.16)!important;
  font-size:1rem!important;
  font-weight:900!important;
}
.publisher-profile-card-bottom{
  display:flex!important;
  gap:16px!important;
  align-items:flex-start!important;
  background:linear-gradient(145deg,#ffffff 0%,#f3f9ff 55%,#f4fbf6 100%)!important;
  border:1px solid rgba(6,54,95,.10)!important;
  border-left:6px solid #2aa84a!important;
  border-radius:22px!important;
  padding:20px!important;
  box-shadow:0 16px 36px rgba(6,54,95,.10)!important;
  position:relative!important;
  overflow:hidden!important;
}
.publisher-profile-card-bottom:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#06365f,#0a70b8,#2aa84a)!important;
}
.publisher-profile-card-bottom .publisher-avatar{
  flex:0 0 74px!important;
  width:74px!important;
  height:74px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#06365f,#0a70b8,#2aa84a)!important;
  box-shadow:0 12px 26px rgba(6,54,95,.20)!important;
  color:#fff!important;
  font-weight:900!important;
  overflow:hidden!important;
}
.publisher-profile-card-bottom .publisher-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
  border:3px solid #fff!important;
}
.publisher-profile-card-bottom strong{
  color:#06365f!important;
  font-size:1.05rem!important;
  font-weight:950!important;
}
.publisher-profile-card-bottom small{
  display:block!important;
  margin-top:4px!important;
  color:#0a70b8!important;
  font-weight:850!important;
}
.publisher-profile-card-bottom .publisher-about{
  margin:10px 0 8px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:rgba(10,112,184,.07)!important;
  color:#354b62!important;
  line-height:1.55!important;
  border-left:4px solid #2aa84a!important;
}
.publisher-profile-card-bottom .publisher-contact{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:7px 8px 0 0!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#eef7ff,#f1fff5)!important;
  color:#06365f!important;
  border:1px solid rgba(10,112,184,.14)!important;
  font-weight:900!important;
}
.publisher-profile-card-bottom .publisher-stats span{
  display:inline-flex!important;
  margin:9px 8px 0 0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#2aa84a!important;
  border:1px solid rgba(42,168,74,.18)!important;
  font-weight:850!important;
}
@media(max-width:640px){
  .publisher-profile-card-bottom{display:block!important;text-align:left!important;}
  .publisher-profile-card-bottom .publisher-avatar{margin-bottom:12px!important;}
}


/* Content publisher profile now appears below published/written date only */
.content-date-author-profile{
  margin:14px 0 22px;
  padding:0;
}
.content-published-date{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 10px;
  padding:8px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#eef7ff,#f4fff8);
  border:1px solid rgba(6,54,95,.12);
  color:#06365f;
  font-weight:800;
}
.publisher-profile-card-date{
  display:flex!important;
  align-items:flex-start;
  gap:14px;
  background:linear-gradient(135deg,#06365f 0%,#0a70b8 55%,#2aa84a 100%)!important;
  border:0!important;
  border-radius:20px!important;
  padding:16px!important;
  box-shadow:0 16px 36px rgba(6,54,95,.16)!important;
  color:#fff!important;
}
.publisher-profile-card-date .publisher-avatar{
  width:64px;
  height:64px;
  min-width:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
  color:#06365f;
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,0,0,.14);
}
.publisher-profile-card-date .publisher-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.publisher-profile-card-date strong,
.publisher-profile-card-date small,
.publisher-profile-card-date .publisher-about{
  color:#fff!important;
}
.publisher-profile-card-date small{
  display:block;
  margin-top:3px;
  color:#e8f7ff!important;
  font-weight:750;
}
.publisher-profile-card-date .publisher-about{
  margin:8px 0 6px;
  line-height:1.55;
  color:#f5fbff!important;
}
.publisher-profile-card-date .publisher-contact{
  display:inline-flex;
  margin:8px 8px 0 0;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22);
  font-weight:850;
}
.content-end-author-profile,
.publisher-profile-card-bottom,
.publisher-profile-card-top,
#blogList .publisher-profile-card,
#blogPreview .publisher-profile-card{
  display:none!important;
}
@media(max-width:640px){
  .publisher-profile-card-date{display:grid!important;text-align:left}
}


/* Profile placement correction: show below the content date/source area */
.content-date-author-profile-below-content-date{
  display:block!important;
  margin:12px 0 16px!important;
}
.read-more-bottom-actions .content-date-author-profile-below-content-date{
  grid-column:1 / -1;
}
.content-date-author-profile-below-content-date .publisher-profile-card-date{
  margin-top:0!important;
}


/* Final content date/profile placement: date only below content, profile immediately below date */
.content-published-source-block{
  margin:20px 0 10px;
}
.content-published-source-block .source-link-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(135deg,#eef7ff,#f4fff8);
  border:1px solid rgba(6,54,95,.12);
  box-shadow:0 8px 22px rgba(6,54,95,.06);
}
.content-published-source-block .source-date{
  color:#06365f;
  font-weight:900;
}
.content-published-source-block + .content-date-author-profile{
  margin-top:10px;
  margin-bottom:22px;
}
.read-more-bottom-actions .source-link-box{
  display:none!important;
}


/* Auto update full available source content styling */
.caihub-source-full-content{
  display:grid;
  gap:12px;
  background:linear-gradient(135deg,#ffffff,#f6fbff);
  border:1px solid rgba(6,54,95,.12);
  border-radius:18px;
  padding:18px;
  box-shadow:0 12px 28px rgba(6,54,95,.07);
  margin:16px 0;
}
.caihub-source-full-content h2{
  color:#06365f;
  margin:8px 0 0;
}
.caihub-source-full-content p{
  line-height:1.72;
  color:#2d4358;
}
.source-reference-line{
  background:#eef7ff;
  padding:10px 12px;
  border-radius:12px;
}


/* Source display rule: show only clickable Source button, not original source name */
.source-reference-line{
  display:flex;
  align-items:center;
  gap:10px;
}
.source-reference-line strong{
  display:none!important;
}
.source-reference-line .source-button,
.source-reference-line a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:10px 16px;
  background:linear-gradient(135deg,#06365f,#0a70b8,#2aa84a);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
}

/* =========================================================
   CAiHUB Header Contact Realignment - 2026-06-01
   Keeps mobile numbers and email neatly aligned at top-right.
   ========================================================= */
.site-header .top-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  flex-wrap:nowrap!important;
}
.site-header .brand-block{
  flex:0 0 auto!important;
  min-width:0!important;
}
.site-header .header-contact{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  text-align:right!important;
  max-width:720px!important;
  line-height:1.25!important;
}
.site-header .header-contact .contact-pill{
  margin:0!important;
  white-space:nowrap!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.site-header .top-brand > .socials,
.site-header .header-contact .socials{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin-left:2px!important;
  flex:0 0 auto!important;
}
.site-header .top-brand > .socials a,
.site-header .header-contact .socials a{
  margin-left:0!important;
}
@media(max-width:900px){
  .site-header .top-brand{
    gap:12px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .site-header .header-contact{
    max-width:calc(100% - 150px)!important;
    gap:6px!important;
  }
  .site-header .header-contact .contact-pill{
    font-size:12px!important;
    padding:6px 9px!important;
    min-height:32px!important;
  }
  .site-header .top-brand > .socials a,
  .site-header .header-contact .socials a{
    width:28px!important;
    height:28px!important;
  }
}
@media(max-width:640px){
  .site-header .top-brand{
    flex-wrap:wrap!important;
    align-items:center!important;
  }
  .site-header .brand-block{
    flex:1 1 115px!important;
  }
  .site-header .logo-box img{
    max-height:58px!important;
  }
  .site-header .header-contact{
    flex:1 1 calc(100% - 135px)!important;
    max-width:none!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
  .site-header .header-contact .contact-pill{
    font-size:11.5px!important;
    padding:5px 8px!important;
    min-height:30px!important;
  }
  .site-header .top-brand > .socials{
    width:100%!important;
    justify-content:flex-end!important;
    margin-top:-4px!important;
  }
}
@media(max-width:420px){
  .site-header .brand-block{
    flex:0 0 100%!important;
    text-align:center!important;
  }
  .site-header .logo-box{
    justify-content:center!important;
  }
  .site-header .header-contact{
    flex:0 0 100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .site-header .top-brand > .socials{
    justify-content:center!important;
  }
}


/* CAiHUB general customer login placement update */
.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.header-actions .socials{order:1;display:flex;justify-content:flex-end;gap:5px}
.header-actions .customer-login-pill{order:2;background:var(--navy);color:#fff;border-color:var(--navy);font-weight:800;box-shadow:0 6px 16px rgba(8,27,51,.14)}
.header-actions .header-contact-links{order:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.header-actions .header-contact-links .contact-pill{margin:0}
@media(max-width:760px){.top-brand{align-items:flex-start}.header-actions{align-items:flex-end;gap:5px}.header-actions .header-contact-links{max-width:220px}.header-actions .customer-login-pill{font-size:12px;padding:6px 9px}}

/* CAiHUB header layout correction: keep social links on the top-right and replace top WhatsApp CTA with Login. */
.header-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;text-align:right;}
.header-actions .socials{order:1;display:flex;justify-content:flex-end;align-items:center;gap:5px;width:100%;}
.header-actions .customer-login-pill{order:2;align-self:flex-end;background:var(--navy);color:#fff;border-color:var(--navy);font-weight:800;}
.header-actions .header-contact-links{order:3;display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;}
.header-actions .header-contact-links .whatsapp{display:none!important;}
@media(max-width:760px){.top-brand{align-items:flex-start}.header-actions{align-items:flex-end;max-width:64%;}.header-actions .header-contact-links{gap:4px}.header-actions .contact-pill{font-size:12px;padding:5px 8px}}

/* CAiHUB final header social placement: Facebook, YouTube, X and Instagram must remain in the right top header space. */
.site-header .top-brand{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
}
.site-header .header-contact.header-actions{
  margin-left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
.site-header .header-social-top-right,
.site-header .header-actions .socials{
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  order:1!important;
  margin:0 0 2px auto!important;
  text-align:right!important;
}
.site-header .header-social-top-right a,
.site-header .header-actions .socials a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}
.site-header .customer-login-pill{order:2!important;align-self:flex-end!important;}
.site-header .header-contact-links{order:3!important;justify-content:flex-end!important;text-align:right!important;}
@media(max-width:640px){
  .site-header .header-contact.header-actions{align-items:flex-end!important;margin-left:auto!important;}
  .site-header .header-social-top-right,
  .site-header .header-actions .socials{justify-content:flex-end!important;width:100%!important;}
}
@media(max-width:420px){
  .site-header .header-contact.header-actions{width:100%!important;max-width:100%!important;align-items:flex-end!important;}
  .site-header .header-social-top-right,
  .site-header .header-actions .socials{justify-content:flex-end!important;}
}

/* CAiHUB header row order update: after logo show Mobile 1, Mobile 2, Email, then Social icons from left to right. */
.site-header .top-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.site-header .header-contact.header-actions{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:right!important;
  margin-left:auto!important;
}
.site-header .header-contact-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
.site-header .header-contact-row .contact-pill{
  margin:0!important;
  white-space:nowrap!important;
}
.site-header .header-contact-row .socials,
.site-header .header-contact-row .header-social-top-right{
  order:4!important;
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  margin:0 0 0 2px!important;
}
.site-header .header-contact-row .socials a,
.site-header .header-contact-row .header-social-top-right a{
  margin-left:0!important;
  flex:0 0 auto!important;
}
.site-header .header-login-row{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
}
.site-header .header-login-row .customer-login-pill{
  margin:0!important;
  background:var(--navy)!important;
  color:#fff!important;
  border-color:var(--navy)!important;
  font-weight:800!important;
}
@media(max-width:760px){
  .site-header .top-brand{align-items:flex-start!important;gap:10px!important;}
  .site-header .brand-block{flex:0 0 auto!important;}
  .site-header .header-contact.header-actions{max-width:calc(100% - 95px)!important;align-items:flex-end!important;}
  .site-header .header-contact-row{gap:4px!important;}
  .site-header .header-contact-row .contact-pill,
  .site-header .header-login-row .customer-login-pill{font-size:11px!important;padding:5px 7px!important;}
  .site-header .header-contact-row .socials a{width:23px!important;height:23px!important;font-size:12px!important;}
}

/* ===== Fix: Home page Knowledge Hub responsive visibility for mobile/tablet ===== */
.caihub-home-knowledge-intro.knowledge-home-with-image{
  overflow:visible!important;
  min-width:0!important;
}
.caihub-home-knowledge-intro .knowledge-home-copy,
.caihub-home-knowledge-intro .knowledge-home-image-panel{
  min-width:0!important;
  max-width:100%!important;
}
.caihub-home-knowledge-intro .knowledge-home-copy h2{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.caihub-home-knowledge-intro .knowledge-home-copy p,
.caihub-home-knowledge-intro .knowledge-benefit-grid span,
.caihub-home-knowledge-intro .knowledge-home-action-inline small{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  max-width:100%!important;
}
.caihub-home-knowledge-intro .knowledge-home-image-panel a{
  display:block!important;
  width:100%!important;
  max-width:360px!important;
  margin:0 auto!important;
  overflow:visible!important;
}
.caihub-home-knowledge-intro .knowledge-home-image-panel img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
@media(max-width:1024px){
  .caihub-home-knowledge-intro.knowledge-home-with-image{
    grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important;
    gap:18px!important;
    padding:22px!important;
    align-items:center!important;
  }
  .caihub-home-knowledge-intro .knowledge-benefit-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy h2{
    font-size:clamp(24px,3.4vw,34px)!important;
    line-height:1.15!important;
  }
}
@media(max-width:820px){
  .caihub-home-knowledge-intro.knowledge-home-with-image,
  .caihub-home-knowledge-intro{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:18px 14px!important;
    gap:16px!important;
    border-radius:18px!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy{
    order:1!important;
    width:100%!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-image-panel{
    order:2!important;
    width:100%!important;
    margin-top:4px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-image-panel a{
    max-width:min(340px,92vw)!important;
    width:100%!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy h2{
    font-size:26px!important;
    line-height:1.18!important;
    margin-bottom:8px!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy p{
    font-size:15px!important;
    line-height:1.65!important;
  }
  .caihub-home-knowledge-intro .knowledge-benefit-grid div{
    padding:12px!important;
    border-radius:14px!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-action-inline{
    justify-items:stretch!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-action-inline .btn{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
    white-space:normal!important;
    line-height:1.35!important;
    padding:12px 14px!important;
  }
}
@media(max-width:480px){
  .caihub-home-knowledge-intro.knowledge-home-with-image,
  .caihub-home-knowledge-intro{
    padding:15px 12px!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy h2{
    font-size:23px!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy p{
    font-size:14px!important;
    line-height:1.6!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-image-panel a{
    max-width:min(300px,88vw)!important;
  }
  .caihub-home-knowledge-intro .knowledge-benefit-grid strong{
    font-size:14px!important;
  }
  .caihub-home-knowledge-intro .knowledge-benefit-grid span{
    font-size:12.5px!important;
  }
}


/* ===== FINAL FIX 2026-06-02: Knowledge Hub mobile/tablet layout ===== */
@media (max-width: 900px){
  section.caihub-home-knowledge-intro.knowledge-home-with-image,
  section.caihub-home-knowledge-intro,
  .caihub-home-content-hub.knowledge-home-with-image,
  .news-panel.caihub-home-knowledge-intro{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    grid-auto-flow:row!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:18px 14px!important;
    gap:18px!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy,
  .caihub-home-knowledge-intro .knowledge-home-image-panel{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
    grid-column:1 / -1!important;
  }
  .caihub-home-knowledge-intro .knowledge-home-copy{order:1!important;}
  .caihub-home-knowledge-intro .knowledge-home-image-panel{order:2!important;text-align:center!important;}
  .caihub-home-knowledge-intro .section-kicker,
  .caihub-home-knowledge-intro h2,
  .caihub-home-knowledge-intro p,
  .caihub-home-knowledge-intro span,
  .caihub-home-knowledge-intro small,
  .caihub-home-knowledge-intro strong{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-align:left!important;
  }
  .caihub-home-knowledge-intro h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.16!important;margin:6px 0 10px!important;}
  .caihub-home-knowledge-intro p{font-size:15px!important;line-height:1.7!important;margin:10px 0!important;}
  .caihub-home-knowledge-intro .knowledge-benefit-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important;margin-top:16px!important;}
  .caihub-home-knowledge-intro .knowledge-benefit-grid div{width:100%!important;max-width:100%!important;padding:14px!important;}
  .caihub-home-knowledge-intro .knowledge-home-image-panel a{display:block!important;width:100%!important;max-width:min(360px,100%)!important;margin:0 auto!important;}
  .caihub-home-knowledge-intro .knowledge-home-image-panel a::before,
  .caihub-home-knowledge-intro .knowledge-home-image-panel a::after{display:none!important;content:none!important;}
  .caihub-home-knowledge-intro .knowledge-home-image-panel img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;border-radius:18px!important;margin:0 auto!important;object-fit:contain!important;}
  .caihub-home-knowledge-intro .knowledge-home-action-inline{width:100%!important;display:grid!important;gap:10px!important;justify-items:stretch!important;}
  .caihub-home-knowledge-intro .knowledge-home-action-inline .btn{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;border-radius:18px!important;padding:12px 14px!important;white-space:normal!important;}
}
@media (max-width: 420px){
  section.caihub-home-knowledge-intro.knowledge-home-with-image,
  section.caihub-home-knowledge-intro{width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;padding:16px 12px!important;}
  .caihub-home-knowledge-intro p{font-size:14px!important;line-height:1.65!important;}
  .caihub-home-knowledge-intro .knowledge-benefit-grid span{font-size:13px!important;line-height:1.55!important;}
}

/* ===== Unified customer dashboard cards ===== */
.customer-dashboard-hero{background:linear-gradient(135deg,#071827,#0b3b66);color:#fff;border-radius:26px;padding:26px;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;box-shadow:0 18px 44px rgba(7,24,39,.16)}
.customer-dashboard-hero h1{margin:0 0 6px;color:#fff}.customer-dashboard-hero p{margin:0;color:#dbeafe}.customer-profile-mini{display:flex;align-items:center;gap:14px}.customer-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid #f7b733;background:#fff;display:flex;align-items:center;justify-content:center;color:#071827;font-weight:900;font-size:26px}.dashboard-section-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.dashboard-section-tabs a{background:#fff;border:1px solid #d8e0ea;border-radius:999px;padding:9px 13px;font-weight:900;color:#0b3b66}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}.dashboard-kpi-grid .dash-card{min-height:110px}.customer-dashboard-section{background:#fff;border:1px solid #d8e0ea;border-radius:22px;padding:22px;margin:18px 0;box-shadow:0 12px 32px rgba(8,27,51,.06)}.customer-dashboard-section h2{margin-top:0;color:#071827}.status-pill{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;background:#e0f2fe;color:#075985}.status-paid{background:#dcfce7!important;color:#166534!important}.status-pending,.status-unpaid{background:#fef3c7!important;color:#92400e!important}.status-danger{background:#fee2e2!important;color:#991b1b!important}
@media(max-width:1050px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.customer-dashboard-hero{padding:20px;border-radius:20px}.customer-profile-mini{align-items:flex-start}.customer-avatar{width:62px;height:62px}.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-section-tabs a{width:100%;text-align:center}.customer-dashboard-section{padding:16px;border-radius:18px}}

/* Client dashboard final structured header */
.client-dashboard-topbar{
  background:linear-gradient(135deg,#071827,#0b3b66);
  color:#fff;
  border-radius:24px;
  padding:18px;
  display:flex;
  align-items:center;
  gap:18px;
  box-shadow:0 18px 44px rgba(7,24,39,.16);
  margin-bottom:18px;
}
.client-profile-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:300px;
  flex:0 0 auto;
}
.client-profile-photo-small{
  width:54px;
  height:54px;
  min-width:54px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #f7b733;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.client-profile-initial{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#071827;
  font-weight:900;
  font-size:22px;
}
.client-profile-text h1{
  margin:0 0 4px;
  color:#fff;
  font-size:24px;
  line-height:1.1;
}
.client-profile-text p{
  margin:0 0 6px;
  color:#dbeafe;
  font-size:13px;
  word-break:break-word;
}
.client-dashboard-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
}
.dash-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.10);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  font-size:12px;
  line-height:1.15;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
  transition:.2s ease;
  white-space:nowrap;
}
.dash-action-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.18);
}
.dash-action-btn.primary{
  background:linear-gradient(135deg,#f7b733,#ffcf5c);
  color:#071827!important;
  border-color:#f7b733;
}
.dash-action-btn.warning{
  background:#fef3c7;
  color:#92400e!important;
  border-color:#fcd34d;
}
.dash-action-btn.logout{
  background:#fee2e2;
  color:#991b1b!important;
  border-color:#fecaca;
  margin-left:4px;
}
.dashboard-kpi-grid .dash-card{
  text-decoration:none!important;
  color:inherit;
  border-radius:18px;
}
.customer-dashboard-section{
  scroll-margin-top:110px;
}
@media(max-width:1100px){
  .client-dashboard-topbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .client-profile-left{
    min-width:0;
    width:100%;
  }
  .client-dashboard-actions{
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .client-dashboard-topbar{
    padding:14px;
    border-radius:18px;
  }
  .client-profile-left{
    align-items:flex-start;
  }
  .client-profile-photo-small{
    width:44px;
    height:44px;
    min-width:44px;
  }
  .client-profile-text h1{
    font-size:20px;
  }
  .client-dashboard-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    width:100%;
  }
  .dash-action-btn{
    width:100%;
    white-space:normal;
    min-height:42px;
    padding:9px 10px;
    font-size:12px;
    text-align:center;
  }
  .dash-action-btn.primary,
  .dash-action-btn.logout{
    grid-column:1 / -1;
  }
}


/* ===== FINAL REORG: Professional Knowledge Hub section (desktop/tablet/mobile) ===== */
.caihub-kh-section{
  padding-top:52px!important;
  padding-bottom:52px!important;
  max-width:1220px!important;
  width:100%!important;
  overflow:visible!important;
}
.caihub-kh-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,420px)!important;
  grid-template-areas:
    "text visual"
    "cards visual"
    "action visual"!important;
  gap:22px 28px!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  background:linear-gradient(135deg,#ffffff 0%,#f4f9ff 100%)!important;
  border:1px solid rgba(6,54,95,.12)!important;
  border-radius:24px!important;
  box-shadow:0 18px 42px rgba(6,54,95,.10)!important;
  padding:28px!important;
  overflow:hidden!important;
}
.caihub-kh-text{grid-area:text!important;min-width:0!important;max-width:100%!important;}
.caihub-kh-text h2{
  margin:6px 0 12px!important;
  color:#071827!important;
  font-size:clamp(30px,4vw,44px)!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  max-width:760px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.caihub-kh-text p{
  color:#34495f!important;
  font-size:16px!important;
  line-height:1.72!important;
  margin:10px 0!important;
  max-width:760px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.caihub-kh-lead{font-weight:700!important;color:#263c55!important;}
.caihub-kh-visual{grid-area:visual!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.caihub-kh-visual a{display:block!important;width:100%!important;max-width:420px!important;margin:0 auto!important;text-decoration:none!important;}
.caihub-kh-visual img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:560px!important;
  object-fit:contain!important;
  border-radius:22px!important;
  border:1px solid rgba(6,54,95,.12)!important;
  box-shadow:0 18px 40px rgba(6,54,95,.14)!important;
  background:#fff!important;
}
.caihub-kh-cards{grid-area:cards!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;min-width:0!important;width:100%!important;}
.caihub-kh-card{background:#fff!important;border:1px solid rgba(6,54,95,.12)!important;border-radius:16px!important;padding:14px!important;box-shadow:0 10px 24px rgba(6,54,95,.06)!important;min-width:0!important;}
.caihub-kh-card strong{display:block!important;color:#06365f!important;font-size:15px!important;line-height:1.25!important;margin-bottom:7px!important;white-space:normal!important;}
.caihub-kh-card span{display:block!important;color:#52677c!important;font-size:13px!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}
.caihub-kh-action{grid-area:action!important;display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;min-width:0!important;}
.caihub-kh-action .btn{background:linear-gradient(135deg,#f7b733,#e29a08)!important;color:#071b33!important;border:0!important;box-shadow:0 10px 24px rgba(247,183,51,.24)!important;margin:0!important;}
.caihub-kh-action small{display:block!important;max-width:520px!important;color:#38516a!important;line-height:1.55!important;font-weight:650!important;white-space:normal!important;}
@media(max-width:1024px){
  .caihub-kh-shell{grid-template-columns:minmax(0,1fr) minmax(240px,320px)!important;gap:20px!important;padding:24px!important;}
  .caihub-kh-cards{grid-template-columns:1fr!important;}
  .caihub-kh-text h2{font-size:clamp(28px,4.6vw,38px)!important;}
  .caihub-kh-visual a{max-width:320px!important;}
}
@media(max-width:820px){
  .caihub-kh-section{padding:34px 14px!important;width:100%!important;max-width:100%!important;}
  .caihub-kh-shell{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
    padding:18px 14px!important;
    border-radius:20px!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .caihub-kh-text{order:1!important;width:100%!important;}
  .caihub-kh-visual{order:2!important;width:100%!important;}
  .caihub-kh-cards{order:3!important;width:100%!important;grid-template-columns:1fr!important;}
  .caihub-kh-action{order:4!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .caihub-kh-text h2{font-size:28px!important;line-height:1.16!important;margin:6px 0 10px!important;}
  .caihub-kh-text p{font-size:15px!important;line-height:1.68!important;margin:9px 0!important;width:100%!important;max-width:100%!important;}
  .caihub-kh-visual a{max-width:min(360px,100%)!important;width:100%!important;}
  .caihub-kh-visual img{width:100%!important;max-height:none!important;border-radius:18px!important;}
  .caihub-kh-action .btn{width:100%!important;text-align:center!important;display:flex!important;justify-content:center!important;white-space:normal!important;line-height:1.35!important;}
  .caihub-kh-action small{max-width:100%!important;text-align:left!important;}
}
@media(max-width:420px){
  .caihub-kh-section{padding-left:10px!important;padding-right:10px!important;}
  .caihub-kh-shell{padding:16px 12px!important;gap:16px!important;}
  .caihub-kh-text h2{font-size:25px!important;}
  .caihub-kh-text p{font-size:14px!important;line-height:1.65!important;}
  .caihub-kh-card{padding:13px!important;}
  .caihub-kh-card span{font-size:12.8px!important;}
}

/* ===== CAiHUB client dashboard UX refinement: single command row, profile-left, actions, logout ===== */
.client-dashboard-page{
  padding:34px 18px 50px!important;
}
.client-dashboard-commandbar{
  display:grid!important;
  grid-template-columns:minmax(260px,360px) 1fr!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  background:linear-gradient(135deg,#071827 0%,#0b3b66 62%,#0f5f99 100%)!important;
  color:#fff!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 18px 44px rgba(7,24,39,.18)!important;
  margin-bottom:14px!important;
  overflow:hidden!important;
}
.client-identity-card{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.client-dashboard-commandbar .client-profile-photo-small{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid #f7b733!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
}
.client-dashboard-commandbar .client-profile-initial{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#071827!important;
  font-weight:900!important;
  font-size:21px!important;
}
.client-dashboard-commandbar .client-profile-text{
  min-width:0!important;
}
.client-dashboard-commandbar .dashboard-eyebrow{
  margin:0 0 2px!important;
  color:#a7d8ff!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
}
.client-dashboard-commandbar .client-profile-text h1{
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.1!important;
  max-width:280px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.client-dashboard-commandbar .client-contact-line{
  margin:0 0 6px!important;
  color:#dbeafe!important;
  font-size:12px!important;
  line-height:1.35!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:300px!important;
}
.client-action-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}
.client-action-bar .dash-action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.client-action-bar .dash-action-btn:hover{
  background:rgba(255,255,255,.20)!important;
  transform:translateY(-1px)!important;
}
.client-action-bar .dash-action-btn b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0b3b66!important;
  font-size:11px!important;
  font-weight:900!important;
}
.client-action-bar .dash-action-btn.primary{
  background:linear-gradient(135deg,#f7b733,#ffcf5c)!important;
  color:#071827!important;
  border-color:#f7b733!important;
}
.client-action-bar .dash-action-btn.warning{
  background:#fef3c7!important;
  color:#92400e!important;
  border-color:#fcd34d!important;
}
.client-action-bar .dash-action-btn.warning b{
  background:#92400e!important;
  color:#fff!important;
}
.client-action-bar .dash-action-btn.logout{
  background:#fee2e2!important;
  color:#991b1b!important;
  border-color:#fecaca!important;
  margin-left:auto!important;
}
.client-next-action-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  background:#fff7ed!important;
  border:1px solid #fed7aa!important;
  color:#7c2d12!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  margin:0 0 14px!important;
  box-shadow:0 8px 22px rgba(124,45,18,.06)!important;
  font-size:14px!important;
}
.client-next-action-strip strong{
  color:#9a3412!important;
}
.client-next-action-strip a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#9a3412!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.client-section-shortcuts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 16px!important;
}
.client-section-shortcuts a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  border:1px solid #d8e0ea!important;
  color:#0b3b66!important;
  font-weight:900!important;
  font-size:12px!important;
  text-decoration:none!important;
}
.client-section-shortcuts a:hover{
  background:#eff6ff!important;
}
.dashboard-kpi-grid{
  margin-top:16px!important;
}
.dashboard-kpi-grid .dash-card{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid #d8e0ea!important;
  box-shadow:0 12px 28px rgba(8,27,51,.06)!important;
  padding:17px!important;
  transition:.2s ease!important;
}
.dashboard-kpi-grid .dash-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(8,27,51,.10)!important;
}
.dashboard-kpi-grid .dash-card h3{
  margin:0 0 8px!important;
  color:#0b3b66!important;
  font-size:14px!important;
}
.dashboard-kpi-grid .dash-card strong{
  color:#071827!important;
  font-size:28px!important;
}
.customer-dashboard-section{
  border-radius:20px!important;
  overflow:hidden!important;
}
.customer-dashboard-section h2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding-bottom:12px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid #e5edf5!important;
}
@media(max-width:1180px){
  .client-dashboard-commandbar{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .client-action-bar{
    justify-content:flex-start!important;
  }
  .client-action-bar .dash-action-btn.logout{
    margin-left:0!important;
  }
}
@media(max-width:760px){
  .client-dashboard-page{
    padding:22px 12px 40px!important;
  }
  .client-dashboard-commandbar{
    border-radius:18px!important;
    padding:13px!important;
  }
  .client-identity-card{
    align-items:flex-start!important;
  }
  .client-dashboard-commandbar .client-profile-photo-small{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .client-dashboard-commandbar .client-profile-text h1{
    font-size:18px!important;
    max-width:calc(100vw - 104px)!important;
  }
  .client-dashboard-commandbar .client-contact-line{
    white-space:normal!important;
    max-width:calc(100vw - 104px)!important;
    word-break:break-word!important;
  }
  .client-action-bar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .client-action-bar .dash-action-btn{
    width:100%!important;
    min-height:42px!important;
    white-space:normal!important;
    text-align:center!important;
    padding:9px 8px!important;
  }
  .client-action-bar .dash-action-btn.primary,
  .client-action-bar .dash-action-btn.logout{
    grid-column:1/-1!important;
  }
  .client-next-action-strip{
    display:block!important;
    font-size:13px!important;
  }
  .client-next-action-strip a{
    width:100%!important;
    margin-top:10px!important;
  }
  .client-section-shortcuts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .client-section-shortcuts a{
    width:100%!important;
  }
  .customer-dashboard-section .table-wrap,
  .table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}
@media(max-width:390px){
  .client-action-bar,
  .client-section-shortcuts{
    grid-template-columns:1fr!important;
  }
}

/* CAiHUB client login dashboard - snapshot inspired command portal */
.client-portal-shell{
  max-width:1380px;
  margin:0 auto;
  padding:18px 18px 36px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%);
}
.client-portal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:linear-gradient(90deg,#06345d,#061d35);
  color:#fff;
  border-radius:0 0 18px 18px;
  padding:12px 18px;
  margin:-18px -18px 22px;
  box-shadow:0 14px 32px rgba(6,29,53,.16);
}
.client-portal-title{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:900;letter-spacing:.01em}
.client-portal-title strong{color:#6ee76e;font-size:24px;letter-spacing:-.03em}.client-portal-title span{border-left:1px solid rgba(255,255,255,.3);padding-left:14px}
.client-portal-support{display:flex;align-items:center;gap:16px;font-weight:800}.client-portal-support a{color:#fff;text-decoration:none}.client-bell{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px}
.client-dashboard-topcard{
  display:grid;
  grid-template-columns:minmax(280px,330px) 1fr;
  gap:22px;
  align-items:stretch;
  background:#fff;
  border:1px solid #dbe5ef;
  border-radius:22px;
  padding:22px;
  box-shadow:0 18px 45px rgba(8,27,51,.08);
}
.client-profile-summary{display:flex;gap:14px;align-items:flex-start;min-width:0}.client-avatar-xs{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid #dbeafe;background:#fff;box-shadow:0 10px 22px rgba(11,59,102,.12);flex:0 0 auto}.client-avatar-initial{display:grid;place-items:center;background:linear-gradient(135deg,#0b3b66,#18a957);color:#fff;font-size:28px;font-weight:900}.client-profile-copy h1{margin:0 0 6px;font-size:21px;color:#0f172a;line-height:1.15}.client-profile-copy p{margin:4px 0;color:#334155;font-size:14px;word-break:break-word}.verified-dot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#22c55e;color:#fff;font-size:12px;vertical-align:2px}.client-status-pill{display:inline-flex;margin-top:8px;border-radius:999px;padding:6px 12px;background:#e9f9e8;color:#166534;font-weight:900;font-size:13px;border:1px solid #c7eec4}
.client-quick-actions{display:grid;grid-template-columns:repeat(9,minmax(82px,1fr));gap:12px;align-items:stretch}.client-action-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:12px 9px;border-radius:14px;border:1px solid #dbe5ef;text-decoration:none;color:#0f172a;font-weight:900;text-align:center;transition:.18s ease;box-shadow:0 6px 18px rgba(8,27,51,.05);overflow:hidden}.client-action-tile:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(8,27,51,.12)}.client-action-tile .tile-icon{font-size:27px;line-height:1}.client-action-tile small{font-size:12px;line-height:1.2}.client-action-tile b{position:absolute;top:8px;right:8px;min-width:22px;height:22px;border-radius:99px;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:12px}.tile-blue{background:#eef7ff;color:#075985;border-color:#cfe8ff}.tile-green{background:#effdf4;color:#166534;border-color:#c8f7d6}.tile-purple{background:#faf5ff;color:#7e22ce;border-color:#eadcff}.tile-gold{background:#fff8e8;color:#b45309;border-color:#f4dfad}.tile-cyan{background:#ecfeff;color:#0e7490;border-color:#c6f6fb}.tile-lime{background:#f2fde9;color:#15803d;border-color:#d8f5c8}.tile-violet{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.tile-red{background:#fff1f2;color:#dc2626;border-color:#fecdd3}
.client-alert-strip{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:22px 0;border-radius:14px;padding:16px;border:1px solid #f4d28d;background:linear-gradient(90deg,#fff8e8,#fff);box-shadow:0 10px 25px rgba(180,83,9,.08)}.client-alert-strip.alert-normal{border-color:#bfdbfe;background:linear-gradient(90deg,#eff6ff,#fff)}.alert-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff1c9;font-size:22px}.client-alert-strip p{margin:3px 0 0;color:#334155}.client-primary-cta{background:#d99200;color:#fff;text-decoration:none;font-weight:900;padding:12px 18px;border-radius:9px;white-space:nowrap;box-shadow:0 10px 18px rgba(217,146,0,.24)}
.client-overview-card,.client-panel{background:#fff;border:1px solid #dbe5ef;border-radius:16px;box-shadow:0 12px 30px rgba(8,27,51,.06)}.client-overview-card{padding:16px;margin-bottom:14px}.client-section-heading,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-section-heading h2,.panel-head h2{margin:0;color:#0f172a;font-size:18px}.client-section-heading p,.panel-head span{color:#64748b;margin:0;font-size:13px}.panel-head a{font-size:13px;color:#075da8;text-decoration:none;font-weight:900}.client-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px}.overview-tile{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon num' 'icon txt' 'icon link';gap:0 12px;align-items:center;text-decoration:none;color:#0f172a;border:1px solid #dbe5ef;border-radius:14px;padding:18px;background:#fbfdff;min-height:106px}.overview-tile span{grid-area:icon;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px}.overview-tile strong{grid-area:num;font-size:28px;line-height:1}.overview-tile p{grid-area:txt;margin:0;color:#334155}.overview-tile small{grid-area:link;color:#075da8;font-weight:900}.overview-tile.purple span{background:#f3e8ff}.overview-tile.gold span{background:#fff2cc}.overview-tile.blue span{background:#dbeafe}.overview-tile.green span{background:#dcfce7}.overview-tile.cyan span{background:#cffafe}
.client-dashboard-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:14px}.client-panel{padding:16px;min-width:0}.client-list-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 10px;border-bottom:1px solid #edf2f7}.client-list-row:last-child{border-bottom:0}.client-list-row strong{display:block;color:#0f172a;font-size:14px}.client-list-row small{display:block;color:#64748b;margin-top:3px}.row-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e0f2fe}.row-icon.green{background:#dcfce7}.row-icon.blue{background:#dbeafe}.row-icon.success{background:#dcfce7;color:#166534}.row-icon.warning{background:#fef3c7;color:#92400e}.row-icon.danger{background:#fee2e2;color:#991b1b}.status-badge{display:inline-flex;border-radius:7px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900;white-space:nowrap}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.danger{background:#fee2e2;color:#991b1b}.status-badge.info{background:#dbeafe;color:#075985}.amount-cell{text-align:right}.amount-cell strong{white-space:nowrap}.report-stepper{display:grid;gap:0;padding:10px 4px}.step{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;position:relative;padding:8px 0}.step:not(:last-child):before{content:'';position:absolute;left:16px;top:38px;bottom:-8px;width:2px;background:#dbe5ef}.step b{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#475569}.step.done b{background:#22c55e;color:#fff}.step.active b{background:#2b7ddd;color:#fff}.step strong{display:block}.step small{display:block;color:#64748b}.step a,.outline-mini,.pay-mini{border:1px solid #93c5fd;border-radius:8px;padding:7px 10px;text-decoration:none;font-size:12px;font-weight:900;color:#075da8;background:#fff}.pay-mini{border-color:#f5c266;color:#b45309}.message-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;padding:12px;margin-top:12px}.message-card p{margin:0}.message-card small{color:#64748b}.empty-state{padding:18px;color:#64748b}.empty-state a{color:#075da8;font-weight:900}.full-panel{margin-top:14px}.client-card-table{display:grid;gap:10px;margin-top:12px}.client-table-card{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.client-table-card strong{display:block}.client-table-card small{color:#64748b}.client-pay-button{background:#d99200;color:#fff;text-decoration:none;font-weight:900;border-radius:8px;padding:9px 12px;white-space:nowrap}.lower-grid{margin-bottom:14px}
@media(max-width:1200px){.client-dashboard-topcard{grid-template-columns:1fr}.client-quick-actions{grid-template-columns:repeat(5,1fr)}.client-overview-grid,.client-dashboard-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.client-portal-shell{padding:12px}.client-portal-header{margin:-12px -12px 16px;border-radius:0 0 14px 14px}.client-portal-title{font-size:16px}.client-portal-title strong{font-size:19px}.client-portal-support{font-size:12px}.client-dashboard-topcard{padding:14px;border-radius:16px;gap:14px}.client-profile-summary{align-items:center}.client-avatar-xs{width:58px;height:58px}.client-profile-copy h1{font-size:17px}.client-profile-copy p{font-size:12px}.client-status-pill{font-size:11px;padding:5px 8px}.client-quick-actions{grid-template-columns:repeat(2,1fr);gap:9px}.client-action-tile{min-height:82px}.client-action-tile.tile-red{grid-column:1/-1}.client-alert-strip{grid-template-columns:auto 1fr;align-items:start}.client-primary-cta{grid-column:1/-1;text-align:center}.client-overview-grid,.client-dashboard-grid-3{grid-template-columns:1fr}.overview-tile{min-height:94px}.client-section-heading,.panel-head{align-items:flex-start}.client-section-heading{flex-direction:column}.client-list-row{grid-template-columns:auto 1fr;align-items:start}.client-list-row > .status-badge,.client-list-row > .amount-cell,.client-list-row > a{grid-column:2}.step{grid-template-columns:34px 1fr}.step a,.pay-mini{grid-column:2;width:max-content}.client-table-card{grid-template-columns:1fr;align-items:start}.client-pay-button{text-align:center}.table-wrap{overflow-x:auto}.admin-table{min-width:680px}}


/* ===== AMENDMENT: Knowledge Hub image replaced with wide banner ===== */
.caihub-kh-visual a{max-width:840px!important;width:100%!important;}
.caihub-kh-visual img{aspect-ratio:21/5!important;object-fit:contain!important;max-height:220px!important;background:#fff!important;}
@media(min-width:821px){
  .caihub-kh-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:
    "visual"
    "text"
    "cards"
    "action"!important;}
  .caihub-kh-visual{width:100%!important;}
}
@media(max-width:820px){
  .caihub-kh-visual img{aspect-ratio:21/5!important;max-height:180px!important;}
}