/* Four-app KIVA Studio visual shell. Does not modify auth, billing or rendering. */
:root{--kiva-red:#c71c3d;--kiva-ink:#24212b;--kiva-line:#e5e1e7;--kiva-photo-studio:url('https://images.unsplash.com/photo-1780191751680-cdd89eef7b27?auto=format&fit=crop&w=1000&q=85')}
.kiva-global-topbar{position:sticky!important;top:0!important;z-index:110!important;background:rgba(255,255,255,.975)!important;border-bottom:1px solid #ebe6ed!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:14px clamp(14px,3vw,42px)!important;min-height:63px!important;box-sizing:border-box!important}
.kiva-global-topbar .studio-brand,.kiva-global-topbar .wordmark,.kiva-global-topbar .social-brand,.kiva-global-topbar .kiva-wordmark{color:#26202b;text-decoration:none;font-size:18px;letter-spacing:-.045em;font-weight:750;white-space:nowrap;display:flex;align-items:center;gap:4px}
.kiva-global-topbar .studio-brand i{background:#d31c3b!important}
.kiva-global-topbar .wordmark span,.kiva-global-topbar .social-brand span,.kiva-global-topbar .kiva-wordmark span{color:#d51d3b;font-size:13px}
.kiva-global-topbar .studio-nav,.kiva-global-topbar nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:26px!important;flex-wrap:wrap;font-size:12px!important;line-height:1.5}
.kiva-global-topbar .studio-nav a,.kiva-global-topbar nav a{position:relative!important;white-space:nowrap!important;color:#302b35!important;font-size:12px!important;text-decoration:none!important;padding:7px 3px!important;font-weight:600!important}
.kiva-global-topbar .studio-nav a:not(:first-child):before,.kiva-global-topbar nav a:not(:first-child):before{content:"●";position:absolute;left:-17px;top:50%;transform:translateY(-50%);color:#d3213e;font-size:8px;line-height:1}
.kiva-global-topbar .studio-nav a[aria-current=page],.kiva-global-topbar nav a[aria-current=page]{color:#b71935!important;border-bottom:2px solid #c71f3c}
.kiva-global-topbar .studio-top-actions,.kiva-global-topbar .social-account{display:none!important}
.kiva-app-shell{width:100%;max-width:1600px;margin:0 auto;padding:16px clamp(12px,2.1vw,28px) 35px;display:grid;grid-template-columns:228px minmax(0,1fr);gap:15px;align-items:start}
.kiva-app-main{min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.kiva-unified-side{position:sticky;top:76px;max-height:calc(100vh - 87px);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:11px;font-family:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif}
.kiva-side-panel{border:1px solid #e8e3e8;border-radius:13px;background:#fff;padding:14px;min-width:0}
.kiva-side-heading{font-size:10px;color:#a72440;font-weight:750;letter-spacing:.13em;margin:0 0 6px}
.kiva-side-brand{font-weight:650;font-size:14px;margin:0;color:#24212a}
.kiva-side-detail{font-size:11px;color:#55515c;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}
.kiva-side-number{font-size:23px;color:#251e2a;letter-spacing:-.04em;font-weight:650}
.kiva-side-recent{margin:8px 0 0;padding:0;list-style:none}
.kiva-side-recent li{padding:8px 0;border-top:1px solid #efeaf0;font-size:11px;line-height:1.5;color:#4d4751;overflow-wrap:anywhere}
.kiva-side-recent small{display:block;color:#68616b;font-size:10px;margin-top:2px}
.kiva-side-recent a{color:#36313c;text-decoration:none}
.kiva-side-recent a:hover{color:#ae2039}
.kiva-side-photo{position:relative;isolation:isolate;overflow:hidden;border-radius:13px;min-height:205px;background:#33202d var(--kiva-photo-studio) center/cover no-repeat}
.kiva-side-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#130b1685 0%,#1d102325 46%,#190d2491 100%);z-index:-1}
.kiva-side-photo>span{display:block;position:relative;font-size:9px;letter-spacing:.15em;font-weight:750;color:#fff;padding:15px 13px}
.kiva-side-photo>strong{display:block;position:absolute;left:13px;bottom:14px;right:15px;color:#fff;font-weight:400;letter-spacing:-.04em;font-size:20px;line-height:1.24;text-shadow:0 2px 8px #100a1bc0}
.kiva-side-photo b{color:#ff334b}
.kiva-app-hero{position:sticky;top:66px;z-index:16;background:linear-gradient(110deg,#fff 0%,#faf9fc 77%,#f7f1f4 100%);border:1px solid #e7e1e7;border-radius:15px;padding:24px 30px;min-height:156px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 18px #291f3110;margin-bottom:17px}
.kiva-app-hero h1{font-size:clamp(27px,3.3vw,42px);font-weight:350;letter-spacing:-.055em;margin:5px 0 8px;color:#29232d;line-height:1.1}
.kiva-app-hero p{max-width:680px;color:#514a56;font-size:12px;line-height:1.65;margin:0}
.kiva-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;color:#a6223c}
.kiva-dot{color:#d62242;margin:0 7px;font-size:10px}
.kiva-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#fff!important;background:linear-gradient(180deg,#e42d4d,#af1533);padding:12px 17px;border-radius:28px;font-size:12px;font-weight:650;white-space:normal;text-align:center;min-height:44px}
.kiva-start:hover{background:#a61530}
.kiva-start-outline{color:#aa1d39!important;background:#fff;border:1px solid #e4c6ce}
.kiva-start-outline:hover{background:#fff0f2}
.kiva-output-heading{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:22px 0 5px;color:#29252e}
.kiva-output-lead{font-size:12px;color:#57515a;line-height:1.6;margin:0 0 13px}
.kiva-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kiva-visual-card{overflow:hidden;border-radius:13px;border:1px solid #e9e4e9;background:#fff;min-width:0}
.kiva-visual-card h3{font-size:12px;font-weight:650;color:#27242c;margin:0}
.kiva-visual-card-head{display:flex;align-items:center;gap:8px;padding:11px 12px}
.kiva-visual-card-head>span{width:25px;height:25px;display:grid;place-items:center;font-size:12px;font-weight:750;color:#fff;border-radius:7px;background:#ce2441}
.kiva-visual-card-head>span[data-platform=whatsapp]{background:#16a65d}
.kiva-visual-card-head>span[data-platform=facebook]{background:#166fe5}
.kiva-visual-card-head>span[data-platform=instagram]{background:linear-gradient(35deg,#e5a72e,#d02d91,#7048e4)}
.kiva-visual-card-head>span[data-platform=linkedin]{background:#1266a9}
.kiva-visual-photo{width:100%;height:clamp(130px,15vw,205px);object-fit:cover;display:block;background:#ece9ec}
.kiva-visual-card p{font-size:11px;line-height:1.5;color:#554f59;margin:10px 12px 13px}
.kiva-page-callout{display:flex;align-items:center;gap:18px;justify-content:space-between;background:linear-gradient(110deg,#fff 0%,#fff2f4 100%);border:1px solid #ecdce2;border-radius:14px;padding:17px 20px;margin:14px 0}
.kiva-page-callout strong{display:block;font-size:19px;font-weight:600;color:#29252c;letter-spacing:-.035em}
.kiva-page-callout p{color:#5c525d;font-size:12px;line-height:1.6;margin:4px 0 0}
.kiva-footnote{font-size:10px;color:#56505c;line-height:1.6;margin:14px 0}
@media(max-width:1150px){.kiva-app-shell{grid-template-columns:190px minmax(0,1fr)}.kiva-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:830px){.kiva-app-shell{display:flex;flex-direction:column}.kiva-unified-side{position:static;width:100%;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.kiva-side-photo{min-height:170px}.kiva-app-hero{top:63px}.kiva-global-topbar{flex-wrap:wrap;gap:9px!important}.kiva-global-topbar nav,.kiva-global-topbar .studio-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start!important}.kiva-global-topbar{min-height:70px!important}}
@media(max-width:570px){.kiva-unified-side{display:flex;flex-direction:column}.kiva-side-photo{min-height:150px}.kiva-app-hero{top:92px;min-height:115px;padding:15px 16px;display:block}.kiva-app-hero h1{font-size:26px}.kiva-app-hero p{font-size:11px}.kiva-page-callout{display:flex;flex-direction:column;align-items:flex-start;padding:14px}.kiva-page-callout .kiva-start{width:100%}.kiva-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kiva-visual-card-head{padding:9px}.kiva-visual-card h3{font-size:11px}.kiva-visual-photo{height:130px}.kiva-global-topbar .studio-nav,.kiva-global-topbar nav{gap:22px!important}.kiva-global-topbar .studio-nav a,.kiva-global-topbar nav a{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Account Welcome Centre shares the same verified Studio panel when Studio entitlement exists. */
#portal.welcome-v2 .kiva-welcome-app-grid{display:grid;grid-template-columns:228px minmax(0,1fr);align-items:start;gap:15px;margin:0}
#portal.welcome-v2 .kiva-welcome-main{min-width:0}
#portal.welcome-v2 .kiva-welcome-main .wv-hero{position:sticky;top:76px}
#portal.welcome-v2 .kiva-unified-side .kiva-side-panel{padding:13px}
#portal.welcome-v2 .kiva-unified-side .kiva-side-photo{min-height:200px}
#portal.welcome-v2 .kiva-welcome-main .wv-section{margin-top:18px}
@media(max-width:980px){#portal.welcome-v2 .kiva-welcome-app-grid{grid-template-columns:185px minmax(0,1fr);gap:10px}}
@media(max-width:730px){
 #portal.welcome-v2 .kiva-welcome-app-grid{display:flex;flex-direction:column;gap:12px}
 #portal.welcome-v2 .kiva-welcome-app-grid>.kiva-unified-side{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:static;max-height:none}
 #portal.welcome-v2 .kiva-welcome-app-grid>.kiva-unified-side .kiva-side-photo{min-height:154px}
 #portal.welcome-v2 .kiva-welcome-main{width:100%}
}
@media(max-width:500px){#portal.welcome-v2 .kiva-welcome-app-grid>.kiva-unified-side{grid-template-columns:repeat(2,minmax(0,1fr))}#portal.welcome-v2 .kiva-side-photo{min-height:128px}#portal.welcome-v2 .kiva-side-photo>strong{font-size:15px}}