/* 5Kaizen app chrome. Keep this file identical in the portable app bundles. */
:root{color-scheme:light;--kz-bg:#f7f8fa;--kz-surface:#fff;--kz-panel:#eef0f4;--kz-ink:#202124;--kz-muted:#626771;--kz-line:#dfe3e8;--kz-blue:#0b57d0;--kz-blue-soft:#eaf1fe;--kz-radius:12px;--kz-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--text:var(--kz-ink);--text-mid:var(--kz-muted);--text-dim:var(--kz-muted);--panel:var(--kz-surface);--bg:var(--kz-bg);--input-bg:#fff;--border:var(--kz-line);--brass:var(--kz-blue);--brand:var(--kz-blue);--brand-700:#0842a0;--brand-50:var(--kz-blue-soft);--ink:var(--kz-ink);--muted:var(--kz-muted);--line:var(--kz-line);--font:var(--kz-font);--shadow-card:0 2px 8px #20212408}
body{font-family:var(--kz-font);color:var(--kz-ink);background:var(--kz-bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}
:is(button,a,input,select,textarea):focus-visible{outline:3px solid #0b57d066;outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3{letter-spacing:-.025em}input,textarea,select{color-scheme:light}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* CRM: readable labels, neutral record panels, one selection color. */
.agent-crm-shell{max-width:1600px}.agent-crm-rail{background:var(--kz-surface);border-color:var(--kz-line)}
.agent-crm-rail-section .bar,.agent-crm-rail-section.stages .bar,.agent-crm-rail-section.workspaces .bar,.agent-crm-rail-section.services .bar,.agent-crm-rail-section.tags .bar{background:transparent;color:var(--kz-muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--kz-line)}
.agent-crm-panel,.agent-crm-detail-card,.agent-crm-modal,.agent-tx-panel{border-color:var(--kz-line);box-shadow:none;border-radius:var(--kz-radius)}
.agent-crm-btn,.agent-crm-actionbtn,.agent-crm-chip-btn{font-weight:500;border-radius:8px}
.agent-crm-btn.primary{background:var(--kz-blue);border-color:var(--kz-blue);color:white}
.agent-crm-rail button.active,.agent-crm-chip-btn.active{background:var(--kz-blue-soft);color:var(--kz-blue)}
.agent-crm-head h1{font-size:28px;font-weight:650}.agent-crm-sub{line-height:1.55;color:var(--kz-muted)}
.agent-crm-security{display:none}.agent-crm-demo{background:var(--kz-blue-soft);color:var(--kz-blue)}
#nav-btn-group button .nav-label{position:static;width:auto;height:auto;clip:auto;overflow:visible;font-size:11px;line-height:1.3}
#nav-btn-group button.active{background:var(--kz-blue-soft);color:var(--kz-blue)}
#kz-gate{background:var(--kz-bg)!important}#kz-gate .kz-gate-submit{background:var(--kz-blue)!important}#kz-gate .kz-gate-note{color:var(--kz-muted)!important}
.kz-google-button{width:100%;min-height:44px;border:1px solid var(--kz-line);background:white;color:var(--kz-ink);border-radius:9px;font-size:14px;font-weight:600;margin-bottom:20px;cursor:pointer}
.kz-mail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:20px}.kz-mail-grid label{display:block;margin:12px 0;font-weight:500;font-size:13px}.kz-mail-grid input,.kz-mail-grid textarea,.kz-mail-grid select{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid var(--kz-line);border-radius:8px;background:white;font-size:14px}.kz-mail-grid input[type=checkbox]{display:inline;width:auto}.kz-mail-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.kz-recipient-list{max-height:270px;overflow:auto}.kz-recipient-list label{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--kz-line);padding:8px}.kz-recipient-list small{color:var(--kz-muted)}.kz-mail-status{padding:12px;background:var(--kz-panel);border-radius:8px;margin:12px 0;line-height:1.5}.kz-mail-step{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--kz-muted)}
/* Groupie: quiet white surfaces, ordinary type, and consistent controls. */
body.groupie-theme,.creative-pulse-shell,.creative-main{background:var(--kz-bg);color:var(--kz-ink)}
.creative-header{background:#ffffffed;border-bottom:1px solid var(--kz-line);box-shadow:none}
.creative-header-logo{filter:none}.creative-desktop-nav{background:var(--kz-panel);border:0}
.creative-desktop-nav .nav-desktop-btn{color:var(--kz-muted);font-weight:500}
.creative-desktop-nav .nav-desktop-btn:hover{color:var(--kz-ink)}
.creative-desktop-nav .nav-desktop-btn.active{background:white;color:var(--kz-blue);box-shadow:0 1px 3px #20212415}
.creative-header-action,.creative-header-logout{background:white;border:1px solid var(--kz-line);color:var(--kz-muted);box-shadow:none}
.creative-header-action:hover,.creative-header-logout:hover{background:var(--kz-panel);color:var(--kz-ink)}
.creative-pulse-shell .ios-white-card,.creative-home-hero,.creative-action-row,.creative-stat{background:white;color:var(--kz-ink);border:1px solid var(--kz-line);box-shadow:none;border-radius:var(--kz-radius)}
.creative-pulse-shell .ios-white-card:hover,.creative-action-row:hover,.creative-stat:hover{background:white;border-color:#bac7dc;box-shadow:0 2px 8px #20212408;transform:none}
.creative-home{max-width:1120px;gap:24px}.creative-home-hero{padding:30px}.creative-home-hero h1{font-size:30px;font-weight:650;line-height:1.2}.creative-home-hero p{font-size:14px;font-weight:400;color:var(--kz-muted)}
.creative-live-status{background:var(--kz-panel);color:var(--kz-muted);border:0;font-weight:500}.creative-live-status::before{background:#188038;box-shadow:none}
.creative-capture-btn,.creative-capture-btn:last-child{background:var(--kz-bg);color:var(--kz-ink);border:1px solid var(--kz-line);border-radius:10px;font-weight:500;min-height:86px}.creative-capture-btn:hover{background:var(--kz-blue-soft)}.creative-capture-btn svg{color:var(--kz-blue)}
.creative-stat strong{font-size:24px;color:var(--kz-ink);font-weight:600}.creative-stat span,.creative-action-copy span{color:var(--kz-muted);font-size:13px;font-weight:400;white-space:normal}
.creative-section-heading h2,.creative-action-copy strong{color:var(--kz-ink);font-weight:600;font-size:15px}.creative-section-heading button,.creative-action-arrow{color:var(--kz-blue)}
.creative-action-icon{background:var(--kz-blue-soft)!important;color:var(--kz-blue)!important;border-radius:10px}.creative-action-row{min-height:90px}
.creative-pulse-shell .text-gray-900,.creative-pulse-shell .text-gray-800,.creative-pulse-shell .text-gray-700{color:var(--kz-ink)!important}.creative-pulse-shell .text-gray-600,.creative-pulse-shell .text-gray-500,.creative-pulse-shell .text-gray-400{color:var(--kz-muted)!important}
.creative-pulse-shell .bg-white{background:white!important}.creative-pulse-shell .bg-gray-50,.creative-pulse-shell .bg-gray-100{background:var(--kz-bg)!important}
.creative-pulse-shell .border-gray-100,.creative-pulse-shell .border-gray-200,.creative-pulse-shell .border-gray-300{border-color:var(--kz-line)!important}
.creative-pulse-shell input,.creative-pulse-shell textarea,.creative-pulse-shell select{background:white!important;color:var(--kz-ink)!important;border-color:var(--kz-line)!important;color-scheme:light}.creative-pulse-shell input::placeholder,.creative-pulse-shell textarea::placeholder{color:var(--kz-muted)}
.creative-pulse-shell .btn-apple-blue,.creative-pulse-shell .btn-apple-orange,.creative-pulse-shell .bg-gradient-to-r{background:var(--kz-blue)!important;border-color:var(--kz-blue);color:white;box-shadow:none!important;font-weight:600}
.creative-editor-quick-card{background:var(--kz-blue-soft)!important;border:1px solid #d5e2fc!important;box-shadow:none!important;border-radius:var(--kz-radius)!important}.creative-editor-quick-card h3{color:var(--kz-ink)!important}.creative-editor-quick-card p{color:var(--kz-muted)!important}.creative-editor-quick-card h3 span{background:white;color:var(--kz-blue);border-color:var(--kz-line)}
.creative-mobile-nav{background:#fffffff5;border:1px solid var(--kz-line);box-shadow:0 3px 15px #20212412;border-radius:16px}.creative-mobile-nav .nav-btn{color:var(--kz-muted)}.creative-mobile-nav .nav-btn.active:not(.nav-create){background:var(--kz-blue-soft);color:var(--kz-blue)!important;box-shadow:none}.nav-create-icon,.nav-create.active .nav-create-icon{background:var(--kz-blue);box-shadow:none}
.creative-pulse-shell .font-black,.creative-pulse-shell .font-extrabold{font-weight:650}.creative-pulse-shell .font-bold{font-weight:600}
/* Portal controls retain site identity; all app controls share the same palette. */
.filterbar{gap:8px}.fsave,.fbtn{border-radius:8px}.rail button.nav.active{background:var(--kz-blue-soft)}.kz-share-field{width:100%;padding:12px;border:1px solid var(--kz-line);border-radius:8px;font:14px var(--kz-font)}
@media(max-width:800px){.kz-mail-grid{grid-template-columns:1fr}.creative-home-hero{padding:22px}.creative-home-hero h1{font-size:25px}.creative-home-hero__top{flex-wrap:wrap}.creative-header{flex-wrap:wrap}.filterbar{overflow-x:auto}.creative-action-row{min-height:82px}}

.agent-crm-rail-group .rail-bar-stages,.agent-crm-rail-group .rail-bar-workspaces,.agent-crm-rail-group .rail-bar-services,.agent-crm-rail-group .rail-bar-tags{background:transparent!important;color:var(--kz-muted)!important;border-color:var(--kz-line)!important;font-weight:600!important;font-size:11px!important;letter-spacing:.04em}

.creative-header>div:first-child>span{color:var(--kz-ink)}
.creative-header button[title="Open visual site editor"]{background:white;color:var(--kz-muted);border-color:var(--kz-line)}
.agent-crm-linkbtn{color:var(--kz-blue)!important;font-weight:500}
.creative-mobile-nav .nav-create{transform:none}.creative-mobile-nav .nav-create-icon{width:28px;height:28px;min-height:28px;flex-shrink:0;border-radius:8px}.creative-mobile-nav .nav-create-icon svg{width:20px;height:20px}