/* ZuporiaCRM unified design system — opt-in .zu-* components only. */
:root{--zu-bg:#f6f7fb;--zu-surface:#fff;--zu-surface-2:#f9fafc;--zu-text:#18212f;--zu-muted:#6d7787;--zu-line:#e7eaf0;--zu-primary:#635bff;--zu-primary-hover:#5149d9;--zu-primary-soft:#eeedff;--zu-success:#19a974;--zu-warning:#e99b35;--zu-danger:#e45757;--zu-info:#3c82f6;--zu-shadow:0 8px 30px rgba(22,29,45,.06);--zu-radius:16px;--zu-sidebar:248px;--zu-topbar:68px}
[data-zu-theme="dark"]{--zu-bg:#0d1117;--zu-surface:#151a22;--zu-surface-2:#1b212b;--zu-text:#edf1f7;--zu-muted:#98a2b3;--zu-line:#29313d;--zu-primary:#817aff;--zu-primary-hover:#958fff;--zu-primary-soft:#282546;--zu-success:#35c58b;--zu-warning:#f0ad52;--zu-danger:#ef7070;--zu-info:#65a0ff;--zu-shadow:0 10px 30px rgba(0,0,0,.18)}
.zu-app{min-height:100vh;background:var(--zu-bg);color:var(--zu-text)}
.zu-app *,.zu-app *::before,.zu-app *::after{box-sizing:border-box}.zu-app button,.zu-app input,.zu-app select,.zu-app textarea{font:inherit}.zu-app a{color:inherit;text-decoration:none}.zu-app button{cursor:pointer}
.zu-sidebar{position:fixed;inset:0 auto 0 0;width:var(--zu-sidebar);z-index:1000;padding:20px 14px;background:var(--zu-surface);border-right:1px solid var(--zu-line)}
.zu-logo{display:flex;align-items:center;gap:10px;padding:5px 10px 25px;font-size:20px;font-weight:800;letter-spacing:-.5px}.zu-logo-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--zu-primary);color:#fff;font-weight:900}
.zu-workspace{display:flex;align-items:center;gap:10px;margin:0 4px 22px;padding:10px;background:var(--zu-surface-2);border:1px solid var(--zu-line);border-radius:12px}.zu-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:11px;font-weight:700}
.zu-workspace-text{min-width:0}.zu-workspace-text strong,.zu-workspace-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zu-workspace-text strong{font-size:12px}.zu-workspace-text span{margin-top:2px;color:var(--zu-muted);font-size:11px}
.zu-nav-label{padding:0 10px 8px;color:var(--zu-muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.zu-nav{display:flex;flex-direction:column;gap:2px}.zu-nav a{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 11px;border-radius:10px;color:var(--zu-muted);font-size:13px;font-weight:600}.zu-nav a:hover{background:var(--zu-surface-2);color:var(--zu-text)}.zu-nav a.is-active{background:var(--zu-primary-soft);color:var(--zu-primary);font-weight:700}.zu-nav-icon{width:18px;flex:0 0 18px;text-align:center}.zu-nav-count{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:99px;background:var(--zu-surface-2);font-size:10px;text-align:center}
.zu-main{min-width:0;margin-left:var(--zu-sidebar)}.zu-topbar{position:sticky;top:0;z-index:900;height:var(--zu-topbar);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;background:var(--zu-surface);border-bottom:1px solid var(--zu-line)}
.zu-search{width:330px;max-width:100%;padding:9px 12px;border:1px solid var(--zu-line);border-radius:10px;background:var(--zu-surface-2);color:var(--zu-muted)}.zu-top-actions{display:flex;align-items:center;gap:8px}.zu-icon-btn,.zu-theme-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--zu-line);border-radius:10px;background:var(--zu-surface);color:var(--zu-text)}.zu-icon-btn:hover,.zu-theme-btn:hover{border-color:var(--zu-primary);color:var(--zu-primary)}
.zu-page{width:100%;max-width:1500px;margin:0 auto;padding:28px}.zu-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.zu-title{margin:0 0 6px;color:var(--zu-text);font-size:27px;line-height:1.15;letter-spacing:-.7px}.zu-subtitle{margin:0;color:var(--zu-muted)}.zu-actions{display:flex;gap:9px}
.zu-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:1px solid var(--zu-line);border-radius:10px;background:var(--zu-surface);color:var(--zu-text);font-size:13px;font-weight:650}.zu-btn:hover{border-color:#c8ccd6;background:var(--zu-surface-2)}.zu-btn-primary{background:var(--zu-primary);border-color:var(--zu-primary);color:#fff}.zu-btn-primary:hover{background:var(--zu-primary-hover);border-color:var(--zu-primary-hover);color:#fff}
.zu-card{min-width:0;overflow:hidden;background:var(--zu-surface);border:1px solid var(--zu-line);border-radius:var(--zu-radius);box-shadow:var(--zu-shadow)}.zu-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.zu-card-header h2{margin:0;color:var(--zu-text);font-size:15px}.zu-card-header span{color:var(--zu-muted);font-size:12px}.zu-card-body{padding:0 18px 18px}
.zu-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.zu-kpi{padding:18px}.zu-kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--zu-muted);font-size:12px}.zu-kpi-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--zu-primary-soft);color:var(--zu-primary)}.zu-kpi-value{margin:14px 0 5px;color:var(--zu-text);font-size:25px;font-weight:800}.zu-trend{font-size:11px}.zu-up{color:var(--zu-success)}.zu-down{color:var(--zu-danger)}
.zu-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.zu-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.zu-chart{height:225px;position:relative;padding-top:12px}.zu-bars{height:180px;display:flex;align-items:flex-end;gap:18px;border-bottom:1px solid var(--zu-line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,var(--zu-line) 45px)}.zu-bar{flex:1;max-width:34px;margin:auto;border-radius:7px 7px 0 0;background:linear-gradient(180deg,var(--zu-primary),var(--zu-primary-hover))}.zu-months{display:flex;gap:18px;margin-top:7px;color:var(--zu-muted);font-size:10px}.zu-months span{flex:1;text-align:center}
.zu-pipeline{display:flex;gap:10px;overflow:auto;padding-bottom:4px}.zu-stage{min-width:150px;padding:12px;border:1px solid var(--zu-line);border-radius:12px;background:var(--zu-surface-2)}.zu-stage-head{display:flex;justify-content:space-between;color:var(--zu-muted);font-size:11px;font-weight:700}.zu-stage-value{margin:9px 0;color:var(--zu-text);font-size:18px;font-weight:800}.zu-progress{height:5px;overflow:hidden;border-radius:99px;background:var(--zu-line)}.zu-progress i{display:block;height:100%;border-radius:99px;background:var(--zu-primary)}
.zu-activity{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--zu-line)}.zu-activity:last-child{border-bottom:0}.zu-activity-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--zu-primary-soft);color:var(--zu-primary)}.zu-activity-content{min-width:0}.zu-activity strong{color:var(--zu-text);font-size:12px}.zu-activity p{margin:3px 0 0;color:var(--zu-muted);font-size:11px;line-height:1.4}.zu-activity time{margin-left:auto;color:var(--zu-muted);font-size:10px;white-space:nowrap}
.zu-table{width:100%;border-collapse:collapse}.zu-table th,.zu-table td{padding:12px 8px;border-bottom:1px solid var(--zu-line);color:var(--zu-text);font-size:12px;text-align:left}.zu-table th{color:var(--zu-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.zu-table tbody tr:hover td{background:var(--zu-surface-2)}.zu-person{display:flex;align-items:center;gap:9px}.zu-person .zu-avatar{width:28px;height:28px;font-size:10px}
.zu-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:700}.zu-badge-success{background:#e8f7f0;color:#16825b}.zu-badge-warning{background:#fff3df;color:#a76a17}.zu-badge-info{background:#eaf2ff;color:#356fce}.zu-form-control,.zu-form-select{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--zu-line);border-radius:9px;outline:0;background:var(--zu-surface);color:var(--zu-text)}
.zu-form-control:is(textarea),textarea.zu-form-control{min-height:110px;resize:vertical;line-height:1.5}.zu-form-control:focus,.zu-form-select:focus{border-color:var(--zu-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--zu-primary) 15%,transparent)}
.zu-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--zu-muted)}.zu-empty-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:12px;border-radius:14px;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:22px}.zu-empty h3{margin:0 0 6px;color:var(--zu-text);font-size:16px}.zu-empty p{max-width:460px;margin:0 0 14px}.zu-mobile-nav{display:none}.zu-theme-sun{display:none}[data-zu-theme="dark"] .zu-theme-moon{display:none}[data-zu-theme="dark"] .zu-theme-sun{display:inline}
@media(max-width:1100px){.zu-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-grid,.zu-bottom-grid{grid-template-columns:1fr}}
@media(max-width:767px){:root{--zu-sidebar:0px;--zu-topbar:64px}.zu-sidebar{display:none}.zu-main{margin-left:0;padding-bottom:68px}.zu-topbar{padding:0 15px}.zu-search{width:auto;flex:1;max-width:230px}.zu-page{padding:20px 15px}.zu-page-head{display:block}.zu-actions{margin-top:15px}.zu-actions .zu-btn{flex:1}.zu-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zu-kpi{padding:14px}.zu-kpi-value{font-size:21px}.zu-card-body{padding:0 14px 14px}.zu-card-header{padding:15px 14px 10px}.zu-chart{height:190px}.zu-bars{height:145px}.zu-pipeline{margin-right:-14px}.zu-stage{min-width:135px}.zu-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.zu-table{min-width:620px}
.zu-mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:1200;height:64px;display:flex;justify-content:space-around;border-top:1px solid var(--zu-line);background:var(--zu-surface)}.zu-mobile-nav a{min-width:54px;padding:9px 6px 5px;color:var(--zu-muted);text-align:center;font-size:9px}.zu-mobile-nav a.is-active{color:var(--zu-primary);font-weight:700}.zu-mobile-nav b{display:block;margin-bottom:3px;font-size:17px;line-height:18px}}
@media(prefers-reduced-motion:reduce){.zu-app *,.zu-app *::before,.zu-app *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Optional theme helper: include data-zu-theme="dark" on the app root to force dark mode. */
.zu-app[data-zu-theme="dark"]{background:var(--zu-bg);color:var(--zu-text)}

/* -------------------------------------------------------------------------
   ZuporiaCRM production-view compatibility layer
   Audited against authenticated admin Livewire views and shared admin layout.
   This layer styles existing Bootstrap/AdminUIUX markup without requiring
   template rewrites. It remains opt-in until the stylesheet is linked.
   ------------------------------------------------------------------------- */
.zs-admin-shell{--zu-bg:#f6f7fb;--zu-surface:#fff;--zu-surface-2:#f9fafc;--zu-text:#18212f;--zu-muted:#6d7787;--zu-line:#e7eaf0;--zu-primary:#635bff;--zu-primary-hover:#5149d9;--zu-primary-soft:#eeedff;--zu-shadow:0 8px 30px rgba(22,29,45,.06);color:var(--zu-text);background:var(--zu-bg)}
.zs-admin-shell .adminuiux-content,.zs-admin-shell .container-fluid{color:var(--zu-text)}
.zs-admin-shell .card,.zs-admin-shell .adminuiux-card,.zs-admin-shell .card-box{background:var(--zu-surface)!important;border:1px solid var(--zu-line)!important;border-radius:16px!important;box-shadow:var(--zu-shadow)!important;color:var(--zu-text)}
.zs-admin-shell .card-header,.zs-admin-shell .card-footer{background:transparent!important;border-color:var(--zu-line)!important;color:var(--zu-text)}
.zs-admin-shell .card-header{padding:16px 18px}.zs-admin-shell .card-body{padding:18px}.zs-admin-shell .card-footer{padding:12px 18px}
.zs-admin-shell .card-title,.zs-admin-shell .card-header h1,.zs-admin-shell .card-header h2,.zs-admin-shell .card-header h3,.zs-admin-shell .card-header h4,.zs-admin-shell .card-header h5,.zs-admin-shell .card-header h6{color:var(--zu-text)!important;font-weight:650;letter-spacing:-.015em}
.zs-admin-shell .table-responsive{border-radius:12px}.zs-admin-shell .table{color:var(--zu-text)!important;margin-bottom:0}.zs-admin-shell .table>thead>tr>th{padding:11px 14px;background:var(--zu-surface-2)!important;border-color:var(--zu-line)!important;color:var(--zu-muted)!important;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.zs-admin-shell .table>tbody>tr>td{padding:12px 14px;border-color:var(--zu-line)!important;color:var(--zu-text)!important;vertical-align:middle}.zs-admin-shell .table>tbody>tr:hover>*{background:var(--zu-surface-2)!important}
.zs-admin-shell .form-label,.zs-admin-shell label{color:var(--zu-text);font-size:12px;font-weight:600}.zs-admin-shell .form-control,.zs-admin-shell .form-select,.zs-admin-shell input.form-control,.zs-admin-shell textarea.form-control,.zs-admin-shell select.form-select{min-height:40px;border:1px solid var(--zu-line)!important;border-radius:9px!important;background:var(--zu-surface)!important;color:var(--zu-text)!important;box-shadow:none!important;font-size:13px}.zs-admin-shell textarea.form-control{min-height:96px}.zs-admin-shell .form-control::placeholder{color:var(--zu-muted)}.zs-admin-shell .form-control:focus,.zs-admin-shell .form-select:focus{border-color:var(--zu-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--zu-primary) 14%,transparent)!important}
.zs-admin-shell .input-group-text{border-color:var(--zu-line);background:var(--zu-surface-2);color:var(--zu-muted)}.zs-admin-shell .input-group>.form-control,.zs-admin-shell .input-group>.form-select{min-height:40px}
.zs-admin-shell .btn{min-height:38px;border-radius:9px;font-size:13px;font-weight:650;transition:background .16s,border-color .16s,color .16s,transform .16s}.zs-admin-shell .btn-sm{min-height:32px;padding:6px 10px;font-size:12px}.zs-admin-shell .btn-primary,.zs-admin-shell .btn-theme{background:var(--zu-primary)!important;border-color:var(--zu-primary)!important;color:#fff!important}.zs-admin-shell .btn-primary:hover,.zs-admin-shell .btn-theme:hover{background:var(--zu-primary-hover)!important;border-color:var(--zu-primary-hover)!important;transform:translateY(-1px)}.zs-admin-shell .btn-light{background:var(--zu-surface-2)!important;border-color:var(--zu-line)!important;color:var(--zu-text)!important}.zs-admin-shell .btn-outline-primary{color:var(--zu-primary)!important;border-color:color-mix(in srgb,var(--zu-primary) 30%,var(--zu-line))!important}.zs-admin-shell .btn-outline-primary:hover{background:var(--zu-primary-soft)!important}
.zs-admin-shell .badge{border-radius:999px;padding:.42em .68em;font-size:10px;font-weight:700}.zs-admin-shell .alert{border-radius:10px;font-size:13px;border-width:1px}.zs-admin-shell .alert-success{color:#16825b;background:#e8f7f0;border-color:#c9ebdc}.zs-admin-shell .alert-warning{color:#986019;background:#fff3df;border-color:#f5dfb9}.zs-admin-shell .alert-danger{color:#b33a3a;background:#fff0f0;border-color:#f3cccc}.zs-admin-shell .alert-info{color:#356fce;background:#eaf2ff;border-color:#cfe0ff}
.zs-admin-shell .modal-content{overflow:hidden;border:1px solid var(--zu-line)!important;border-radius:16px!important;background:var(--zu-surface)!important;color:var(--zu-text);box-shadow:0 24px 70px rgba(0,0,0,.18)}.zs-admin-shell .modal-header,.zs-admin-shell .modal-footer{border-color:var(--zu-line)!important;background:var(--zu-surface)!important}.zs-admin-shell .modal-header{padding:16px 20px}.zs-admin-shell .modal-body{padding:20px}.zs-admin-shell .modal-title{color:var(--zu-text)}
.zs-admin-shell .dropdown-menu{padding:6px;border:1px solid var(--zu-line)!important;border-radius:12px!important;background:var(--zu-surface)!important;box-shadow:0 16px 40px rgba(0,0,0,.12)}.zs-admin-shell .dropdown-item{border-radius:8px;color:var(--zu-text);font-size:13px}.zs-admin-shell .dropdown-item:hover,.zs-admin-shell .dropdown-item:focus{background:var(--zu-primary-soft);color:var(--zu-primary)}
.zs-admin-shell .nav-tabs{gap:4px;border-bottom:1px solid var(--zu-line)}.zs-admin-shell .nav-tabs .nav-link{padding:10px 13px;border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;color:var(--zu-muted);font-size:13px;font-weight:600}.zs-admin-shell .nav-tabs .nav-link:hover{color:var(--zu-primary);background:var(--zu-surface-2)}.zs-admin-shell .nav-tabs .nav-link.active{color:var(--zu-primary)!important;background:transparent!important;border-bottom-color:var(--zu-primary)!important}
.zs-admin-shell .pagination{gap:4px}.zs-admin-shell .page-link{min-width:34px;height:34px;padding:7px 10px;border:1px solid var(--zu-line)!important;border-radius:8px!important;background:var(--zu-surface);color:var(--zu-text)}.zs-admin-shell .page-item.active .page-link{background:var(--zu-primary)!important;border-color:var(--zu-primary)!important;color:#fff!important}
.zs-admin-shell .accordion-item{overflow:hidden;border:1px solid var(--zu-line)!important;background:var(--zu-surface);color:var(--zu-text)}.zs-admin-shell .accordion-button{background:var(--zu-surface);color:var(--zu-text);font-weight:600}.zs-admin-shell .accordion-button:not(.collapsed){background:var(--zu-primary-soft);color:var(--zu-primary);box-shadow:none}.zs-admin-shell .accordion-button:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--zu-primary) 12%,transparent)}
.zs-admin-shell .list-group-item{background:var(--zu-surface);border-color:var(--zu-line);color:var(--zu-text)}.zs-admin-shell .list-group-item-action:hover{background:var(--zu-surface-2)}
.zs-admin-shell .progress{height:6px;background:var(--zu-line);border-radius:99px}.zs-admin-shell .progress-bar{background:var(--zu-primary);border-radius:99px}.zs-admin-shell .avatar{border-radius:10px}.zs-admin-shell .text-muted{color:var(--zu-muted)!important}.zs-admin-shell hr{border-color:var(--zu-line);opacity:1}
.zs-admin-shell .choices__inner{min-height:40px;padding:6px 10px!important;border:1px solid var(--zu-line)!important;border-radius:9px!important;background:var(--zu-surface)!important;color:var(--zu-text)!important}.zs-admin-shell .choices__list--dropdown,.zs-admin-shell .choices__list[aria-expanded]{border-color:var(--zu-line)!important;background:var(--zu-surface)!important;color:var(--zu-text)}.zs-admin-shell .choices__item--selectable.is-highlighted{background:var(--zu-primary-soft)!important;color:var(--zu-primary)}
.zs-admin-shell .select2-container--default .select2-selection--single,.zs-admin-shell .select2-container--default .select2-selection--multiple{min-height:40px;border:1px solid var(--zu-line)!important;border-radius:9px!important;background:var(--zu-surface)!important}.zs-admin-shell .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px;color:var(--zu-text);padding-left:11px;font-size:13px}.zs-admin-shell .select2-dropdown{border-color:var(--zu-line);background:var(--zu-surface);color:var(--zu-text)}.zs-admin-shell .select2-results__option--highlighted[aria-selected]{background:var(--zu-primary)!important}
.zs-admin-shell .flatpickr-calendar{border:1px solid var(--zu-line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.zs-admin-shell .table-toolbar,.zs-admin-shell .page-toolbar,.zs-admin-shell .zs-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.zs-admin-shell .filter-bar,.zs-admin-shell .zs-filter-bar,.zs-admin-shell .table-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:12px;border:1px solid var(--zu-line);border-radius:12px;background:var(--zu-surface)}
.zs-admin-shell .empty-state,.zs-admin-shell .zs-empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--zu-muted)}.zs-admin-shell .empty-state h5,.zs-admin-shell .zs-empty-state h5{color:var(--zu-text)}
.zs-admin-shell :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--zu-primary) 28%,transparent)!important;outline-offset:2px}.zs-admin-shell button:disabled,.zs-admin-shell .btn:disabled{cursor:not-allowed;opacity:.62}
/* Existing dark-mode contract: admin layout already exposes data-bs-theme. */
[data-bs-theme="dark"] .zs-admin-shell{--zu-bg:#0d1117;--zu-surface:#151a22;--zu-surface-2:#1b212b;--zu-text:#edf1f7;--zu-muted:#98a2b3;--zu-line:#29313d;--zu-primary:#817aff;--zu-primary-hover:#958fff;--zu-primary-soft:#282546;--zu-shadow:0 10px 30px rgba(0,0,0,.18)}
[data-bs-theme="dark"] .zs-admin-shell .form-control,[data-bs-theme="dark"] .zs-admin-shell .form-select,[data-bs-theme="dark"] .zs-admin-shell .choices__inner,[data-bs-theme="dark"] .zs-admin-shell .select2-container--default .select2-selection--single,[data-bs-theme="dark"] .zs-admin-shell .select2-container--default .select2-selection--multiple{background:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}
[data-bs-theme="dark"] .zs-admin-shell .table>thead>tr>th{background:#172033!important;color:#cbd5e1!important}.zs-admin-shell .table>tbody>tr>td{border-color:var(--zu-line)!important}.zs-admin-shell .table>tbody>tr:hover>*{background:#172033!important}
[data-bs-theme="dark"] .zs-admin-shell .btn-light{background:#172033!important;border-color:#334155!important;color:#e5e7eb!important}.zs-admin-shell .card-header,.zs-admin-shell .card-footer{background:transparent!important}
[data-bs-theme="dark"] .zs-admin-shell .dropdown-menu,[data-bs-theme="dark"] .zs-admin-shell .modal-content,[data-bs-theme="dark"] .zs-admin-shell .modal-header,[data-bs-theme="dark"] .zs-admin-shell .modal-footer,[data-bs-theme="dark"] .zs-admin-shell .accordion-item,[data-bs-theme="dark"] .zs-admin-shell .accordion-button{background:#111827!important;color:#f8fafc!important;border-color:#29313d!important}
@media(max-width:767px){.zs-admin-shell .page-toolbar,.zs-admin-shell .table-toolbar,.zs-admin-shell .zs-page-toolbar{align-items:stretch;flex-direction:column}.zs-admin-shell .page-toolbar .btn,.zs-admin-shell .zs-page-toolbar .btn{width:100%}.zs-admin-shell .filter-bar,.zs-admin-shell .zs-filter-bar,.zs-admin-shell .table-filters{display:grid;grid-template-columns:1fr;align-items:stretch}.zs-admin-shell .table-responsive .table{min-width:680px}.zs-admin-shell .card-body{padding:14px}.zs-admin-shell .card-header{padding:14px}}

/* -------------------------------------------------------------------------
   Dashboard / high-traffic view normalization
   Keeps existing Livewire markup intact while bringing the newer dashboard
   components and retained legacy blocks into one visual contract.
   ------------------------------------------------------------------------- */
.zs-admin-shell .zs-admin-dashboard{color:var(--zu-text)}
.zs-admin-shell .zs-admin-dashboard .zs-admin-welcome h1{color:var(--zu-text);font-size:clamp(24px,2.2vw,34px);font-weight:750;letter-spacing:-.035em}
.zs-admin-shell .zs-admin-dashboard .zs-admin-welcome p,.zs-admin-shell .zs-admin-dashboard .zs-admin-eyebrow{color:var(--zu-muted)}
.zs-admin-shell .zs-admin-dashboard .zs-admin-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi{display:block;height:100%;padding:16px;background:var(--zu-surface);border:1px solid var(--zu-line);border-radius:14px;color:var(--zu-text);box-shadow:var(--zu-shadow);text-decoration:none}
.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi:hover{border-color:color-mix(in srgb,var(--zu-primary) 35%,var(--zu-line));transform:translateY(-1px)}
.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi-icon{display:grid;width:34px;height:34px;place-items:center;margin-bottom:12px;border-radius:10px;background:var(--zu-primary-soft);color:var(--zu-primary)}
.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi small,.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi em{display:block;color:var(--zu-muted);font-size:11px;font-style:normal}
.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi strong{display:block;margin:4px 0;color:var(--zu-text);font-size:22px;line-height:1.2;font-weight:800}
.zs-admin-shell .zs-admin-dashboard .zs-admin-quick,.zs-admin-shell .zs-admin-dashboard .zs-admin-secondary>div>a{border:1px solid var(--zu-line);border-radius:14px;background:var(--zu-surface);color:var(--zu-text);box-shadow:var(--zu-shadow)}
.zs-admin-shell .zs-admin-dashboard .zs-admin-quick .card-body{padding:16px 18px}.zs-admin-shell .zs-admin-dashboard .zs-admin-quick strong{display:block;font-size:14px}.zs-admin-shell .zs-admin-dashboard .zs-admin-quick span{display:block;margin-top:3px;color:var(--zu-muted);font-size:12px}
.zs-admin-shell .zs-admin-dashboard .zs-admin-quick a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--zu-line);border-radius:9px;color:var(--zu-text);font-size:12px;font-weight:600;text-decoration:none;background:var(--zu-surface-2)}
.zs-admin-shell .zs-admin-dashboard .zs-admin-secondary>div>a{display:flex;align-items:center;gap:10px;padding:14px;text-decoration:none}.zs-admin-shell .zs-admin-dashboard .zs-admin-secondary span{display:flex;min-width:0;flex:1;flex-direction:column}.zs-admin-shell .zs-admin-dashboard .zs-admin-secondary small{color:var(--zu-muted);font-size:10px}.zs-admin-shell .zs-admin-dashboard .zs-admin-secondary strong{font-size:18px}
.zs-admin-shell .zs-admin-dashboard .zs-admin-legacy-kpis{display:none!important}
.zs-admin-shell .zs-admin-dashboard .bg-warning,.zs-admin-shell .zs-admin-dashboard .bg-info,.zs-admin-shell .zs-admin-dashboard .bg-opacity-25{background:var(--zu-surface-2)!important;color:var(--zu-text)!important}
[data-bs-theme="dark"] .zs-admin-shell .zs-admin-dashboard .zs-admin-kpi,[data-bs-theme="dark"] .zs-admin-shell .zs-admin-dashboard .zs-admin-quick,[data-bs-theme="dark"] .zs-admin-shell .zs-admin-dashboard .zs-admin-secondary>div>a{box-shadow:0 10px 30px rgba(0,0,0,.18)}
@media(max-width:767px){.zs-admin-shell .zs-admin-dashboard .zs-admin-welcome .d-flex{width:100%}.zs-admin-shell .zs-admin-dashboard .zs-admin-welcome .btn{flex:1}.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi{padding:13px}.zs-admin-shell .zs-admin-dashboard .zs-admin-kpi strong{font-size:19px}.zs-admin-shell .zs-admin-dashboard .zs-admin-secondary>div>a{min-height:64px}}

/* -------------------------------------------------------------------------
   CRM record views: leads, customers, Customer 360 and opportunities
   ------------------------------------------------------------------------- */
.zs-admin-shell .scrum-board{padding:16px;min-width:0}.zs-admin-shell .scrum-board-processing{padding:16px;border-color:var(--zu-line)}
.zs-admin-shell .scrum-board-column{min-height:200px;padding:10px;background:var(--zu-surface-2);border-radius:12px}
.zs-admin-shell .scrum-task-pending,.zs-admin-shell .scrum-task-processing,.zs-admin-shell .scrum-task-ready,.zs-admin-shell .today-task-pending,.zs-admin-shell .today-task-processing,.zs-admin-shell .today-task-ready,.zs-admin-shell .today-task-delivered,.zs-admin-shell .today-task-returned{border-color:var(--zu-line);border-left-color:var(--zu-primary);background:var(--zu-surface);color:var(--zu-text);box-shadow:0 4px 14px rgba(22,29,45,.05)}
.zs-admin-shell .scrum-task-processing{border-left-color:var(--zu-warning)}.zs-admin-shell .scrum-task-ready{border-left-color:var(--zu-success)}.zs-admin-shell .today-task-delivered{border-left-color:var(--zu-info)}.zs-admin-shell .today-task-returned{border-left-color:var(--zu-danger)}
.zs-admin-shell .scrum-task-pending:hover,.zs-admin-shell .scrum-task-processing:hover,.zs-admin-shell .scrum-task-ready:hover{background:var(--zu-surface-2);box-shadow:0 8px 20px rgba(22,29,45,.08)}
.zs-admin-shell .shadow-sm{box-shadow:0 3px 12px rgba(22,29,45,.06)!important}.zs-admin-shell .shadow-lg{box-shadow:0 24px 70px rgba(0,0,0,.18)!important}
.zs-admin-shell .modal.show{background:rgba(15,23,42,.42)}.zs-admin-shell .modal-backdrop.show{opacity:.42}
.zs-admin-shell .error.text-danger,.zs-admin-shell .text-danger.small{display:block;margin-top:4px;font-size:11px;font-weight:600}
.zs-admin-shell .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.zs-admin-shell .table-responsive>.table{min-width:720px}
.zs-admin-shell .form-check-input{border-color:var(--zu-line);background-color:var(--zu-surface)}.zs-admin-shell .form-check-input:checked{background-color:var(--zu-primary);border-color:var(--zu-primary)}
.zs-admin-shell .btn-success{background:var(--zu-success)!important;border-color:var(--zu-success)!important;color:#fff!important}.zs-admin-shell .btn-danger{background:var(--zu-danger)!important;border-color:var(--zu-danger)!important;color:#fff!important}.zs-admin-shell .btn-secondary{background:var(--zu-surface-2)!important;border-color:var(--zu-line)!important;color:var(--zu-text)!important}
.zs-admin-shell .text-primary{color:var(--zu-primary)!important}.zs-admin-shell .text-success{color:var(--zu-success)!important}.zs-admin-shell .text-warning{color:var(--zu-warning)!important}.zs-admin-shell .text-info{color:var(--zu-info)!important}
[data-bs-theme="dark"] .zs-admin-shell .scrum-task-pending,[data-bs-theme="dark"] .zs-admin-shell .scrum-task-processing,[data-bs-theme="dark"] .zs-admin-shell .scrum-task-ready,[data-bs-theme="dark"] .zs-admin-shell .today-task-pending,[data-bs-theme="dark"] .zs-admin-shell .today-task-processing,[data-bs-theme="dark"] .zs-admin-shell .today-task-ready,[data-bs-theme="dark"] .zs-admin-shell .today-task-delivered,[data-bs-theme="dark"] .zs-admin-shell .today-task-returned{box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media(max-width:767px){.zs-admin-shell .scrum-board,.zs-admin-shell .scrum-board-processing{padding:10px}.zs-admin-shell .scrum-board-column{min-height:140px}.zs-admin-shell .table-responsive>.table{min-width:640px}.zs-admin-shell .modal-dialog{margin:.75rem}.zs-admin-shell .modal-body{padding:15px}}

/* -------------------------------------------------------------------------
   Properties, tasks, calendar and reporting views
   ------------------------------------------------------------------------- */
.zs-admin-shell .property-card{overflow:hidden;background:var(--zu-surface);border:1px solid var(--zu-line);border-radius:14px;color:var(--zu-text);box-shadow:var(--zu-shadow)}
.zs-admin-shell .property-card img{display:block;max-width:100%;border-radius:10px;object-fit:cover}
.zs-admin-shell .property-card .card-body{background:transparent}
.zs-admin-shell .property-card .property-title,.zs-admin-shell .property-card h5,.zs-admin-shell .property-card h6{color:var(--zu-text)}
.zs-admin-shell .bg-primary.bg-gradient{background:linear-gradient(135deg,var(--zu-primary),var(--zu-primary-hover))!important}
.zs-admin-shell .bg-light{background:var(--zu-surface-2)!important;color:var(--zu-text)!important}
.zs-admin-shell .bg-white{background:var(--zu-surface)!important}
.zs-admin-shell .filter-css{padding:12px;margin:0 0 16px;border:1px solid var(--zu-line);border-radius:12px;background:var(--zu-surface)}
.zs-admin-shell .filter-css>[class*="col-"]{margin-bottom:8px}
.zs-admin-shell .calendar-shell,.zs-admin-shell #calendar,.zs-admin-shell .fc{color:var(--zu-text)}
.zs-admin-shell .fc .fc-toolbar{gap:10px;flex-wrap:wrap;margin-bottom:14px}
.zs-admin-shell .fc .fc-toolbar-title{color:var(--zu-text);font-size:18px;font-weight:700}
.zs-admin-shell .fc .fc-button{border:1px solid var(--zu-line)!important;border-radius:8px!important;background:var(--zu-surface)!important;color:var(--zu-text)!important;box-shadow:none!important}
.zs-admin-shell .fc .fc-button:hover,.zs-admin-shell .fc .fc-button-active{background:var(--zu-primary)!important;border-color:var(--zu-primary)!important;color:#fff!important}
.zs-admin-shell .fc .fc-scrollgrid,.zs-admin-shell .fc td,.zs-admin-shell .fc th{border-color:var(--zu-line)!important}
.zs-admin-shell .fc .fc-col-header-cell-cushion,.zs-admin-shell .fc .fc-daygrid-day-number{color:var(--zu-muted);font-size:11px}
.zs-admin-shell .fc .fc-day-today{background:var(--zu-primary-soft)!important}
.zs-admin-shell .fc .fc-event{border:0!important;border-radius:7px;padding:2px 5px;background:var(--zu-primary);color:#fff}
.zs-admin-shell .report-summary,.zs-admin-shell .report-card{background:var(--zu-surface);border:1px solid var(--zu-line);border-radius:14px;box-shadow:var(--zu-shadow)}
.zs-admin-shell .report-summary .card-body,.zs-admin-shell .report-card .card-body{padding:16px}
.zs-admin-shell .report-summary h4,.zs-admin-shell .report-summary h5,.zs-admin-shell .report-card h4,.zs-admin-shell .report-card h5{color:var(--zu-text)}
.zs-admin-shell .btn-group>.btn{border-radius:8px!important}
.zs-admin-shell .btn-group>.btn+.btn{margin-left:4px}
.zs-admin-shell .property-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.zs-admin-shell .property-gallery img{width:100%;height:150px;object-fit:cover;border-radius:10px}
[data-bs-theme="dark"] .zs-admin-shell .bg-light{background:#172033!important;color:#e5e7eb!important}
[data-bs-theme="dark"] .zs-admin-shell .bg-white{background:var(--zu-surface)!important}
[data-bs-theme="dark"] .zs-admin-shell .fc .fc-list-day-cushion,[data-bs-theme="dark"] .zs-admin-shell .fc .fc-list-event:hover td{background:#172033!important}
@media(max-width:767px){.zs-admin-shell .property-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.zs-admin-shell .property-gallery img{height:115px}.zs-admin-shell .fc .fc-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.zs-admin-shell .fc .fc-toolbar-chunk{display:flex;gap:6px;justify-content:flex-start;flex-wrap:wrap}.zs-admin-shell .fc .fc-toolbar-title{font-size:16px}.zs-admin-shell .filter-css{padding:10px}.zs-admin-shell .report-summary .card-body,.zs-admin-shell .report-card .card-body{padding:14px}}

/* -------------------------------------------------------------------------
   Settings and configuration screens
   ------------------------------------------------------------------------- */
.zs-admin-shell .nav-pills{gap:5px}
.zs-admin-shell .nav-pills .nav-link{display:flex;align-items:center;min-height:40px;margin:0;padding:9px 12px;border:1px solid transparent;border-radius:9px;color:var(--zu-muted);background:transparent;font-size:12px;font-weight:650;text-align:left;cursor:pointer}
.zs-admin-shell .nav-pills .nav-link:hover{background:var(--zu-surface-2);color:var(--zu-text)}
.zs-admin-shell .nav-pills .nav-link.active{background:var(--zu-primary-soft)!important;border-color:color-mix(in srgb,var(--zu-primary) 16%,var(--zu-line));color:var(--zu-primary)!important}
.zs-admin-shell #v-pills-tab{position:sticky;top:84px;padding:8px;border:1px solid var(--zu-line);border-radius:12px;background:var(--zu-surface-2)}
.zs-admin-shell #v-pills-tabContent{min-width:0}
.zs-admin-shell #v-pills-tabContent>.tab-pane{padding:0!important}
.zs-admin-shell #v-pills-tabContent>.tab-pane>.card{box-shadow:none!important}
.zs-admin-shell #v-pills-tabContent .card + .card{margin-top:14px}
.zs-admin-shell #v-pills-tabContent .card-header h4,.zs-admin-shell #v-pills-tabContent .card-header h5{margin:0;font-size:15px}
.zs-admin-shell #v-pills-tabContent .tab-pane>form>.card,.zs-admin-shell #v-pills-tabContent .tab-pane>.card{border-radius:14px!important}
.zs-admin-shell .workspace-module-card{transition:border-color .16s,background .16s,box-shadow .16s}
.zs-admin-shell #v-pills-tabContent button.w-100.text-start{border-color:var(--zu-line)!important;background:var(--zu-surface)!important;color:var(--zu-text);box-shadow:none;transition:border-color .16s,box-shadow .16s,transform .16s}
.zs-admin-shell #v-pills-tabContent button.w-100.text-start:hover{border-color:color-mix(in srgb,var(--zu-primary) 35%,var(--zu-line))!important;background:var(--zu-surface-2)!important;transform:translateY(-1px)}
.zs-admin-shell #v-pills-tabContent button.w-100.text-start .badge.bg-light{background:var(--zu-surface-2)!important;color:var(--zu-muted)!important}
.zs-admin-shell #v-pills-tabContent input[type="file"]{padding:7px 10px}
.zs-admin-shell #v-pills-tabContent img.img-fluid{max-width:100%;height:auto!important;width:auto!important;min-height:50px;max-height:64px;object-fit:contain}
.zs-admin-shell #v-pills-tabContent .text-danger{font-size:11px;font-weight:600}
.zs-admin-shell .nav-pills.nav-justified{padding:6px;gap:4px;border:1px solid var(--zu-line);border-radius:12px;background:var(--zu-surface-2)}
.zs-admin-shell .nav-pills.nav-justified .nav-link{justify-content:center;text-align:center;border-radius:8px;color:var(--zu-muted);font-size:12px;font-weight:650}
.zs-admin-shell .nav-pills.nav-justified .nav-link.active{background:var(--zu-primary)!important;color:#fff!important}
.zs-admin-shell .tab-content.p-3.text-muted{padding:16px!important;color:var(--zu-text)!important}
.zs-admin-shell .tab-content.p-3.text-muted>.tab-pane>.col-md-12{min-width:0}
.zs-admin-shell .tab-content.p-3.text-muted .card-body>div[style*="display: flex"]{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:16px!important}
.zs-admin-shell .tab-content.p-3.text-muted .card-body>div[style*="display: flex"] .card-title{margin:0!important;font-size:15px}
.zs-admin-shell .tab-content.p-3.text-muted .btn-warning{background:var(--zu-surface-2)!important;border-color:var(--zu-line)!important;color:var(--zu-text)!important}
.zs-admin-shell .tab-content.p-3.text-muted .btn-warning h4{color:var(--zu-text)!important;font-size:12px!important}
[data-bs-theme="dark"] .zs-admin-shell #v-pills-tab{background:#111827}
[data-bs-theme="dark"] .zs-admin-shell .nav-pills.nav-justified{background:#111827}
@media(max-width:991px){.zs-admin-shell #v-pills-tab{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.zs-admin-shell #v-pills-tab .nav-link{justify-content:center;text-align:center}.zs-admin-shell .tab-content.p-3.text-muted .card-body>div[style*="display: flex"]{flex-wrap:wrap}.zs-admin-shell .tab-content.p-3.text-muted .card-body>div[style*="display: flex"] .btn{width:100%}}
@media(max-width:767px){.zs-admin-shell #v-pills-tab{grid-template-columns:1fr;margin-bottom:12px}.zs-admin-shell #v-pills-tab .nav-link{min-height:38px}.zs-admin-shell #v-pills-tabContent .tab-pane>.card,.zs-admin-shell #v-pills-tabContent .tab-pane>form>.card{border-radius:12px!important}.zs-admin-shell .nav-pills.nav-justified{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zs-admin-shell .nav-pills.nav-justified .nav-link{min-height:38px}.zs-admin-shell .tab-content.p-3.text-muted{padding:10px 0!important}.zs-admin-shell .tab-content.p-3.text-muted .card-body>div[style*="display: flex"]{align-items:stretch;padding:14px!important}.zs-admin-shell .tab-content.p-3.text-muted .card-body>div[style*="display: flex"] .btn{width:100%;justify-content:center}.zs-admin-shell #v-pills-tabContent .row.g-3>[class*="col-"]{width:100%}}

/* ==========================================================================
   ZUPORIA UI FOUNDATION — APPLICATION-NATIVE PRIMITIVES
   One CRM stylesheet. Views should use these classes instead of framework UI.
   ========================================================================== */
:root {
  --zu-font-sans: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --zu-font-display: "Lexend", var(--zu-font-sans);
  --zu-bg: #f6f8fb;
  --zu-surface: #ffffff;
  --zu-surface-2: #f8fafc;
  --zu-surface-3: #eef2f7;
  --zu-text: #172033;
  --zu-text-soft: #64748b;
  --zu-text-faint: #94a3b8;
  --zu-border: #e2e8f0;
  --zu-border-strong: #cbd5e1;
  --zu-primary: #2563eb;
  --zu-primary-hover: #1d4ed8;
  --zu-primary-soft: #eff6ff;
  --zu-success: #16a34a;
  --zu-success-soft: #f0fdf4;
  --zu-warning: #d97706;
  --zu-warning-soft: #fffbeb;
  --zu-danger: #dc2626;
  --zu-danger-soft: #fef2f2;
  --zu-info: #0891b2;
  --zu-info-soft: #ecfeff;
  --zu-radius-sm: 8px;
  --zu-radius-md: 12px;
  --zu-radius-lg: 16px;
  --zu-radius-xl: 20px;
  --zu-shadow-sm: 0 1px 2px rgba(15,23,42,.04);
  --zu-shadow-md: 0 8px 24px rgba(15,23,42,.07);
  --zu-shadow-lg: 0 20px 45px rgba(15,23,42,.12);
  --zu-space-1: 4px;
  --zu-space-2: 8px;
  --zu-space-3: 12px;
  --zu-space-4: 16px;
  --zu-space-5: 20px;
  --zu-space-6: 24px;
  --zu-space-7: 32px;
  --zu-space-8: 40px;
  --zu-content-max: 1600px;
  --zu-sidebar-width: 256px;
  --zu-header-height: 68px;
}

[data-bs-theme="dark"],
[data-theme="dark"] {
  --zu-bg: #0b1120;
  --zu-surface: #111827;
  --zu-surface-2: #172033;
  --zu-surface-3: #1e293b;
  --zu-text: #f1f5f9;
  --zu-text-soft: #a7b4c7;
  --zu-text-faint: #718096;
  --zu-border: #263449;
  --zu-border-strong: #334155;
  --zu-primary-soft: #172554;
  --zu-success-soft: #052e16;
  --zu-warning-soft: #451a03;
  --zu-danger-soft: #450a0a;
  --zu-info-soft: #083344;
  --zu-shadow-sm: 0 1px 2px rgba(0,0,0,.22);
  --zu-shadow-md: 0 10px 28px rgba(0,0,0,.22);
  --zu-shadow-lg: 0 24px 55px rgba(0,0,0,.35);
}

.zu-shell, .zs-admin-shell {
  font-family: var(--zu-font-sans);
  color: var(--zu-text);
  background: var(--zu-bg);
  min-height: 100vh;
}

.zu-shell *, .zs-admin-shell * { box-sizing: border-box; }
.zu-shell button, .zu-shell input, .zu-shell select, .zu-shell textarea,
.zs-admin-shell button, .zs-admin-shell input, .zs-admin-shell select, .zs-admin-shell textarea { font: inherit; }

.zu-page { width: 100%; max-width: var(--zu-content-max); margin: 0 auto; padding: 24px; }
.zu-page-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.zu-page-title { margin:0; font:600 24px/1.25 var(--zu-font-display); letter-spacing:-.02em; color:var(--zu-text); }
.zu-page-subtitle { margin:6px 0 0; color:var(--zu-text-soft); font-size:14px; }
.zu-eyebrow { color:var(--zu-primary); font:600 11px/1.2 var(--zu-font-display); letter-spacing:.08em; text-transform:uppercase; }

.zu-grid { display:grid; gap:16px; }
.zu-grid-span-full { grid-column:1 / -1; min-width:0; }
.zu-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.zu-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.zu-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.zu-grid-auto { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.zu-stack { display:flex; flex-direction:column; gap:16px; }
.zu-row { display:flex; align-items:center; gap:12px; }
.zu-row-between { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.zu-wrap { flex-wrap:wrap; }

.zu-card { background:var(--zu-surface); border:1px solid var(--zu-border); border-radius:var(--zu-radius-lg); box-shadow:var(--zu-shadow-sm); }
.zu-card-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid var(--zu-border); }
.zu-card-body { padding:20px; }
.zu-card-footer { padding:14px 20px; border-top:1px solid var(--zu-border); }
.zu-card-title { margin:0; color:var(--zu-text); font:600 15px/1.35 var(--zu-font-display); }
.zu-card-muted { color:var(--zu-text-soft); font-size:13px; }

.zu-stat { position:relative; padding:20px; border:1px solid var(--zu-border); border-radius:var(--zu-radius-lg); background:var(--zu-surface); box-shadow:var(--zu-shadow-sm); }
.zu-stat-label { color:var(--zu-text-soft); font-size:12px; font-weight:600; }
.zu-stat-value { margin-top:7px; color:var(--zu-text); font:600 28px/1.1 var(--zu-font-display); }
.zu-stat-meta { margin-top:8px; color:var(--zu-text-soft); font-size:12px; }

.zu-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:8px 14px; border:1px solid transparent; border-radius:10px; cursor:pointer; text-decoration:none; font-size:13px; font-weight:600; transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease; }
.zu-button:hover { transform:translateY(-1px); }
.zu-button:focus-visible { outline:3px solid color-mix(in srgb,var(--zu-primary) 25%,transparent); outline-offset:2px; }
.zu-button-primary { color:#fff; background:var(--zu-primary); border-color:var(--zu-primary); }
.zu-button-primary:hover { background:var(--zu-primary-hover); border-color:var(--zu-primary-hover); }
.zu-button-secondary { color:var(--zu-text); background:var(--zu-surface); border-color:var(--zu-border-strong); }
.zu-button-secondary:hover { background:var(--zu-surface-2); }
.zu-button-ghost { color:var(--zu-text-soft); background:transparent; border-color:transparent; }
.zu-button-ghost:hover { color:var(--zu-text); background:var(--zu-surface-3); }
.zu-button-danger { color:#fff; background:var(--zu-danger); border-color:var(--zu-danger); }
.zu-button-success { color:#fff; background:var(--zu-success); border-color:var(--zu-success); }
.zu-button-sm { min-height:32px; padding:6px 10px; font-size:12px; border-radius:8px; }
.zu-button-lg { min-height:44px; padding:10px 18px; }

.zu-field { display:flex; flex-direction:column; gap:7px; }
.zu-label { color:var(--zu-text); font-size:12px; font-weight:600; }
.zu-help { color:var(--zu-text-faint); font-size:12px; }
.zu-input, .zu-select, .zu-textarea { width:100%; color:var(--zu-text); background:var(--zu-surface); border:1px solid var(--zu-border-strong); border-radius:10px; outline:none; transition:border-color .16s ease,box-shadow .16s ease; }
.zu-input, .zu-select { min-height:40px; padding:9px 12px; }
.zu-textarea { min-height:100px; padding:10px 12px; resize:vertical; }
.zu-input::placeholder, .zu-textarea::placeholder { color:var(--zu-text-faint); }
.zu-input:focus, .zu-select:focus, .zu-textarea:focus { border-color:var(--zu-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--zu-primary) 12%,transparent); }
.zu-input[disabled], .zu-select[disabled], .zu-textarea[disabled] { opacity:.65; cursor:not-allowed; }

.zu-table-wrap { width:100%; overflow:auto; border:1px solid var(--zu-border); border-radius:var(--zu-radius-lg); background:var(--zu-surface); }
.zu-table { width:100%; border-collapse:collapse; min-width:680px; }
.zu-table th { padding:12px 16px; color:var(--zu-text-soft); background:var(--zu-surface-2); border-bottom:1px solid var(--zu-border); text-align:left; font:600 11px/1.3 var(--zu-font-display); letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.zu-table td { padding:13px 16px; color:var(--zu-text); border-bottom:1px solid var(--zu-border); font-size:13px; vertical-align:middle; }
.zu-table tbody tr:last-child td { border-bottom:0; }
.zu-table tbody tr:hover td { background:var(--zu-surface-2); }

.zu-badge { display:inline-flex; align-items:center; gap:5px; min-height:24px; padding:4px 8px; border-radius:999px; font-size:11px; font-weight:600; line-height:1; }
.zu-badge-primary { color:var(--zu-primary); background:var(--zu-primary-soft); }
.zu-badge-success { color:var(--zu-success); background:var(--zu-success-soft); }
.zu-badge-warning { color:var(--zu-warning); background:var(--zu-warning-soft); }
.zu-badge-danger { color:var(--zu-danger); background:var(--zu-danger-soft); }
.zu-badge-info { color:var(--zu-info); background:var(--zu-info-soft); }

.zu-avatar { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:36px; height:36px; border-radius:50%; overflow:hidden; background:var(--zu-primary-soft); color:var(--zu-primary); font-weight:700; }
.zu-avatar img { width:100%; height:100%; object-fit:cover; }
.zu-avatar-sm { width:30px; height:30px; font-size:11px; }
.zu-avatar-lg { width:48px; height:48px; font-size:15px; }

.zu-tabs { display:flex; align-items:center; gap:4px; overflow:auto; border-bottom:1px solid var(--zu-border); }
.zu-tab { flex:0 0 auto; padding:11px 13px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--zu-text-soft); font-size:13px; font-weight:600; cursor:pointer; }
.zu-tab:hover { color:var(--zu-text); }
.zu-tab.is-active, .zu-tab.active { color:var(--zu-primary); border-bottom-color:var(--zu-primary); }

.zu-alert { display:flex; gap:10px; align-items:flex-start; padding:13px 15px; border:1px solid var(--zu-border); border-radius:12px; background:var(--zu-surface); font-size:13px; }
.zu-alert-success { color:var(--zu-success); background:var(--zu-success-soft); border-color:color-mix(in srgb,var(--zu-success) 22%,var(--zu-border)); }
.zu-alert-warning { color:var(--zu-warning); background:var(--zu-warning-soft); border-color:color-mix(in srgb,var(--zu-warning) 22%,var(--zu-border)); }
.zu-alert-danger { color:var(--zu-danger); background:var(--zu-danger-soft); border-color:color-mix(in srgb,var(--zu-danger) 22%,var(--zu-border)); }
.zu-alert-info { color:var(--zu-info); background:var(--zu-info-soft); border-color:color-mix(in srgb,var(--zu-info) 22%,var(--zu-border)); }

.zu-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:220px; padding:32px; text-align:center; color:var(--zu-text-soft); }
.zu-empty-title { margin:12px 0 5px; color:var(--zu-text); font:600 15px/1.3 var(--zu-font-display); }
.zu-empty-text { max-width:460px; margin:0; font-size:13px; }

.zu-filter-bar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:12px; border:1px solid var(--zu-border); border-radius:var(--zu-radius-lg); background:var(--zu-surface); }
.zu-filter-bar > * { flex:0 0 auto; }
.zu-search { position:relative; min-width:220px; flex:1 1 280px; }
.zu-search .zu-input { padding-left:38px; }
.zu-search-icon { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--zu-text-faint); pointer-events:none; }

.zu-modal-backdrop { position:fixed; inset:0; z-index:1050; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(15,23,42,.52); backdrop-filter:blur(3px); }
.zu-modal { width:min(680px,100%); max-height:calc(100vh - 40px); overflow:auto; background:var(--zu-surface); border:1px solid var(--zu-border); border-radius:18px; box-shadow:var(--zu-shadow-lg); }
.zu-modal-lg { width:min(960px,100%); }
.zu-modal-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid var(--zu-border); }
.zu-modal-body { padding:20px; }
.zu-modal-footer { display:flex; justify-content:flex-end; gap:8px; padding:14px 20px; border-top:1px solid var(--zu-border); }

.zu-scroll { overflow:auto; }
.zu-scroll-panel { overflow:auto; max-height:480px; }
.zu-media-cover { width:100%; height:100%; object-fit:cover; }
.zu-media-cover-property { display:block; width:100%; height:300px; object-fit:cover; }
.zu-divider { height:1px; background:var(--zu-border); border:0; margin:0; }
.zu-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

@media (max-width: 991px) {
  .zu-page { padding:18px; }
  .zu-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .zu-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .zu-page-header { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 640px) {
  .zu-page { padding:14px; }
  .zu-grid-2, .zu-grid-3, .zu-grid-4 { grid-template-columns:1fr; }
  .zu-card-header, .zu-card-body, .zu-card-footer { padding:15px; }
  .zu-row-between { align-items:flex-start; flex-direction:column; }
  .zu-filter-bar { align-items:stretch; }
  .zu-filter-bar > * { width:100%; }
  .zu-search { min-width:0; }
  .zu-modal-backdrop { padding:10px; align-items:flex-end; }
  .zu-modal { max-height:calc(100vh - 20px); border-radius:16px 16px 0 0; }
  .zu-modal-footer { flex-wrap:wrap; }
  .zu-modal-footer .zu-button { flex:1 1 auto; }
}

/* ==========================================================================\n   ZUPORIA APPLICATION SHELL\n   ========================================================================== */
.zu-header { position:sticky; top:0; z-index:1000; min-height:var(--zu-header-height); background:color-mix(in srgb,var(--zu-surface) 94%,transparent); border-bottom:1px solid var(--zu-border); backdrop-filter:blur(14px); }
.zu-header .navbar { min-height:var(--zu-header-height); background:transparent; }
.zu-header .navbar-brand { display:flex; align-items:center; min-height:var(--zu-header-height); }
.zu-header .nav-link { color:var(--zu-text-soft); }
.zu-header-stat { display:flex!important; align-items:center; justify-content:center; min-width:92px; min-height:34px; padding:7px 12px!important; border-radius:9px!important; color:#fff!important; font-size:12px!important; font-weight:700!important; line-height:1.2!important; text-align:center; text-decoration:none; }
.zu-header-stat-total { background:#24a0ed!important; }
.zu-header-stat-pending { background:#d97706!important; }
.zu-header-stat-converted { background:#06a6a0!important; }
.zu-main { min-width:0; background:var(--zu-bg); color:var(--zu-text); }
.zu-main .zs-main-slot { max-width:var(--zu-content-max); margin:0 auto; padding:0 24px 28px; }
.zu-page-header-wrap { color:var(--zu-text); }
.zu-page-header-wrap .breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:12px 0; color:var(--zu-text-soft); font-size:12px; }
.zu-page-header-wrap .breadcrumb-item { color:var(--zu-text-soft); }
.zu-page-header-wrap .breadcrumb-item a { color:var(--zu-primary); text-decoration:none; }
.zu-page-header-wrap .breadcrumb-item.active { color:var(--zu-text); font-weight:600; }
.zu-footer { border-top:1px solid var(--zu-border); background:var(--zu-surface); color:var(--zu-text-soft); }
.zu-footer a { color:var(--zu-text-soft); }
.zu-footer a:hover { color:var(--zu-primary); }
@media (max-width:991px) { .zu-main .zs-main-slot { padding:0 16px 24px; } .zu-header-stat { min-width:78px; } }
@media (max-width:640px) { .zu-main .zs-main-slot { padding:0 12px 20px; } .zu-header-stat { min-width:0; width:100%; } }

/* ==========================================================================\n   ZUPORIA SIDEBAR\n   ========================================================================== */
.zu-sidebar { position:fixed; inset:var(--zu-header-height) auto 0 0; z-index:990; width:var(--zu-sidebar-width); display:flex; flex-direction:column; overflow:hidden; background:var(--zu-surface); border-right:1px solid var(--zu-border); color:var(--zu-text); }
.zu-sidebar-inner { display:flex; flex:1; flex-direction:column; min-height:0; overflow-y:auto; padding:14px 10px 12px; scrollbar-width:thin; scrollbar-color:var(--zu-border-strong) transparent; }
.zu-sidebar-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 8px 14px; }
.zu-sidebar-eyebrow { display:block; color:var(--zu-primary); font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.zu-sidebar-title { margin:3px 0 0; color:var(--zu-text); font:600 14px/1.3 var(--zu-font-display); }
.zu-sidebar-profile { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid var(--zu-border); border-radius:10px; color:var(--zu-text-soft); background:var(--zu-surface-2); text-decoration:none; }
.zu-sidebar-profile:hover { color:var(--zu-primary); border-color:var(--zu-primary); background:var(--zu-primary-soft); }
.zu-sidebar-nav { display:flex; flex-direction:column; gap:3px; padding:0; margin:0; list-style:none; }
.zu-sidebar-item { width:100%; margin:0!important; }
.zu-sidebar .nav-link { display:flex; align-items:center; gap:10px; min-height:40px; margin:0; padding:9px 11px; border-radius:10px; color:var(--zu-text-soft); background:transparent; text-decoration:none; font-size:13px; font-weight:500; transition:background .16s ease,color .16s ease; }
.zu-sidebar .nav-link:hover { color:var(--zu-text); background:var(--zu-surface-2); }
.zu-sidebar .nav-link.active, .zu-sidebar .nav-link[aria-current="page"] { color:var(--zu-primary); background:var(--zu-primary-soft); font-weight:600; }
.zu-sidebar .menu-icon { display:inline-flex; align-items:center; justify-content:center; width:20px; min-width:20px; margin:0; color:currentColor; font-size:16px; }
.zu-sidebar .menu-name { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zu-sidebar .dropdown-toggle::after { margin-left:auto; opacity:.5; }
.zu-sidebar .dropdown-menu { position:static!important; transform:none!important; width:calc(100% - 12px); margin:3px 0 5px 12px!important; padding:4px; border:1px solid var(--zu-border); border-radius:10px; background:var(--zu-surface-2); box-shadow:none; }
.zu-sidebar .dropdown-menu .nav-link { min-height:36px; padding:8px 9px; font-size:12px; }
.zu-sidebar-subitem { margin:0!important; }
.zu-sidebar-spacer { flex:1; min-height:18px; }
.zu-sidebar-section-title { color:var(--zu-text-soft); font:600 11px/1.3 var(--zu-font-display); text-transform:uppercase; letter-spacing:.05em; }
.zu-sidebar-help { padding-left:8px!important; padding-right:8px!important; }
.zu-sidebar-help-card { margin:0; border:1px solid var(--zu-border); border-radius:12px; background:var(--zu-surface-2); box-shadow:none; }
.zu-sidebar-help-card .dropdown-item { color:var(--zu-text-soft); border-radius:8px; font-size:12px; }
.zu-sidebar-help-card .dropdown-item:hover { color:var(--zu-primary); background:var(--zu-primary-soft); }
.zu-main.has-sidebar { margin-left:var(--zu-sidebar-width); }
.zu-footer.has-sidebar { margin-left:var(--zu-sidebar-width); }
@media (max-width:991px) {
  .zu-sidebar { top:0; transform:translateX(-100%); transition:transform .2s ease; box-shadow:var(--zu-shadow-lg); }
  .zu-sidebar.sidebar-open, body.sidebar-open .zu-sidebar { transform:translateX(0); }
  .zu-main.has-sidebar, .zu-footer.has-sidebar { margin-left:0; }
}

/* ==========================================================================\n   ZUPORIA HEADER / MENUS\n   ========================================================================== */
.zu-header-nav { width:100%; margin:0; padding:0 14px; }
.zu-header-inner { display:flex; align-items:center; min-height:var(--zu-header-height); gap:10px; }
.zu-header .navbar-brand { flex:0 0 auto; margin:0; padding:0; }
.zu-icon-button { display:inline-flex!important; align-items:center; justify-content:center; width:38px; height:38px; min-width:38px; padding:0!important; border:1px solid transparent!important; border-radius:10px!important; color:var(--zu-text-soft)!important; background:transparent!important; box-shadow:none!important; }
.zu-icon-button:hover { color:var(--zu-text)!important; background:var(--zu-surface-2)!important; border-color:var(--zu-border)!important; }
.zu-header .right-in-device { min-width:0; }
.zu-header .right-in-device .navbar-nav { align-items:center; gap:7px; }
.zu-header .right-in-device .nav-item { margin:0; }
.zu-header .right-in-device .nav-link { padding:0; }
.zu-quick-links { position:relative; }
.zu-header .dropdown-menu { border:1px solid var(--zu-border); border-radius:14px; background:var(--zu-surface); box-shadow:var(--zu-shadow-lg); color:var(--zu-text); }
.zu-header .zs-quick-menu { width:320px; overflow:hidden; }
.zu-header .zs-quick-menu .zs-quick-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 16px; border-bottom:1px solid var(--zu-border); }
.zu-header .zs-quick-menu .zs-quick-head strong { display:block; color:var(--zu-text); font:600 13px/1.3 var(--zu-font-display); }
.zu-header .zs-quick-menu .zs-quick-head span { color:var(--zu-text-soft); font-size:11px; }
.zu-header .zs-quick-count { display:inline-flex!important; align-items:center; justify-content:center; min-width:24px; height:24px; border-radius:999px; color:var(--zu-primary)!important; background:var(--zu-primary-soft); font-weight:700!important; }
.zu-header .square-item { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:84px; margin:3px; padding:10px 6px; border-radius:10px; color:var(--zu-text-soft); }
.zu-header .square-item:hover { color:var(--zu-primary); background:var(--zu-primary-soft); }
.zu-header .square-item p { font-size:11px; }
.zu-header .square-item .avatar { display:inline-flex; align-items:center; justify-content:center; background:var(--zu-surface-3); color:var(--zu-primary); }
.zu-user-menu { position:relative; margin-left:2px; }
.zu-user-trigger { display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:38px; border:1px solid var(--zu-border)!important; border-radius:12px!important; background:var(--zu-surface-2)!important; color:var(--zu-text)!important; }
.zu-user-trigger:hover { border-color:var(--zu-primary)!important; background:var(--zu-primary-soft)!important; }
.zu-user-dropdown { width:320px; max-width:calc(100vw - 24px); overflow:hidden; padding:0!important; }
.zu-user-summary { border-radius:0!important; margin:0 0 6px!important; padding:16px!important; color:var(--zu-text); background:linear-gradient(135deg,var(--zu-primary-soft),var(--zu-surface-2))!important; }
.zu-user-dropdown .dropdown-item { display:flex; align-items:center; gap:8px; min-height:38px; margin:2px 6px; padding:8px 10px; border-radius:9px; color:var(--zu-text-soft); font-size:13px; }
.zu-user-dropdown .dropdown-item:hover { color:var(--zu-text); background:var(--zu-surface-2); }
.zu-user-dropdown .dropdown-item .avatar { color:currentColor; background:transparent; }
.zu-footer-inner { min-height:50px; align-items:center; }
@media (max-width:991px) { .zu-header-nav { padding:0 8px; } .zu-header .right-in-device { display:none!important; } }
@media (max-width:640px) { .zu-header .zs-quick-menu,.zu-user-dropdown { width:min(320px,calc(100vw - 20px)); } .zu-header .zs-quick-menu { right:-55px!important; } .zu-user-dropdown { right:0!important; } }

/* ==========================================================================\n   ZUPORIA PAGE FRAME\n   ========================================================================== */
.zu-page-header-wrap { position:relative; z-index:2; max-width:var(--zu-content-max,1600px); margin:0 auto; padding:10px 20px 4px; }
.zu-page-header-wrap .breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:0; padding:0; list-style:none; }
.zu-page-header-wrap .breadcrumb-item { margin:0; padding:0; color:var(--zu-text-faint); font-size:12px; }
.zu-page-header-wrap .breadcrumb-item + .breadcrumb-item::before { float:none; padding-right:5px; color:var(--zu-text-faint); content:'/'; }
.zu-page-header-wrap .breadcrumb-item a { color:var(--zu-text-soft); text-decoration:none; }
.zu-page-header-wrap .breadcrumb-item a:hover { color:var(--zu-primary); }
.zu-page-header-wrap .breadcrumb-item.active { color:var(--zu-text); font-weight:600; }
.zu-main { min-width:0; background:var(--zu-bg); color:var(--zu-text); }
.zu-main .zs-main-slot { width:100%; max-width:var(--zu-content-max,1600px); margin:0 auto; padding:0 20px 28px; }
.zu-main.no-sidebar .zs-main-slot { max-width:1200px; }
.zu-footer { position:relative; z-index:2; border-top:1px solid var(--zu-border); background:var(--zu-surface); color:var(--zu-text-soft); }
.zu-footer .nav { gap:2px; justify-content:flex-end; align-items:center; margin:0; }
.zu-footer .nav-link { padding:7px 9px; color:var(--zu-text-soft); text-decoration:none; }
.zu-footer .nav-link:hover { color:var(--zu-primary); }
.zu-footer a { color:var(--zu-primary); text-decoration:none; }
@media (max-width:991px) { .zu-page-header-wrap { padding:8px 14px 3px; } .zu-main .zs-main-slot { padding:0 14px 22px; } }
@media (max-width:640px) { .zu-page-header-wrap { padding:7px 12px 2px; } .zu-main .zs-main-slot { padding:0 12px 18px; } .zu-footer-inner { padding:8px 12px; } .zu-footer .nav { justify-content:flex-start; flex-wrap:wrap; } }

/* ==========================================================================\n   ZUPORIA SIDEBAR INTERACTION\n   ========================================================================== */
.zu-sidebar { position:fixed; inset:var(--zu-header-height) auto 0 0; z-index:990; width:var(--zu-sidebar-width); display:flex; flex-direction:column; overflow:hidden; background:var(--zu-surface); border-right:1px solid var(--zu-border); color:var(--zu-text); }
.zu-app-frame { min-height:calc(100vh - var(--zu-header-height)); }
.zu-sidebar.sidebar-close { width:var(--zu-sidebar-collapsed,76px); }
.zu-sidebar.sidebar-open { transform:translateX(0); }
body.sidebar-close .zu-main.has-sidebar { margin-left:var(--zu-sidebar-collapsed,76px); }
body.sidebar-close .zu-footer.has-sidebar { margin-left:var(--zu-sidebar-collapsed,76px); }
@media (max-width:991px) {
  .zu-sidebar { position:fixed; left:0; top:0; bottom:0; transform:translateX(-102%); transition:transform .22s ease; box-shadow:var(--zu-shadow-lg); }
  .zu-sidebar.sidebar-open { transform:translateX(0); }
  body.sidebar-open::after { content:""; position:fixed; inset:0; z-index:19; background:rgba(15,23,42,.42); }
  body.sidebar-close .zu-main.has-sidebar, body.sidebar-close .zu-footer.has-sidebar { margin-left:0; }
}

/* Header KPI + quick action grid */
.zu-header-actions { display:flex; align-items:center; gap:5px; }
.zu-header .right-in-device .navbar-nav { display:flex; align-items:center; justify-content:center; gap:8px; margin:0!important; padding:0; }
.zu-header .right-in-device .nav-item { display:flex; align-items:center; }
.zu-header-stat { display:inline-flex; align-items:center; min-height:30px; padding:5px 10px; border:1px solid var(--zu-border); border-radius:999px; color:var(--zu-text-soft); background:var(--zu-surface-2); font-size:11px; font-weight:600; white-space:nowrap; }
.zu-header-stat-total { border-color:var(--zu-primary); color:var(--zu-primary); background:var(--zu-primary-soft); }
.zu-header-stat-pending { border-color:var(--zu-warning); background:var(--zu-warning-soft); }
.zu-header-stat-converted { border-color:var(--zu-success); background:var(--zu-success-soft); }
.zu-quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; padding:0 6px 6px; }
.zu-quick-cell { min-width:0; }
@media(max-width:991px){ .zu-header .right-in-device { display:none!important; } }
@media(max-width:640px){ .zu-header-actions { gap:2px; } .zu-icon-button { width:36px; min-width:36px; height:36px; } }

/* Property workspace */
.zu-property-page { width:100%; }
.zu-property-card { overflow:visible; }
.zu-property-card > .zu-card-header { flex-wrap:wrap; }
.zu-property-card > .zu-card-header > .zu-card-title { flex:1 1 auto; }
.zu-property-card > .zu-card-header > .zu-button { margin-left:auto; }
.zu-property-label { display:block; margin-bottom:6px; color:var(--zu-text); font-size:12px; font-weight:700; }
.zu-property-image { display:flex; align-items:center; justify-content:center; margin:0; }
.zu-property-image-media { display:block; width:250px; height:250px; max-width:100%; object-fit:cover; padding:12px; border-radius:14px; }
.zu-property-page .form-control,.zu-property-page .form-select { color:var(--zu-text); background:var(--zu-surface); border-color:var(--zu-border); }
.zu-property-page .form-control:focus,.zu-property-page .form-select:focus { color:var(--zu-text); background:var(--zu-surface); border-color:var(--zu-primary); box-shadow:0 0 0 3px var(--zu-primary-soft); }
.zu-property-page .card { background:var(--zu-surface); border-color:var(--zu-border); border-radius:var(--zu-radius-lg); }
.zu-property-page .card-header { color:var(--zu-text); background:var(--zu-primary-soft)!important; border-color:var(--zu-border); }
.zu-property-page .card-title { color:var(--zu-text); }
.zu-property-page .text-danger { color:var(--zu-danger)!important; }
@media(max-width:767px){ .zu-property-card > .zu-card-header > .zu-button { margin-left:0; } .zu-property-card > .zu-card-header { gap:7px; } .zu-property-image-media { width:210px; height:210px; } }

/* Call log / notes modal */
.zu-modal-content { overflow:hidden; border-radius:inherit; }
.zu-call-header { color:#fff; background:var(--zu-primary); border-bottom-color:rgba(255,255,255,.18); }
.zu-call-header .zu-modal-title { margin:0; color:#fff; font:600 15px/1.4 var(--zu-font-display); }
.zu-call-body { background:var(--zu-surface-2); }
.zu-call-profile { border-right:1px solid var(--zu-border); }
.zu-call-heading { margin:0 0 10px; color:var(--zu-primary); font:600 14px/1.35 var(--zu-font-display); }
.zu-call-convert-heading { margin:0 0 10px; color:var(--zu-info); font:600 14px/1.35 var(--zu-font-display); }
.zu-call-list { max-height:35vh; margin:0; padding:0; list-style:none; }
.zu-call-list-item { padding:3px; }
.zu-call-list-item .card { margin:0 0 4px!important; border-color:var(--zu-border); background:var(--zu-surface); }
.zu-call-note-body { padding:8px!important; }
.zu-call-note-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px!important; background:var(--zu-surface-2); border-top-color:var(--zu-border); }
.zu-call-input { display:block; width:100%; min-height:42px; padding:9px 11px; color:var(--zu-text); background:var(--zu-surface); border:1px solid var(--zu-primary); border-radius:9px; }
.zu-call-input:focus { outline:0; box-shadow:0 0 0 3px var(--zu-primary-soft); }
.zu-call-footer { background:var(--zu-surface)!important; }
.zu-modal-backdrop .nav-tabs { border-bottom-color:var(--zu-border); }
.zu-modal-backdrop .nav-tabs .nav-link { color:var(--zu-text-soft); border:0; border-bottom:2px solid transparent; }
.zu-modal-backdrop .nav-tabs .nav-link.active { color:var(--zu-primary); background:transparent; border-bottom-color:var(--zu-primary); }
@media(max-width:767px){ .zu-call-profile { border-right:0; border-bottom:1px solid var(--zu-border); padding-bottom:16px; margin-bottom:16px; } .zu-modal-backdrop { padding:10px; } .zu-modal { max-height:calc(100vh - 20px); } }

/* Product workspace */
.zu-product-section-title { margin:0; font-weight:700; color:var(--zu-text); }
.zu-product-label { display:block; margin-bottom:6px; color:var(--zu-text); font-size:12px; font-weight:700; }
.zu-product-image-wrap { display:flex; align-items:center; justify-content:center; margin:0; text-align:center; }
.zu-product-image { display:block; width:250px; height:250px; max-width:100%; object-fit:cover; border-radius:14px; }
.zu-product-image-wrap a { display:inline-flex; border-radius:16px; background:var(--zu-surface-2); }
.zu-product-image-wrap a:hover { box-shadow:var(--zu-shadow-md); }
@media(max-width:640px){ .zu-product-image { width:210px; height:210px; } }
[data-bs-theme="dark"] .zu-product-image-wrap a,[data-theme="dark"] .zu-product-image-wrap a { background:var(--zu-surface-3); }

/* Settings workspace */
.zu-settings-logo { display:inline-block; height:50px; max-width:100%; object-fit:contain; }
.zu-settings-logo-small { width:100px; }
.zu-settings-logo-wide { width:150px; }
.zu-access-key-field { flex:4 1 0; min-width:220px; }
.zu-access-key-input { width:95%; font-size:14px; }
.zu-copy-message { display:none; margin-top:10px; color:var(--zu-success); font-size:12px; font-weight:600; }
@media(max-width:767px){ .zu-access-key-field { flex:1 1 100%; } .zu-access-key-input { width:100%; } .zu-settings-logo-wide { width:140px; } }


/* Dashboard workspace */

.zs-admin-dashboard{--zs-blue:#0156e7;--zs-blue-dark:#0148c4;--zs-ink:#03142f;--zs-muted:#52667a;--zs-line:#dce7f1;--zs-soft:#f5f9ff}
.zs-admin-welcome{background:var(--zu-surface);border:1px solid color-mix(in srgb,var(--zu-primary) 25%,transparent);color:var(--zu-text);border-radius:18px;padding:22px 24px;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.zs-admin-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--zs-blue);font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px}.zs-admin-welcome h1{color:var(--zu-text);font-size:27px;font-weight:750;letter-spacing:-.02em}
.zs-admin-btn{border-radius:10px;padding:9px 14px;font-weight:650;display:inline-flex;align-items:center;gap:7px}.zs-admin-btn-primary{background:var(--zs-blue);color:#fff;border:1px solid var(--zs-blue)}.zs-admin-btn-primary:hover{background:var(--zs-blue-dark);color:#fff}.zs-admin-btn-light{background:var(--zu-surface-2);color:var(--zu-text);border:1px solid color-mix(in srgb,var(--zu-primary) 25%,transparent)}.zs-admin-btn-light:hover{border-color:#a9c6e3;color:var(--zs-blue)}
.zs-admin-kpi{display:flex;min-height:170px;height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:var(--zu-surface);border:1px solid color-mix(in srgb,var(--zu-primary) 25%,transparent);border-radius:16px;padding:18px;text-decoration:none;box-shadow:0 6px 22px rgba(3,20,47,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.zs-admin-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(3,20,47,.09);border-color:#bdd3e7}.zs-admin-kpi-static{color:inherit}.zs-admin-kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:15px;font-size:18px}.zs-admin-kpi-icon.zs-blue{background:#eaf4ff;color:#0156e7}.zs-admin-kpi-icon.zs-cyan{background:#e9faff;color:#087f9f}.zs-admin-kpi-icon.zs-indigo{background:#eef0ff;color:#4c56c9}.zs-admin-kpi-icon.zs-green{background:#eaf8f1;color:#16845b}.zs-admin-kpi-icon.zs-orange{background:#fff3e7;color:#c56a16}.zs-admin-kpi-icon.zs-navy{background:#eaf0f8;color:#03142f}.zs-admin-kpi small{color:var(--zs-muted);font-size:12px;font-weight:650}.zs-admin-kpi strong{color:var(--zu-text);font-size:27px;line-height:1.15;margin-top:5px}.zs-admin-kpi em{font-style:normal;color:#7b8d9d;font-size:11px;margin-top:5px}.zs-admin-legacy-kpis{display:none}
.zs-admin-quick{background:var(--zu-primary);border-radius:15px;color:#fff;box-shadow:0 8px 24px rgba(3,20,47,.12)}.zs-admin-quick strong{display:block;font-size:15px}.zs-admin-quick span{display:block;color:#b9c8d8;font-size:12px;margin-top:2px}.zs-admin-quick a{display:inline-flex;align-items:center;gap:7px;color:#dcecff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:8px 11px;font-size:12px;text-decoration:none}.zs-admin-quick a:hover{background:rgba(255,255,255,.13);color:#fff}
.zs-admin-dashboard .card{background:var(--zu-surface)!important;border-color:color-mix(in srgb,var(--zu-primary) 25%,transparent)!important;color:var(--zu-text)}.zs-admin-dashboard .card-body{background:var(--zu-surface)!important;color:var(--zu-text)}.zs-admin-dashboard .card-header{background:var(--zu-surface-2)!important;color:var(--zu-text)!important;border-bottom:1px solid var(--zs-line);font-weight:700}.zs-admin-dashboard .border-secondary{border-color:color-mix(in srgb,var(--zu-primary) 25%,transparent)!important} .zs-admin-dashboard .text-secondary{color:var(--zu-text)!important;opacity:.7} .zs-admin-dashboard .card-header.bg-info,.zs-admin-dashboard .card-header.bg-warning{background:var(--zu-surface-2)!important;color:var(--zu-text)!important}.zs-admin-dashboard .card-header h4{font-size:15px}.zs-admin-dashboard .list-group-item{border-color:#e8eef4;padding:11px 13px;font-size:13px}.zs-admin-dashboard .list-group-item i{color:var(--zs-blue);margin-right:7px}.zs-admin-dashboard .badge{border-radius:8px;padding:6px 9px}
@media(max-width:767.98px){.zs-admin-welcome{padding:18px}.zs-admin-welcome h1{font-size:23px}.zs-admin-kpi{min-height:155px;padding:15px}.zs-admin-kpi strong{font-size:23px}.zs-admin-quick .card-body{align-items:flex-start!important}.zs-admin-quick a{font-size:11px}}
.zs-admin-secondary>a,.zs-admin-secondary a{display:flex;align-items:center;gap:12px;min-height:72px;background:var(--zu-surface);border:1px solid color-mix(in srgb,var(--zu-primary) 25%,transparent);border-radius:13px;padding:14px 16px;text-decoration:none;color:var(--zu-text);box-shadow:0 5px 18px rgba(0,0,0,.06)}.zs-admin-secondary a>i:first-child{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf4ff;color:var(--zs-blue);font-size:17px}.zs-admin-secondary span{flex:1}.zs-admin-secondary small{display:block;color:var(--zs-muted);font-size:11px}.zs-admin-secondary strong{display:block;font-size:19px;color:var(--zu-text);margin-top:2px}.zs-admin-secondary a>i:last-child{color:#8aa0b3;font-size:14px}.zs-admin-secondary a:hover{border-color:#bdd3e7;box-shadow:0 10px 24px rgba(3,20,47,.07)}
.zs-welcome-overlay{z-index:10000}.zs-welcome-card{z-index:10001}.zs-welcome-title{font-family:Arial,sans-serif;color:#03142f}.zs-welcome-copy{color:#52667a}

/* Profile workspace */
.zu-profile-cover-image { object-position:center; }
.zu-profile-initials { font-size:60px; }
.zu-profile-success { color:var(--zu-success); }
.zu-profile-error { color:var(--zu-danger); }
.zu-profile-verification-box { display:none; }
@media(max-width:640px){ .zu-profile-initials { font-size:48px; } }


/* Inline-style migration utilities: generated from unchanged static declarations. */
.zu-inline-e2b8a414b5{max-height:480px;overflow:auto}
.zu-inline-78cbd67bd7{max-width:80%}
.zu-inline-048b9a2b26{display: block;}
.zu-inline-4a14616f15{max-width: 700px; margin: 0 auto;}
.zu-inline-aaa67a484f{text-transform: capitalize;}
.zu-inline-71cb8d6ba8{width: 16px; height: 16px; border: 2px solid #007bff; border-radius: 4px;}
.zu-inline-130ce5d5b3{width:36px;height:36px;min-width:36px;}
.zu-inline-31981a7d51{color: red;}
.zu-inline-fa7cc08acf{height: 40px; width: 100%;}
.zu-inline-93b46fd3bb{height: 25px; width: 60px;}
.zu-inline-9426c9ffe7{min-height:620px;}
.zu-inline-6f5d7b4de0{max-height:560px;}
.zu-inline-2577590066{min-width:190px;max-width:230px;}
.zu-inline-2e34953e3b{white-space:normal;}
.zu-inline-0938f9acd9{height:380px;background:var(--zu-surface-2);}
.zu-inline-5899a67549{max-width:75%;}
.zu-inline-cbb0be9a89{white-space:pre-wrap;}
.zu-inline-ea4c629323{font-family: Arial, sans-serif}
.zu-inline-e7d11f9288{max-width:200px;height:auto;display:block;}
.zu-inline-f2892a2e8a{display: none;}
.zu-inline-a20701609a{stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1;}
.zu-inline-1cb1db7cfd{isolation:isolate}
.zu-inline-ed8c963426{margin:0px;}
.zu-inline-9c2b5e6048{color: #2d6a4f; font-size: 24px;}
.zu-inline-5675ce99f4{color: #c0392b; font-size: 24px;}
.zu-inline-90dfa960fe{color: #f39c12; font-size: 24px;}
.zu-inline-17df14df15{color: #1e3a5f; font-size: 24px;}
.zu-inline-bd500206cd{color: #6c757d; font-size: 24px;}
.zu-inline-6a6a9f834f{height:50px; width:120px;}
.zu-inline-fd3867848e{width:50%}
.zu-inline-b87efa5bc3{font-size: 16px;}
.zu-inline-cfd6ff6234{font-size: 30px; color: #333;}
.zu-inline-6c56d60405{transition: box-shadow 0.3s ease-in-out;}
.zu-inline-0115748b8c{background-color: #f9f9f9; border-radius: 8px;}
.zu-inline-78d7af8b7e{font-weight: bold;}
.zu-inline-09a5de3112{max-width:820px}
.zu-inline-11bc06a31b{background:#f5f9ff;border:1px solid #d9e5f0}
.zu-inline-0a809bb486{background:#fff8e8;border:1px solid #f0d89a}
.zu-inline-72a68ac344{text-align: center;}
.zu-inline-446e6f7e59{margin: 0 5px;}
.zu-inline-126c3c3449{max-width: 100%; max-height: 200px;}
.zu-inline-53fdf98f41{font-weight: bold; color: Black;}
.zu-inline-59a7963cf2{font-weight: bold; color: #FF5733;}
.zu-inline-bb0c09db77{border:0}
.zu-inline-993666b547{background-color: #e0f7fa;}
.zu-inline-e74a373e7f{width: 300px;}
.zu-inline-43fe289185{color: red}
.zu-inline-ff0d510091{font-size: 1.15rem;}
.zu-inline-199b90cae3{font-size: 1.2rem;}
.zu-inline-7441835a23{height:300px; object-fit: cover;}
.zu-inline-e376a22868{text-decoration: underline; font-weight: bold;}
.zu-inline-7cb9304cb8{margin-bottom: 10px; padding: 5px;}
.zu-inline-cdabf8c1f7{font-size: 1.5rem;}
.zu-inline-e2a7fb0e76{font-size: 1.2rem; margin-top: 20px;}
.zu-inline-d62fb8d99c{font-size: 1.5rem; text-decoration: underline;}
.zu-inline-513d0e7f88{background-color: #e1f5fe;}
.zu-inline-d6ba98f291{max-width: 100%; width: 90%; height: auto;}
.zu-inline-807e51198d{width: 100px;}
.zu-inline-d1b1120dcb{font-weight: 700; text-rendering: optimizeLegibility;}
.zu-inline-cd9debf1d3{margin-top: 20px; margin-bottom: 5px; border: none; height: 3px; background-color: #000000;}
.zu-inline-2f92924663{color: black; font-weight: bold;}
.zu-inline-a61e6a1ed8{color: black;font-weight: bold;}
.zu-inline-4c208cb983{color: #00040a;}
.zu-inline-87c32cf432{color: black; font-weight: bold; margin: 0 5px;}
.zu-inline-1ba580b2aa{color: red; font-weight: bold;}
.zu-inline-b4edaa7885{display: flex; align-items: center;}
.zu-inline-c1e1883498{color: #0d7bce;}
.zu-inline-3521b3d833{max-width:320px}
.zu-inline-792e0abbf7{background:rgba(15,23,42,.55)}
.zu-inline-a548ea716a{white-space:pre-wrap}
.zu-inline-17315eff13{color: #000205;}
.zu-inline-eb7d43ebe7{color: #01080e; margin-right: 5px;}
.zu-inline-204b18f8ea{display: flex; align-items: center; justify-content: space-between;}
.zu-inline-ff227d0632{margin: 0;}
.zu-inline-97c276d7cf{color: #74C0FC;}
.zu-inline-1442d4e06f{color: #d932fb;}
.zu-inline-30a09e1b52{color: #0058f0;}
.zu-inline-5262a7d44b{color: #f70202;}
.zu-inline-d5ec3b542c{border-radius: 15px; transition: transform 0.2s;}
.zu-inline-fadfeb3bfb{background: linear-gradient(to bottom right, #e0f7fa, #80deea);}
.zu-inline-4290cac76c{border-radius: 30px; transition: background-color 0.3s, color 0.3s;}
.zu-inline-420aab4e9b{border-radius: 10px;}
.zu-inline-26124ca3b3{border-radius: 10px 10px 0 0; background-color: #5156be; color: white;}
.zu-inline-ec5cbdf84f{width: 100px; height: 100px;}
.zu-inline-5832c6a558{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.zu-inline-40ad968452{width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#eef2ff,#e0e7ff);color:#4f46e5;display:flex;align-items:center;justify-content:center;}
.zu-inline-29cd8c40c8{max-width:560px;}
.zu-inline-cc06053438{background: linear-gradient(135deg, #56ab2f, #a8e063)}
.zu-inline-d2142f1229{background: linear-gradient(135deg, #3a7bd5, #3a6073)}
.zu-inline-c234e32e29{background: linear-gradient(135deg, #f2994a, #f2c94c)}
.zu-inline-4b7f19f971{background: linear-gradient(135deg, #e53935, #e35d5b)}
.zu-inline-a96d67c964{color: rgb(33,138,255);}

/* Dynamic-value surfaces */
.zu-dynamic-bg { background-color: attr(data-zu-color type(<color>), transparent) !important; }
[data-zu-color="#2193b0, #6dd5ed"].zu-dynamic-gradient { background: linear-gradient(135deg,#2193b0,#6dd5ed); }
[data-zu-color="#56ab2f, #a8e063"].zu-dynamic-gradient { background: linear-gradient(135deg,#56ab2f,#a8e063); }
[data-zu-color="#3a7bd5, #3a6073"].zu-dynamic-gradient { background: linear-gradient(135deg,#3a7bd5,#3a6073); }
[data-zu-color="#f2994a, #f2c94c"].zu-dynamic-gradient { background: linear-gradient(135deg,#f2994a,#f2c94c); }
[data-zu-color="#e53935, #e35d5b"].zu-dynamic-gradient { background: linear-gradient(135deg,#e53935,#e35d5b); }
.zu-dynamic-width { width: calc(attr(data-zu-width type(<number>)) * 1%); }
.zu-call-message { border-radius:10px; }
.zu-call-message-odd { background-color:#e0f7fa; }
.zu-call-message-even { background-color:#e1bee7; }
[class*="zu-milestone-status-"] { background-color:#6C757D; }
.zu-milestone-status-completed { background-color:#28A745; }
.zu-milestone-status-in_progress { background-color:#FFC107; }
.zu-milestone-status-pending { background-color:#DC3545; }

/* Migrated component styles: resources/views/livewire/admin/activity-log.blade.php block 1 */
/* Timeline base styles */
.timeline-wrapper {
    padding: 2rem 0;
}

.timeline-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: var(--zu-primary);
    transform: translateX(-50%);
}

/* Timeline circles for start/end points */
.zu-timeline-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.zu-timeline-circle span {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Timeline items */
.timeline-item {
    position: relative;
    margin-bottom: 3rem;
    width: 100%;
}

.timeline-item::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--zu-primary);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

/* Left/Right positioning */
.timeline-item.left .timeline-content {
    padding-right: 50%;
    padding-left: 2rem;
}

.timeline-item.right .timeline-content {
    padding-left: 50%;
    padding-right: 2rem;
}

/* Content box styling */
.timeline-box {
    background-color: var(--zu-surface);
    border: 1px solid var(--zu-border);
    border-radius: 0.5rem;
    padding: 1.5rem;
    position: relative;
    margin-top: 1rem;
}

.timeline-date {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.timeline-icon {
    position: absolute;
    top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--zu-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.timeline-item.left .timeline-icon {
    right: -20px;
}

.timeline-item.right .timeline-icon {
    left: -20px;
}

.timeline-text h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: var(--zu-text);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .timeline-wrapper::before {
        left: 1rem;
    }

    .timeline-item::before {
        left: 1rem;
    }

    .timeline-item.left .timeline-content,
    .timeline-item.right .timeline-content {
        padding: 0 0 0 3rem;
    }

    .timeline-item.left .timeline-icon,
    .timeline-item.right .timeline-icon {
        left: -20px;
    }

    .zu-timeline-circle {
        width: 60px;
        height: 60px;
        margin: 0 0 0 1rem;
    }
}

/* Dark mode compatibility */
:root[data-bs-theme="dark"] .timeline-box {
    background-color: var(--zu-surface-3);
    border-color: var(--zu-border);
}

:root[data-bs-theme="dark"] .timeline-text h3 {
    color: var(--zu-text-soft);
}


/* Migrated component styles: resources/views/livewire/admin/admin-settings.blade.php block 1 */
#copyButton {
            padding: 2px 4px;
            font-size: 12px;
            border-radius: 5px;
        }

        #copyMessage {
            display: none;
            color: green;
            margin-top: 10px;
        }


/* Migrated component styles: resources/views/livewire/admin/blocked.blade.php block 1 */
.large-warning-icon {
        font-size: 6rem; /* Larger icon size */
        color: #ff3d00; /* Bright red for high visibility */
    }
    .card {
        border: none;
        box-shadow: 8px 8px 12px rgba(0,0,0,0.2);
        background-color: #fff; /* White background for better contrast */
        padding: 30px;
        border-radius: 15px;
        border: 2px solid #ff3d00; /* Border color matching the icon */
    }
    .card-body {
        padding: 40px;
    }
    .btn-primary {
        background-color: #004d40; /* Dark teal for a strong contrast */
        border-color: #004d40;
    }
    .btn-primary:hover {
        background-color: #00251a; /* Even darker teal on hover */
        border-color: #00251a;
    }
    .text-danger {
        color: #ff3d00; /* Matching the icon color */
    }
    .alert-warning {
        background-color: #fff3e0; /* Light orange for a more urgent feel */
        border-color: #ffecb3; /* Light yellow-orange border */
        color: #e65100; /* Dark orange text for better readability */
        padding: 20px;
        border-radius: 10px;
        font-size: 1.25rem; /* Larger font size for better readability */
    }
    .alert-warning h3 {
        margin: 0;
    }


/* Migrated component styles: resources/views/livewire/admin/help-desk-show.blade.php block 1 */
/* Chat Message Styles */
    .left .conversation-list {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .right .conversation-list {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 15px;
    }

    .left .ctext-wrap-content {
        background-color: #f1f1f1;
        color: #333;
        padding: 10px;
        border-radius: 10px;
    }

    .right .ctext-wrap-content {
        background-color: #007bff;
        color: #fff;
        padding: 50px;
        border-radius: 10px;
    }

    /* Spacing adjustments */
    .chat-conversation {
        height: 60vh !important;
        overflow-y: auto;
    }

    /* Additional message and chat bubble styling */
    .ctext-wrap {
        display: flex;
        max-width: 60%;
    }

    .chat-day-title {
        text-align: center;
        font-weight: bold;
        margin: 20px 0;
    }


/* Migrated component styles: resources/views/livewire/admin/integration/integration.blade.php block 1 */
.zs-integrations-view{--zs-border:rgba(15,23,42,.10);--zs-muted:#64748b;--zs-text:#0f172a;--zs-surface:var(--zu-surface);--zs-soft:#f8fafc;max-width:1600px;margin:0 auto;padding:8px 2px 36px;color:var(--zs-text)}
    .zs-integration-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 24px}
    .zs-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#64748b;margin-bottom:7px}
    .zs-integration-header h1{font-size:28px;line-height:1.2;margin:0 0 7px;font-weight:750;letter-spacing:-.02em}
    .zs-integration-header p{margin:0;color:var(--zs-muted);font-size:14px;max-width:760px}
    .zs-integration-summary{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--zs-border);border-radius:999px;background:var(--zs-surface);font-size:12px;font-weight:700;white-space:nowrap}
    .zs-summary-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
    .zs-integration-alert{display:flex;align-items:center;gap:12px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.07);border-radius:12px;padding:12px 15px;margin-bottom:20px}
    .zs-integration-alert strong,.zs-integration-alert span{display:block}.zs-integration-alert strong{font-size:13px}.zs-integration-alert span{font-size:12px;color:var(--zs-muted);margin-top:2px}
    .zs-alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(245,158,11,.12);color:#b45309;flex:0 0 auto}.zs-alert-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .zs-health-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.zs-health-card{border:1px solid var(--zs-border);border-radius:12px;background:var(--zs-surface);padding:14px 15px;min-height:96px}.zs-health-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#94a3b8;margin-bottom:7px}.zs-health-card strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.02em}.zs-health-card small{display:block;color:var(--zs-muted);font-size:11px;margin-top:5px}.zs-health-time{font-size:17px!important;padding-top:3px}@media (max-width:900px){.zs-health-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.zs-health-overview{grid-template-columns:1fr}}
    .zs-integration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
    .zs-integration-search{position:relative;width:min(360px,100%)}
    .zs-integration-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:none;stroke:#64748b;stroke-width:1.8;stroke-linecap:round}
    .zs-integration-search input{width:100%;height:42px;border:1px solid var(--zs-border);border-radius:10px;background:var(--zs-surface);padding:0 13px 0 40px;outline:0;font-size:13px;transition:border-color .15s,box-shadow .15s}.zs-integration-search input:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
    .zs-category-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px;border:1px solid var(--zs-border);border-radius:12px;background:var(--zs-surface);box-shadow:0 1px 2px rgba(15,23,42,.03)}.zs-filter{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;color:#64748b;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.zs-filter:hover{background:var(--zs-soft);color:var(--zs-text)}.zs-filter.active{background:#f0ebff;color:#6d3df5;border-color:#d9ccff;box-shadow:0 1px 2px rgba(109,61,245,.08)}.zs-tab-icon{display:inline-flex;width:15px;height:15px;align-items:center;justify-content:center}.zs-tab-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .zs-integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
    .zs-integration-card{position:relative;display:flex;flex-direction:column;min-height:218px;padding:17px;border:1px solid var(--zs-border);border-radius:14px;background:var(--zs-surface);box-shadow:0 1px 2px rgba(15,23,42,.02);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.zs-integration-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.22);box-shadow:0 12px 30px rgba(15,23,42,.08)}
    .zs-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.zs-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.zs-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#64748b}.zs-status i{width:6px;height:6px;border-radius:50%;background:#94a3b8}.zs-status-healthy{color:#15803d}.zs-status-healthy i{background:#22c55e}.zs-status-error{color:#b91c1c}.zs-status-error i{background:#ef4444}.zs-status-configured{color:#2563eb}.zs-status-configured i{background:#3b82f6}.zs-card-category{font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#94a3b8;text-align:right}.zs-type-badge{display:inline-flex;align-items:center;border:1px solid var(--zs-border);border-radius:999px;padding:3px 6px;font-size:8px;font-weight:800;color:#475569;background:var(--zs-soft)}.zs-provider-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--zs-border);border-radius:11px;background:var(--zs-soft);color:#334155}.zs-provider-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .zs-card-copy{padding:19px 0 16px;flex:1}.zs-card-copy h2{font-size:15px;line-height:1.35;margin:0 0 6px;font-weight:750}.zs-card-copy p{font-size:12px;line-height:1.55;color:var(--zs-muted);margin:0}
    .zs-configure-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--zs-border);padding-top:13px;color:#2563eb;text-decoration:none;font-size:12px;font-weight:750}.zs-configure-link:hover{color:#1d4ed8}.zs-configure-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.zs-configure-link:hover svg{transform:translateX(2px)}
    .zs-no-results{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--zs-border);border-radius:14px;color:var(--zs-muted)}.zs-no-results-icon{width:42px;height:42px;margin:0 auto 10px;display:grid;place-items:center;border-radius:10px;background:var(--zs-soft);color:#64748b}.zs-no-results-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.zs-no-results strong,.zs-no-results span{display:block}.zs-no-results strong{color:var(--zs-text);font-size:14px}.zs-no-results span{font-size:12px;margin-top:4px}
    @media (max-width:1200px){.zs-integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media (max-width:900px){.zs-integration-header{align-items:flex-start;flex-direction:column}.zs-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media (max-width:560px){.zs-integration-grid{grid-template-columns:1fr}.zs-integration-search{width:100%}.zs-category-tabs{width:100%;overflow:auto;flex-wrap:nowrap;padding:4px}.zs-filter{white-space:nowrap}.zs-integration-header h1{font-size:24px}}
    @media (prefers-reduced-motion:reduce){.zs-integration-card,.zs-configure-link svg{transition:none}}


/* Migrated component styles: resources/views/livewire/admin/leads.blade.php block 1 */
.scrum-board {
    flex: 1;
    padding: 20px;
}

.scrum-board-processing {
    flex: 1;
    padding: 20px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.scrum-task-pending {
    position: relative;
    display: block;
    padding: 10px;
    border: .5px solid #8392ab;
    border-left: 5px solid #8392ab;
    margin-bottom: 10px;
    border-radius: 15px;
    background-color: #fff;
    cursor: all-scroll;
}


.scrum-task-processing {
    position: relative;
    display: block;
    padding: 10px;
    border: .5px solid #faae42;
    border-left: 5px solid #faae42;
    margin-bottom: 10px;
    border-radius: 15px;
    background-color: #fff;
    cursor: all-scroll;
}


.scrum-task-ready {
    position: relative;
    display: block;
    padding: 10px;
    border: .5px solid #2dce89;
    border-left: 5px solid #2dce89;
    margin-bottom: 10px;
    border-radius: 15px;
    background-color: #fff;
    cursor: all-scroll;
}



.scrum-board-column {
    // background-color:blue;
    min-height: 200px;
    padding: 10px;
    height: 100%;
}

.today-task-pending {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #8392ab;
    border-left: 5px solid #8392ab;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}


.today-task-processing {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #faae42;
    border-left: 5px solid #faae42;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}


.today-task-ready {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #2dce89;
    border-left: 5px solid #2dce89;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}

.today-task-delivered {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #0083ff;
    border-left: 5px solid #0083ff;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}

.today-task-returned {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #f5365c;
    border-left: 5px solid #f5365c;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}


/* Migrated component styles: resources/views/livewire/admin/membership/extend.blade.php block 1 */
/* Only adding dark mode support for basic elements */
        [data-bs-theme="dark"] {
            --base-bg: #1a1a1a;
            --base-text: #ffffff;
            --base-muted: #adb5bd;
        }

        /* Keep all original styles */
        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-radius: 15px;
            overflow: hidden;
            background-color: #ffffff;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        }

        [data-bs-theme="dark"] .card {
            background-color: var(--base-bg);
        }

        .plan-card {
            background: linear-gradient(135deg, #E0F7FA 0%, #ffffff 100%);
            border-radius: 15px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        [data-bs-theme="dark"] .plan-card {
            background: linear-gradient(135deg, #2d3436 0%, #1a1a1a 100%);
        }

        .plan-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .btn-primary {
            background: linear-gradient(135deg, #5156be, #4b54a0);
            color: #ffffff;
            border-radius: 30px;
            transition: all 0.3s ease;
            padding: 12px 35px;
            border: none;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        .btn-primary:hover {
            background: linear-gradient(135deg, #4b54a0, #5156be);
            transform: scale(1.05);
            box-shadow: 0 5px 15px rgba(81, 86, 190, 0.4);
        }

       .profile-section {
            background: linear-gradient(135deg, #a8d8ea 0%, #ffffff 100%);
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2.5rem;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
        }

        [data-bs-theme="dark"] .profile-section {
            background: linear-gradient(135deg, #2d3436 0%, #1a1a1a 100%);
        }

        .profile-section img {
            border: 4px solid #ffffff;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        [data-bs-theme="dark"] .profile-section img {
            border-color: var(--base-bg);
        }

        .plan-option-item {
            transition: all 0.3s ease;
            padding: 1rem;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.7);
            margin-bottom: 1rem;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        [data-bs-theme="dark"] .plan-option-item {
            background: rgba(45, 45, 45, 0.7);
        }

        .plan-option-item:hover {
            background: rgba(255, 255, 255, 0.9);
            transform: translateX(8px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }

        [data-bs-theme="dark"] .plan-option-item:hover {
            background: rgba(55, 55, 55, 0.9);
        }

        .section-heading {
            position: relative;
            padding-bottom: 1rem;
            margin-bottom: 2rem;
            text-align: center;
            color: #2193b0;
        }

        [data-bs-theme="dark"] .section-heading {
            color: var(--base-text);
        }

        .section-heading:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(135deg, #2193b0, #6dd5ed);
            border-radius: 2px;
        }

        .card-header {
            background: linear-gradient(135deg, #5156be, #4b54a0);
            padding: 1.5rem;
            border-bottom: none;
        }

        .card-header h4 {
            color: #ffffff;
            font-weight: 600;
            margin: 0;
            letter-spacing: 0.5px;
        }

        [data-bs-theme="dark"] .text-muted {
            color: var(--base-muted) !important;
        }

        [data-bs-theme="dark"] h2:not(.section-heading),
        [data-bs-theme="dark"] h3:not(.section-heading),
        [data-bs-theme="dark"] h4:not(.section-heading),
        [data-bs-theme="dark"] h5:not(.section-heading),
        [data-bs-theme="dark"] p:not(.zu-stat-card *) {
            color: var(--base-text);
        }


/* Migrated component styles: resources/views/livewire/admin/membership/extend.blade.php block 2 */
/* ZuporiaCRM subscription workspace — intentionally scoped to this page. */
.zs-upgrade-page{--up-bg:#f5f7fb;--up-surface:#fff;--up-surface-2:#f8fafc;--up-line:#e2e8f0;--up-text:#0f172a;--up-muted:#64748b;--up-primary:#315efb;--up-primary-2:#2447d8;--up-success:#16a34a;--up-shadow:0 14px 40px rgba(15,23,42,.07);min-height:calc(100vh - 120px);padding:8px 0 36px;color:var(--up-text)}
.zs-upgrade-page .row.justify-content-center{margin:0}
.zs-upgrade-page>.row>.col-md-12{padding:0;max-width:1440px;margin:0 auto}
.zs-upgrade-page>.row>.col-md-12>.card{border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.zs-upgrade-page>.row>.col-md-12>.card>.card-header{display:flex!important;align-items:center;justify-content:space-between;min-height:70px;padding:0 6px 18px!important;background:transparent!important;border:0!important;color:var(--up-text)!important}
.zs-upgrade-page>.row>.col-md-12>.card>.card-header h4{font-size:28px!important;font-weight:750!important;letter-spacing:-.02em;color:var(--up-text)!important}
.zs-upgrade-page>.row>.col-md-12>.card>.card-body{padding:0!important}
.zs-upgrade-page .card{border-color:var(--up-line)!important;background:var(--up-surface)!important;box-shadow:var(--up-shadow)!important}
.zs-upgrade-page .card-body{color:var(--up-text)}
.zs-upgrade-page .btn-group{padding:4px;border:1px solid var(--up-line);border-radius:13px;background:var(--up-surface);box-shadow:0 5px 18px rgba(15,23,42,.05)}
.zs-upgrade-page .btn-group .btn{min-width:150px;border:0!important;border-radius:9px!important;padding:10px 18px!important;font-weight:650;box-shadow:none!important}
.zs-upgrade-page .btn-group .btn.btn-primary{background:var(--up-primary)!important;color:#fff!important}
.zs-upgrade-page .btn-group .btn.btn-outline-secondary{background:transparent!important;color:var(--up-muted)!important}
.zs-upgrade-page .btn-group .btn.btn-outline-secondary:hover{background:var(--up-surface-2)!important;color:var(--up-text)!important}
.zs-upgrade-page .plan-card{position:relative;border-radius:18px!important;overflow:hidden;border:1px solid var(--up-line)!important;background:var(--up-surface)!important;box-shadow:0 8px 28px rgba(15,23,42,.06)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.zs-upgrade-page .plan-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(15,23,42,.11)!important}
.zs-upgrade-page .plan-card .card-body{min-height:250px;padding:28px 24px 22px!important;background:linear-gradient(180deg,var(--up-surface),var(--up-surface-2))!important}
.zs-upgrade-page .plan-card h5{font-size:19px!important;color:var(--up-text)!important;margin-bottom:18px!important}
.zs-upgrade-page .plan-card .pricing-details{margin-bottom:24px!important}
.zs-upgrade-page .plan-price{margin:0 0 10px!important}
.zs-upgrade-page .plan-price span{display:inline-flex!important;align-items:baseline;justify-content:center;padding:10px 14px!important;border-radius:10px!important;background:rgba(49,94,251,.10)!important;color:var(--up-primary)!important;font-size:22px!important;font-weight:800!important;line-height:1.2}
.zs-upgrade-page .plan-card .text-muted{color:var(--up-muted)!important;font-size:12px}
.zs-upgrade-page .plan-card p:not(.text-muted){color:var(--up-muted)!important;font-size:13px}
.zs-upgrade-page .plan-card p .fw-bold{color:var(--up-text)!important}
.zs-upgrade-page .plan-card .btn{min-height:42px;border-radius:10px!important;font-weight:650;border-width:1px!important}
.zs-upgrade-page .plan-card .btn.btn-primary{background:var(--up-primary)!important;border-color:var(--up-primary)!important;color:#fff!important}
.zs-upgrade-page .plan-card .btn.btn-outline-primary{color:var(--up-primary)!important;border-color:#b9c7f8!important;background:transparent!important}
.zs-upgrade-page .plan-card .btn.btn-outline-primary:hover{background:rgba(49,94,251,.07)!important}
.zs-upgrade-page .plan-card.border-primary{border:2px solid var(--up-primary)!important;box-shadow:0 14px 34px rgba(49,94,251,.15)!important}
.zs-upgrade-page .plan-card.border-primary:before{content:'Selected';position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:999px;background:rgba(49,94,251,.10);color:var(--up-primary);font-size:10px;font-weight:750;z-index:2}
.zs-upgrade-page .card.mb-4:has(#additionalUsers),.zs-upgrade-page .pricing-summary{border-radius:16px!important}
.zs-upgrade-page #additionalUsers{min-height:46px;border-radius:10px 0 0 10px;border:1px solid var(--up-line);background:var(--up-surface);color:var(--up-text);box-shadow:none}
.zs-upgrade-page .input-group-text{border-color:var(--up-line);background:var(--up-surface-2);color:var(--up-muted);border-radius:0 10px 10px 0}
.zs-upgrade-page .form-label{font-size:13px;font-weight:700;color:var(--up-text);margin-bottom:8px}
.zs-upgrade-page .pricing-summary{padding:2px 0}
.zs-upgrade-page .pricing-summary .card-title{font-size:18px;font-weight:750;color:var(--up-text)!important}
.zs-upgrade-page .pricing-summary table{margin:0}
.zs-upgrade-page .pricing-summary td{padding:11px 4px;color:var(--up-muted);border-bottom:1px solid var(--up-line)}
.zs-upgrade-page .pricing-summary td.text-end{color:var(--up-text);font-weight:650}
.zs-upgrade-page .pricing-summary .table-active td{background:transparent!important;border-bottom:0;color:var(--up-text)!important;padding-top:16px}
.zs-upgrade-page .pricing-summary .h5{font-weight:800}
.zs-upgrade-page form>.card:last-of-type{margin-bottom:0!important}
.zs-upgrade-page form>.card:last-of-type .card-body{padding:24px 28px!important}
.zs-upgrade-page form>.card:last-of-type .btn-lg{min-height:50px;padding:0 30px;border-radius:12px!important;background:linear-gradient(135deg,var(--up-primary),var(--up-primary-2))!important;border:0!important;font-weight:750;box-shadow:0 10px 22px rgba(49,94,251,.20)}
.zs-upgrade-page .text-center>.btn.btn-primary[disabled]{opacity:.65;box-shadow:none}
.zs-upgrade-page [data-bs-theme="dark"]{--up-bg:#0b1020}
[data-bs-theme="dark"] .zs-upgrade-page{--up-bg:#0b1020;--up-surface:#111827;--up-surface-2:#0f172a;--up-line:#263248;--up-text:#f8fafc;--up-muted:#94a3b8;--up-primary:#4f6fff;--up-primary-2:#3157e8;--up-shadow:0 18px 45px rgba(0,0,0,.22)}
[data-bs-theme="dark"] .zs-upgrade-page .card{background:var(--up-surface)!important}
[data-bs-theme="dark"] .zs-upgrade-page .plan-card .card-body{background:linear-gradient(180deg,#111827,#0f172a)!important}
[data-bs-theme="dark"] .zs-upgrade-page .plan-price span{background:rgba(79,111,255,.14)!important;color:#8ea3ff!important}
[data-bs-theme="dark"] .zs-upgrade-page .plan-card .btn.btn-outline-primary{border-color:#34446d!important;color:#8ea3ff!important}
[data-bs-theme="dark"] .zs-upgrade-page #additionalUsers{background:#0f172a;color:#f8fafc;border-color:#263248}
[data-bs-theme="dark"] .zs-upgrade-page .input-group-text{background:#111827;border-color:#263248;color:#94a3b8}
@media(max-width:767.98px){
 .zs-upgrade-page{padding:2px 0 24px}
 .zs-upgrade-page>.row>.col-md-12>.card>.card-header{min-height:58px;padding-bottom:12px!important}
 .zs-upgrade-page>.row>.col-md-12>.card>.card-header h4{font-size:23px!important}
 .zs-upgrade-page .btn-group{width:100%}
 .zs-upgrade-page .btn-group .btn{min-width:0;flex:1;padding:9px 8px!important;font-size:12px}
 .zs-upgrade-page .plan-card .card-body{min-height:0;padding:23px 20px 20px!important}
 .zs-upgrade-page form>.card:last-of-type .card-body{padding:20px!important}
}


/* Migrated component styles: resources/views/livewire/admin/membership/plan-details.blade.php block 1 */
/* Only adding dark mode support for basic elements */
        [data-bs-theme="dark"] {
            --base-bg: #1a1a1a;
            --base-text: #ffffff;
            --base-muted: #adb5bd;
        }

        /* Keep all original styles */
        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-radius: 15px;
            overflow: hidden;
            background-color: #ffffff;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        }

        [data-bs-theme="dark"] .card {
            background-color: var(--base-bg);
        }

        .plan-card {
            background: linear-gradient(135deg, #E0F7FA 0%, #ffffff 100%);
            border-radius: 15px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        [data-bs-theme="dark"] .plan-card {
            background: linear-gradient(135deg, #2d3436 0%, #1a1a1a 100%);
        }

        .plan-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .zu-stat-card {
            background: linear-gradient(135deg, #2193b0, #6dd5ed);
            border-radius: 12px;
            padding: 1.75rem 1.5rem;
            color: white;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            height: 100%;
        }

        .zu-stat-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
        }

        .zu-stat-card i {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            opacity: 0.9;
        }

        .zu-stat-card h5 {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        .zu-stat-card p {
            font-size: 1.2rem;
            font-weight: 500;
        }

        .btn-primary {
            background: linear-gradient(135deg, #5156be, #4b54a0);
            color: #ffffff;
            border-radius: 30px;
            transition: all 0.3s ease;
            padding: 12px 35px;
            border: none;
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        .btn-primary:hover {
            background: linear-gradient(135deg, #4b54a0, #5156be);
            transform: scale(1.05);
            box-shadow: 0 5px 15px rgba(81, 86, 190, 0.4);
        }

       .profile-section {
            background: linear-gradient(135deg, #a8d8ea 0%, #ffffff 100%);
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2.5rem;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
        }

        [data-bs-theme="dark"] .profile-section {
            background: linear-gradient(135deg, #2d3436 0%, #1a1a1a 100%);
        }

        .profile-section img {
            border: 4px solid #ffffff;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        [data-bs-theme="dark"] .profile-section img {
            border-color: var(--base-bg);
        }

        .plan-option-item {
            transition: all 0.3s ease;
            padding: 1rem;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.7);
            margin-bottom: 1rem;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        [data-bs-theme="dark"] .plan-option-item {
            background: rgba(45, 45, 45, 0.7);
        }

        .plan-option-item:hover {
            background: rgba(255, 255, 255, 0.9);
            transform: translateX(8px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
        }

        [data-bs-theme="dark"] .plan-option-item:hover {
            background: rgba(55, 55, 55, 0.9);
        }

        .section-heading {
            position: relative;
            padding-bottom: 1rem;
            margin-bottom: 2rem;
            text-align: center;
            color: #2193b0;
        }

        [data-bs-theme="dark"] .section-heading {
            color: var(--base-text);
        }

        .section-heading:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(135deg, #2193b0, #6dd5ed);
            border-radius: 2px;
        }

        .card-header {
            background: linear-gradient(135deg, #5156be, #4b54a0);
            padding: 1.5rem;
            border-bottom: none;
        }

        .card-header h4 {
            color: #ffffff;
            font-weight: 600;
            margin: 0;
            letter-spacing: 0.5px;
        }

        [data-bs-theme="dark"] .text-muted {
            color: var(--base-muted) !important;
        }

        [data-bs-theme="dark"] h2:not(.section-heading),
        [data-bs-theme="dark"] h3:not(.section-heading),
        [data-bs-theme="dark"] h4:not(.section-heading),
        [data-bs-theme="dark"] h5:not(.section-heading),
        [data-bs-theme="dark"] p:not(.zu-stat-card *) {
            color: var(--base-text);
        }


/* Migrated component styles: resources/views/livewire/admin/opportunity.blade.php block 1 */
.scrum-board {
    flex: 1;
    padding: 20px;
}

.scrum-board-processing {
    flex: 1;
    padding: 20px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.scrum-task-pending {
    position: relative;
    display: block;
    padding: 10px;
    border: .5px solid #8392ab;
    border-left: 5px solid #8392ab;
    margin-bottom: 10px;
    border-radius: 15px;
    background-color: #fff;
    cursor: all-scroll;
}


.scrum-task-processing {
    position: relative;
    display: block;
    padding: 10px;
    border: .5px solid #faae42;
    border-left: 5px solid #faae42;
    margin-bottom: 10px;
    border-radius: 15px;
    background-color: #fff;
    cursor: all-scroll;
}


.scrum-task-ready {
    position: relative;
    display: block;
    padding: 10px;
    border: .5px solid #2dce89;
    border-left: 5px solid #2dce89;
    margin-bottom: 10px;
    border-radius: 15px;
    background-color: #fff;
    cursor: all-scroll;
}



.scrum-board-column {
    // background-color:blue;
    min-height: 200px;
    padding: 10px;
    height: 100%;
}

.today-task-pending {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #8392ab;
    border-left: 5px solid #8392ab;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}


.today-task-processing {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #faae42;
    border-left: 5px solid #faae42;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}


.today-task-ready {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #2dce89;
    border-left: 5px solid #2dce89;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}

.today-task-delivered {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #0083ff;
    border-left: 5px solid #0083ff;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}

.today-task-returned {
    position: relative;
    display: block;
    padding: 5px;
    border: .5px solid #f5365c;
    border-left: 5px solid #f5365c;
    margin-bottom: 5px;
    border-radius: 15px;
    background-color: #fff;
}


/* Migrated component styles: resources/views/livewire/admin/plan-expire.blade.php block 1 */
.zs-plan-gate{min-height:calc(100vh - 170px);display:flex;align-items:center;justify-content:center;padding:36px 20px 54px;position:relative;overflow:hidden}
.zs-plan-gate:before,.zs-plan-gate:after{content:"";position:absolute;border-radius:999px;pointer-events:none}
.zs-plan-gate:before{width:360px;height:360px;top:-190px;left:-120px;background:rgba(79,70,229,.10)}
.zs-plan-gate:after{width:420px;height:420px;right:-170px;bottom:-230px;background:rgba(59,130,246,.08)}
.zs-plan-card{width:min(760px,100%);position:relative;z-index:1;border:1px solid rgba(99,102,241,.14);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(15,23,42,.10);padding:48px 52px 44px;text-align:center}
.zs-plan-icon{width:92px;height:92px;margin:0 auto 24px;border-radius:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef2ff,#e0e7ff);color:#4f46e5;box-shadow:inset 0 0 0 1px rgba(79,70,229,.10)}
.zs-plan-icon i{font-size:42px}
.zs-plan-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:15px}
.zs-plan-title{margin:0;font-family:"Lexend",sans-serif;font-size:clamp(32px,5vw,50px);line-height:1.08;letter-spacing:-.035em;color:#0f172a;font-weight:700}
.zs-plan-title span{color:#4f46e5}
.zs-plan-copy{max-width:560px;margin:17px auto 0;color:#64748b;font-size:16px;line-height:1.7}
.zs-plan-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.zs-plan-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px;border:0;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff!important;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(79,70,229,.25);transition:transform .2s ease,box-shadow .2s ease}
.zs-plan-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(79,70,229,.30)}
.zs-plan-help{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:13px}
[data-bs-theme="dark"] .zs-plan-card{background:rgba(15,23,42,.96);border-color:rgba(148,163,184,.14);box-shadow:0 24px 70px rgba(0,0,0,.30)}
[data-bs-theme="dark"] .zs-plan-title{color:#f8fafc}
[data-bs-theme="dark"] .zs-plan-copy{color:#94a3b8}
[data-bs-theme="dark"] .zs-plan-help{border-color:#334155}
@media(max-width:576px){.zs-plan-gate{min-height:calc(100vh - 125px);padding:24px 14px 40px}.zs-plan-card{border-radius:22px;padding:34px 22px 30px}.zs-plan-icon{width:76px;height:76px;border-radius:22px}.zs-plan-icon i{font-size:34px}}


/* Migrated component styles: resources/views/livewire/admin/properties/layout.blade.php block 1 */


/* Migrated component styles: resources/views/livewire/admin/properties/property_detail.blade.php block 1 */

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: var(--zu-font-sans);
        }

        body {
            background-color: #f5f6fa;
        }

        .container {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 1rem;
        }

        .page-header {
            background: linear-gradient(135deg, #4568dc, #3944bc);
            color: white;
            padding: 2rem 0;
            margin-bottom: 2rem;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(69, 104, 220, 0.2);
        }

        .breadcrumb {
            display: flex;
            gap: 0.5rem;
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.9rem;
        }

        .property-card {
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

        .property-card:hover {
            transform: translateY(-5px);
        }

        .property-image {
            position: relative;
            overflow: hidden;
            border-radius: 15px 15px 0 0;
        }

        .property-image img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .property-details {
            padding: 2rem;
        }

        .property-title {
            font-size: 1.8rem;
            color: #2d3436;
            margin-bottom: 1.5rem;
            font-weight: 600;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
            padding: 1.5rem;
            background: #f8f9fa;
            border-radius: 10px;
        }

        .zu-feature-item {
            text-align: center;
        }

        .zu-feature-item i {
            font-size: 1.5rem;
            color: #4568dc;
            margin-bottom: 0.5rem;
        }

        .zu-feature-label {
            font-size: 18px;
            color: #636e72;
        }

        .zu-feature-value {
            font-size: 1.2rem;
            color: #2d3436;
            font-weight: 500;
        }

        .details-section {
            margin-top: 2rem;
            padding: 2rem;
            background: #f8f9fa;
            border-radius: 10px;
        }

        .section-title {
            font-size: 20px;
            color: #2d3436;
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #4568dc;
        }

        .zu-detail-row {
            display: grid;
            grid-template-columns: 150px 1fr;
            gap: 1rem;
            margin-bottom: 1rem;
        }

        .zu-detail-label {
            font-weight: bold;
            font-size: 18px;
            color: #636e72;
        }

        .zu-detail-value {
            color: #2d3436;
    font-size: 17px;
        }

        .amenities-section {
            margin-top: 2rem;
            padding: 2rem;
            background: #f8f9fa;
            border-radius: 10px;
        }

        .amenities-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
        }

        .amenity-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem;
        }

        .amenity-item i {
            color: #4568dc;
        }

        @media (max-width: 768px) {
            .container {
                padding: 0 0.5rem;
            }

            .property-details {
                padding: 1rem;
            }

            .features-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .zu-detail-row {
                grid-template-columns: 1fr;
            }

            .property-title {
                font-size: 1.5rem;
            }
        }


/* Migrated component styles: resources/views/livewire/admin/properties-view.blade.php block 1 */

    body {
        font-family: var(--zu-font-sans);
        background-color: #f8f9fa;
        color: #2c3e50;
        line-height: 1.6;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }

    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        border-bottom: 2px solid #3498db;
        padding-bottom: 20px;
    }

    .logo img {
        max-width: 150px;
        height: auto;
    }

    .card {
        background-color: white;
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin-bottom: 25px;
        border: 1px solid #e1e8ed;
    }

    .card-header {
        background-color: #3498db;
        color: white;
        padding: 15px 20px;
        border-radius: 12px 12px 0 0;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .card-body {
        padding: 20px;
    }

    .zu-property-row {
        display: flex;
        margin-bottom: 15px;
        align-items: center;
    }

    .zu-property-label {
        flex: 0 0 30%;
        font-weight: 600;
        color: #34495e;
    }

    .zu-property-value {
        flex: 0 0 70%;
        background-color: #f7f9fc;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #e1e8ed;
    }

    .image-container {
        width: 300px;
        height: 200px;
        margin: 20px auto;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .zu-two-columns {
        display: flex;
        gap: 20px;
    }

    .zu-column {
        flex: 1;
    }

    @media (max-width: 768px) {
        .zu-two-columns {
            flex-direction: column;
        }

        .zu-property-row {
            flex-direction: column;
            align-items: flex-start;
        }

        .zu-property-label {
            margin-bottom: 5px;
        }
    }


/* Migrated component styles: resources/views/livewire/admin/trial-plan.blade.php block 1 */
.large-primary-icon {
            font-size: 4rem;
            color: #5156be;
        }
        .card {
            border: none;
            box-shadow: 8px 8px 8px rgba(0,0,0,0.1);
            background-color: #f8f9fa;
            padding: 20px;
            border-radius: 10px;
        }
        .card-body {
            padding: 30px;
        }
        .btn-primary {
            background-color: #5156be;
            border-color: #5156be;
        }
        .btn-primary:hover {
            background-color: #3a3d8b;
            border-color: #3a3d8b;
        }
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--p:#0156e7;--pd:#0148c4;--ink:#03142f;--muted:#52667a;--line:#d9e5f0;--soft:#f5f9ff;--cyan:#47c7fa;--blue-soft:#eaf4ff;--navy:#03142f}
*{box-sizing:border-box}.zs{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;min-height:100vh}.zs a{text-decoration:none}.zs-container{width:min(1180px,calc(100% - 40px));margin:auto}.zs-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #edf0f4}.zs-nav{height:88px;display:flex;align-items:center;gap:30px;position:relative}.zs-logo img{width:165px;height:auto;display:block}.zs-navlinks{display:flex;justify-content:center;align-items:center;gap:18px;flex:1}.zs-navlinks a,.zs-nav-trigger{color:#475467;font-size:13px;font-weight:650}.zs-navlinks a.active,.zs-navlinks a:hover,.zs-nav-trigger:hover{color:var(--p)}.zs-nav-dropdown{position:relative}.zs-nav-trigger{border:0;background:transparent;padding:10px 6px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.zs-nav-icon{display:block;flex:none;color:currentColor}.zs-mega-menu{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:4px;padding:14px;min-width:480px}.zs-mega-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px}.zs-mega-menu a:hover{background:#f3f7ff}.zs-mega-menu .zs-nav-icon{color:#0156e7}@media(max-width:900px){.zs-mega-menu{display:block;min-width:0;padding:0}}.zs-nav-chevron{display:block;flex:none;transition:transform .18s ease}.zs-nav-trigger[aria-expanded="true"] .zs-nav-chevron{transform:rotate(180deg)}.zs-dropdown{position:absolute;top:calc(100% + 8px);left:-14px;width:235px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 45px #10182820;display:grid;gap:2px}.zs-dropdown a{display:block;padding:10px 11px;border-radius:8px}.zs-dropdown.zs-mega-menu a{display:flex;align-items:center;gap:10px}.zs-dropdown a:hover{background:var(--blue-soft);color:var(--p)}.zs-actions{display:flex;gap:10px;align-items:center}.zs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 18px;font-size:14px;font-weight:750;transition:.2s;border:1px solid transparent}.zs-btn-primary{background:var(--p);color:#fff;box-shadow:0 12px 24px rgba(1,86,231,.17)}.zs-btn-primary:hover{background:var(--pd);color:#fff;transform:translateY(-1px)}.zs-btn-ghost{background:#fff;color:#344054;border-color:#d0d5dd}.zs-btn-ghost:hover{border-color:#aeb8c6;color:var(--p)}.zs-menu{display:none;border:1px solid #d0d5dd;background:#fff;border-radius:10px;width:42px;height:42px;font-size:20px}.zs-mobile-nav{position:absolute;top:78px;left:0;right:0;max-height:calc(100vh - 92px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 45px #10182820;padding:9px}.zs-mobile-nav a{display:block;padding:10px 12px;border-radius:9px;color:#475467;font-weight:650}.zs-mobile-nav a:hover{background:#f4f5ff;color:var(--p)}.zs-mobile-group{padding:8px 0;border-bottom:1px solid #eef0f3}.zs-mobile-group strong{display:block;padding:7px 12px;color:var(--ink);font-size:12px}.zs-mobile-group a{font-size:13px;padding:8px 12px}
.zs-hero{padding:100px 0 92px;background:radial-gradient(circle at 78% 15%,var(--blue-soft) 0,transparent 42%),linear-gradient(180deg,#fff,#f9faff)}.zs-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.zs-eyebrow{display:inline-flex;gap:7px;align-items:center;background:var(--blue-soft);color:var(--p);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.zs-hero h1{font-size:clamp(44px,5.7vw,74px);line-height:1.02;letter-spacing:-.06em;margin:20px 0}.zs-hero h1 em{color:var(--p);font-style:normal}.zs-hero>div>p,.zs-hero-copy{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px}.zs-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 24px}.zs-proof{display:flex;gap:18px;flex-wrap:wrap;color:#667085;font-size:12px}.zs-proof span{white-space:nowrap}.zs-dashboard{background:#fff;border:1px solid #e4e7ec;border-radius:24px;padding:12px;box-shadow:0 28px 75px #10182820;transform:rotate(1deg)}.zs-browser{height:40px;display:flex;gap:6px;align-items:center;padding:0 10px;border-bottom:1px solid #eef0f3}.zs-browser i{width:8px;height:8px;background:#d0d5dd;border-radius:50%}.zs-app{display:grid;grid-template-columns:145px 1fr;min-height:380px;background:#f8fafc;border-radius:14px;overflow:hidden}.zs-app aside{background:#fff;border-right:1px solid #eaecf0;padding:18px 10px;display:grid;align-content:start;gap:5px}.zs-app aside b{color:var(--p);font-size:12px;padding:0 7px 17px}.zs-app aside span{font-size:10px;color:#667085;padding:9px;border-radius:8px}.zs-app aside .active{background:var(--blue-soft);color:var(--p);font-weight:750}.zs-app main{padding:18px}.zs-app main h4{margin:0 0 15px}.zs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.zs-stats div{background:#fff;border:1px solid #eaecf0;border-radius:11px;padding:13px}.zs-stats small{display:block;color:#718096;font-size:9px;margin-bottom:6px}.zs-stats strong{font-size:19px}.zs-chart{height:150px;border:1px solid #eaecf0;border-radius:12px;margin-top:10px;background:linear-gradient(var(--blue-soft),#fff);position:relative}.zs-chart:after{content:'';position:absolute;left:8%;right:7%;bottom:25%;height:50%;border-bottom:3px solid var(--p);border-radius:50%;transform:skewY(-8deg)}
.zs-section{padding:96px 0}.zs-soft{background:var(--soft)}.zs-section-head{text-align:center;max-width:760px;margin:0 auto 48px}.zs-section-head h2,.zs-split h2{font-size:clamp(32px,4.3vw,52px);line-height:1.08;letter-spacing:-.05em;margin:13px 0}.zs-section-head p,.zs-split p{color:var(--muted);line-height:1.75;font-size:16px}.zs-solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.zs-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px;box-shadow:0 12px 35px #10182808}.zs-icon{width:45px;height:45px;border-radius:12px;background:var(--blue-soft);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:17px}.zs-card h3{font-size:17px;margin:0 0 8px}.zs-card p{color:#667085;line-height:1.7;font-size:13px;margin:0}.zs-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.zs-feature .zs-icon{margin-bottom:15px}.zs-center{text-align:center;margin-top:30px}.zs-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.zs-checks{display:grid;gap:12px;margin-top:24px;color:#475467;font-size:14px}.zs-checks span:first-letter{color:#16845b}.zs-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.zs-mini{background:#fff;border:1px solid var(--line);padding:17px;border-radius:13px;color:#475467;font-size:13px}.zs-mini i{color:#16845b;margin-right:8px}.zs-solution-large{display:grid;gap:18px}.zs-solution-large article{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.zs-solution-large article>div:first-child{width:58px;height:58px}.zs-solution-large span{font-size:11px;color:var(--p);font-weight:800}.zs-solution-large h2{margin:6px 0;font-size:27px}.zs-solution-large p{color:var(--muted);line-height:1.7}.zs-solution-large ul{display:flex;flex-wrap:wrap;gap:16px;padding:0;list-style:none;color:#475467;font-size:13px}.zs-solution-large li:before{content:'✓';color:#16845b;margin-right:6px}.zs-integration-groups{display:grid;gap:34px}.zs-integration-group{padding-top:4px}.zs-integration-group-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.zs-integration-group-head h3{margin:0;font-size:19px}.zs-integration-group-head span{font-size:11px;color:#718096;font-weight:700}.zs-integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zs-integration{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;align-items:center;gap:11px}.zs-integration i{color:var(--p)}.zs-integration small{margin-left:auto;color:#16845b;font-size:9px;font-weight:800}.zs-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.zs-flow span{padding:15px 19px;border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:700;font-size:13px}.zs-flow i{color:var(--p)}
.zs-pagehero{padding:85px 0 78px;background:linear-gradient(180deg,#f9faff,#fff);text-align:center}.zs-pagehero h1{max-width:850px;margin:18px auto 16px;font-size:clamp(40px,5vw,64px);line-height:1.03;letter-spacing:-.055em}.zs-pagehero p{max-width:720px;margin:auto;color:var(--muted);font-size:17px;line-height:1.75}.zs-pricing-controls{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;margin:-5px 0 28px}.zs-pricing-controls .zs-toggle{margin:0}.zs-currency-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:750;border:1px solid var(--line);border-radius:10px;padding:4px 8px;background:#fff}.zs-currency-toggle button{border:0;background:transparent;padding:5px 3px;color:#667085;font:inherit;cursor:pointer}.zs-currency-toggle button.active{color:var(--p)}.zs-currency-toggle span{color:#98a2b3}.zs-toggle{display:flex;justify-content:center;margin:-5px 0 28px}.zs-toggle button{border:1px solid #d0d5dd;background:#fff;padding:10px 17px;color:#667085;font-weight:750}.zs-toggle button:first-child{border-radius:10px 0 0 10px}.zs-toggle button:last-child{border-radius:0 10px 10px 0}.zs-toggle button.active{background:var(--blue-soft);color:var(--p);border-color:#c7d2fe}.zs-toggle small{color:#16845b;margin-left:4px}.zs-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.zs-price{position:relative;display:flex;flex-direction:column;min-height:500px;background:#fff;border:1px solid var(--line);border-radius:21px;padding:28px;box-shadow:0 12px 35px #10182808}.zs-price.featured{border:2px solid var(--p);box-shadow:0 20px 50px rgba(1,86,231,.12);transform:translateY(-7px)}.zs-price .popular{position:absolute;right:15px;top:15px;background:var(--blue-soft);color:var(--p);padding:6px 9px;border-radius:999px;font-size:9px;text-transform:uppercase}.zs-price h3,.zs-price h2{font-size:23px;margin:0 0 8px}.zs-price>p{color:#667085;font-size:13px;line-height:1.55;min-height:42px}.zs-price>strong{font-size:39px;letter-spacing:-.04em;margin:20px 0 4px}.zs-price>strong small{font-size:12px;color:#667085;letter-spacing:0}.zs-price>em{font-style:normal;color:#718096;font-size:11px}.zs-price ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px}.zs-price li{font-size:12px;color:#475467;line-height:1.5}.zs-price li:first-letter{color:#16845b}.zs-price .zs-btn{margin-top:auto}.zs-live-note{text-align:center;color:#718096;font-size:11px;margin-top:18px}.zs-loading{height:480px;border-radius:21px;background:linear-gradient(90deg,#f2f4f7,#e9edf3,#f2f4f7);background-size:300% 100%;animation:sh 1.4s infinite}@keyframes sh{0%{background-position:100%}100%{background-position:-100%}}.zs-error{text-align:center;padding:50px;border:1px solid var(--line);border-radius:18px;color:var(--muted)}.zs-story{min-height:260px}.zs-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.zs-contact-row{padding:12px 0;border-bottom:1px solid #eaecf0;color:#475467;font-size:14px}.zs-contact-row i{color:#16845b;margin-right:9px}.zs-cta{padding:78px 0}.zs-cta>.zs-container{border-radius:27px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#03142f,#082c68);color:#fff}.zs-cta h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;margin:0 0 10px}.zs-cta p{color:#b8cce2;margin:0}.zs-cta .zs-btn-primary{background:#fff;color:var(--pd);box-shadow:none}.zs-footer{border-top:1px solid var(--line);padding:38px 0;background:#fff}.zs-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.zs-footer .zs-logo img{width:145px}.zs-footer p{max-width:310px;color:#667085;font-size:13px;line-height:1.7}.zs-footer b{font-size:13px}.zs-footer-grid>div:not(:first-child) a{display:block;color:#667085;font-size:13px;margin-top:10px}.zs-footer-grid a:hover{color:var(--p)}.zs-footer-bottom{border-top:1px solid #eaecf0;margin-top:30px;padding-top:18px;color:#718096;font-size:11px;display:flex;justify-content:space-between}
@media(max-width:1024px){.zs-navlinks{gap:16px}.zs-hero-grid{gap:35px}.zs-solution-grid{grid-template-columns:1fr 1fr}.zs-feature-grid{grid-template-columns:1fr 1fr}.zs-price-grid{grid-template-columns:1fr 1fr}.zs-integration-grid{grid-template-columns:1fr 1fr}.zs-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.desktop-only{display:none}.zs-menu{display:block}.zs-navlinks{display:none}.zs-hero{padding:65px 0}.zs-hero-grid,.zs-split,.zs-contact-grid{grid-template-columns:1fr}.zs-dashboard{max-width:720px;margin:auto;transform:none}.zs-solution-large article{grid-template-columns:55px 1fr}.zs-price.featured{transform:none}.zs-cta>.zs-container{flex-direction:column;align-items:flex-start}}

@media(max-width:600px){.zs-pricing-controls{gap:7px;flex-wrap:wrap;min-height:0}.zs-currency-toggle{position:static;transform:none;margin:0}.zs-container{width:calc(100% - 28px)}.zs-nav{height:76px}.zs-logo img{width:135px}.zs-actions .zs-btn-primary{padding:11px 13px;font-size:12px}.zs-hero h1{font-size:39px}.zs-hero>div>p{font-size:15px}.zs-hero-actions{display:grid;grid-template-columns:1fr}.zs-hero-actions .zs-btn{width:100%}.zs-proof{display:grid;gap:7px}.zs-app{grid-template-columns:65px 1fr;min-height:300px}.zs-app aside{padding:13px 5px}.zs-app aside b{font-size:8px}.zs-app aside span{font-size:8px;padding:8px 4px}.zs-app main{padding:11px}.zs-stats{grid-template-columns:1fr 1fr}.zs-stats div{padding:9px}.zs-stats div:nth-child(3){display:none}.zs-stats strong{font-size:16px}.zs-chart{height:105px}.zs-section{padding:68px 0}.zs-section-head h2,.zs-split h2{font-size:31px}.zs-solution-grid,.zs-feature-grid,.zs-price-grid,.zs-integration-grid,.zs-mini-grid{grid-template-columns:1fr}.zs-solution-large article{padding:22px;grid-template-columns:1fr}.zs-solution-large ul{display:grid;gap:8px}.zs-price{min-height:0}.zs-cta>.zs-container{padding:34px 23px}.zs-footer-grid{grid-template-columns:1fr 1fr}.zs-footer-grid>div:first-child{grid-column:1/-1}.zs-footer-bottom{display:grid;gap:7px}}

.zs-svg{display:block;flex:0 0 auto}.zs-trust{padding:26px 0;background:#fff;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3}.zs-trust-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.zs-trust-row>span{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.zs-trust-row>div{display:flex;gap:32px;flex-wrap:wrap}.zs-trust-row strong{font-size:13px;color:#475467}.zs-solution-card{transition:.2s}.zs-solution-card:hover,.zs-feature:hover{transform:translateY(-3px);box-shadow:0 18px 45px #10182812}.zs-workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.zs-workflow-step{position:relative;padding:26px 22px;border:1px solid var(--line);border-radius:18px;background:#fff}.zs-workflow-step>span{font-size:11px;color:#718096;font-weight:800}.zs-workflow-step h3{margin:0 0 8px;font-size:18px}.zs-workflow-step p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}.zs-step-arrow{position:absolute;right:-16px;top:48%;z-index:2;color:var(--p);background:#fff;border:1px solid #e0e7ff;border-radius:50%;padding:4px;width:28px;height:28px}.zs-operations{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.zs-operations h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.05em;margin:18px 0}.zs-operations p{color:var(--muted);line-height:1.75}.zs-check-list{display:grid;gap:13px;margin-top:24px;color:#475467;font-size:13px}.zs-check-list span{display:flex;align-items:center;gap:8px}.zs-check-list .zs-svg{color:#16845b}.zs-ops-card{background:#03142f;color:#fff;border-radius:25px;padding:32px;box-shadow:0 25px 60px #03142f20}.zs-ops-card>.zs-svg{color:#a5b4fc;margin-bottom:24px}.zs-ops-card p{color:#b8cce2}.zs-ops-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.zs-ops-metrics span{border:1px solid #ffffff22;border-radius:12px;padding:13px}.zs-ops-metrics b,.zs-ops-metrics small{display:block}.zs-ops-metrics b{font-size:13px}.zs-ops-metrics small{color:#aeb6d4;font-size:10px;margin-top:4px}.zs-integration-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:950px;margin:auto}.zs-integration-pills span{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid var(--line);background:#fff;border-radius:999px;color:#475467;font-size:12px;font-weight:650}.zs-integration-pills .zs-svg{color:var(--p)}
@media(max-width:900px){.zs-workflow-grid{grid-template-columns:1fr 1fr}.zs-step-arrow{display:none}.zs-operations{grid-template-columns:1fr;gap:35px}.zs-trust-row{display:grid;justify-content:stretch}.zs-trust-row>div{gap:18px}}
@media(max-width:600px){.zs-workflow-grid{grid-template-columns:1fr}.zs-operations h2{font-size:31px}.zs-ops-card{padding:25px}.zs-trust-row>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zs-integration-pills span{font-size:11px;padding:9px 11px}}
.zs-faq{max-width:900px;margin:auto;display:grid;gap:12px}.zs-faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 22px}.zs-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;font-size:15px;font-weight:750;color:var(--ink)}.zs-faq-item summary::-webkit-details-marker{display:none}.zs-faq-item summary .zs-svg{color:var(--p);transition:transform .2s ease}.zs-faq-item[open] summary .zs-svg{transform:rotate(180deg)}.zs-faq-item p{margin:0;padding:0 38px 21px 0;color:var(--muted);font-size:13px;line-height:1.75}.zs-faq-item[open]{box-shadow:0 12px 35px #10182808}@media(max-width:600px){.zs-faq-item{padding:0 17px}.zs-faq-item summary{font-size:14px;padding:18px 0}.zs-faq-item p{padding:0 0 18px}}
.zs-testimonials{background:#fff}.zs-testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.zs-testimonial{position:relative;background:#f8faff;border:1px solid var(--line);border-radius:20px;padding:25px;display:flex;flex-direction:column;min-height:300px;transition:.2s}.zs-testimonial:hover{transform:translateY(-3px);box-shadow:0 18px 45px #10182812}.zs-quote-mark{position:absolute;right:22px;top:13px;color:#c7d2fe;font-size:48px;line-height:1}.zs-stars{color:#f59e0b;letter-spacing:2px;font-size:12px;margin-bottom:18px}.zs-testimonial p{color:#475467;font-size:14px;line-height:1.75;margin:0 0 25px}.zs-person{display:flex;align-items:center;gap:11px;margin-top:auto}.zs-person img,.zs-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #dbe2ff}.zs-avatar{display:flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--p);font-size:12px;font-weight:800}.zs-person strong,.zs-person small{display:block}.zs-person strong{font-size:13px}.zs-person small{color:#718096;font-size:10px;margin-top:3px;line-height:1.4}@media(max-width:1024px){.zs-testimonial-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.zs-testimonial-grid{grid-template-columns:1fr}}
.zs-error-page{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px 20px;background:linear-gradient(180deg,#f9faff,#fff)}.zs-error-page>div{max-width:620px}.zs-error-page h1{font-size:42px;letter-spacing:-.04em;margin:18px 0 12px}.zs-error-page p{color:var(--muted);line-height:1.7;margin-bottom:24px}.zs-error-page pre{margin-top:24px;text-align:left;white-space:pre-wrap;background:#f8fafc;border:1px solid var(--line);padding:14px;border-radius:10px;color:#667085;font-size:11px}

.zs-eyebrow svg,.zs-icon svg{color:var(--p)}.zs-trust strong:nth-child(2n){color:#0e5fbf}.zs-cta{background:transparent}.zs-cta>.zs-container{background:linear-gradient(135deg,#03142f,#082c68)}.zs-price.featured{border-color:var(--p)}
.zs-about-stack{display:grid;gap:15px}.zs-about-stack .zs-card{padding:28px}.zs-about-values{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.zs-values-list{display:grid;gap:0}.zs-values-list>div{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.65}.zs-values-list b{color:var(--p);font-size:13px}.zs-values-list strong{display:block;color:var(--ink);margin-bottom:3px}.zs-contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.zs-contact-points{display:grid;gap:11px;color:var(--muted);font-size:14px}.zs-contact-points span{display:flex;align-items:center;gap:8px}.zs-contact-points .zs-svg{color:#16845b}.zs-contact-card{padding:30px}.zs-contact-row{display:flex;align-items:center;gap:9px}.zs-contact-row .zs-svg{color:#16845b;flex:none}.zs-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:var(--p);font-size:13px;font-weight:750}.zs-text-link:hover{color:var(--pd)}
@media(max-width:800px){.zs-about-values{grid-template-columns:1fr;gap:30px}.zs-contact-grid{grid-template-columns:1fr}.zs-contact-actions{display:grid;grid-template-columns:1fr}.zs-contact-actions .zs-btn{width:100%}}
.zs-pagehero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.zs-proof span{display:inline-flex;align-items:center;gap:6px}.zs-proof .zs-svg{color:#16845b}.zs-card-link{display:inline-flex;align-items:center;gap:5px;margin-top:16px;color:var(--p);font-size:11px;font-weight:750}.zs-card-link .zs-svg{transition:.2s}.zs-card:hover .zs-card-link .zs-svg{transform:translateX(3px)}.zs-mini{display:flex;align-items:center;gap:9px}.zs-mini .zs-svg{color:var(--p);flex:none}.zs-menu-icon{font-size:21px;line-height:1}.zs-flow span{display:inline-flex;align-items:center;gap:7px}.zs-flow> .zs-svg{color:var(--p)}.zs-integration .zs-icon{margin:0;width:38px;height:38px;flex:none}.zs-integration{min-height:78px}.zs-price li{display:flex;gap:7px}.zs-price li::first-letter{color:#16845b}.zs-pagehero .zs-btn-ghost{background:#fff}.zs-pagehero{position:relative;overflow:hidden}.zs-pagehero:before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:var(--blue-soft);right:-150px;top:-190px;opacity:.7}.zs-pagehero>.zs-container{position:relative;z-index:1}@media(max-width:600px){.zs-pagehero-actions{display:grid;grid-template-columns:1fr}.zs-pagehero-actions .zs-btn{width:100%}.zs-flow{display:grid;grid-template-columns:1fr;justify-items:center}.zs-flow> .zs-svg{transform:rotate(90deg)}}
.zs-integration-toolbar{display:grid;gap:16px;margin:0 0 28px}.zs-integration-toolbar input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;outline:none}.zs-integration-toolbar input:focus{border-color:var(--p);box-shadow:0 0 0 3px #0156e71a}.zs-integration-filters{display:flex;gap:8px;flex-wrap:wrap}.zs-integration-filters button{border:1px solid var(--line);background:#fff;color:#475467;border-radius:999px;padding:9px 14px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.zs-integration-filters button:hover{border-color:#aeb8c6;color:var(--p)}.zs-integration-filters button.active{background:var(--p);color:#fff;border-color:var(--p)}.zs-top-integrations{margin-bottom:34px}.zs-top-integrations .zs-integration{transition:.2s}.zs-top-integrations .zs-integration:hover{transform:translateY(-2px);border-color:#b9cdf8;box-shadow:0 12px 30px #1018280d}
.zs-integration-icon{display:grid;place-items:center;background:#f5f8ff}
.zs-integration-logo{display:block;flex:none;color:#0156e7}
.zs-integration-logo use{color:#0156e7}@media(max-width:600px){.zs-integration-filters{display:grid;grid-template-columns:1fr 1fr}.zs-integration-filters button{width:100%}}
.zs-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zs-blog-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #10182808;display:flex;flex-direction:column}.zs-blog-card>img{width:100%;height:190px;object-fit:cover;background:var(--blue-soft)}.zs-blog-body{padding:23px;display:flex;flex-direction:column;flex:1}.zs-blog-body .zs-eyebrow{font-size:9px;padding:6px 9px;width:max-content}.zs-blog-body h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:15px 0 10px}.zs-blog-body p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.zs-blog-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:22px;color:#718096;font-size:11px}.zs-blog-meta a{display:inline-flex;align-items:center;gap:6px;color:var(--p);font-weight:750}.zs-empty-resource{max-width:650px;margin:auto;text-align:center;padding:70px 25px}.zs-empty-resource .zs-icon{margin:0 auto 20px}.zs-empty-resource h2{font-size:32px;letter-spacing:-.035em;margin:0 0 10px}.zs-empty-resource p{color:var(--muted);line-height:1.7}.zs-blog-post{max-width:860px}.zs-blog-cover{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:22px;margin-bottom:28px}.zs-blog-post-meta{color:#718096;font-size:12px;margin-bottom:28px}.zs-blog-content{font-size:16px;line-height:1.85;color:#344054}.zs-blog-content h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:38px 0 14px;color:var(--ink)}.zs-blog-content h3{font-size:22px;margin:30px 0 10px;color:var(--ink)}.zs-blog-content p{margin:0 0 20px}.zs-blog-content ul,.zs-blog-content ol{padding-left:24px;margin:0 0 22px}.zs-blog-content a{color:var(--p)}.zs-blog-content img{max-width:100%;height:auto;border-radius:14px}@media(max-width:900px){.zs-blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.zs-blog-grid{grid-template-columns:1fr}.zs-blog-card>img{height:200px}.zs-blog-post{width:calc(100% - 28px)}.zs-blog-content{font-size:15px}}
.zs-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zs-resource-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px;min-height:235px;display:flex;flex-direction:column;box-shadow:0 12px 35px #10182808}.zs-resource-card .zs-eyebrow{width:max-content;font-size:9px;padding:6px 9px}.zs-resource-card h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:17px 0 9px}.zs-resource-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.zs-resource-link{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:22px;color:var(--p);font-size:11px;font-weight:750}.zs-resource-link .zs-svg{flex:none}@media(max-width:900px){.zs-resource-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.zs-resource-grid{grid-template-columns:1fr}}
.zs-help-search{max-width:760px;margin:0 auto 28px;display:flex;align-items:center;gap:12px;padding:0 18px;height:56px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #10182808;color:#718096}.zs-help-search input{border:0;outline:0;background:transparent;width:100%;height:100%;font:inherit;color:var(--ink);font-size:14px}.zs-help-search input::placeholder{color:#98a2b3}
.zs-doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;align-items:start}.zs-doc-nav{position:sticky;top:92px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;display:grid;gap:4px}.zs-doc-nav b{font-size:12px;margin-bottom:8px}.zs-doc-nav a{font-size:12px;color:var(--muted);padding:8px 9px;border-radius:8px}.zs-doc-nav a:hover{color:var(--p);background:var(--blue-soft)}.zs-doc-content{max-width:800px}.zs-doc-section{scroll-margin-top:100px;padding:0 0 48px;margin-bottom:42px;border-bottom:1px solid var(--line)}.zs-doc-section:last-child{border-bottom:0;margin-bottom:0}.zs-doc-section .zs-eyebrow{font-size:9px;padding:6px 9px}.zs-doc-section h2{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:16px 0 10px}.zs-doc-section p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 20px}.zs-doc-section ul{display:grid;gap:9px;padding:0;margin:0;list-style:none}.zs-doc-section li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink)}.zs-doc-section li .zs-svg{color:var(--p);flex:none}@media(max-width:800px){.zs-doc-layout{grid-template-columns:1fr;gap:25px}.zs-doc-nav{position:static}.zs-doc-nav a{padding:7px 8px}}
.zs-update-empty{max-width:760px;margin:0 auto 75px;padding-top:20px}.zs-update-empty .zs-eyebrow{font-size:9px;padding:6px 9px}.zs-update-empty h2{margin:16px 0 10px}.zs-update-empty p{max-width:620px;margin:0 auto;color:var(--muted);line-height:1.75;font-size:13px}

.zs-contact-form{display:grid;gap:16px;margin-top:24px;max-width:760px}.zs-contact-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--ink)}.zs-contact-form input,.zs-contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;font-weight:500;outline:none}.zs-contact-form input:focus,.zs-contact-form textarea:focus{border-color:#8db5ff;box-shadow:0 0 0 3px rgba(1,86,231,.10)}.zs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zs-form-optional{font-weight:500;color:var(--muted)}.zs-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;padding:0!important}.zs-form-success,.zs-form-error{padding:12px 14px;border-radius:10px;font-size:13px}.zs-form-success{background:#eefbf3;color:#166534}.zs-form-error{background:#fff1f2;color:#b42318}.zs-contact-form button:disabled{opacity:.65;cursor:not-allowed}@media(max-width:640px){.zs-form-grid{grid-template-columns:1fr}}\n.zs-guide-card ol{display:grid;gap:10px;padding:0;margin:20px 0 0;list-style:none}.zs-guide-card li{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;font-size:12px;line-height:1.6;color:var(--ink)}.zs-guide-card li b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue-soft);color:var(--p);font-size:10px}.zs-skip-link{position:fixed;left:16px;top:-60px;z-index:300;background:var(--ink);color:#fff;padding:10px 14px;border-radius:9px;font-size:13px;font-weight:750;transition:top .15s}.zs-skip-link:focus{top:16px}.zs-nav-trigger:focus-visible,.zs-menu:focus-visible,.zs-btn:focus-visible,.zs-navlinks a:focus-visible,.zs-mobile-nav a:focus-visible,.zs-dropdown a:focus-visible,.zs-integration-filters button:focus-visible,.zs-help-search input:focus-visible,.zs-integration-toolbar input:focus-visible{outline:3px solid #8db5ff;outline-offset:2px}.zs-dropdown{z-index:120}.zs-mobile-nav{z-index:120}

/* Public ZuporiaCRM presentation layer — premium SaaS refinements */
.zs{--p:#0156e7;--pd:#0148c4;--ink:#03142f;--muted:#52667a;--line:#d9e5f0;--soft:#f5f9ff;--blue-soft:#eaf4ff;--navy:#03142f;background:#fff;color:var(--ink)}
.zs-header{box-shadow:0 1px 0 rgba(3,20,47,.03)}
.zs-nav{height:82px;gap:34px}
.zs-logo img{width:158px}
.zs-navlinks{gap:22px}
.zs-navlinks a,.zs-nav-trigger{font-size:13px;letter-spacing:-.01em}
.zs-actions{gap:9px}
.zs-btn{min-height:44px;padding:12px 18px;border-radius:10px}
.zs-hero{padding:116px 0 105px;background:radial-gradient(circle at 78% 18%,rgba(71,199,250,.16) 0,rgba(234,244,255,.72) 18%,transparent 45%),linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.zs-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr);gap:76px}
.zs-hero h1{max-width:760px;font-size:clamp(48px,5.7vw,78px);letter-spacing:-.065em;margin:20px 0 24px}
.zs-hero>div>p{max-width:640px;font-size:17px;line-height:1.8}
.zs-hero-actions{margin:32px 0 25px}
.zs-proof{gap:20px}
.zs-proof span{font-weight:600;color:#607287}
.zs-dashboard{border-radius:22px;padding:10px;box-shadow:0 35px 90px rgba(3,20,47,.16);transform:rotate(.8deg);border-color:#dbe7f2}
.zs-app{min-height:405px}
.zs-app aside span{transition:.18s ease}
.zs-app aside span.active{box-shadow:inset 3px 0 var(--p)}
.zs-trust{padding:21px 0;background:#fff}
.zs-trust-row>span{color:#8493a3}
.zs-trust-row strong{font-size:12px;letter-spacing:.01em}
.zs-section{padding:104px 0}
.zs-section-head{margin-bottom:50px}
.zs-section-head h2,.zs-split h2,.zs-operations h2{font-weight:800}
.zs-section-head p,.zs-split p{max-width:680px;margin-left:auto;margin-right:auto}
.zs-card,.zs-feature,.zs-workflow-step,.zs-integration,.zs-resource-card,.zs-testimonial,.zs-price{box-shadow:0 8px 28px rgba(3,20,47,.035)}
.zs-card:hover,.zs-feature:hover,.zs-integration:hover{border-color:#c9d9ea}
.zs-icon{background:linear-gradient(145deg,#eef6ff,#e8f0ff);border:1px solid #dce9f8}
.zs-workflow-step{padding:28px 24px;min-height:210px}
.zs-workflow-step .zs-icon{margin:15px 0 16px}
.zs-ops-card{background:linear-gradient(145deg,#03142f,#0a397f);box-shadow:0 28px 65px rgba(3,20,47,.16)}
.zs-integration-pills span{background:#fff;box-shadow:0 4px 16px rgba(3,20,47,.025)}
.zs-pagehero{padding:100px 0 88px;background:radial-gradient(circle at 82% 15%,rgba(71,199,250,.13),transparent 34%),linear-gradient(180deg,#f8fbff,#fff)}
.zs-pagehero h1{font-weight:800}
.zs-price{min-height:540px}
.zs-price.featured{box-shadow:0 26px 65px rgba(1,86,231,.15)}
.zs-cta{padding:88px 0}
.zs-cta>.zs-container{padding:62px 58px;border-radius:25px;box-shadow:0 28px 70px rgba(3,20,47,.16)}
.zs-footer{padding:46px 0 30px}
@media(max-width:1024px){.zs-hero-grid{grid-template-columns:1fr;gap:55px}.zs-hero-grid>div:first-child{max-width:780px}.zs-dashboard{max-width:820px;margin:auto}.zs-nav{gap:20px}}
@media(max-width:820px){.zs-nav{height:76px}.zs-hero{padding:72px 0 72px}.zs-hero h1{font-size:clamp(42px,9vw,62px)}.zs-section{padding:78px 0}.zs-pagehero{padding:72px 0 64px}.zs-cta{padding:60px 0}}
@media(max-width:600px){.zs-hero{padding:58px 0 60px}.zs-hero h1{font-size:40px;line-height:1.04}.zs-hero>div>p{font-size:15px}.zs-dashboard{padding:8px;border-radius:17px}.zs-app{min-height:300px}.zs-section{padding:68px 0}.zs-section-head{margin-bottom:34px}.zs-cta>.zs-container{padding:38px 24px;border-radius:21px}.zs-footer{padding-top:36px}}
@media(prefers-reduced-motion:reduce){.zs-dashboard,.zs-card,.zs-feature,.zs-integration{transform:none!important;transition:none!important}}


/* Consolidated legacy custom admin CSS: public/admin-custom.css */
/* ZuporiaCRM Enterprise Admin UI
 * Scoped to .zs-admin-shell so vendor/frontend assets remain untouched.
 */
:root{
  --zs-primary:#2563eb;
  --zs-primary-hover:#1d4ed8;
  --zs-primary-soft:#eff6ff;
  --zs-ink:#0f172a;
  --zs-muted:#64748b;
  --zs-line:#e2e8f0;
  --zs-surface:#ffffff;
  --zs-surface-2:#f8fafc;
  --zs-page:#f4f7fb;
  --zs-success:#16a34a;
  --zs-warning:#d97706;
  --zs-danger:#dc2626;
  --zs-radius:12px;
  --zs-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);
  --zs-shadow-sm:0 1px 3px rgba(15,23,42,.08);
}
.zs-admin-shell{
  --zs-header-h:72px;
  font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--zs-ink);
  background:var(--zs-page)!important;
  font-size:14px;
  line-height:1.5;
}
.zs-admin-shell h1,.zs-admin-shell h2,.zs-admin-shell h3,.zs-admin-shell h4,.zs-admin-shell h5,.zs-admin-shell h6,
.zs-admin-shell .h1,.zs-admin-shell .h2,.zs-admin-shell .h3,.zs-admin-shell .h4,.zs-admin-shell .h5,.zs-admin-shell .h6{
  font-family:"Lexend",sans-serif;
  color:var(--zs-ink);
  letter-spacing:-.015em;
}
.zs-admin-shell a{color:var(--zs-primary);text-decoration:none}
.zs-admin-shell a:hover{color:var(--zs-primary-hover)}
.zs-admin-shell .adminuiux-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:var(--zs-header-h)!important;
  z-index:2000!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--zs-line)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03),0 6px 20px rgba(15,23,42,.04)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.zs-admin-shell .adminuiux-header .navbar{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  min-height:var(--zs-header-h);
  padding:0 18px;
}
.zs-admin-shell .navbar-brand{margin-right:22px}
.zs-admin-shell .navbar-brand img{max-height:42px}
.zs-admin-shell .zu-header-link,
.zs-admin-shell .sidebar-toggler{
  width:40px;height:40px;
  border-radius:10px;
  color:#475569!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:all .18s ease;
}
.zs-admin-shell .zu-header-link:hover,
.zs-admin-shell .sidebar-toggler:hover{
  background:var(--zs-primary-soft);
  color:var(--zs-primary)!important;
}
.zs-admin-shell .adminuiux-sidebar{
  width:272px;
  top:0!important;
  height:100vh!important;
  padding-top:var(--zs-header-h)!important;
  background:var(--zs-surface)!important;
  border-right:1px solid var(--zs-line)!important;
  box-shadow:4px 0 18px rgba(15,23,42,.035);
  z-index:1035;
}
.zs-admin-shell .adminuiux-sidebar-inner{
  height:100%;
  padding:14px 10px 18px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}
.zs-admin-shell .adminuiux-sidebar-inner::-webkit-scrollbar{width:5px}
.zs-admin-shell .adminuiux-sidebar-inner::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}
.zs-admin-shell .adminuiux-sidebar .not-iconic h6{
  color:#94a3b8;
  font-size:10px;
  font-weight:700!important;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.zs-admin-shell #sidebar-menu>.nav{
  gap:3px;
}
.zs-admin-shell #sidebar-menu .nav-item{
  margin-right:0!important;
}
.zs-admin-shell #sidebar-menu .nav-link{
  min-height:42px;
  margin:0;
  padding:9px 12px;
  border-radius:9px;
  color:#475569;
  font-size:13px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:10px;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.zs-admin-shell #sidebar-menu>.nav>.nav-item>.nav-link:hover,
.zs-admin-shell #sidebar-menu>.nav>.nav-item>.nav-link:focus{
  color:var(--zs-primary);
  background:#f8fafc;
}
.zs-admin-shell #sidebar-menu>.nav>.nav-item>.nav-link.active{
  color:var(--zs-primary)!important;
  background:var(--zs-primary-soft)!important;
  box-shadow:inset 3px 0 0 var(--zs-primary);
}
.zs-admin-shell #sidebar-menu .menu-icon{
  width:20px;
  min-width:20px;
  margin:0!important;
  font-size:17px;
  text-align:center;
  color:#64748b;
}
.zs-admin-shell #sidebar-menu .nav-link:hover .menu-icon,
.zs-admin-shell #sidebar-menu .nav-link.active .menu-icon{color:var(--zs-primary)}
.zs-admin-shell #sidebar-menu .dropdown-toggle::after{
  margin-left:auto;
  opacity:.45;
}
.zs-admin-shell #sidebar-menu .dropdown-menu{
  position:static!important;
  transform:none!important;
  width:calc(100% - 10px);
  margin:2px 0 6px 10px!important;
  padding:5px;
  border:1px solid #edf1f5;
  border-radius:10px;
  background:#fbfcfe;
  box-shadow:none;
}
.zs-admin-shell #sidebar-menu .dropdown-menu .nav-link{
  min-height:36px;
  padding:7px 10px 7px 12px;
  font-size:12.5px;
  font-weight:500;
  border-radius:7px;
}
.zs-admin-shell #sidebar-menu .dropdown-menu .nav-link.active{
  color:var(--zs-primary)!important;
  background:#eef5ff!important;
  box-shadow:none;
}
.zs-admin-shell #sidebar-menu .dropdown-menu .menu-icon{font-size:14px}
.zs-admin-shell .adminuiux-content{
  min-height:calc(100vh - var(--zs-header-h));
  padding-top:84px!important;
  padding-left:calc(272px + 14px)!important;
  padding-right:14px!important;
  background:var(--zs-page)!important;
}
.zs-admin-shell .adminuiux-content>.container-fluid:first-child{
  max-width:100%;
}

/* Full-width workspace when no subscription/sidebar is available. */
.zs-admin-shell .adminuiux-content.no-sidebar{
  padding-left:14px!important;
  padding-right:14px!important;
  width:100%;
}
.zs-admin-shell .adminuiux-content.no-sidebar .zs-main-slot{
  width:100%;
  max-width:1440px;
  margin:0 auto;
}
.zs-admin-shell .adminuiux-footer.no-sidebar{
  margin-left:0;
}
.zs-admin-shell .breadcrumb{
  padding:0 2px;
  font-size:12px;
}
.zs-admin-shell .breadcrumb-item a{color:var(--zs-muted)}
.zs-admin-shell .breadcrumb-item.active{color:#94a3b8}
.zs-admin-shell .card,
.zs-admin-shell .adminuiux-card{
  border:1px solid var(--zs-line)!important;
  border-radius:var(--zs-radius)!important;
  background:var(--zs-surface)!important;
  box-shadow:var(--zs-shadow)!important;
}
.zs-admin-shell .card-header{
  padding:16px 18px;
  background:transparent;
  border-bottom:1px solid var(--zs-line);
}
.zs-admin-shell .card-body{padding:18px}
.zs-admin-shell .card-footer{
  background:var(--zs-surface-2);
  border-top:1px solid var(--zs-line);
}
.zs-admin-shell .table-responsive{border-radius:10px}
.zs-admin-shell .table{
  margin-bottom:0;
  color:var(--zs-ink);
  vertical-align:middle;
}
.zs-admin-shell .table>thead>tr>th{
  padding:11px 14px;
  background:#f8fafc;
  border-bottom:1px solid var(--zs-line);
  color:#475569;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.zs-admin-shell .table>tbody>tr>td{
  padding:12px 14px;
  border-color:#edf1f5;
}
.zs-admin-shell .table>tbody>tr:hover>*{background:#fafcff}
.zs-admin-shell .table .btn{white-space:nowrap}
.zs-admin-shell .form-label{
  margin-bottom:6px;
  color:#334155;
  font-size:12px;
  font-weight:600;
}
.zs-admin-shell .form-control,
.zs-admin-shell .form-select,
.zs-admin-shell .choices__inner{
  min-height:40px;
  border:1px solid #d7e0ea!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--zs-ink)!important;
  box-shadow:none!important;
  font-size:13px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.zs-admin-shell textarea.form-control{min-height:96px}
.zs-admin-shell .form-control:focus,
.zs-admin-shell .form-select:focus,
.zs-admin-shell .choices.is-focused .choices__inner{
  border-color:#93b4ef!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}
.zs-admin-shell .input-group-text{
  border-color:#d7e0ea;
  background:#f8fafc;
  color:#64748b;
}
.zs-admin-shell .btn{
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  padding:8px 13px;
  transition:all .16s ease;
}
.zs-admin-shell .btn-sm{padding:6px 10px;font-size:12px}
.zs-admin-shell .btn-lg{padding:10px 16px}
.zs-admin-shell .btn-primary,
.zs-admin-shell .btn-theme{
  background:var(--zs-primary)!important;
  border-color:var(--zs-primary)!important;
  color:#fff!important;
}
.zs-admin-shell .btn-primary:hover,
.zs-admin-shell .btn-theme:hover{
  background:var(--zs-primary-hover)!important;
  border-color:var(--zs-primary-hover)!important;
  transform:translateY(-1px);
}
.zs-admin-shell .btn-outline-primary{
  color:var(--zs-primary);
  border-color:#bfd2f3;
}
.zs-admin-shell .btn-outline-primary:hover{background:var(--zs-primary-soft);color:var(--zs-primary)}
.zs-admin-shell .btn-light{
  background:#f8fafc;
  border-color:#e2e8f0;
  color:#475569;
}
.zs-admin-shell .badge{
  padding:.42em .68em;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
}
.zs-admin-shell .alert{
  border-radius:10px;
  border-width:1px;
  font-size:13px;
}
.zs-admin-shell .dropdown-menu{
  border:1px solid var(--zs-line);
  border-radius:10px;
  padding:6px;
  box-shadow:0 14px 36px rgba(15,23,42,.12);
}
.zs-admin-shell .dropdown-item{
  border-radius:7px;
  padding:8px 10px;
  font-size:13px;
  color:#475569;
}
.zs-admin-shell .dropdown-item:hover,
.zs-admin-shell .dropdown-item:focus{
  color:var(--zs-primary);
  background:var(--zs-primary-soft);
}
.zs-admin-shell .modal-content{
  border:1px solid var(--zs-line);
  border-radius:14px;
  box-shadow:0 24px 70px rgba(15,23,42,.20);
}
.zs-admin-shell .modal-header,
.zs-admin-shell .modal-footer{border-color:var(--zs-line)}
.zs-admin-shell .modal-header{padding:16px 20px}
.zs-admin-shell .modal-body{padding:20px}
.zs-admin-shell .pagination{gap:4px}
.zs-admin-shell .page-link{
  min-width:34px;
  height:34px;
  padding:7px 10px;
  border:1px solid var(--zs-line);
  border-radius:7px!important;
  color:#475569;
  text-align:center;
}
.zs-admin-shell .page-item.active .page-link{
  background:var(--zs-primary);
  border-color:var(--zs-primary);
  color:#fff;
}
.zs-admin-shell .nav-tabs{
  border-bottom:1px solid var(--zs-line);
  gap:4px;
}
.zs-admin-shell .nav-tabs .nav-link{
  border:0;
  border-bottom:2px solid transparent;
  border-radius:7px 7px 0 0;
  color:#64748b;
  font-weight:600;
  padding:10px 13px;
}
.zs-admin-shell .nav-tabs .nav-link:hover{color:var(--zs-primary)}
.zs-admin-shell .nav-tabs .nav-link.active{
  color:var(--zs-primary);
  background:transparent;
  border-bottom-color:var(--zs-primary);
}
.zs-admin-shell .offcanvas{
  border-left:1px solid var(--zs-line);
  background:#fff;
}
.zs-admin-shell .adminuiux-footer{
  margin-left:272px;
  padding:12px 18px;
  background:#fff!important;
  border-top:1px solid var(--zs-line)!important;
  color:#64748b;
  font-size:12px;
}
.zs-admin-shell .adminuiux-footer .nav-link{font-size:12px;padding:2px 8px}
.zs-admin-shell .select2-container--default .select2-selection--single,
.zs-admin-shell .select2-container--default .select2-selection--multiple{
  min-height:40px;
  border:1px solid #d7e0ea;
  border-radius:8px;
}
.zs-admin-shell .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:38px;
  padding-left:12px;
  font-size:13px;
}
.zs-admin-shell .select2-dropdown{
  border-color:var(--zs-line);
  box-shadow:0 12px 30px rgba(15,23,42,.10);
}
.zs-admin-shell .select2-results__option--highlighted[aria-selected]{background:var(--zs-primary)}
.zs-admin-shell .flatpickr-calendar{
  border:1px solid var(--zs-line);
  border-radius:10px;
  box-shadow:0 14px 36px rgba(15,23,42,.14);
}
.zs-admin-shell .dataTables_wrapper .dataTables_filter input,
.zs-admin-shell .dataTables_wrapper select{
  min-height:36px;
  border:1px solid #d7e0ea;
  border-radius:7px;
}
.zs-admin-shell .dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius:7px!important;
}
.zs-admin-shell .toast,
.zs-admin-shell .swal2-popup{
  border-radius:12px!important;
}
.zs-admin-shell #nprogress .bar{
  height:3px!important;
  background:linear-gradient(90deg,var(--zs-primary),#60a5fa,var(--zs-primary))!important;
  background-size:200% 100%!important;
  animation:zs-progress 1.8s linear infinite!important;
  box-shadow:0 0 10px rgba(37,99,235,.35)!important;
}
@keyframes zs-progress{to{background-position:200% 0}}
@media (max-width:991.98px){
  .zs-admin-shell .adminuiux-content.no-sidebar{padding-left:10px!important;padding-right:10px!important;}
  .zs-admin-shell .adminuiux-content.no-sidebar .zs-main-slot{max-width:none;}
  .zs-admin-shell .adminuiux-header .navbar{padding:0 10px}
  .zs-admin-shell .adminuiux-sidebar{
    top:0!important;
    height:100vh;
    width:280px;
    box-shadow:10px 0 30px rgba(15,23,42,.16);
  }
  .zs-admin-shell .adminuiux-content{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-top:calc(var(--zs-header-h) + 10px)!important;
  }
  .zs-admin-shell .adminuiux-footer{margin-left:0}
}
@media (min-width:992px){
  .zs-admin-shell.sidebar-close .adminuiux-content{padding-left:14px!important}
  .zs-admin-shell.sidebar-close .adminuiux-footer{margin-left:0}
}
@media (max-width:767.98px){
  .zs-admin-shell{font-size:13px}
  .zs-admin-shell .adminuiux-header{height:64px}
  .zs-admin-shell{--zs-header-h:64px}
  .zs-admin-shell .navbar-brand img{max-width:135px}
  .zs-admin-shell .card-body{padding:14px}
  .zs-admin-shell .table>thead>tr>th,
  .zs-admin-shell .table>tbody>tr>td{padding:10px}
}
@media (prefers-reduced-motion:reduce){
  .zs-admin-shell *,.zs-admin-shell *::before,.zs-admin-shell *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Compact Zuporia quick links */
.zs-admin-shell .zs-quick-menu{width:340px!important;min-width:340px!important;margin-top:10px!important;border:1px solid var(--zs-line)!important;border-radius:18px!important;background:var(--zu-surface)!important;box-shadow:0 18px 45px rgba(3,20,47,.14)!important;overflow:hidden}
.zs-admin-shell .zs-quick-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid color-mix(in srgb,var(--zu-primary) 18%,transparent);background:var(--zu-surface-2)}
.zs-admin-shell .zs-quick-head strong{display:block;font:600 14px/1.2 var(--zu-font-display);color:var(--zu-text)}
.zs-admin-shell .zs-quick-head span{display:block;margin-top:4px;font-size:10px;color:var(--zu-text);opacity:.6}
.zs-admin-shell .zs-quick-count{display:grid!important;place-items:center;width:27px;height:27px!important;margin:0!important;border-radius:8px;background:var(--zu-primary);color:#fff!important;font-size:11px!important;font-weight:700!important;opacity:1!important}
.zs-admin-shell .zs-quick-menu .px-2{padding:12px!important}
.zs-admin-shell .zs-quick-menu .row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin:0!important}
.zs-admin-shell .zs-quick-menu .col-4{width:auto!important;padding:0!important}
.zs-admin-shell .zs-quick-menu .square-item{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px!important;padding:12px 6px!important;border:1px solid transparent;border-radius:13px;color:var(--zu-text)!important;background:transparent!important;text-align:center;transition:.16s ease}
.zs-admin-shell .zs-quick-menu .square-item:hover{background:color-mix(in srgb,var(--zu-primary) 10%,transparent)!important;border-color:color-mix(in srgb,var(--zu-primary) 22%,transparent);transform:translateY(-1px)}
.zs-admin-shell .zs-quick-menu .square-item .avatar{display:grid!important;place-items:center;width:38px!important;height:38px!important;margin:0!important;border-radius:11px!important;background:color-mix(in srgb,var(--zu-primary) 11%,transparent)!important;color:var(--zu-primary)!important}
.zs-admin-shell .zs-quick-menu .square-item p{font-size:11px!important;font-weight:600;color:var(--zu-text)!important}
.zs-admin-shell .zs-quick-menu .zs-svg-icon{display:block}
@media(max-width:575px){.zs-admin-shell .zs-quick-menu{width:300px!important;min-width:300px!important}.zs-admin-shell .zs-quick-menu .square-item{min-height:78px!important}}


/* Phase 4 UX foundation: admin + superadmin only */
.zs-admin-shell .zs-page-toolbar,
.zs-admin-shell .page-toolbar,
.zs-admin-shell .table-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:14px;
}
.zs-admin-shell .zs-filter-bar,
.zs-admin-shell .filter-bar,
.zs-admin-shell .table-filters{
  display:flex;align-items:end;gap:10px;flex-wrap:wrap;
  padding:12px;margin-bottom:14px;background:var(--zs-surface);
  border:1px solid var(--zs-line);border-radius:12px;
}
.zs-admin-shell .zs-filter-bar .form-group,
.zs-admin-shell .filter-bar .form-group{margin:0;min-width:150px;flex:1 1 150px}
.zs-admin-shell .zs-filter-actions{display:flex;gap:8px;align-items:center}
.zs-admin-shell .zs-table-card{overflow:hidden}
.zs-admin-shell .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.zs-admin-shell .table>tbody>tr>td .text-muted{color:#64748b!important}
.zs-admin-shell .table .btn-group{white-space:nowrap}
.zs-admin-shell .zs-empty-state,
.zs-admin-shell .empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:220px;padding:28px;text-align:center;color:var(--zs-muted);
}
.zs-admin-shell .zs-empty-state .icon,
.zs-admin-shell .empty-state .icon{
  display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;
  border-radius:14px;background:var(--zs-primary-soft);color:var(--zs-primary);font-size:22px;
}
.zs-admin-shell .zs-empty-state h5,.zs-admin-shell .empty-state h5{margin:0 0 5px;color:var(--zs-ink)}
.zs-admin-shell .zs-empty-state p,.zs-admin-shell .empty-state p{max-width:460px;margin:0 0 14px}
.zs-admin-shell .zs-loading,
.zs-admin-shell .loading-state{
  display:flex;align-items:center;justify-content:center;gap:9px;min-height:120px;
  color:var(--zs-muted);
}
.zs-admin-shell .zs-skeleton{
  position:relative;overflow:hidden;border-radius:8px;background:#e8eef6;
}
.zs-admin-shell .zs-skeleton::after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:zs-skeleton 1.4s infinite;
}
@keyframes zs-skeleton{100%{transform:translateX(100%)}}
.zs-admin-shell [wire\:loading],
.zs-admin-shell .wire-loading{cursor:wait}
.zs-admin-shell :focus-visible{
  outline:3px solid rgba(37,99,235,.28)!important;
  outline-offset:2px;
}
.zs-admin-shell button:disabled,
.zs-admin-shell .btn:disabled{cursor:not-allowed;opacity:.62}
.zs-admin-shell .sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
@media(max-width:767.98px){
  .zs-admin-shell .zs-page-toolbar,.zs-admin-shell .page-toolbar,.zs-admin-shell .table-toolbar{
    align-items:stretch;flex-direction:column;
  }
  .zs-admin-shell .zs-page-toolbar .btn-group,
  .zs-admin-shell .page-toolbar .btn-group{width:100%}
  .zs-admin-shell .zs-page-toolbar .btn,
  .zs-admin-shell .page-toolbar .btn{flex:1}
  .zs-admin-shell .zs-filter-bar,.zs-admin-shell .filter-bar,.zs-admin-shell .table-filters{
    display:grid;grid-template-columns:1fr;align-items:stretch;
  }
  .zs-admin-shell .zs-filter-bar .form-group,.zs-admin-shell .filter-bar .form-group{min-width:0}
  .zs-admin-shell .zs-filter-actions{justify-content:stretch}
  .zs-admin-shell .zs-filter-actions .btn{flex:1}
  .zs-admin-shell .table-responsive .table{min-width:680px}
  .zs-admin-shell .modal-dialog{margin:10px}
}
@media(prefers-reduced-motion:reduce){
  .zs-admin-shell .zs-skeleton::after{animation:none}
}
@media(prefers-contrast:more){
  .zs-admin-shell .card,.zs-admin-shell .form-control,.zs-admin-shell .form-select,
  .zs-admin-shell .table>thead>tr>th{border-width:2px!important}
}


/* Phase 4: notification table accessibility */
.zs-admin-shell .notification-table-title{display:inline-flex;align-items:center;gap:.5rem}
.zs-admin-shell .notification-table-title i{width:1.1rem;text-align:center}
@media (prefers-reduced-motion:reduce){.zs-admin-shell .loader,.zs-admin-shell .loader:before,.zs-admin-shell .loader:after,.zs-admin-shell .eyeloader:before,.zs-admin-shell .eyeloader:after{animation:none!important}}

/* Phase 4: admin table and state primitives */
.zs-admin-shell .zs-table-card{min-width:0;overflow:hidden}
.zs-admin-shell .zs-table-card .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.zs-admin-shell .zs-table-card table{min-width:680px}
.zs-admin-shell .zs-table-card th,.zs-admin-shell .zs-table-card td{vertical-align:middle}
.zs-admin-shell .zs-table-card .form-control,.zs-admin-shell .zs-table-card .form-select{min-height:38px}
.zs-admin-shell .zs-empty-state{min-height:180px;padding:2rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.zs-admin-shell .zs-empty-state .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;margin-bottom:.75rem}
.zs-admin-shell .zs-empty-state p{max-width:560px;margin-bottom:0}
.zs-admin-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--zu-primary) 35%,transparent);outline-offset:2px}
.zs-admin-shell button:disabled,.zs-admin-shell .btn.disabled{cursor:not-allowed;opacity:.65}
@media (max-width:767.98px){
 .zs-admin-shell .zs-table-card{border-radius:.75rem}
 .zs-admin-shell .zs-table-card .card-body{padding:.75rem!important}
 .zs-admin-shell .zs-page-toolbar{align-items:flex-start;gap:.75rem}
 .zs-admin-shell .zs-page-toolbar>:last-child{width:100%}
 .zs-admin-shell .zs-page-toolbar .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
 .zs-admin-shell *,.zs-admin-shell *::before,.zs-admin-shell *::after{scroll-behavior:auto!important}
}


/* ZuporiaCloud dark-mode contract: every admin surface follows theme tokens */
[data-bs-theme="dark"] .zs-admin-shell{--zs-ink:#f8fafc;--zs-muted:#94a3b8;--zs-line:#263449;--zs-surface:#111827;--zs-surface-2:#172033;--zs-page:#0b1220;color:var(--zs-ink);background:var(--zs-page)!important}
[data-bs-theme="dark"] .zs-admin-shell .adminuiux-header{background:rgba(17,24,39,.96)!important;border-color:var(--zs-line)!important}
[data-bs-theme="dark"] .zs-admin-shell .adminuiux-sidebar{background:var(--zs-surface)!important;border-color:var(--zs-line)!important}
[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu .nav-link{color:#cbd5e1}
[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu>.nav>.nav-item>.nav-link:hover,[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu>.nav>.nav-item>.nav-link:focus{color:#93c5fd;background:#172033}
[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu>.nav>.nav-item>.nav-link.active{color:#93c5fd!important;background:#172554!important}
[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu .menu-icon{color:#94a3b8}
[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu .nav-link:hover .menu-icon,[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu .nav-link.active .menu-icon{color:#93c5fd}
[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu .dropdown-menu{background:#0f172a;border-color:var(--zs-line)}
[data-bs-theme="dark"] .zs-admin-shell #sidebar-menu .dropdown-menu .nav-link.active{background:#172554!important;color:#93c5fd!important}
[data-bs-theme="dark"] .zs-admin-shell .card,[data-bs-theme="dark"] .zs-admin-shell .adminuiux-card{background:var(--zs-surface)!important;border-color:var(--zs-line)!important;color:var(--zs-ink)}
[data-bs-theme="dark"] .zs-admin-shell .card-header,[data-bs-theme="dark"] .zs-admin-shell .card-footer{border-color:var(--zs-line);background:var(--zs-surface-2)}
[data-bs-theme="dark"] .zs-admin-shell .table{color:#e5e7eb}
[data-bs-theme="dark"] .zs-admin-shell .table>thead>tr>th{background:#172033;color:#cbd5e1;border-color:var(--zs-line)}
[data-bs-theme="dark"] .zs-admin-shell .table>tbody>tr>td{border-color:#263449}
[data-bs-theme="dark"] .zs-admin-shell .table>tbody>tr:hover>*{background:#172033}
[data-bs-theme="dark"] .zs-admin-shell .form-label{color:#cbd5e1}
[data-bs-theme="dark"] .zs-admin-shell .form-control,[data-bs-theme="dark"] .zs-admin-shell .form-select,[data-bs-theme="dark"] .zs-admin-shell .choices__inner{background:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}
[data-bs-theme="dark"] .zs-admin-shell .input-group-text{background:#172033;border-color:#334155;color:#94a3b8}
[data-bs-theme="dark"] .zs-admin-shell .btn-light{background:#172033;border-color:#334155;color:#e5e7eb}
[data-bs-theme="dark"] .zs-admin-shell .dropdown-menu{background:#111827;border-color:var(--zs-line)}
[data-bs-theme="dark"] .zs-admin-shell .dropdown-item{color:#cbd5e1}
[data-bs-theme="dark"] .zs-admin-shell .dropdown-item:hover,[data-bs-theme="dark"] .zs-admin-shell .dropdown-item:focus{background:#172554;color:#93c5fd}
[data-bs-theme="dark"] .zs-admin-shell .modal-content{background:#111827;border-color:var(--zs-line);color:#f8fafc}
[data-bs-theme="dark"] .zs-admin-shell .modal-header,[data-bs-theme="dark"] .zs-admin-shell .modal-footer{border-color:var(--zs-line)}
[data-bs-theme="dark"] .zs-admin-shell .page-link{background:#111827;border-color:#334155;color:#cbd5e1}
[data-bs-theme="dark"] .zs-admin-shell .zs-filter-bar,[data-bs-theme="dark"] .zs-admin-shell .filter-bar,[data-bs-theme="dark"] .zs-admin-shell .table-filters{background:var(--zs-surface);border-color:var(--zs-line)}
[data-bs-theme="dark"] .zs-admin-shell .zs-empty-state h5,[data-bs-theme="dark"] .zs-admin-shell .empty-state h5{color:#f8fafc}
[data-bs-theme="dark"] .zs-admin-shell .zs-empty-state,[data-bs-theme="dark"] .zs-admin-shell .empty-state,[data-bs-theme="dark"] .zs-admin-shell .zs-loading,[data-bs-theme="dark"] .zs-admin-shell .loading-state{color:#94a3b8}
[data-bs-theme="dark"] .zs-admin-shell .zs-skeleton{background:#263449}
[data-bs-theme="dark"] .zs-admin-shell .zs-skeleton::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
[data-bs-theme="dark"] .zs-admin-shell .adminuiux-footer{background:#111827!important;border-color:var(--zs-line)!important;color:#94a3b8}

/* Admin layout styles consolidated */

/* Admin layout styles consolidated */
#nprogress .bar {
                position: fixed !important;
                z-index: 9999999 !important;
                top: 0;
                left: 0;
                width: 100%;
                height: 3.5px !important;
                background-image: linear-gradient(
                    to right,
                    var(--zs-primary, #2563eb),
                    color-mix(in srgb, var(--zs-primary, #2563eb) 70%, white),
                    var(--zs-primary-hover, #1d4ed8)
                ) !important;
                background-size: 200% auto !important;
                animation: moveGradient 2s linear infinite !important;
                box-shadow: 0 0 10px rgba(99, 102, 241, 0.5) !important;
            }

            [data-bs-theme="dark"] #nprogress .bar {
                background-image: linear-gradient(
                    to right,
                    #60a5fa,
                    #93c5fd,
                    #3b82f6
                ) !important;
                box-shadow: 0 0 10px rgba(96, 165, 250, 0.35) !important;
            }

            @keyframes moveGradient {
                to {
                    background-position: 200% center;
                }
            }
            /* Hide desktop logo on mobile */
            .desktop-container {
                display: block;
            }

            .mobile-container {
                display: none;
            }

            /* ZuporiaCRM brand logo */
            .zs-brand-logo-wrap {
                width: 210px;
                min-width: 210px;
                height: 52px;
                display: flex !important;
                align-items: center;
                justify-content: flex-start;
                overflow: visible;
            }

            .zs-brand-logo {
                width: 190px !important;
                max-width: 190px !important;
                height: auto !important;
                max-height: 44px !important;
                object-fit: contain;
                object-position: left center;
                display: none;
            }

            /* Exactly one server-selected brand logo is rendered. */
            .zs-brand-logo {
                display: block !important;
            }

            /* Mobile logo */
            .mobile-logo {
                width: 150px !important;
                max-width: 150px !important;
                height: auto !important;
                max-height: 36px !important;
                object-fit: contain;
                object-position: left center;
            }

            /* Mobile view */
            @media (max-width: 768px) {
                .desktop-container {
                    display: none !important;
                }

                .mobile-container {
                    display: block !important;
                }

                .mobile-logo {
                    display: block;
                }
            }
            .adminuiux-content.has-sidebar {
                padding-top: 78.5938px;
            }

/* Report workspace primitives */
.zu-report-section{width:100%;margin:0 0 18px}
.zu-report-filter{width:100%;margin:0 0 18px}
.zu-report-section>.row,.zu-report-filter>.row{margin-left:0;margin-right:0}
.zu-report-section .zu-card,.zu-report-filter .zu-card{height:100%;overflow:hidden}
.zu-report-section .zu-card>a,.zu-report-section a.zu-card{display:block;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.zu-report-section .zu-card>a:hover,.zu-report-section a.zu-card:hover{transform:translateY(-2px);border-color:var(--zu-border-strong);box-shadow:var(--zu-shadow-lg)}
.zu-report-filter .zu-card-body{padding:18px}
.zu-report-section .zu-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zu-text-danger{color:var(--zu-danger)!important}
@media(max-width:767px){.zu-report-section,.zu-report-filter{margin-bottom:14px}.zu-report-filter .zu-card-body{padding:14px}}

/* Calendar workspace */
.zu-calendar-card { margin-bottom: 1.5rem; overflow: hidden; }
.zu-calendar-surface { transition: box-shadow .2s ease; }
.zu-calendar-surface:hover { box-shadow: 0 0 15px rgba(0,0,0,.18); }
.zu-calendar-modal .modal-content { border: 1px solid var(--zu-border); border-radius: var(--zu-radius-lg); background: var(--zu-surface); color: var(--zu-text); }
.zu-calendar-modal .modal-header,
.zu-calendar-modal .modal-footer { border-color: var(--zu-border); }
.zu-calendar-modal .form-label { color: var(--zu-text-soft); }

/* Profile workspace */
.zu-profile-cover { position:absolute; inset:0; width:100%; height:100%; z-index:0; overflow:hidden; }
.zu-profile-cover-actions { position:absolute; top:.75rem; right:.75rem; z-index:2; }
.zu-profile-cover-image { display:block; }
.zu-profile-hero { position:relative; z-index:1; padding-top:2rem; color:#fff; }
.zu-profile-avatar-wrap { position:relative; display:inline-block; width:auto; margin:1rem auto; }
.zu-profile-avatar { width:150px; height:150px; border-radius:999px; overflow:hidden; position:relative; }
.zu-profile-avatar img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.zu-profile-initials { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:#212529; color:#fff; }
.zu-profile-avatar-action { position:absolute; right:0; bottom:0; z-index:1; }
.zu-profile-card { height:100%; }
.zu-profile-card .zu-card-body { height:100%; }
.zu-profile-success { display:block; }
.zu-profile-error { display:block; }
.zu-profile-verification-box { display:none; }
.zu-profile-content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.zu-profile-form-row { display:grid; gap:.75rem; }
@media (max-width: 767.98px) {
  .zu-profile-content-grid { grid-template-columns:1fr; }
  .zu-profile-cover-actions { top:.5rem; right:.5rem; }
  .zu-profile-hero { padding-top:1rem; }
}

/* Dashboard data cards */
.zs-admin-dashboard .zu-dashboard-card { height:100%; overflow:hidden; }
.zs-admin-dashboard .zu-dashboard-stat-box { min-height:82px; padding:14px; border:1px solid var(--zu-border); border-radius:var(--zu-radius); text-align:center; background:var(--zu-surface-2); }
.zs-admin-dashboard .zu-dashboard-stat-box h5 { margin:0 0 8px; color:var(--zu-text); font-size:13px; font-weight:650; }
.zs-admin-dashboard .zu-dashboard-stat-box .zu-badge { margin-top:2px; }
.zs-admin-dashboard .zu-dashboard-quick-body { flex-wrap:wrap; }
.zs-admin-dashboard .zu-dashboard-list { display:flex; flex-direction:column; margin:0; padding:0; list-style:none; }
.zs-admin-dashboard .zu-dashboard-list-item { display:flex; align-items:center; gap:8px; padding:11px 13px; border-bottom:1px solid var(--zu-border); color:var(--zu-text); font-size:13px; }
.zs-admin-dashboard .zu-dashboard-list-item:last-child { border-bottom:0; }
.zs-admin-dashboard .zu-dashboard-list-item svg { flex:0 0 auto; color:var(--zu-primary); }
.zs-admin-dashboard .zu-page-section { width:100%; }
@media (max-width: 991.98px) {
  .zs-admin-dashboard .zu-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
  .zs-admin-dashboard .zu-grid-2,
  .zs-admin-dashboard .zu-grid-3 { grid-template-columns:1fr; }
  .zs-admin-dashboard .zu-dashboard-quick-body { align-items:flex-start; }
}

/* Dashboard responsive grids */
.zs-admin-dashboard .zu-dashboard-kpi-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.zs-admin-dashboard .zu-dashboard-kpi-cell { min-width:0; }
.zs-admin-dashboard .zu-dashboard-secondary-cell { min-width:0; }
.zs-admin-dashboard .zu-dashboard-column { min-width:0; }
@media (max-width:1199.98px) { .zs-admin-dashboard .zu-dashboard-kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:575.98px) { .zs-admin-dashboard .zu-dashboard-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Dashboard native alerts / welcome surface */
.zs-admin-dashboard .zu-flex { display:flex; gap:12px; }
.zs-admin-dashboard .zu-flex-wrap { flex-wrap:wrap; }
.zs-admin-dashboard .zu-flex-center { align-items:center; justify-content:center; }
.zs-admin-dashboard .zu-alert { padding:12px 14px; border:1px solid var(--zu-border); border-radius:12px; background:var(--zu-surface); color:var(--zu-text); }
.zs-admin-dashboard .zu-alert-warning { border-color:color-mix(in srgb,var(--zu-warning) 30%,var(--zu-border)); background:var(--zu-warning-soft); }
.zs-admin-dashboard .zu-alert-danger { border-color:color-mix(in srgb,var(--zu-danger) 30%,var(--zu-border)); background:var(--zu-danger-soft); }
.zs-admin-dashboard .zu-alert a { color:inherit; font-weight:650; }
.zs-admin-dashboard .zs-welcome-overlay { position:fixed; inset:0; z-index:10000; padding:20px; background:rgba(3,20,47,.42); }
.zs-admin-dashboard .zs-welcome-card { position:relative; z-index:10001; width:min(720px,100%); padding:40px; text-align:center; }
.zs-admin-dashboard .zu-welcome-card { box-shadow:var(--zu-shadow-lg); }
.zs-admin-dashboard .zs-welcome-title { color:var(--zu-text); }
.zs-admin-dashboard .zs-welcome-copy { color:var(--zu-text-soft); }
@media(max-width:575.98px){.zs-admin-dashboard .zs-welcome-card{padding:28px 20px}.zs-admin-dashboard .zu-flex-center{align-items:center}}

/* Lead dashboard */
.zu-lead-dashboard { max-width:1500px; }
.zu-lead-dashboard .zu-grid-1 { grid-template-columns:minmax(0,1fr); }
.zu-lead-dashboard .zu-grid-span-full { grid-column:1/-1; }
.zu-lead-dashboard .zu-dashboard-column { min-width:0; }
.zu-lead-dashboard .zu-card { height:100%; }
.zu-lead-dashboard .zu-card-title { margin:0 0 14px; }
.zu-lead-dashboard .zu-dashboard-list { display:flex; flex-direction:column; margin:0; padding:0; list-style:none; }
.zu-lead-dashboard .zu-dashboard-list-item { display:flex; align-items:center; gap:8px; min-height:42px; padding:10px 0; border-bottom:1px solid var(--zu-border); color:var(--zu-text); font-size:13px; }
.zu-lead-dashboard .zu-dashboard-list-item:last-child { border-bottom:0; }
.zu-lead-dashboard #conversionChart,
.zu-lead-dashboard #leadSourceChart,
.zu-lead-dashboard #leadStatusChart,
.zu-lead-dashboard #trendChart { min-height:280px; }
@media(max-width:767.98px){
  .zu-lead-dashboard .zu-grid-2 { grid-template-columns:1fr; }
  .zu-lead-dashboard #conversionChart,
  .zu-lead-dashboard #leadSourceChart,
  .zu-lead-dashboard #leadStatusChart,
  .zu-lead-dashboard #trendChart { min-height:230px; }
}

/* Customer 360 workspace */
.zu-customer-360{max-width:1440px;margin-inline:auto}
.zu-customer-section{margin-bottom:1.25rem}
.zu-customer-panel{height:100%;padding:1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);background:var(--zu-surface);box-shadow:var(--zu-shadow-sm)}
.zu-customer-identity{min-height:3.5rem}
.zu-customer-name{margin:0 0 .25rem;font-size:1.35rem;font-weight:700;line-height:1.2;color:var(--zu-text)}
.zu-customer-meta{margin-top:1rem}
.zu-customer-meta-item{min-width:0}
.zu-customer-metric{padding:.25rem 0}
.zu-customer-metric-value{font-size:1.2rem;font-weight:700;color:var(--zu-text);line-height:1.3}
.zu-section-title{margin:0 0 .75rem;font-size:.9rem;font-weight:700;color:var(--zu-text)}
.zu-customer-next-action{font-size:1.1rem;font-weight:700;color:var(--zu-text);line-height:1.35}
.zu-badge-row{display:flex;flex-wrap:wrap;gap:.5rem}
.zu-customer-activity{padding:.65rem 0;border-bottom:1px solid var(--zu-border)}
.zu-customer-activity:last-child{border-bottom:0}
.zu-timeline-item{display:flex;gap:.85rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--zu-border)}
.zu-timeline-item:last-child{margin-bottom:0}
.zu-timeline-icon{width:2.25rem;height:2.25rem;flex:0 0 2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--zu-surface-2);color:var(--zu-text-soft)}
.zu-timeline-content{flex:1;min-width:0}
.zu-text-end{text-align:right}
.zu-block{display:block}
.zu-text-strong{font-weight:600;color:var(--zu-text)}
@media (max-width:900px){.zu-customer-360{padding-inline:.75rem}.zu-grid-3{grid-template-columns:1fr 1fr}.zu-grid-span-2,.zu-grid-span-1{grid-column:1/-1}}
@media (max-width:600px){.zu-grid-3,.zu-customer-meta{grid-template-columns:1fr}.zu-row-between.zu-customer-identity{align-items:flex-start;gap:.75rem}.zu-card-header.zu-row-between{align-items:flex-start;gap:.75rem}.zu-text-end{text-align:left}.zu-customer-activity{align-items:flex-start}}
[data-bs-theme="dark"] .zu-customer-panel,[data-theme="dark"] .zu-customer-panel{background:var(--zu-surface);border-color:var(--zu-border)}
.zu-customer-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.zu-label{margin-bottom:.3rem}
.zu-note{margin-top:.3rem}
.zu-followup-count{margin-top:.5rem}
.zu-section-heading{margin:0;font-size:.95rem;font-weight:700;color:var(--zu-text)}
.zu-empty-icon{display:block;margin-bottom:.5rem;font-size:1.5rem}
@media(max-width:600px){.zu-customer-metrics{grid-template-columns:1fr}}

/* Final application shell geometry: keep the workspace full-width beside the fixed sidebar. */
.zu-app-frame{display:block;width:100%;min-width:0}
.zu-main.has-sidebar{display:block;width:calc(100% - var(--zu-sidebar-width));min-width:0;margin-left:var(--zu-sidebar-width)!important}
.zu-main.no-sidebar{display:block;width:100%;min-width:0;margin-left:0!important}
.zu-main .zs-main-slot{display:block;width:100%;max-width:var(--zu-content-max,1600px);min-width:0;margin-left:auto;margin-right:auto}
.zu-page-header-wrap{width:100%;min-width:0}
@media(max-width:991px){.zu-main.has-sidebar,.zu-main.no-sidebar{width:100%;margin-left:0!important}.zu-sidebar{position:fixed}}

/* Canonical shell layout: sidebar and workspace are separate grid columns. */
.zu-app-frame{display:grid;grid-template-columns:var(--zu-sidebar-width) minmax(0,1fr);align-items:stretch;width:100%;min-width:0;min-height:calc(100vh - var(--zu-header-height));}
.zu-app-frame>.zu-sidebar{position:sticky;inset:auto;top:var(--zu-header-height);grid-column:1;grid-row:1;width:var(--zu-sidebar-width);height:calc(100vh - var(--zu-header-height));min-width:0;margin:0;transform:none;}
.zu-app-frame>.zu-main{grid-column:2;grid-row:1;width:auto;min-width:0;margin:0!important;}
.zu-main.has-sidebar,.zu-main.no-sidebar{width:auto;margin-left:0!important;}
.zu-main .zs-main-slot{width:100%;min-width:0;max-width:var(--zu-content-max,1600px);margin:0 auto;}
.zu-footer.has-sidebar{margin-left:var(--zu-sidebar-width);}
@media(max-width:991px){
  .zu-app-frame{display:block;min-height:calc(100vh - var(--zu-header-height));}
  .zu-app-frame>.zu-sidebar{position:fixed;inset:0 auto 0 0;top:0;width:var(--zu-sidebar-width);height:100vh;transform:translateX(-102%);}
  .zu-app-frame>.zu-sidebar.sidebar-open,body.sidebar-open .zu-app-frame>.zu-sidebar{transform:translateX(0);}
  .zu-app-frame>.zu-main{width:100%;margin:0!important;}
  .zu-footer.has-sidebar{margin-left:0;}
}

/* Production shell lock: never allow workspace content to occupy the sidebar column. */
.zu-app-frame{display:block!important;position:relative!important;width:100%!important;min-width:0!important;min-height:calc(100vh - var(--zu-header-height))!important;}
.zu-app-frame>.zu-sidebar{position:fixed!important;left:0!important;top:var(--zu-header-height)!important;right:auto!important;bottom:0!important;width:var(--zu-sidebar-width)!important;height:auto!important;z-index:1000!important;transform:none!important;margin:0!important;}
.zu-app-frame>.zu-main{position:relative!important;display:block!important;z-index:1!important;width:calc(100% - var(--zu-sidebar-width))!important;min-width:0!important;margin:0 0 0 var(--zu-sidebar-width)!important;padding:0!important;}
.zu-app-frame>.zu-main .zs-main-slot{display:block!important;width:100%!important;max-width:var(--zu-content-max,1600px)!important;min-width:0!important;margin:0 auto!important;padding:0 20px 28px!important;}
.zu-app-frame>.zu-main .zu-page-header-wrap{width:100%!important;max-width:var(--zu-content-max,1600px)!important;margin:0 auto!important;}
.zu-footer.has-sidebar{margin-left:var(--zu-sidebar-width)!important;width:calc(100% - var(--zu-sidebar-width))!important;}
body.sidebar-close .zu-app-frame>.zu-main{width:calc(100% - var(--zu-sidebar-collapsed,76px))!important;margin-left:var(--zu-sidebar-collapsed,76px)!important;}
body.sidebar-close .zu-app-frame>.zu-sidebar{width:var(--zu-sidebar-collapsed,76px)!important;}
@media(max-width:991px){
 .zu-app-frame>.zu-sidebar{top:0!important;bottom:0!important;width:var(--zu-sidebar-width)!important;height:100vh!important;transform:translateX(-102%)!important;}
 .zu-app-frame>.zu-sidebar.sidebar-open,body.sidebar-open .zu-app-frame>.zu-sidebar{transform:translateX(0)!important;}
 .zu-app-frame>.zu-main,.zu-app-frame>.zu-main.has-sidebar,.zu-app-frame>.zu-main.no-sidebar{width:100%!important;margin-left:0!important;}
 .zu-app-frame>.zu-main .zs-main-slot{padding:0 14px 22px!important;}
 .zu-footer.has-sidebar{width:100%!important;margin-left:0!important;}
}

/* Header controls: one theme control, one sound control, no legacy duplicate mode button. */
.zu-header .zu-header-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto!important;flex:0 0 auto;}

/* Final shell navigation behavior: keep menus floating and sidebar groups collapsed until opened. */
.zs-admin-shell .zu-header{position:sticky;top:0;z-index:1200;overflow:visible;}
.zs-admin-shell .zu-header .navbar,
.zs-admin-shell .zu-header .zu-header-inner{position:relative;z-index:1201;overflow:visible;}
.zs-admin-shell .zu-header-actions,
.zs-admin-shell .zu-quick-links,
.zs-admin-shell .zu-user-menu{position:relative;z-index:1202;}
.zs-admin-shell .zu-header .dropdown-menu{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;inset-inline:auto 0!important;transform:none!important;margin:0!important;z-index:1300!important;}
.zs-admin-shell .zu-header .dropdown-menu:not(.show){display:none!important;}
.zs-admin-shell .zu-header .dropdown-menu.show{display:block!important;}
.zs-admin-shell .zu-header .zs-quick-menu{width:320px;max-width:calc(100vw - 24px);}
.zs-admin-shell .zu-header .zu-user-dropdown{width:320px;max-width:calc(100vw - 24px);}

/* Sidebar navigation: one consistent native hierarchy instead of boxed legacy dropdowns. */
.zs-admin-shell .zu-sidebar{width:var(--zu-sidebar-width);overflow:hidden;}
.zs-admin-shell .zu-sidebar-inner{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}
.zs-admin-shell .zu-sidebar-nav>li{width:100%;margin:0!important;}
.zs-admin-shell .zu-sidebar-nav>li>.nav-link{width:100%;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-menu{position:static!important;display:none!important;transform:none!important;width:calc(100% - 12px)!important;margin:3px 0 6px 12px!important;padding:4px!important;border:0!important;border-left:1px solid var(--zu-border)!important;border-radius:0 10px 10px 0!important;background:transparent!important;box-shadow:none!important;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-menu.show{display:block!important;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-menu .nav-link{min-height:34px;padding:7px 9px;color:var(--zu-text-soft);font-size:12px;border-radius:8px;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-menu .nav-link:hover{color:var(--zu-text);background:var(--zu-surface-2);}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-menu .nav-link.active{color:var(--zu-primary);background:var(--zu-primary-soft);font-weight:600;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-toggle{position:relative;padding-right:30px;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-toggle::after{content:'⌄';position:absolute;right:12px;margin:0;opacity:.45;font-size:14px;font-weight:700;line-height:1;transition:transform .16s ease,opacity .16s ease;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg);opacity:.8;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-toggle.active{color:var(--zu-primary);background:var(--zu-primary-soft);font-weight:600;box-shadow:inset 3px 0 0 var(--zu-primary);}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-toggle.active::after{opacity:.9;}
.zs-admin-shell .zu-sidebar-nav>li>.nav-link.active:not(.dropdown-toggle){box-shadow:inset 3px 0 0 var(--zu-primary);}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-menu .zu-sidebar-subitem{margin:0!important;}
.zs-admin-shell .zu-sidebar-nav>li>.dropdown-menu .menu-icon{width:18px;min-width:18px;font-size:14px;}
@media(max-width:991px){
  .zs-admin-shell .zu-header .dropdown-menu{position:absolute!important;}
  .zs-admin-shell .zu-sidebar{width:var(--zu-sidebar-width);}
}
@media(max-width:640px){
  .zs-admin-shell .zu-header .zs-quick-menu,.zs-admin-shell .zu-header .zu-user-dropdown{width:min(320px,calc(100vw - 20px));}
  .zs-admin-shell .zu-header .zs-quick-menu{right:-48px!important;}
  .zs-admin-shell .zu-header .zu-user-dropdown{right:0!important;}
}
.zu-header .zu-header-actions .zu-icon-button{flex:0 0 40px;width:40px;height:40px;min-width:40px;}
.zu-header .zu-theme-icon,.zu-header .zu-sound-icon{width:18px;height:18px;font-size:16px;line-height:1;}
.zu-header .zu-header-actions .btnsunmoon{display:none!important;}
.zu-header-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:1001;}
.zu-header .navbar-collapse{min-width:0;}
@media(max-width:991px){.zu-header .zu-header-actions{margin-left:auto!important;}.zu-header .zu-header-actions .zu-icon-button{width:38px;height:38px;min-width:38px;}}


/* Theme controls */
.zu-theme-icon,.zu-sound-icon{display:inline-block;width:18px;height:18px;font-size:16px;line-height:1;}


/* Leads workspace */
.zu-form-grid{gap:1rem;}
.zu-form-grid>.zu-grid-span-1{min-width:0;}
.zu-form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600;color:var(--zu-text);}
.zu-form-section{margin-bottom:1rem;}
.zu-form-field{min-width:0;}
.zu-row-end{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;}
.zu-float-end{float:none;}
.zu-modal-dialog{width:min(100% - 2rem,560px);margin:4rem auto;}
.zu-modal-content{background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);box-shadow:var(--zu-shadow-lg);overflow:hidden;}
.zu-modal-header,.zu-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-color:var(--zu-border);background:var(--zu-surface);}
.zu-modal-body{padding:1.25rem;}
@media(max-width:700px){.zu-form-grid>.zu-grid-span-1{grid-column:1/-1;}.zu-row-end{flex-wrap:wrap;justify-content:flex-start;}.zu-modal-dialog{width:min(100% - 1rem,560px);margin:1rem auto;}}
[data-bs-theme="dark"] .zu-modal-content,[data-theme="dark"] .zu-modal-content{background:var(--zu-surface);border-color:var(--zu-border);}


/* Dashboard welcome hero — Zuporia-native, independent of legacy AdminUIUX tokens. */
.zs-admin-dashboard .zu-dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:1.5rem;padding:24px 26px;background:linear-gradient(135deg,var(--zu-primary-soft),var(--zu-surface));border:1px solid color-mix(in srgb,var(--zu-primary) 28%,var(--zu-line));border-radius:18px;box-shadow:var(--zu-shadow);color:var(--zu-text);}
.zs-admin-dashboard .zu-dashboard-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--zu-primary);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;}
.zs-admin-dashboard .zu-dashboard-title{margin:0 0 6px;color:var(--zu-text);font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.1;letter-spacing:-.04em;}
.zs-admin-dashboard .zu-dashboard-subtitle{margin:0;color:var(--zu-muted);font-size:13px;line-height:1.5;}
.zs-admin-dashboard .zu-dashboard-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 0 auto;}
.zs-admin-dashboard .zu-dashboard-actions .zu-btn{white-space:nowrap;}
.zs-admin-dashboard .zu-dashboard-actions .zu-btn-primary{box-shadow:0 5px 14px color-mix(in srgb,var(--zu-primary) 22%,transparent);}
@media(max-width:900px){.zs-admin-dashboard .zu-dashboard-welcome{align-items:flex-start;flex-direction:column;padding:20px;}.zs-admin-dashboard .zu-dashboard-actions{justify-content:flex-start;width:100%;}}
@media(max-width:520px){.zs-admin-dashboard .zu-dashboard-actions{display:grid;grid-template-columns:1fr;width:100%;}.zs-admin-dashboard .zu-dashboard-actions .zu-btn{width:100%;}}
[data-bs-theme="dark"] .zs-admin-dashboard .zu-dashboard-welcome,[data-theme="dark"] .zs-admin-dashboard .zu-dashboard-welcome{background:linear-gradient(135deg,var(--zu-primary-soft),var(--zu-surface));border-color:color-mix(in srgb,var(--zu-primary) 35%,var(--zu-line));}

/* Dashboard action links must retain button contrast against the global shell link color. */
.zs-admin-shell .zs-admin-dashboard a.zu-btn-primary{color:#fff!important;background:var(--zu-primary)!important;border-color:var(--zu-primary)!important;}
.zs-admin-shell .zs-admin-dashboard a.zu-btn-primary:hover{color:#fff!important;background:var(--zu-primary-hover)!important;border-color:var(--zu-primary-hover)!important;}
.zs-admin-shell .zs-admin-dashboard a.zu-btn:not(.zu-btn-primary){color:var(--zu-text)!important;}


/* Opportunities workspace */
.zu-opportunity-page{max-width:1440px;margin-inline:auto;}
.zu-opportunity-page .zu-form-grid{gap:1rem;}
.zu-opportunity-page .zu-form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:650;color:var(--zu-text);}
.zu-opportunity-page .zu-form-check-cell{display:flex;align-items:center;}
.zu-opportunity-page .zu-form-check-wrap{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;}
.zu-opportunity-page .zu-form-check{width:1rem;height:1rem;accent-color:var(--zu-primary);}
.zu-opportunity-page .zu-form-check-label{font-size:.875rem;color:var(--zu-text);}
.zu-opportunity-page .zu-row-end{display:flex;justify-content:flex-end;gap:.5rem;}
.zu-modal-backdrop-shell{position:fixed;inset:0;z-index:1055;display:block;overflow-x:hidden;overflow-y:auto;background:rgba(15,23,42,.35);backdrop-filter:blur(2px);}
.zu-modal-lg{width:min(100% - 2rem,900px);margin:3rem auto;}
.zu-modal-primary{background:var(--zu-primary)!important;color:#fff;border-bottom-color:transparent;}
.zu-modal-title{margin:0;font-size:1rem;font-weight:700;color:#fff;}
.zu-modal-close{width:2rem;height:2rem;border:0;background:transparent;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;}
.zu-modal-close::before{content:'×';}
@media(max-width:700px){.zu-opportunity-page .zu-grid-span-1{grid-column:1/-1;}.zu-opportunity-page .zu-row-end{justify-content:flex-start;}.zu-modal-lg{width:calc(100% - 1rem);margin:1rem auto;}.zu-modal-body{padding:1rem;}}


/* Contacts & Customers workspaces */
.zu-crm-record-page{max-width:1440px;margin-inline:auto;}
.zu-crm-record-page .zu-form-grid{gap:1rem;}
.zu-crm-record-page .zu-form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:650;color:var(--zu-text);}
.zu-crm-record-page .zu-section-title{margin:1.25rem 0 .9rem;color:var(--zu-primary);font-size:1rem;font-weight:750;letter-spacing:-.01em;}
.zu-crm-record-page .zu-record-section{padding-top:.35rem;}
.zu-crm-record-page .zu-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;}
.zu-crm-record-page .zu-record-import{margin-bottom:1rem;}
.zu-crm-record-page .zu-password-field{display:flex;min-width:0;}
.zu-crm-record-page .zu-password-field .zu-form-control{min-width:0;flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0;}
.zu-crm-record-page .zu-password-toggle{flex:0 0 auto;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;}
.zu-crm-record-page .zu-form-invalid{border-color:var(--zu-danger)!important;}
.zu-alert{position:relative;padding:.75rem 1rem;border:1px solid var(--zu-border);border-radius:12px;margin-bottom:1rem;}
.zu-alert-success{color:var(--zu-success);background:var(--zu-success-soft);border-color:color-mix(in srgb,var(--zu-success) 25%,var(--zu-border));}
.zu-alert-close{position:absolute;right:.65rem;top:.55rem;border:0;background:transparent;color:currentColor;font-size:1.2rem;cursor:pointer;}
.zu-alert-close::before{content:'×';}
@media(max-width:700px){.zu-crm-record-page .zu-grid-span-1{grid-column:1/-1;}.zu-crm-record-page .zu-record-actions{justify-content:flex-start;width:100%;}.zu-crm-record-page .zu-record-actions .zu-btn{width:100%;}}


/* Services workspace */
.zu-services-page{max-width:1440px;margin-inline:auto;}
.zu-services-page .zu-form-grid{gap:1rem;}
.zu-services-page .zu-form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:650;color:var(--zu-text);}
.zu-services-page .zu-service-detail-wrap{min-width:0;}
.zu-services-page .zu-service-detail-card{margin:1rem 0;overflow:hidden;}
.zu-services-page .zu-service-detail-header{display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;background:var(--zu-primary);color:#fff;border-bottom:1px solid var(--zu-border);border-radius:var(--zu-radius-lg) var(--zu-radius-lg) 0 0;}
.zu-services-page .zu-services-detail-title{margin:0;color:#fff;font-size:1.1rem;}
.zu-services-page .zu-service-image-wrap{text-align:center;margin-bottom:1rem;}
.zu-services-page .zu-service-image{display:block;max-width:100%;height:auto;max-height:260px;margin:0 auto;border:1px solid var(--zu-border);border-radius:12px;object-fit:contain;}
.zu-services-page .zu-service-value{margin:0;color:var(--zu-text);line-height:1.5;}
@media(max-width:700px){.zu-services-page .zu-grid-span-1{grid-column:1/-1;}.zu-services-page .zu-card-header{align-items:flex-start;flex-wrap:wrap;gap:.75rem;}}


/* Property browser workspace */
.zu-property-browser{width:100%;min-width:0;}
.zu-property-content{width:100%;max-width:1440px;margin-inline:auto;}
.zu-property-browser .zu-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.zu-property-browser .zu-page-title{margin:0;font-size:1.25rem;font-weight:750;color:var(--zu-text);}
.zu-property-browser .zu-page-header-meta{color:var(--zu-text-soft);}
.zu-property-browser .zu-breadcrumb{display:flex;gap:.45rem;margin:0;padding:0;list-style:none;font-size:.8rem;}
.zu-property-browser .zu-breadcrumb-item{color:var(--zu-text-soft);}
.zu-property-browser .zu-breadcrumb-active{color:var(--zu-text);font-weight:600;}
.zu-property-browser .zu-property-primary-header{background:var(--zu-primary);color:#fff;border-color:var(--zu-primary);}
.zu-property-browser .zu-property-primary-header .zu-card-title{color:#fff;}
.zu-property-filter-grid{gap:1rem;}
.zu-property-browser .zu-form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:650;color:var(--zu-text);}
.zu-form-invalid{border-color:var(--zu-danger)!important;}
.zu-form-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.78rem;}
.zu-budget-grid{gap:.75rem;}
.zu-input-group{display:flex;min-width:0;}
.zu-input-addon{display:flex;align-items:center;padding:0 .8rem;background:var(--zu-surface-2);border:1px solid var(--zu-border);color:var(--zu-text-soft);font-size:.8rem;white-space:nowrap;}
.zu-input-group .zu-form-control{min-width:0;flex:1;}
.zu-property-actions{margin-top:.35rem;}
.zu-property-actions-row{display:flex;gap:.6rem;flex-wrap:wrap;}
.zu-property-loading{text-align:center;margin:0 0 1rem;}
.zu-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:.2rem solid var(--zu-primary-soft);border-top-color:var(--zu-primary);border-radius:50%;animation:zu-spin .7s linear infinite;}
@keyframes zu-spin{to{transform:rotate(360deg)}}
.zu-property-results{margin-top:1.25rem;}
.zu-property-results-grid{gap:1rem;}
.zu-property-card{overflow:hidden;text-align:center;}
.zu-property-card-image{display:block;width:100%;height:220px;object-fit:cover;}
.zu-property-card-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;}
.zu-property-card-link{color:var(--zu-text);text-decoration:none;}
.zu-property-card-meta,.zu-property-card-price{margin:0 0 .35rem;color:var(--zu-text-soft);font-size:.82rem;}
.zu-property-card-price{margin-bottom:0;}
.zu-property-card .zu-card-footer{display:flex;justify-content:center;}
.zu-visually-hidden,.zu-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:800px){.zu-property-browser .zu-page-header{align-items:flex-start;flex-direction:column;}.zu-property-browser .zu-grid-span-1{grid-column:1/-1;}.zu-property-actions-row{width:100%;}.zu-property-actions-row .zu-btn{flex:1;}.zu-property-card-image{height:190px;}}


/* Invoice / Quotation document workspaces */
.zu-document-page{max-width:1500px;margin-inline:auto;}
.zu-document-sheet{width:100%;max-width:1450px;margin-inline:auto;padding:1.25rem;}
.zu-document-page .zu-card-body{min-width:0;}
.zu-document-topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--zu-border);}
.zu-document-topbar img{max-width:180px;height:auto;object-fit:contain;}
.zu-document-date{display:flex;align-items:center;gap:.6rem;}
.zu-document-date h5{margin:0;color:var(--zu-text);font-size:.85rem;font-weight:650;}
.zu-document-page .zu-grid{gap:1rem;}
.zu-document-page .zu-form-control,.zu-document-page .zu-form-select{min-width:0;}
.zu-document-page address{margin:.35rem 0 0;color:var(--zu-text-soft);font-size:.86rem;line-height:1.7;}
.zu-document-page .zu-table-wrap{width:100%;overflow-x:auto;}
.zu-document-page .zu-table{width:100%;border-collapse:collapse;color:var(--zu-text);font-size:.84rem;}
.zu-document-page .zu-table th,.zu-document-page .zu-table td{padding:.7rem;border-bottom:1px solid var(--zu-border);vertical-align:middle;text-align:left;}
.zu-document-page .zu-table th{font-weight:700;background:var(--zu-surface-2);white-space:nowrap;}
.zu-document-page .zu-table .zu-text-center{text-align:center;}
.zu-document-page .zu-table input,.zu-document-page .zu-table select{min-width:100px;}
.zu-document-page .zu-alert{margin-bottom:1rem;}
.zu-document-page .zu-form-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.78rem;}
.zu-document-page .zu-form-invalid{border-color:var(--zu-danger)!important;}
.zu-document-page .zu-document-summary{display:flex;justify-content:flex-end;}
.zu-document-page .zu-document-summary .zu-table{max-width:520px;}
.zu-document-page .zu-no-print{margin-top:1.25rem;}
.zu-document-page .zu-fw-medium{font-weight:650;}
@media(max-width:800px){.zu-document-sheet{padding:.5rem;}.zu-document-page .zu-grid-span-1{grid-column:1/-1;}.zu-document-topbar{align-items:flex-start;flex-direction:column;}.zu-document-date{width:100%;flex-wrap:wrap;}.zu-document-page .zu-table{min-width:760px;}.zu-document-page .zu-no-print .zu-btn{width:100%;}}
@media print{.zu-document-page .zu-no-print{display:none!important;}.zu-document-sheet{padding:0;}.zu-document-page .zu-card{box-shadow:none!important;border:0!important;}}


/* Estimate / Proposal workspaces */
.zu-document-page .zu-form-grid{gap:1rem;}
.zu-document-page .zu-form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:650;color:var(--zu-text);}
.zu-document-page .zu-form-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.78rem;}
.zu-document-page .zu-form-invalid{border-color:var(--zu-danger)!important;}
.zu-document-page .zu-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;}
@media(max-width:800px){.zu-document-page .zu-grid-span-1{grid-column:1/-1;}.zu-document-page .zu-document-actions{justify-content:flex-start;width:100%;}.zu-document-page .zu-document-actions .zu-btn{width:100%;}}

/* Projects and campaigns: native Zuporia workspace grid */
.zu-project-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;min-width:0}
.zu-project-col-3{grid-column:span 3;min-width:0}.zu-project-col-4{grid-column:span 4;min-width:0}.zu-project-col-6{grid-column:span 6;min-width:0}.zu-project-col-12{grid-column:1/-1;min-width:0}
.zu-project-form label,.zu-project-form .zu-form-label{display:block;margin-bottom:.4rem;color:var(--zu-text);font-size:.875rem;font-weight:650}
.zu-form-error{display:block;margin-top:.35rem;color:var(--zu-danger);font-size:.78rem;font-weight:600}
.zu-project-shadow{box-shadow:var(--zu-shadow)}.zu-project-border{border:1px solid var(--zu-border)}.zu-project-border-strong{border-color:var(--zu-border-strong)}.zu-project-divider{border-bottom:1px solid var(--zu-border)}
.zu-project-rounded{border-radius:var(--zu-radius)}.zu-project-p-4{padding:1rem}.zu-project-px-3{padding-inline:.75rem}.zu-project-py-2{padding-block:.5rem}.zu-project-pb{padding-bottom:.25rem}.zu-project-mb-0{margin-bottom:0}.zu-project-mb-2{margin-bottom:.5rem}.zu-project-mb-3{margin-bottom:.75rem}.zu-project-mb-4{margin-bottom:1.5rem}.zu-project-mt-2{margin-top:.5rem}.zu-project-mt-3{margin-top:.75rem}.zu-project-mt-4{margin-top:1.5rem}.zu-project-me-2{margin-inline-end:.5rem}.zu-project-me-3{margin-inline-end:.75rem}.zu-project-fs-4{font-size:1.25rem}.zu-project-fs-6{font-size:1rem}.zu-fw-bold{font-weight:700}.zu-fw-medium{font-weight:600}.zu-text-center{text-align:center}.zu-text-on-primary{color:#fff}.zu-text-primary{color:var(--zu-primary)}.zu-text-soft{color:var(--zu-text-soft)}.zu-float-start{float:left}.zu-float-end{float:right}.zu-project-status-badge{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700}.zu-project-heading{margin:0;color:var(--zu-text);font-weight:700}
.zu-project-show .zu-card-header{justify-content:center}.zu-project-show .zu-project-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.zu-project-show .zu-project-summary p{margin:0 0 .7rem;color:var(--zu-text-soft)}.zu-project-show .zu-project-summary strong{color:var(--zu-text)}
[data-bs-theme="dark"] .zu-project-show .zu-project-summary p{color:var(--zu-text-soft)}
@media(max-width:900px){.zu-project-form{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-project-col-3,.zu-project-col-4,.zu-project-col-6{grid-column:span 1}.zu-project-col-12{grid-column:1/-1}.zu-project-show .zu-project-summary{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.zu-project-form{grid-template-columns:1fr}.zu-project-col-3,.zu-project-col-4,.zu-project-col-6,.zu-project-col-12{grid-column:1/-1}.zu-project-show .zu-project-summary{grid-template-columns:1fr}.zu-float-start,.zu-float-end{float:none}.zu-project-form .zu-btn{width:100%}}
.zu-project-label-meta{font-size:.8125rem;color:var(--zu-text-soft)}
.zu-btn-outline-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--zu-primary);background:transparent;color:var(--zu-primary);border-radius:var(--zu-radius-sm);padding:.45rem .75rem;font-weight:650;cursor:pointer}.zu-btn-outline-primary:hover{background:var(--zu-primary-soft)}
.zu-status-primary,.zu-status-info,.zu-status-success,.zu-status-warning,.zu-status-danger,.zu-status-secondary{color:#fff}.zu-status-primary{background:var(--zu-primary)}.zu-status-info{background:var(--zu-info)}.zu-status-success{background:var(--zu-success)}.zu-status-warning{background:var(--zu-warning);color:#1f2937}.zu-status-danger{background:var(--zu-danger)}.zu-status-secondary{background:var(--zu-text-soft)}
.zu-project-show-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.zu-project-show-grid>.zu-project-col-12{grid-column:1/-1}
@media(max-width:600px){.zu-project-show-grid{gap:.75rem}}

/* Operations workspaces: tasks, activity timeline and calendar */
.zu-task-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;min-width:0}.zu-task-form>div{min-width:0}
.zu-task-form>div[class*="col"]{grid-column:span 6}.zu-task-form>div:last-child{grid-column:1/-1}.zu-task-form label,.zu-task-form .zu-form-label{display:block;margin-bottom:.4rem;color:var(--zu-text);font-size:.875rem;font-weight:650}.zu-task-form .zu-form-error{display:block;margin-top:.35rem;color:var(--zu-danger);font-size:.78rem;font-weight:600}.zu-task-form textarea{min-height:110px;resize:vertical}.zu-task-form .zu-btn{margin-top:.25rem}
.zu-activity-scroll{display:flex;justify-content:center;min-width:0}.zu-activity-timeline-col{width:100%;max-width:1100px;min-width:0}.zu-activity-log .zu-card{width:100%}.zu-activity-log .zu-card-header{gap:1rem}.zu-activity-log .zu-card-title{margin:0;line-height:1.3}.zu-bg-primary{background:var(--zu-primary)}.zu-text-on-primary{color:#fff}.zu-rounded-pill{border-radius:999px}.zu-justify-center{justify-content:center}.zu-mt-3{margin-top:.75rem}.zu-mt-4{margin-top:1.5rem}.zu-float-start{float:left}.zu-float-end{float:right}
.zu-calendar-modal .zu-form-label{display:block;margin-bottom:.4rem;color:var(--zu-text-soft);font-size:.875rem;font-weight:650}.zu-calendar-modal .modal-content{overflow:hidden}.zu-calendar-modal .modal-body{padding:1.25rem}.zu-calendar-modal .modal-footer{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.zu-modal-close{border:0;background:transparent;color:var(--zu-text-soft);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.zu-modal-close:hover{color:var(--zu-text)}
@media(max-width:900px){.zu-task-form{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-task-form>div[class*="col"]{grid-column:span 1}.zu-task-form>div:last-child{grid-column:1/-1}}
@media(max-width:600px){.zu-task-form{grid-template-columns:1fr}.zu-task-form>div[class*="col"],.zu-task-form>div:last-child{grid-column:1/-1}.zu-task-form .zu-btn{width:100%}.zu-activity-log .zu-card-header{align-items:flex-start}.zu-activity-timeline-col{max-width:none}}
.zu-task-col-3{grid-column:span 3;min-width:0}.zu-task-col-6{grid-column:span 6;min-width:0}.zu-task-form .zu-task-col-3,.zu-task-form .zu-task-col-6{min-width:0}.zu-mt-2{margin-top:.5rem}
@media(max-width:900px){.zu-task-form .zu-task-col-3,.zu-task-form .zu-task-col-6{grid-column:span 1}}
@media(max-width:600px){.zu-task-form .zu-task-col-3,.zu-task-form .zu-task-col-6{grid-column:1/-1}}
.zu-task-col-12{grid-column:1/-1;min-width:0}.zu-task-form .zu-task-col-12 textarea{min-height:120px}
.zu-text-center{text-align:center}

/* Property workspace grid */
.zu-property-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;min-width:0}.zu-property-grid>*{min-width:0}.zu-property-span-12{grid-column:1/-1}.zu-property-span-6{grid-column:span 6}.zu-property-span-4{grid-column:span 4}.zu-property-span-3{grid-column:span 3}.zu-property-span-1{grid-column:span 1}.zu-property-grid .zu-form-label{display:block;margin-bottom:.4rem}.zu-property-grid .zu-form-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.78rem;font-weight:600}.zu-property-section-bg{background:var(--zu-primary-soft)}.zu-property-section-bg-soft{opacity:1}.zu-property-grid .zu-card{min-width:0}.zu-property-grid .zu-card-header{margin:0;border-bottom:1px solid var(--zu-border);border-radius:var(--zu-radius-lg) var(--zu-radius-lg) 0 0}.zu-property-grid .zu-card-header .zu-property-label{margin:0}.zu-property-grid .zu-card-body{min-width:0}.zu-property-grid .zu-align-center{display:flex;align-items:center}.zu-property-grid .zu-row-between{display:flex;justify-content:space-between;gap:.75rem}.zu-property-grid .zu-btn-outline-primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--zu-primary);background:transparent;color:var(--zu-primary);border-radius:var(--zu-radius-sm);padding:.45rem .75rem}.zu-p-0{padding:0}.zu-p-2{padding:.5rem}.zu-p-3{padding:.75rem}.zu-mt-3{margin-top:.75rem}.zu-mb-3{margin-bottom:.75rem}.zu-mb-2{margin-bottom:.5rem}.zu-my-2{margin-block:.5rem}.zu-gap-2{gap:.5rem}.zu-text{color:var(--zu-text)}
@media(max-width:900px){.zu-property-span-6,.zu-property-span-4{grid-column:span 6}.zu-property-span-3{grid-column:span 6}}
@media(max-width:600px){.zu-property-grid{grid-template-columns:1fr}.zu-property-span-1,.zu-property-span-3,.zu-property-span-4,.zu-property-span-6,.zu-property-span-12{grid-column:1/-1}.zu-property-grid .zu-row-between{flex-direction:column;align-items:flex-start}.zu-property-grid .zu-btn{width:100%}}
.zu-m-0{margin:0}

/* Admin Settings native workspace */
.zu-settings-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.25rem;min-width:0}.zu-settings-sidebar{min-width:0}.zu-settings-content{min-width:0}.zu-settings-sidebar .nav{display:flex;flex-direction:column;gap:.35rem}.zu-settings-sidebar .nav-link{display:flex;align-items:center;width:100%;padding:.65rem .8rem;border-radius:var(--zu-radius-sm);color:var(--zu-text-soft);text-decoration:none;font-weight:600}.zu-settings-sidebar .nav-link:hover{background:var(--zu-surface-2);color:var(--zu-text)}.zu-settings-sidebar .nav-link.active{background:var(--zu-primary-soft);color:var(--zu-primary)}
.zu-settings-workspace .tab-content{min-width:0}.zu-settings-workspace .tab-pane{min-width:0}.zu-settings-workspace .tab-pane:not(.active){display:none!important}.zu-settings-workspace .tab-pane.active{display:block}.zu-settings-workspace .zu-card{min-width:0}.zu-settings-workspace .zu-card-header{gap:1rem}.zu-settings-workspace .zu-form-label{display:block;margin-bottom:.4rem}.zu-settings-workspace .zu-form-control,.zu-settings-workspace .zu-form-select{width:100%}.zu-settings-workspace .zu-form-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.78rem;font-weight:600}.zu-settings-workspace .zu-settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.zu-settings-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.zu-settings-module-grid>div{min-width:0}.zu-settings-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.zu-settings-logo-grid>div{min-width:0}.zu-settings-logo-grid .zu-form-control{width:100%}.zu-settings-span-3{grid-column:span 3;min-width:0}.zu-settings-span-6{grid-column:span 6;min-width:0}.zu-settings-span-9{grid-column:span 9;min-width:0}.zu-settings-span-12{grid-column:1/-1;min-width:0}.zu-settings-span-auto{min-width:0}.zu-p-4{padding:1rem}.zu-p-3{padding:.75rem}.zu-mb-4{margin-bottom:1.5rem}.zu-mb-3{margin-bottom:.75rem}.zu-mb-1{margin-bottom:.25rem}.zu-mb-0{margin-bottom:0}.zu-mt-4{margin-top:1.5rem}.zu-mt-3{margin-top:.75rem}.zu-mt-1{margin-top:.25rem}.zu-me-3{margin-inline-end:.75rem}.zu-gap-3{gap:.75rem}.zu-border{border:1px solid var(--zu-border)}.zu-border-primary{border-color:var(--zu-primary)}.zu-rounded{border-radius:var(--zu-radius)}.zu-shadow{box-shadow:var(--zu-shadow)}.zu-bg-primary{background:var(--zu-primary);color:#fff}.zu-bg-soft{background:var(--zu-surface-2);color:var(--zu-text)}.zu-bg-surface{background:var(--zu-surface);color:var(--zu-text)}.zu-text{color:var(--zu-text)}.zu-text-center{text-align:center}
.zu-settings-logo{display:block;margin-inline:auto;object-fit:contain}.zu-settings-logo-small{max-height:60px}.zu-settings-logo-wide{max-height:80px}.zu-settings-workspace h4{color:var(--zu-text)}
@media(max-width:900px){.zu-settings-workspace{grid-template-columns:1fr}.zu-settings-sidebar .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zu-settings-module-grid{grid-template-columns:1fr}.zu-settings-logo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.zu-settings-sidebar .nav{grid-template-columns:1fr}.zu-settings-logo-grid,.zu-settings-workspace .zu-settings-form-grid{grid-template-columns:1fr}.zu-settings-workspace .zu-btn{width:100%}}

/* WhatsApp AI Agent workspace */
.zu-whatsapp-agent{min-width:0}.zu-wa-header{display:flex;flex-wrap:wrap}.zu-wa-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.zu-wa-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.zu-wa-form-grid>*{min-width:0}.zu-wa-form-grid .zu-wa-span-3{grid-column:span 3}.zu-wa-form-grid .zu-wa-span-4{grid-column:span 4}.zu-wa-form-grid .zu-wa-span-9{grid-column:span 9}.zu-wa-form-grid .zu-wa-span-12{grid-column:1/-1}.zu-wa-conversation-grid{display:grid;grid-template-columns:minmax(280px,5fr) minmax(0,7fr);gap:0;min-width:0}.zu-wa-conversation-grid>*{min-width:0}.zu-whatsapp-agent .zu-form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:650;color:var(--zu-text)}.zu-whatsapp-agent .zu-form-control,.zu-whatsapp-agent .zu-form-select{width:100%}.zu-whatsapp-agent .zu-form-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.78rem}.zu-whatsapp-agent .zu-card{min-width:0}.zu-whatsapp-agent .zu-card-header{gap:1rem}.zu-whatsapp-agent .zu-border-0{border:0}.zu-whatsapp-agent .zu-border-end{border-inline-end:1px solid var(--zu-border)}.zu-whatsapp-agent .zu-border-bottom{border-bottom:1px solid var(--zu-border)}.zu-whatsapp-agent .zu-shadow{box-shadow:var(--zu-shadow)}.zu-whatsapp-agent .zu-bg-soft{background:var(--zu-surface-2);color:var(--zu-text)}.zu-whatsapp-agent .zu-bg-transparent{background:transparent}.zu-whatsapp-agent .zu-rounded{border-radius:var(--zu-radius)}.zu-whatsapp-agent .zu-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:700}.zu-whatsapp-agent .zu-w-full{width:100%}.zu-whatsapp-agent .zu-w-auto{width:auto}.zu-whatsapp-agent .zu-text-start{text-align:start}.zu-whatsapp-agent .zu-text-end{text-align:end}.zu-whatsapp-agent .zu-text-center{text-align:center}.zu-whatsapp-agent .zu-text-small{font-size:.8125rem}.zu-whatsapp-agent .zu-fs-5{font-size:1.1rem}.zu-whatsapp-agent .zu-fw-semibold{font-weight:650}.zu-whatsapp-agent .zu-py-3{padding-block:.75rem}.zu-whatsapp-agent .zu-p-0{padding:0}.zu-whatsapp-agent .zu-p-2{padding:.5rem}.zu-whatsapp-agent .zu-p-3{padding:.75rem}.zu-whatsapp-agent .zu-p-4{padding:1rem}.zu-whatsapp-agent .zu-p-5{padding:1.5rem}.zu-whatsapp-agent .zu-mb-0{margin-bottom:0}.zu-whatsapp-agent .zu-mb-1{margin-bottom:.25rem}.zu-whatsapp-agent .zu-mb-2{margin-bottom:.5rem}.zu-whatsapp-agent .zu-mb-3{margin-bottom:.75rem}.zu-whatsapp-agent .zu-mb-4{margin-bottom:1.5rem}.zu-whatsapp-agent .zu-mt-1{margin-top:.25rem}.zu-whatsapp-agent .zu-mt-2{margin-top:.5rem}.zu-whatsapp-agent .zu-mt-3{margin-top:.75rem}.zu-whatsapp-agent .zu-gap-1{gap:.25rem}.zu-whatsapp-agent .zu-gap-2{gap:.5rem}.zu-whatsapp-agent .zu-gap-3{gap:.75rem}.zu-py-3{padding-block:.75rem}
.zu-whatsapp-agent .zu-form-check{display:flex;align-items:center;gap:.5rem}.zu-whatsapp-agent .zu-input-group{display:flex;align-items:stretch}.zu-whatsapp-agent .zu-input-group>*:first-child{border-radius:var(--zu-radius-sm) 0 0 var(--zu-radius-sm)}.zu-whatsapp-agent .zu-input-group>*:last-child{border-radius:0 var(--zu-radius-sm) var(--zu-radius-sm) 0}.zu-whatsapp-agent .zu-alert{padding:.75rem 1rem;border-radius:var(--zu-radius-sm);background:var(--zu-info-soft);color:var(--zu-text)}
@media(max-width:900px){.zu-wa-summary-grid{grid-template-columns:1fr}.zu-wa-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-wa-form-grid .zu-wa-span-3,.zu-wa-form-grid .zu-wa-span-4,.zu-wa-form-grid .zu-wa-span-9{grid-column:span 1}.zu-wa-form-grid .zu-wa-span-12{grid-column:1/-1}.zu-wa-conversation-grid{grid-template-columns:1fr}.zu-whatsapp-agent .zu-border-end{border-inline-end:0;border-bottom:1px solid var(--zu-border)}}
/* Studio theme bridge: keep Zuporia additions in sync with Palleon's light/dark mode. */
#palleon.zu-studio-shell{
    --zu-bg:#0b0d12;
    --zu-surface:#12151c;
    --zu-surface-2:#191d26;
    --zu-text:#f4f6fb;
    --zu-text-soft:#9aa4b5;
    --zu-muted:#858fa1;
    --zu-border:#2a303b;
    --zu-line:#2a303b;
    --zu-primary:#817aff;
    --zu-primary-hover:#958fff;
    --zu-primary-soft:#282546;
    --zu-shadow-lg:0 18px 50px rgba(0,0,0,.42);
    --zu-font-display:inherit;
    color:var(--zu-text);
    background:var(--zu-bg);
}
#palleon.zu-studio-shell.light-theme{
    --zu-bg:#f5f7fb;
    --zu-surface:#ffffff;
    --zu-surface-2:#f8fafc;
    --zu-text:#172033;
    --zu-text-soft:#64748b;
    --zu-muted:#64748b;
    --zu-border:rgba(15,23,42,.12);
    --zu-line:rgba(15,23,42,.12);
    --zu-primary:#635bff;
    --zu-primary-hover:#5149d9;
    --zu-primary-soft:#eeedff;
    --zu-shadow-lg:0 18px 50px rgba(15,23,42,.14);
    color:var(--zu-text);
    background:var(--zu-bg);
}

/* Studio creative quick-create */
#palleon.zu-studio-shell .zu-studio-quick-create-head{display:flex;align-items:center;padding:4px 0 20px;color:var(--zu-text)}
#palleon.zu-studio-shell .zu-studio-quick-create-head>div{display:flex;align-items:center;gap:12px}
#palleon.zu-studio-shell .zu-studio-quick-create-head>.material-icons,#palleon.zu-studio-shell .zu-studio-quick-create-head .material-icons{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:22px}
#palleon.zu-studio-shell .zu-studio-quick-create-head strong{display:block;font-size:15px;line-height:1.3}
#palleon.zu-studio-shell .zu-studio-quick-create-head small{display:block;margin-top:3px;color:var(--zu-text-soft);font-size:11px;line-height:1.5}
#palleon.zu-studio-shell .zu-studio-quick-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 0 10px}
#palleon.zu-studio-shell .zu-studio-create-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:126px;padding:16px;border:1px solid var(--zu-border);border-radius:14px;background:var(--zu-surface-2);color:var(--zu-text);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
#palleon.zu-studio-shell .zu-studio-create-card:hover{transform:translateY(-2px);border-color:var(--zu-primary);background:var(--zu-primary-soft);box-shadow:0 10px 24px rgba(79,70,229,.10)}
#palleon.zu-studio-shell .zu-studio-create-card .material-icons{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:13px;border-radius:10px;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:20px}
#palleon.zu-studio-shell .zu-studio-create-card strong{font-size:12px;font-weight:750}
#palleon.zu-studio-shell .zu-studio-create-card small{margin-top:4px;color:var(--zu-text-soft);font-size:10px}
@media(max-width:900px){#palleon.zu-studio-shell .zu-studio-quick-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#palleon.zu-studio-shell .zu-studio-quick-create-grid{grid-template-columns:1fr}}

/* Studio AI setup surface */
#palleon.zu-studio-shell .zu-studio-ai-setup{display:flex;align-items:flex-start;gap:18px;max-width:760px;margin:26px auto;padding:24px;border:1px solid var(--zu-border);border-radius:18px;background:var(--zu-surface-2);color:var(--zu-text);box-shadow:var(--zu-shadow-lg)}
#palleon.zu-studio-shell .zu-studio-ai-setup-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;border-radius:15px;background:var(--zu-primary-soft);color:var(--zu-primary)}
#palleon.zu-studio-shell .zu-studio-ai-setup-icon .material-icons{font-size:26px}
#palleon.zu-studio-shell .zu-studio-ai-eyebrow{display:block;color:var(--zu-primary);font-size:9px;font-weight:800;letter-spacing:.14em}
#palleon.zu-studio-shell .zu-studio-ai-setup h3{margin:5px 0 6px;color:var(--zu-text);font-size:18px;line-height:1.3}
#palleon.zu-studio-shell .zu-studio-ai-setup p{margin:0;max-width:620px;color:var(--zu-text-soft);font-size:12px;line-height:1.6}
#palleon.zu-studio-shell .zu-studio-ai-provider-grid{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}
#palleon.zu-studio-shell .zu-studio-ai-provider-grid span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--zu-border);border-radius:9px;background:var(--zu-surface);color:var(--zu-text-soft);font-size:10px;font-weight:700}
#palleon.zu-studio-shell .zu-studio-ai-provider-grid i{font-size:15px;color:var(--zu-primary);font-style:normal}
#palleon.zu-studio-shell .zu-studio-ai-setup-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;background:var(--zu-primary);border:1px solid var(--zu-primary);color:#fff;text-decoration:none;font-size:11px;font-weight:750}
#palleon.zu-studio-shell .zu-studio-ai-setup-btn:hover{background:var(--zu-primary-hover);border-color:var(--zu-primary-hover);color:#fff}
@media(max-width:600px){#palleon.zu-studio-shell .zu-studio-ai-setup{margin:16px 10px;padding:18px;gap:12px}.zu-studio-ai-setup-icon{display:none!important}}

/* Studio current-workspace header */
#palleon.zu-studio-shell #palleon-top-bar.zu-studio-current-header{
    position:fixed;top:0;left:0;right:0;width:100%;height:64px;margin:0;padding:0 14px;
    display:block;background:var(--zu-surface);border-bottom:1px solid var(--zu-border);
    box-shadow:0 4px 18px rgba(15,23,42,.08);backdrop-filter:blur(14px);z-index:1200;
}
#palleon.zu-studio-shell .zu-studio-current-inner{height:64px;width:100%;display:flex;align-items:center;gap:10px;min-width:0}
#palleon.zu-studio-shell .zu-studio-header-left{display:flex;align-items:center;gap:10px;min-width:255px;flex:0 0 auto;height:64px}
#palleon.zu-studio-shell .zu-studio-brand-link{display:flex;align-items:center;height:100%;text-decoration:none}
#palleon.zu-studio-shell .zu-studio-logo{width:132px;height:auto;max-height:34px;object-fit:contain}
#palleon.zu-studio-shell .zu-studio-header-divider{width:1px;height:26px;background:var(--zu-border);flex:0 0 auto}
#palleon.zu-studio-shell .zu-studio-name{font:700 15px/1 var(--zu-font-display);color:var(--zu-text);letter-spacing:-.01em;white-space:nowrap}
#palleon.zu-studio-shell .zu-studio-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--zu-border);border-radius:999px;color:var(--zu-text-soft);font-size:10px;font-weight:650;white-space:nowrap;background:var(--zu-surface-2)}
#palleon.zu-studio-shell .zu-studio-status-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
#palleon.zu-studio-shell .zu-studio-editor-actions{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;flex:1}
#palleon.zu-studio-shell .zu-studio-icon-action,#palleon.zu-studio-shell .zu-studio-header-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--zu-text-soft);cursor:pointer}
#palleon.zu-studio-shell .zu-studio-icon-action:hover:not(:disabled),#palleon.zu-studio-shell .zu-studio-header-icon:hover{color:var(--zu-text);background:var(--zu-surface-2);border-color:var(--zu-border)}
#palleon.zu-studio-shell .zu-studio-icon-action:disabled{opacity:.38;cursor:not-allowed}
#palleon.zu-studio-shell .zu-studio-action-divider{width:1px;height:24px;background:var(--zu-border);margin:0 5px}
#palleon.zu-studio-shell .zu-studio-header-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid var(--zu-border);border-radius:10px;background:var(--zu-surface-2);color:var(--zu-text);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
#palleon.zu-studio-shell .zu-studio-header-btn:hover{border-color:var(--zu-primary);background:var(--zu-primary-soft)}
#palleon.zu-studio-shell .zu-studio-header-btn.primary{background:var(--zu-primary);border-color:var(--zu-primary);color:#fff}
#palleon.zu-studio-shell .zu-studio-header-btn.primary:hover{background:var(--zu-primary-hover);border-color:var(--zu-primary-hover)}
#palleon.zu-studio-shell .zu-studio-header-right{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto;margin-left:auto}
#palleon.zu-studio-shell .zu-studio-workspace-link{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:1px solid var(--zu-border);border-radius:10px;color:var(--zu-text-soft);background:var(--zu-surface-2);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}
#palleon.zu-studio-shell .zu-studio-workspace-link:hover{color:var(--zu-text);border-color:var(--zu-primary);background:var(--zu-primary-soft)}
#palleon.zu-studio-shell .zu-studio-quick-link{position:relative}
#palleon.zu-studio-shell .zu-studio-quick-menu{width:320px;overflow:hidden;padding:0;background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:14px;box-shadow:var(--zu-shadow-lg);color:var(--zu-text)}
#palleon.zu-studio-shell .zu-studio-quick-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--zu-border);font-size:11px;color:var(--zu-text-soft)}
#palleon.zu-studio-shell .zu-studio-quick-head strong{display:block;color:var(--zu-text);font:600 13px/1.3 var(--zu-font-display)}
#palleon.zu-studio-shell .zu-studio-quick-head span{display:block}
#palleon.zu-studio-shell .zu-studio-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:7px}
#palleon.zu-studio-shell .zu-studio-quick-grid .dropdown-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;margin:0;padding:9px 5px;border-radius:10px;color:var(--zu-text-soft);font-size:10px;text-align:center}
#palleon.zu-studio-shell .zu-studio-quick-grid .dropdown-item:hover,#palleon.zu-studio-shell .zu-studio-quick-grid .dropdown-item.active{color:var(--zu-primary);background:var(--zu-primary-soft)}
#palleon.zu-studio-shell .zu-studio-quick-grid .material-icons{font-size:19px}
#palleon.zu-studio-shell .zu-studio-user-menu{position:relative;margin-left:2px}
#palleon.zu-studio-shell .zu-studio-user-trigger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;overflow:hidden;border:1px solid var(--zu-border);border-radius:12px;background:var(--zu-surface-2);color:var(--zu-text);text-decoration:none}
#palleon.zu-studio-shell .zu-studio-user-trigger:hover{border-color:var(--zu-primary);background:var(--zu-primary-soft)}
#palleon.zu-studio-shell .zu-studio-user-trigger img{width:28px;height:28px;border-radius:50%;object-fit:cover}
#palleon.zu-studio-shell .zu-studio-user-trigger>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:12px;font-weight:800}
#palleon.zu-studio-shell .zu-studio-header-right>.dropdown{position:relative}
#palleon.zu-studio-shell .zu-studio-header-right>.dropdown>.dropdown-menu{display:none;position:absolute;top:calc(100% + 8px)!important;right:0!important;left:auto!important;inset-inline-end:0!important;inset-inline-start:auto!important;bottom:auto!important;transform:none!important;margin:0!important;z-index:1300;max-width:calc(100vw - 16px)}
#palleon.zu-studio-shell .zu-studio-header-right>.dropdown>.dropdown-menu.show{display:block!important}
#palleon.zu-studio-shell .zu-studio-header-right>.dropdown.is-open>.dropdown-menu{display:block!important}
#palleon.zu-studio-shell .zu-studio-header-right>.dropdown.is-open>.dropdown-toggle{color:var(--zu-text);background:var(--zu-surface-2);border-color:var(--zu-border)}
#palleon.zu-studio-shell .zu-studio-header-right .zu-notification-dd{inset-inline-end:0!important;inset-inline-start:auto!important;width:360px;max-width:min(360px,calc(100vw - 24px));max-height:420px;overflow:auto}
#palleon.zu-studio-shell .zu-studio-user-dropdown{width:280px;overflow:hidden;padding:6px;background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:14px;box-shadow:var(--zu-shadow-lg);color:var(--zu-text)}
#palleon.zu-studio-shell .zu-studio-user-summary{padding:12px;border-radius:10px;background:var(--zu-primary-soft);margin-bottom:5px}
#palleon.zu-studio-shell .zu-studio-user-summary strong,#palleon.zu-studio-shell .zu-studio-user-summary small{display:block}
#palleon.zu-studio-shell .zu-studio-user-summary strong{font-size:13px;color:var(--zu-text)}
#palleon.zu-studio-shell .zu-studio-user-summary small{margin-top:3px;font-size:10px;color:var(--zu-text-soft)}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item{display:flex;align-items:center;gap:8px;border-radius:9px;color:var(--zu-text-soft);font-size:12px}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item{min-height:42px;padding:6px 8px;font-weight:600;transition:background .16s ease,color .16s ease}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item .material-icons{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;border-radius:9px;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:17px}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item:nth-of-type(2) .material-icons{background:rgba(8,145,178,.12);color:var(--zu-info,#0891b2)}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item:nth-of-type(3) .material-icons{background:rgba(220,38,38,.10);color:var(--zu-danger,#dc2626)}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item:hover{color:var(--zu-text);background:var(--zu-surface-2)}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item:hover .material-icons{background:var(--zu-primary);color:#fff}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item:nth-of-type(2):hover .material-icons{background:var(--zu-info,#0891b2)}
#palleon.zu-studio-shell .zu-studio-user-dropdown .dropdown-item:nth-of-type(3):hover .material-icons{background:var(--zu-danger,#dc2626)}
#palleon.zu-studio-shell .zu-studio-user-summary{display:flex;align-items:center;gap:10px;padding:10px 11px;margin-bottom:6px;border:1px solid var(--zu-border);background:var(--zu-primary-soft)}
#palleon.zu-studio-shell .zu-studio-user-summary::before{content:'account_circle';font-family:'Material Icons';display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:10px;background:var(--zu-primary);color:#fff;font-size:20px}
#palleon.zu-studio-shell .zu-studio-user-summary strong{font-size:12px;font-weight:750}
#palleon.zu-studio-shell .zu-studio-user-summary small{font-size:10px}
#palleon.zu-studio-shell.light-theme #palleon-top-bar.zu-studio-current-header{background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(15,23,42,.08)}
#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;margin:0;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--zu-text-soft);cursor:pointer}
#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button:hover{color:var(--zu-text);background:var(--zu-surface-2);border-color:var(--zu-border)}
#palleon.zu-studio-shell .zu-studio-header-right .zu-theme-icon,#palleon.zu-studio-shell .zu-studio-header-right .zu-sound-icon{font-size:15px}
@media(max-width:1200px){#palleon.zu-studio-shell .zu-studio-status{display:none}#palleon.zu-studio-shell .zu-studio-header-left{min-width:190px}#palleon.zu-studio-shell .zu-studio-logo{width:118px}}
@media(max-width:900px){#palleon.zu-studio-shell #palleon-top-bar.zu-studio-current-header{padding:0 8px}#palleon.zu-studio-shell .zu-studio-current-inner{gap:5px}#palleon.zu-studio-shell .zu-studio-header-left{min-width:auto;gap:7px}#palleon.zu-studio-shell .zu-studio-logo{width:108px}#palleon.zu-studio-shell .zu-studio-header-divider,#palleon.zu-studio-shell .zu-studio-name{display:none}#palleon.zu-studio-shell .zu-studio-editor-actions{justify-content:flex-start;overflow:hidden}#palleon.zu-studio-shell .zu-studio-icon-action{width:34px;min-width:34px;height:34px}#palleon.zu-studio-shell .zu-studio-header-btn{height:34px;padding:0 9px;font-size:11px}#palleon.zu-studio-shell .zu-studio-workspace-label{display:none}#palleon.zu-studio-shell .zu-studio-workspace-link{width:34px;padding:0;justify-content:center}#palleon.zu-studio-shell .zu-studio-quick-menu{width:300px}}
@media(max-width:640px){#palleon.zu-studio-shell .zu-studio-header-left{flex:0 0 auto}#palleon.zu-studio-shell .zu-studio-logo{width:92px}#palleon.zu-studio-shell .zu-studio-editor-actions{gap:2px}#palleon.zu-studio-shell .zu-studio-action-divider{display:none}#palleon.zu-studio-shell .zu-studio-header-btn span:not(.material-icons){display:none}#palleon.zu-studio-shell .zu-studio-header-btn{width:34px;padding:0;justify-content:center}#palleon.zu-studio-shell .zu-studio-header-right{gap:2px}#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button,#palleon.zu-studio-shell .zu-studio-header-icon{width:34px;min-width:34px;height:34px}#palleon.zu-studio-shell .zu-studio-header-right .zu-notification-dd{width:min(340px,calc(100vw - 16px))}}
@media(max-width:430px){#palleon.zu-studio-shell .zu-studio-header-left .zu-studio-logo{width:84px}#palleon.zu-studio-shell .zu-studio-editor-actions .zu-studio-icon-action:nth-child(1),#palleon.zu-studio-shell .zu-studio-editor-actions .zu-studio-icon-action:nth-child(2){display:none}#palleon.zu-studio-shell .zu-studio-quick-link{display:none!important}}
@media(max-width:1100px){#palleon.zu-studio-shell .zu-studio-status{display:none}#palleon.zu-studio-shell .zu-studio-header-left{min-width:205px}#palleon.zu-studio-shell .zu-studio-workspace-label{display:none}}
@media(max-width:800px){#palleon.zu-studio-shell .zu-studio-logo{width:116px}#palleon.zu-studio-shell .zu-studio-header-left{min-width:auto}#palleon.zu-studio-shell .zu-studio-name{display:none}#palleon.zu-studio-shell .zu-studio-editor-actions{justify-content:flex-start}#palleon.zu-studio-shell .zu-studio-header-btn span:last-child{display:none}#palleon.zu-studio-shell .zu-studio-header-btn{width:38px;padding:0;justify-content:center}#palleon.zu-studio-shell .zu-studio-quick-menu{width:300px}}
@media(max-width:600px){#palleon.zu-studio-shell #palleon-top-bar.zu-studio-current-header{padding:0 8px}#palleon.zu-studio-shell .zu-studio-editor-actions{gap:1px}#palleon.zu-studio-shell .zu-studio-icon-action{width:34px;min-width:34px}#palleon.zu-studio-shell .zu-studio-header-right{gap:2px}#palleon.zu-studio-shell .zu-studio-workspace-link{display:none}#palleon.zu-studio-shell .zu-studio-quick-menu{right:-55px!important}}

@media(max-width:600px){.zu-wa-form-grid{grid-template-columns:1fr}.zu-wa-form-grid .zu-wa-span-3,.zu-wa-form-grid .zu-wa-span-4,.zu-wa-form-grid .zu-wa-span-9,.zu-wa-form-grid .zu-wa-span-12{grid-column:1/-1}.zu-whatsapp-agent .zu-header-actions,.zu-wa-header{align-items:flex-start}.zu-whatsapp-agent .zu-btn{width:100%}.zu-whatsapp-agent .zu-form-select-sm{width:100%}}
.zu-wa-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;min-width:0}.zu-wa-row>*{min-width:0}.zu-border{border:1px solid var(--zu-border)}
.zu-settings-nav{display:flex;flex-direction:column;gap:.35rem}.zu-wa-switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.zu-switch-input{width:2.5rem;height:1.4rem;accent-color:var(--zu-primary);cursor:pointer}.zu-switch-label{color:var(--zu-text);font-weight:650}.zu-input-group{display:flex;align-items:stretch;min-width:0}.zu-input-group>.zu-form-control{min-width:0;flex:1}.zu-input-group>.zu-btn{border-radius:0}.zu-input-group>.zu-form-control:first-child{border-radius:var(--zu-radius-sm) 0 0 var(--zu-radius-sm)}.zu-input-group>.zu-btn:last-child{border-radius:0 var(--zu-radius-sm) var(--zu-radius-sm) 0}.zu-password-field{position:relative;width:100%;min-width:0}.zu-password-field>.zu-form-control{padding-inline-end:46px}.zu-password-field>.zu-password-toggle{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);z-index:2;width:42px;min-height:38px;height:38px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:var(--zu-text-soft);box-shadow:none!important}.zu-password-field>.zu-password-toggle:hover{color:var(--zu-text);background:transparent!important}.zu-password-field>.zu-password-toggle:focus-visible{outline:2px solid var(--zu-primary);outline-offset:-2px}.zu-password-field>.zu-password-toggle svg{width:18px;height:18px;display:block}.zu-alert{padding:.75rem 1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-info-soft);color:var(--zu-text)}.zu-alert-secondary{background:var(--zu-surface-2)}.zu-table{width:100%;border-collapse:collapse;color:var(--zu-text)}.zu-table th,.zu-table td{padding:.7rem .75rem;border-bottom:1px solid var(--zu-border);text-align:start;vertical-align:middle}.zu-table th{font-size:.78rem;font-weight:700;color:var(--zu-text-soft)}
.zu-wa-check-row{display:flex;align-items:center;gap:.5rem}.zu-ms-2{margin-inline-start:.5rem}
.zu-settings-sidebar-nav{min-width:0}.zu-settings-content{min-width:0}.zu-w-full{width:100%}.zu-text-start{text-align:start}.zu-text-small{font-size:.8125rem}.zu-badge{display:inline-flex;align-items:center;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}
.zu-inline-block{display:inline-block}
.zu-text-uppercase{text-transform:uppercase}.zu-h-full{height:100%}.zu-wa-summary-grid>.zu-wa-span-4{grid-column:span 1;min-width:0}.zu-wa-conversation-grid>.zu-wa-span-5{grid-column:span 1;min-width:0}.zu-wa-conversation-grid>.zu-wa-span-7{grid-column:2;min-width:0}.zu-wa-summary-grid .zu-card{height:100%}

/* Social integrations / posting workspaces */
.zu-social-workspace{min-width:0}.zu-social-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;min-width:0}.zu-social-grid>*{min-width:0}.zu-social-span-12{grid-column:1/-1}.zu-social-span-8{grid-column:span 8;min-width:0}.zu-social-span-4{grid-column:span 4;min-width:0}.zu-social-workspace .zu-card{min-width:0}.zu-social-workspace .zu-card-header{gap:.75rem}.zu-social-workspace .zu-card-title{margin:0}.zu-social-workspace .zu-form-label{display:block;margin-bottom:.4rem}.zu-social-workspace .zu-form-control,.zu-social-workspace .zu-form-select{width:100%}.zu-social-workspace .zu-form-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.78rem}.zu-social-workspace .zu-nav-pills{display:flex;gap:.4rem;overflow:auto}.zu-social-workspace .zu-nav-pills .nav-link{display:block;padding:.6rem .8rem;border-radius:var(--zu-radius-sm);color:var(--zu-text-soft);white-space:nowrap;text-decoration:none}.zu-social-workspace .zu-nav-pills .nav-link.active{background:var(--zu-primary-soft);color:var(--zu-primary)}.zu-social-workspace .zu-nav-justified .nav-item{flex:1}.zu-social-workspace .zu-nav-justified .nav-link{text-align:center}.zu-social-workspace .zu-row-between{display:flex;justify-content:space-between;gap:.75rem}.zu-social-workspace .zu-align-center{align-items:center}.zu-social-workspace .zu-row{display:flex}.zu-social-workspace .zu-btn-rounded{border-radius:999px}.zu-social-workspace .zu-float-end{float:right}.zu-social-workspace .zu-float-start{float:left}.zu-social-workspace .zu-text-center{text-align:center}.zu-social-workspace .zu-text-soft{color:var(--zu-text-soft)}.zu-social-workspace .zu-text-danger{color:var(--zu-danger)}.zu-social-workspace .zu-border{border:1px solid var(--zu-border)}.zu-social-workspace .zu-rounded{border-radius:var(--zu-radius)}.zu-social-workspace .zu-shadow{box-shadow:var(--zu-shadow)}.zu-social-workspace .zu-bg-soft{background:var(--zu-surface-2)}.zu-social-workspace .zu-bg-surface{background:var(--zu-surface)}.zu-social-workspace .zu-p-4{padding:1rem}.zu-social-workspace .zu-p-3{padding:.75rem}.zu-social-workspace .zu-p-0{padding:0}.zu-social-workspace .zu-mb-0{margin-bottom:0}.zu-social-workspace .zu-mb-1{margin-bottom:.25rem}.zu-social-workspace .zu-mb-2{margin-bottom:.5rem}.zu-social-workspace .zu-mb-3{margin-bottom:.75rem}.zu-social-workspace .zu-mb-4{margin-bottom:1.5rem}.zu-social-workspace .zu-mt-2{margin-top:.5rem}.zu-social-workspace .zu-mt-3{margin-top:.75rem}.zu-social-workspace .zu-mt-4{margin-top:1.5rem}.zu-social-workspace .zu-me-2{margin-inline-end:.5rem}.zu-social-workspace .zu-me-3{margin-inline-end:.75rem}.zu-social-workspace .zu-ms-2{margin-inline-start:.5rem}.zu-social-workspace .zu-ms-auto{margin-inline-start:auto}.zu-social-workspace .zu-gap-2{gap:.5rem}.zu-social-workspace .zu-gap-3{gap:.75rem}.zu-social-workspace .zu-social-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.zu-social-workspace .zu-social-form-grid>*{min-width:0}.zu-social-workspace .zu-table-wrap{overflow:auto}.zu-social-workspace .zu-table-wrap table{width:100%}
.zu-social-workspace .zu-block{display:block}.zu-social-workspace .zu-none{display:none}.zu-social-workspace .zu-inline-block{display:inline-block}.zu-social-workspace .zu-alert{padding:.75rem 1rem;border-radius:var(--zu-radius-sm);margin-bottom:.5rem}.zu-social-workspace .zu-alert-success{background:var(--zu-success-soft);color:var(--zu-text)}.zu-social-workspace .zu-alert-danger{background:var(--zu-danger-soft);color:var(--zu-text)}
@media(max-width:900px){.zu-social-span-8,.zu-social-span-4{grid-column:1/-1}.zu-social-workspace .zu-nav-justified .nav-item{flex:0 0 auto}.zu-social-form-grid{grid-template-columns:1fr!important}.zu-social-workspace .zu-social-form-grid .zu-social-span-8,.zu-social-workspace .zu-social-form-grid .zu-social-span-4{grid-column:1/-1}}
@media(max-width:600px){.zu-social-workspace .zu-card-header{align-items:flex-start}.zu-social-workspace .zu-float-end,.zu-social-workspace .zu-float-start{float:none}.zu-social-workspace .zu-btn{width:100%}}
.zu-social-check{display:flex;align-items:center;gap:.5rem}.zu-social-check .zu-switch-input{margin-inline-start:auto}.zu-text-uppercase{text-transform:uppercase}
.zu-alert{padding:.75rem 1rem;border-radius:var(--zu-radius-sm);border:1px solid var(--zu-border)}.zu-alert-success{background:var(--zu-success-soft);color:var(--zu-text)}.zu-alert-danger{background:var(--zu-danger-soft);color:var(--zu-text)}.zu-social-media-type-row{display:flex;align-items:center;gap:1rem}.zu-social-check-input{margin:0}.zu-social-check-label{display:block}.zu-social-workspace .zu-alert{margin-bottom:.5rem}

/* Multi-posting workspace */
.zu-multi-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;min-width:0}.zu-multi-grid>*{min-width:0}.zu-multi-span-12{grid-column:1/-1}.zu-multi-span-6{grid-column:span 6;min-width:0}.zu-multi-grid .zu-card{min-width:0}.zu-multi-grid .zu-card-header{gap:.75rem}.zu-multi-grid .zu-card-title{margin:0}.zu-multi-grid .zu-form-group{margin-top:.5rem}.zu-multi-grid .zu-form-label{display:block;margin-bottom:.4rem}.zu-multi-grid .zu-form-control,.zu-multi-grid .zu-form-select{width:100%}.zu-multi-grid .zu-text-danger{color:var(--zu-danger)}.zu-multi-grid .zu-text-soft{color:var(--zu-text-soft)}.zu-multi-grid .zu-float-end{float:right}.zu-multi-grid .zu-center{display:flex;justify-content:center}.zu-multi-grid .zu-align-middle{vertical-align:middle}.zu-multi-grid .zu-nav-pills,.zu-multi-grid .zu-nav-tabs{display:flex;gap:.35rem;overflow:auto}.zu-multi-grid .zu-nav-justified .zu-nav-item{flex:1}.zu-multi-grid .zu-nav-item{list-style:none;min-width:max-content}.zu-multi-grid .zu-nav-pills .nav-link,.zu-multi-grid .zu-nav-tabs .nav-link{display:block;padding:.6rem .8rem;border-radius:var(--zu-radius-sm);color:var(--zu-text-soft);white-space:nowrap;text-decoration:none;cursor:pointer}.zu-multi-grid .zu-nav-pills .nav-link.active,.zu-multi-grid .zu-nav-tabs .nav-link.active{background:var(--zu-primary-soft);color:var(--zu-primary)}.zu-multi-grid .zu-nav-justified .nav-link{text-align:center}.zu-multi-grid .zu-p-3{padding:.75rem}.zu-multi-grid .zu-mb-2{margin-bottom:.5rem}.zu-multi-grid .zu-mb-3{margin-bottom:.75rem}.zu-multi-grid .zu-mt-2{margin-top:.5rem}.zu-multi-grid .zu-mt-4{margin-top:1.5rem}.zu-multi-grid .zu-me-2{margin-inline-end:.5rem}.zu-multi-grid .zu-ms-2{margin-inline-start:.5rem}.zu-multi-grid .zu-alert{padding:.75rem 1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);margin-bottom:.75rem}.zu-multi-grid .zu-alert-success{background:var(--zu-success-soft);color:var(--zu-text)}.zu-multi-grid .zu-alert-danger{background:var(--zu-danger-soft);color:var(--zu-text)}.zu-multi-grid .zu-mobile-label{display:none}.zu-multi-grid .zu-desktop-label{display:block}.zu-multi-grid hr{border:0;border-top:1px solid var(--zu-border);margin:1rem 0}.zu-multi-grid .spinner-border{display:inline-block;width:1rem;height:1rem;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.125em;animation:zu-spin .75s linear infinite}@keyframes zu-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.zu-multi-span-6{grid-column:1/-1}.zu-multi-grid .zu-nav-justified .zu-nav-item{flex:0 0 auto}.zu-multi-grid .zu-mobile-label{display:block}.zu-multi-grid .zu-desktop-label{display:none}.zu-multi-grid .zu-float-end{float:none;margin-inline-start:auto}}
.zu-multi-grid .zu-spinner{display:inline-block;width:.9rem;height:.9rem;border:.14em solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.125em;animation:zu-spin .75s linear infinite;margin-inline-end:.35rem}.zu-multi-grid .error{display:block;margin-top:.3rem;font-size:.78rem}

/* Workspace onboarding */
.zu-setup-shell{width:min(100%,1100px);margin-inline:auto}.zu-py-4{padding-block:1.5rem}.zu-p-4{padding:1rem}.zu-p-lg-5{padding:3rem}.zu-setup-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.zu-setup-grid>.zu-setup-shell{grid-column:2/span 10}.zu-setup-grid>*{min-width:0}.zu-setup-span-6{grid-column:span 6}.zu-setup-span-4{grid-column:span 4}.zu-setup-span-8{grid-column:span 8}.zu-setup-grid .zu-card{overflow:hidden}.zu-setup-grid .zu-card-body{min-width:0}.zu-row{display:flex}.zu-row-between{display:flex;justify-content:space-between;gap:1rem}.zu-center{display:flex;justify-content:center}.zu-end{display:flex;justify-content:flex-end}.zu-align-start{align-items:flex-start}.zu-align-center{align-items:center}.zu-gap-2{gap:.5rem}.zu-gap-3{gap:.75rem}.zu-mb-0{margin-bottom:0}.zu-mb-1{margin-bottom:.25rem}.zu-mb-2{margin-bottom:.5rem}.zu-mb-3{margin-bottom:.75rem}.zu-mb-4{margin-bottom:1.5rem}.zu-mt-4{margin-top:1.5rem}.zu-p-2{padding:.5rem}.zu-p-3{padding:.75rem}.zu-shadow{box-shadow:var(--zu-shadow)}.zu-border-0{border:0}.zu-border{border:1px solid var(--zu-border)}.zu-border-primary{border-color:var(--zu-primary)}.zu-radius-md{border-radius:var(--zu-radius)}.zu-bg-surface{background:var(--zu-surface)}.zu-bg-soft{background:var(--zu-surface-2)}.zu-bg-primary{background:var(--zu-primary);color:#fff}.zu-text{color:var(--zu-text)}.zu-text-primary{color:var(--zu-primary)}.zu-text-soft{color:var(--zu-text-soft)}.zu-fw-semibold{font-weight:600}.zu-text-uppercase{text-transform:uppercase;letter-spacing:.06em}.zu-small{font-size:.8rem}.zu-title-lg{font-size:1.5rem;line-height:1.2;margin:0 0 .5rem}.zu-title-sm{font-size:1.05rem;line-height:1.3;margin:0}.zu-block{display:block}.zu-h-full{height:100%}.zu-w-full{width:100%}.zu-text-start{text-align:start}.zu-icon-lg{font-size:1.5rem}.zu-form-label{display:block;margin-bottom:.4rem;font-weight:500;color:var(--zu-text)}.zu-form-control{width:100%;min-height:42px}.zu-btn-link{background:transparent;border:0;color:var(--zu-text-soft)}.zu-btn-secondary{background:var(--zu-surface);color:var(--zu-text);border:1px solid var(--zu-border)}.zu-btn-ghost{background:var(--zu-surface-2);color:var(--zu-text);border:1px solid transparent}.zu-badge{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.zu-alert-soft{background:var(--zu-surface-2);border:1px solid var(--zu-border);padding:1rem;border-radius:var(--zu-radius)}.zu-setup-grid button.zu-w-full{text-align:start}.zu-setup-grid .zu-btn-primary{color:#fff}.zu-setup-grid .zu-card p{color:var(--zu-text-soft)}
@media(max-width:900px){.zu-setup-grid>.zu-setup-shell{grid-column:1/-1}.zu-setup-span-6,.zu-setup-span-4,.zu-setup-span-8{grid-column:span 6}.zu-p-lg-5{padding:2rem}}
@media(max-width:600px){.zu-setup-span-6,.zu-setup-span-4,.zu-setup-span-8{grid-column:1/-1}.zu-p-lg-5{padding:1.25rem}.zu-row-between{flex-wrap:wrap}}

/* AI voice workspaces */
.zu-voice-page{max-width:1200px;margin-inline:auto}.zu-stack-lg{display:flex;flex-direction:column;gap:1.5rem}.zu-stack{display:flex;flex-direction:column;gap:1rem}.zu-stack-sm{display:flex;flex-direction:column;gap:.75rem}.zu-grid{display:grid;gap:1rem;min-width:0}.zu-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.zu-grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem}.zu-grid>*{min-width:0}.zu-span-2{grid-column:span 2}.zu-span-3{grid-column:span 3}.zu-lg-row{flex-direction:row}.zu-row-wrap{display:flex;flex-wrap:wrap}.zu-row{display:flex}.zu-row-between{display:flex;justify-content:space-between;gap:1rem}.zu-end{display:flex;justify-content:flex-end}.zu-align-center{align-items:center}.zu-align-start{align-items:flex-start}.zu-gap-2{gap:.5rem}.zu-gap-3{gap:.75rem}.zu-gap-4{gap:1rem}.zu-card-lg{background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:1rem}.zu-border-card{border:1px solid var(--zu-border)}.zu-border-input{border:1px solid var(--zu-border-strong)}.zu-border-dashed{border:1px dashed var(--zu-border-strong)}.zu-border-primary{border-color:var(--zu-primary)}.zu-border-primary-soft{border-color:var(--zu-primary-soft)}.zu-border-success{border-color:var(--zu-success)}.zu-border-warning{border-color:var(--zu-warning)}.zu-border-danger{border-color:var(--zu-danger)}.zu-bg-surface{background:var(--zu-surface)}.zu-bg-soft,.zu-bg-surface-2{background:var(--zu-surface-2)}.zu-bg-primary{background:var(--zu-primary);color:#fff}.zu-bg-primary-soft{background:var(--zu-primary-soft)}.zu-bg-success-soft{background:var(--zu-success-soft)}.zu-bg-warning-soft{background:var(--zu-warning-soft)}.zu-bg-danger-soft{background:var(--zu-danger-soft)}.zu-bg-success{background:var(--zu-success)}.zu-bg-warning{background:var(--zu-warning)}.zu-bg-danger{background:var(--zu-danger)}.zu-text{color:var(--zu-text)}.zu-text-soft{color:var(--zu-text-soft)}.zu-text-faint{color:var(--zu-text-faint)}.zu-text-primary{color:var(--zu-primary)}.zu-text-success{color:var(--zu-success)}.zu-text-warning{color:var(--zu-warning)}.zu-text-danger{color:var(--zu-danger)}.zu-fw-medium{font-weight:500}.zu-fw-semibold{font-weight:600}.zu-text-sm{font-size:.875rem}.zu-text-xs{font-size:.75rem}.zu-title-xl{font-size:1.5rem;line-height:1.2}.zu-max-copy{max-width:42rem}.zu-leading{line-height:1.5}.zu-text-uppercase{text-transform:uppercase}.zu-tracking{letter-spacing:.05em}.zu-mt-1{margin-top:.25rem}.zu-mt-2{margin-top:.5rem}.zu-mt-3{margin-top:.75rem}.zu-mt-5{margin-top:1.25rem}.zu-mt-6{margin-top:1.5rem}.zu-mb-3{margin-bottom:.75rem}.zu-mb-5{margin-bottom:1.25rem}.zu-mb-6{margin-bottom:1.5rem}.zu-p-4{padding:1rem}.zu-p-5{padding:1.25rem}.zu-p-lg-5{padding:1.5rem}.zu-px-2-5{padding-inline:.625rem}.zu-py-1{padding-block:.25rem}.zu-py-2{padding-block:.5rem}.zu-py-2-5{padding-block:.625rem}.zu-py-3{padding-block:.75rem}.zu-px-4{padding-inline:1rem}.zu-px-5{padding-inline:1.25rem}.zu-pt-5{padding-top:1.25rem}.zu-w-full{width:100%}.zu-w-32{width:8rem}.zu-block{display:block}.zu-inline-flex{display:inline-flex}.zu-wrap{flex-wrap:wrap}.zu-shrink-0{flex-shrink:0}.zu-min-w-0{min-width:0}.zu-mx-auto{margin-inline:auto}.zu-pill{border-radius:999px}.zu-radius-sm{border-radius:var(--zu-radius-sm)}.zu-shadow{box-shadow:var(--zu-shadow)}.zu-dot-2{width:.625rem;height:.625rem;border-radius:50%;display:inline-block;flex:none}.zu-avatar-12{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.zu-h-full{height:100%}.zu-border-top{border-top:1px solid var(--zu-border)}.zu-text-center{text-align:center}.zu-text-start{text-align:start}.zu-self-center{align-self:center}.zu-voice-page .zu-form-control,.zu-voice-page .zu-form-select{width:100%}.zu-voice-page input,.zu-voice-page select,.zu-voice-page textarea{color:var(--zu-text);background:var(--zu-surface);border-color:var(--zu-border-strong)}.zu-voice-page input:focus,.zu-voice-page select:focus,.zu-voice-page textarea:focus{border-color:var(--zu-primary);box-shadow:0 0 0 3px var(--zu-primary-soft);outline:none}.zu-voice-page .zu-btn-primary,.zu-voice-page button[type=submit]{background:var(--zu-primary);color:#fff;border-color:var(--zu-primary)}
@media(max-width:900px){.zu-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-span-2,.zu-span-3{grid-column:1/-1}.zu-grid-3{grid-template-columns:1fr}.zu-lg-row{flex-direction:column}.zu-p-lg-5{padding:1.25rem}}
@media(max-width:600px){.zu-grid-2,.zu-grid-3,.zu-grid-5{grid-template-columns:1fr}.zu-voice-page .zu-row-between{flex-wrap:wrap}}
.zu-fw-normal{font-weight:400}.zu-p-10{padding:2.5rem}.zu-px-2{padding-inline:.5rem}.zu-py-half{padding-block:.125rem}.zu-center{justify-content:center}.zu-voice-page .zu-row{display:flex}.zu-voice-page .zu-row.zu-align-center{align-items:center}.zu-voice-page .zu-card{background:var(--zu-surface)}
/* Telephony connection controls */
.zu-check-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--zu-text);font-weight:500;cursor:pointer}.zu-check{width:16px;height:16px;margin:0;accent-color:var(--zu-primary);cursor:pointer}
.zu-voice-page .zu-btn-secondary{color:var(--zu-text);background:var(--zu-surface);border-color:var(--zu-border)}

/* Unified inbox workspace */
.zu-chat-page{width:100%;max-width:1440px;margin-inline:auto}.zu-chat-shell{min-width:0}.zu-chat-card{overflow:hidden}.zu-chat-card>.zu-card-header{padding:18px 20px}.zu-chat-card>.zu-card-header .zu-card-title{margin:0 0 4px}.zu-chat-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:620px}.zu-chat-list{min-width:0;border-inline-end:1px solid var(--zu-border)}.zu-chat-list-scroll{max-height:560px;overflow:auto}.zu-conversation-item{display:block;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--zu-border);background:transparent;color:var(--zu-text);text-align:start;cursor:pointer}.zu-conversation-item:hover,.zu-conversation-item.is-selected{background:var(--zu-surface-2)}.zu-chat-avatar{width:36px;height:36px;display:grid;place-items:center;flex:none}.zu-chat-avatar-inner{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--zu-success-soft);color:var(--zu-success);font-weight:700}.zu-chat-item-content{min-width:0;flex:1;overflow:hidden}.zu-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zu-text-nowrap{white-space:nowrap}.zu-chat-thread{min-width:0;display:flex;flex-direction:column}.zu-chat-thread-header{padding:14px 18px;border-bottom:1px solid var(--zu-border);flex-wrap:wrap}.zu-chat-thread-header .zu-row{min-width:0}.zu-chat-thread-header .zu-btn{white-space:nowrap}.zu-btn-sm{min-height:34px;padding:7px 11px;font-size:12px}.zu-btn-warning{background:var(--zu-warning);border-color:var(--zu-warning);color:#fff}.zu-followup-panel{padding:14px 18px;border-bottom:1px solid var(--zu-border);background:var(--zu-warning-soft)}.zu-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem}.zu-form-grid>*{min-width:0}.zu-span-4{grid-column:span 4}.zu-span-6{grid-column:span 6}.zu-span-2{grid-column:span 2}.zu-crm-context{padding:14px 18px;border-bottom:1px solid var(--zu-border);background:var(--zu-surface)}.zu-crm-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1rem}.zu-crm-main,.zu-crm-side{min-width:0}.zu-next-action{padding:14px 18px;border-bottom:1px solid var(--zu-border);background:var(--zu-primary-soft)}.zu-timeline{padding:14px 18px;border-bottom:1px solid var(--zu-border);background:var(--zu-surface-2)}.zu-timeline-scroll{display:flex;gap:.75rem;overflow:auto;padding-bottom:4px}.zu-timeline-card{min-width:190px;max-width:230px;padding:10px;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-surface);flex:none}.zu-text-wrap{white-space:normal}.zu-message-list{height:380px;overflow:auto;padding:16px;background:var(--zu-surface-2)}.zu-message-row{display:flex;margin-bottom:12px}.zu-message-row.is-outbound{justify-content:flex-end}.zu-message-row.is-inbound{justify-content:flex-start}.zu-message-bubble{max-width:75%;padding:12px;border-radius:12px;background:var(--zu-surface);border:1px solid var(--zu-border);color:var(--zu-text)}.zu-message-bubble.is-outbound{background:var(--zu-primary);border-color:var(--zu-primary);color:#fff}.zu-message-meta,.zu-message-status{font-size:11px;margin-bottom:4px;opacity:.72}.zu-message-status{margin-top:4px;margin-bottom:0}.zu-message-content{white-space:pre-wrap;line-height:1.5}.zu-chat-footer{padding:14px 18px;border-top:1px solid var(--zu-border)}.zu-chat-notice{padding:10px 12px;margin:0;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-surface-2);color:var(--zu-text-soft);font-size:12px}.zu-chat-empty-thread{flex:1;min-height:380px;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--zu-text-soft)}.zu-p-0{padding:0}.zu-p-3{padding:.75rem}.zu-p-5{padding:1.5rem}.zu-m-0{margin:0}.zu-ml-1{margin-inline-start:.25rem}.zu-text-wrap{white-space:normal}.zu-chat-page .zu-empty{min-height:220px}.zu-badge-primary{background:var(--zu-primary-soft);color:var(--zu-primary)}.zu-badge-secondary{background:var(--zu-surface-2);color:var(--zu-text-soft)}.zu-badge-danger{background:var(--zu-danger-soft);color:var(--zu-danger)}.zu-badge-warning{background:var(--zu-warning-soft);color:var(--zu-warning)}.zu-badge-info{background:var(--zu-info-soft);color:var(--zu-info)}
@media(max-width:900px){.zu-chat-layout{grid-template-columns:1fr}.zu-chat-list{border-inline-end:0;border-bottom:1px solid var(--zu-border)}.zu-chat-list-scroll{max-height:320px}.zu-crm-grid{grid-template-columns:1fr}.zu-span-4,.zu-span-6,.zu-span-2{grid-column:1/-1}.zu-chat-thread-header{align-items:flex-start}.zu-chat-thread-header>.zu-row:last-child{width:100%;overflow:auto;padding-bottom:2px}.zu-chat-thread-header .zu-btn{flex:0 0 auto}.zu-message-list{height:420px}}
@media(max-width:600px){.zu-chat-card>.zu-card-header{padding:15px}.zu-chat-thread-header,.zu-crm-context,.zu-next-action,.zu-timeline,.zu-chat-footer{padding:12px}.zu-message-bubble{max-width:88%}.zu-form-grid{grid-template-columns:1fr}.zu-chat-list-scroll{max-height:280px}}

/* Customer context + global search */
.zu-customer-context{max-width:1440px;margin-inline:auto}
.zu-context-grid,.zu-context-followups{align-items:stretch}
.zu-context-panel{height:100%;padding:1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);background:var(--zu-surface);box-shadow:var(--zu-shadow-sm)}
.zu-context-name{font-size:1.1rem;margin-bottom:.25rem}
.zu-context-line{margin-bottom:.55rem}
.zu-context-line:last-child{margin-bottom:0}
.zu-context-stat{padding:.55rem 0;border-bottom:1px solid var(--zu-border)}
.zu-context-stat:last-child{border-bottom:0;padding-bottom:0}
.zu-context-heading{margin-bottom:.75rem}
.zu-context-followup{padding:.65rem 0;border-bottom:1px solid var(--zu-border);gap:1rem}
.zu-context-followup:last-child{border-bottom:0}
.zu-context-info{margin-top:1.5rem}
.zu-mt-sm{margin-top:.5rem}
.zu-global-search{max-width:1440px;margin-inline:auto}
.zu-search-control{display:flex;align-items:stretch;max-width:760px}
.zu-search-icon{display:grid;place-items:center;min-width:44px;padding:0 .75rem;border:1px solid var(--zu-border);border-inline-end:0;border-radius:var(--zu-radius-sm) 0 0 var(--zu-radius-sm);background:var(--zu-surface-2);color:var(--zu-text-soft)}
.zu-search-control .zu-form-control{border-radius:0 var(--zu-radius-sm) var(--zu-radius-sm) 0}
.zu-form-help{margin-top:.45rem;color:var(--zu-text-faint);font-size:.8rem}
.zu-search-results{margin-top:1.25rem}
.zu-search-section-head{margin-bottom:.6rem}
.zu-search-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-bottom:.55rem;padding:.8rem 1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-surface);color:var(--zu-text);text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.zu-search-result:hover{border-color:var(--zu-border-strong);background:var(--zu-surface-2);color:var(--zu-text);transform:translateY(-1px)}
.zu-search-empty{min-height:180px;border:1px solid var(--zu-border)}
.zu-search-empty-large{margin-top:1.25rem}
.zu-search-empty .zu-empty-icon{margin-bottom:.65rem}
@media(max-width:700px){.zu-search-control{max-width:none}.zu-search-result{align-items:flex-start}.zu-context-grid,.zu-context-followups{grid-template-columns:1fr}}
[data-bs-theme="dark"] .zu-search-result,[data-theme="dark"] .zu-search-result{background:var(--zu-surface);border-color:var(--zu-border)}

/* Integration workspace primitives */
.zu-integration-workspace{max-width:1440px;margin-inline:auto}
.zu-integration-panel{height:100%;padding:1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);background:var(--zu-surface);box-shadow:var(--zu-shadow-sm)}
.zu-integration-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.zu-integration-form-grid>.zu-grid-span-full{grid-column:1/-1}
.zu-integration-actions{gap:.5rem;flex-wrap:wrap}
.zu-integration-list{display:grid;gap:.5rem;margin-bottom:1rem}
.zu-integration-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.7rem .85rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-surface);color:var(--zu-text);cursor:pointer;text-align:start}
.zu-integration-list-item:hover{background:var(--zu-surface-2);border-color:var(--zu-border-strong)}
.zu-integration-note{margin-bottom:1.25rem}
.zu-integration-divider{margin:1.5rem 0;border:0;border-top:1px solid var(--zu-border);opacity:1}
.zu-integration-token{margin-top:1.5rem;padding:1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);background:var(--zu-surface-2)}
.zu-integration-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--zu-border)}
.zu-integration-steps{margin:0;padding-inline-start:1.25rem}
.zu-code-input,.zu-code-block{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.zu-code-block{display:block;overflow:auto;padding:.65rem .75rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-surface-2);color:var(--zu-text);word-break:break-all}
.zu-field-error{margin-top:.35rem;color:var(--zu-danger);font-size:.8rem}
@media(max-width:800px){.zu-integration-form-grid{grid-template-columns:1fr}.zu-integration-form-grid>.zu-grid-span-full{grid-column:auto}}

/* SMS marketing workspace */
.zu-tabs{display:flex;gap:.25rem;overflow:auto;border-bottom:1px solid var(--zu-border);margin-bottom:1rem}
.zu-tab-item{list-style:none;min-width:max-content}.zu-tab{display:block;padding:.65rem .9rem;border-radius:var(--zu-radius-sm) var(--zu-radius-sm) 0 0;color:var(--zu-text-soft);text-decoration:none;cursor:pointer}.zu-tab:hover{color:var(--zu-text);background:var(--zu-surface-2)}.zu-tab.is-active{background:var(--zu-primary-soft);color:var(--zu-primary);font-weight:650}.zu-tab-content{min-width:0}.zu-tab-pane{display:none}.zu-tab-pane.is-active{display:block}.zu-message-type-actions{justify-content:center;margin-bottom:.75rem}.zu-send-action{float:right;margin-top:.5rem}.zu-required{color:var(--zu-danger);margin-inline-start:.2rem}.zu-field-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.8rem}.zu-message-meta{margin-top:.5rem}.zu-mobile-only{display:none}.zu-desktop-only{display:block}.zu-spinner{display:inline-block;width:1rem;height:1rem;border:.14rem solid var(--zu-primary-soft);border-top-color:currentColor;border-radius:50%;animation:zu-spin .7s linear infinite;vertical-align:-.15rem;margin-inline-end:.35rem}@keyframes zu-spin{to{transform:rotate(360deg)}}
@media(max-width:576px){.zu-mobile-only{display:block}.zu-desktop-only{display:none}.zu-message-type-actions{flex-wrap:wrap}.zu-send-action{float:none;width:100%}}

/* WhatsApp template workspace */
.zu-whatsapp-template{max-width:1440px;margin-inline:auto}.zu-whatsapp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.zu-whatsapp-form-grid>.zu-grid-span-full{grid-column:1/-1}.zu-whatsapp-template .zu-table-wrap{width:100%;overflow:auto}.zu-whatsapp-template .zu-table{width:100%;border-collapse:collapse}.zu-whatsapp-template .zu-table th,.zu-whatsapp-template .zu-table td{padding:.75rem;border-bottom:1px solid var(--zu-border);text-align:start;vertical-align:middle}.zu-whatsapp-template .zu-table th{font-size:.78rem;color:var(--zu-text-soft);font-weight:650}.zu-whatsapp-template .zu-table tbody tr:hover{background:var(--zu-surface-2)}
@media(max-width:700px){.zu-whatsapp-form-grid{grid-template-columns:1fr}.zu-whatsapp-form-grid>.zu-grid-span-full{grid-column:auto}.zu-whatsapp-template .zu-table{min-width:680px}}

/* Form builder + call log workspaces */
.zu-workspace{max-width:1440px;margin-inline:auto}.zu-form-builder-grid{grid-template-columns:1fr;gap:1rem}.zu-form-builder .zu-table-wrap{width:100%;overflow:auto}.zu-form-builder .zu-table{width:100%;border-collapse:collapse}.zu-form-builder .zu-table th,.zu-form-builder .zu-table td{padding:.75rem;border-bottom:1px solid var(--zu-border);vertical-align:middle;text-align:start}.zu-form-builder .zu-table th{font-size:.78rem;color:var(--zu-text-soft)}.zu-form-builder .zu-table tbody tr:hover{background:var(--zu-surface-2)}.zu-mb-sm{margin-bottom:.5rem}.zu-form-group{margin-bottom:1rem}.zu-center{display:flex;justify-content:center}.zu-wrap{flex-wrap:wrap}.zu-gap-2{gap:.5rem}.zu-grid-span-1{min-width:0}.zu-call-log{max-width:1440px;margin-inline:auto}.zu-call-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.zu-call-form-grid>.zu-grid-span-1{grid-column:span 4}.zu-call-form-grid>.zu-grid-span-1:nth-child(-n+2){grid-column:span 6}.zu-call-log .zu-input-group{display:flex;align-items:stretch}.zu-duration-part{flex:1;min-width:0}.zu-duration-separator{display:grid;place-items:center;padding-inline:.45rem;color:var(--zu-text-soft)}.zu-note-row{display:flex;gap:.5rem;margin-bottom:.5rem}.zu-note-row .zu-form-control{flex:1}.zu-form-actions{margin-top:.75rem}.zu-required{color:var(--zu-danger);margin-inline-start:.2rem}.zu-field-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.8rem}
@media(max-width:800px){.zu-call-form-grid{grid-template-columns:1fr}.zu-call-form-grid>.zu-grid-span-1,.zu-call-form-grid>.zu-grid-span-1:nth-child(-n+2){grid-column:auto}.zu-note-row{flex-direction:column}}

/* Channel partner workspace */
.zu-channel-partner{max-width:1440px;margin-inline:auto}.zu-channel-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.zu-channel-form-grid>.zu-grid-span-1{grid-column:span 4}.zu-channel-form-grid>.zu-grid-span-full{grid-column:1/-1}.zu-channel-detail-header{margin:.5rem;padding:1rem;text-align:center;background:var(--zu-info-soft)}.zu-channel-profile{margin-inline-start:auto}.zu-channel-avatar{width:210px;height:80px;object-fit:cover;border-radius:999px;padding:.75rem}.zu-required{color:var(--zu-danger)}
/* Membership / billing workspace */
.zu-membership-page{max-width:1440px;margin-inline:auto}.zu-membership-header{background:var(--zu-primary);color:#fff}.zu-membership-current{margin-bottom:1.5rem}.zu-membership-current-header{justify-content:center;background:linear-gradient(135deg,var(--zu-primary),var(--zu-primary-hover));color:#fff}.zu-membership-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.zu-membership-stat-card{padding:1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);text-align:center;min-height:130px;display:flex;flex-direction:column;justify-content:center}.zu-membership-stat-label{font-weight:600;margin-bottom:.25rem}.zu-membership-stat-value{color:#fff}.zu-plan-toggle{margin-bottom:1.5rem}.zu-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.zu-plan-card{height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.zu-plan-card:hover{transform:translateY(-3px);box-shadow:var(--zu-shadow-md)}.zu-plan-card.is-selected{border-color:var(--zu-primary)}.zu-plan-card-body{display:flex;flex-direction:column;text-align:center}.zu-plan-title{color:var(--zu-primary);font-weight:700;margin-bottom:1rem}.zu-plan-details{flex:1}.zu-plan-price{margin-bottom:.75rem;color:#fff}.zu-plan-price-value{display:inline-block;padding:.5rem;background:var(--zu-success);border-radius:var(--zu-radius-sm)}.zu-text-soft{color:var(--zu-text-soft)}.zu-strong{font-weight:700}.zu-plan-select{width:100%;margin-top:.5rem}.zu-plan-select.is-selected{box-shadow:0 0 0 2px var(--zu-primary-soft)}.zu-input-group{display:flex;align-items:stretch}.zu-input-group .zu-form-control{flex:1}.zu-input-group-text{display:flex;align-items:center;padding:.65rem .8rem;border:1px solid var(--zu-border);border-inline-start:0;border-radius:0 var(--zu-radius-sm) var(--zu-radius-sm) 0;background:var(--zu-surface-2);color:var(--zu-text-soft)}.zu-pricing-summary{margin-bottom:1.5rem}.zu-table-total{background:var(--zu-surface-2)}.zu-text-end{text-align:end}.zu-total{font-size:1.05rem}.zu-btn-lg{padding:.8rem 1.2rem;font-size:1rem}.zu-list{display:grid;gap:.5rem}.zu-list-item{display:flex;align-items:center;padding:.7rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-surface)}.zu-check{margin-inline-end:.5rem}
@media(max-width:1000px){.zu-membership-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zu-plan-grid{grid-template-columns:1fr}.zu-channel-form-grid>.zu-grid-span-1{grid-column:span 6}}
@media(max-width:640px){.zu-membership-stat-grid{grid-template-columns:1fr}.zu-channel-form-grid{grid-template-columns:1fr}.zu-channel-form-grid>.zu-grid-span-1{grid-column:auto}.zu-channel-avatar{width:140px;height:70px}}
/* Property match, meeting and user workspaces */
.zu-filter-grid,.zu-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.zu-filter-grid>.zu-grid-span-1,.zu-form-grid>.zu-grid-span-1{grid-column:span 6}.zu-input-group{display:flex;align-items:stretch}.zu-input-group .zu-form-control{flex:1;min-width:0}.zu-input-group-text{display:flex;align-items:center;padding:.65rem .75rem;background:var(--zu-surface-2);border:1px solid var(--zu-border);color:var(--zu-text-soft)}.zu-center{display:flex;justify-content:center;align-items:center}.zu-mb-3{margin-bottom:1rem}.zu-tabs{display:flex;gap:.4rem;padding:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--zu-border);list-style:none}.zu-tab-item{list-style:none}.zu-tab{border:0;background:transparent;color:var(--zu-text-soft);padding:.6rem .85rem;border-radius:var(--zu-radius-sm);cursor:pointer}.zu-tab:hover,.zu-tab.is-active{background:var(--zu-primary-soft);color:var(--zu-primary)}.zu-tab-content{width:100%}.zu-tab-pane{display:none}.zu-tab-pane.is-active{display:block}.zu-spinner{width:1.5rem;height:1.5rem;border:.2rem solid var(--zu-primary-soft);border-top-color:var(--zu-primary);border-radius:50%;animation:zu-spin .7s linear infinite}.zu-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes zu-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.zu-filter-grid,.zu-form-grid{grid-template-columns:1fr}.zu-filter-grid>.zu-grid-span-1,.zu-form-grid>.zu-grid-span-1{grid-column:auto}.zu-tabs{overflow:auto}}
/* Commission, builder, property visit and lead automation */
.zu-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.zu-form-grid>.zu-grid-span-1{grid-column:span 4}.zu-form-grid>.zu-grid-span-full{grid-column:1/-1}.zu-switch{display:flex;align-items:flex-start;gap:.65rem;margin-top:.75rem}.zu-check{width:1rem;height:1rem;accent-color:var(--zu-primary)}.zu-check-label{color:var(--zu-text);line-height:1.5}.zu-text-small{font-size:.82rem}.zu-field-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.8rem}.zu-required{color:var(--zu-danger)}.zu-modal-backdrop{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;background:rgb(15 23 42 / .55);padding:1rem}.zu-modal{width:min(560px,100%);max-height:90vh}.zu-modal-card{background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);box-shadow:var(--zu-shadow-lg);overflow:hidden}.zu-modal-header,.zu-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--zu-border)}.zu-modal-footer{border-top:1px solid var(--zu-border);border-bottom:0;justify-content:flex-end}.zu-modal-body{padding:1.25rem;overflow:auto;max-height:65vh}.zu-modal-title{margin:0;font-size:1rem;font-weight:700}
@media(max-width:800px){.zu-form-grid{grid-template-columns:1fr}.zu-form-grid>.zu-grid-span-1{grid-column:auto}}
/* Lead detail and external integration workspaces */
.zu-detail-header{padding:1rem 1.25rem;margin-bottom:1rem;text-align:center;border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);background:var(--zu-primary-soft)}.zu-detail-title{margin:0}.zu-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.zu-detail-column{min-width:0}.zu-detail-row{padding:.7rem 0;border-bottom:1px solid var(--zu-border)}.zu-detail-label{margin-bottom:.2rem;font-weight:700;color:var(--zu-text)}.zu-section-title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--zu-text)}.zu-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.zu-integration-note{margin-top:1.25rem;padding:1rem 1.1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);background:var(--zu-surface-2)}.zu-integration-note ol{margin:0;padding-left:1.25rem}.zu-list-plain{margin-bottom:0}.zu-text-small{font-size:.82rem}.zu-badge-success{background:var(--zu-success-soft);color:var(--zu-success)}.zu-badge-neutral{background:var(--zu-surface-3);color:var(--zu-text-soft)}.zu-alert{padding:.8rem 1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);margin-bottom:1rem}.zu-alert-success{background:var(--zu-success-soft);color:var(--zu-success)}.zu-alert-danger{background:var(--zu-danger-soft);color:var(--zu-danger)}.zu-alert-warning{background:var(--zu-warning-soft);color:var(--zu-warning)}.zu-alert-info{background:var(--zu-info-soft);color:var(--zu-info)}
@media(max-width:760px){.zu-detail-grid{grid-template-columns:1fr}}
/* Integration operations/configuration primitives */
.zu-code-block{margin:0;padding:1rem;border-radius:var(--zu-radius-md);background:var(--zu-surface-3);color:var(--zu-text);font-size:.8rem;overflow:auto;white-space:pre-wrap}.zu-modal-xl{width:min(960px,100%)}.zu-text-danger{color:var(--zu-danger)}.zu-input-group{display:flex;align-items:stretch}.zu-input-group>.zu-form-control{border-radius:var(--zu-radius-sm) 0 0 var(--zu-radius-sm)}.zu-input-group>.zu-btn{border-radius:0 var(--zu-radius-sm) var(--zu-radius-sm) 0}.zu-btn-warning{background:var(--zu-warning);color:#fff;border-color:var(--zu-warning)}.zu-btn-success{background:var(--zu-success);color:#fff;border-color:var(--zu-success)}
/* Portal integration configuration */
.zu-integration-row{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.zu-integration-grow{flex:1;min-width:0}.zu-readonly-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--zu-surface-2);white-space:pre-wrap;overflow:auto}.zu-section-copy{margin:0 0 1rem;color:var(--zu-text-soft);line-height:1.6}.zu-integration-guide{margin-top:1rem}.zu-integration-guide-row{margin-top:1rem}.zu-integration-guide-row>.zu-grid-span-full{min-width:0}

/* Integration setup workspace helpers */
.zu-integration-workspace{display:grid;gap:var(--zu-space-5);}
.zu-integration-body{display:grid;gap:var(--zu-space-4);}
.zu-integration-grow{min-width:0;}
.zu-media-image{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:var(--zu-radius-md);}

/* Lead report workspace */
.zu-report-workspace{display:grid;gap:var(--zu-space-5);}
.zu-report-column{min-width:0;}
.zu-report-filter{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--zu-space-3);align-items:end;}
.zu-report-filter-field{grid-column:span 2;min-width:0;}
.zu-report-filter-action{grid-column:span 1;min-width:0;}
.zu-report-summary-item{flex:1;min-width:0;}
@media (max-width: 768px){.zu-report-filter{grid-template-columns:1fr;}.zu-report-filter-field,.zu-report-filter-action{grid-column:1;}}

.zu-btn-danger{background:var(--zu-danger);color:#fff;border-color:var(--zu-danger)}

.zu-btn-info{background:var(--zu-info);color:#fff;border-color:var(--zu-info)}

.zu-profile-cover-fixed{min-height:220px}
.zu-profile-hero-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:-52px;position:relative}
.zu-profile-password-toggle{position:absolute;top:50%;right:.25rem;transform:translateY(-50%);z-index:3;line-height:1;border:0;background:transparent;padding:.5rem;color:var(--zu-text-soft);cursor:pointer}
.zu-profile-password-toggle:hover{color:var(--zu-text)}

/* Home hero — animated connected-workflow SVG */
.zs-hero-visual{position:relative;width:100%;min-height:520px;display:flex;align-items:center;justify-content:center}
.zs-hero-orchestration{display:block;width:100%;height:auto;overflow:visible}
.zs-hero-glow{animation:zsHeroGlow 5s ease-in-out infinite}
.zs-hero-orbit{transform-box:fill-box;transform-origin:center;animation:zsHeroOrbit 20s linear infinite}
.zs-hero-orbit-b{animation-duration:14s;animation-direction:reverse}
.zs-hero-network{animation:zsHeroNetwork 4s linear infinite}
.zs-hero-network-dot{transform-box:fill-box;transform-origin:center;animation:zsHeroDot 2.4s ease-in-out infinite}
.zs-delay-1{animation-delay:.55s}.zs-delay-2{animation-delay:1.1s}.zs-delay-3{animation-delay:1.65s}
.zs-hero-float{transform-box:fill-box;transform-origin:center;animation:zsHeroFloat 4.8s ease-in-out infinite}
.zs-hero-core{transform-box:fill-box;transform-origin:center;animation:zsHeroCore 5.5s ease-in-out infinite}
.zs-hero-live-badge{transform-box:fill-box;transform-origin:center;animation:zsHeroBadge 4s ease-in-out infinite}
.zs-hero-status{transform-box:fill-box;transform-origin:center;animation:zsHeroStatus 1.8s ease-in-out infinite}
@keyframes zsHeroGlow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes zsHeroOrbit{to{transform:rotate(360deg)}}
@keyframes zsHeroNetwork{from{stroke-dashoffset:0}to{stroke-dashoffset:-76}}
@keyframes zsHeroDot{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.45)}}
@keyframes zsHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes zsHeroCore{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.008)}}
@keyframes zsHeroBadge{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(4deg)}}
@keyframes zsHeroStatus{0%,100%{opacity:.55;transform:scale(.75)}50%{opacity:1;transform:scale(1.3)}}
@media(max-width:1024px){.zs-hero-visual{min-height:470px}.zs-hero-orchestration{max-width:760px}}
@media(max-width:820px){.zs-hero-visual{min-height:420px;margin-top:-15px}.zs-hero-grid{gap:30px}}
@media(max-width:600px){.zs-hero-visual{min-height:340px;margin-top:-25px;margin-left:-10px;width:calc(100% + 20px)}.zs-hero-orchestration{width:108%}}
@media(prefers-reduced-motion:reduce){.zs-hero-glow,.zs-hero-orbit,.zs-hero-network,.zs-hero-network-dot,.zs-hero-float,.zs-hero-core,.zs-hero-live-badge,.zs-hero-status{animation:none!important}}


/* Pure SVG dashboard internals */
.zs-md-svg-chart{stroke-dasharray:220;stroke-dashoffset:220;animation:zsMdSvgChart 3.8s ease-in-out infinite}.zs-md-svg-chart-dot{animation:zsMdSvgDot 2.2s ease-in-out infinite}.zs-hero-core{transform-box:fill-box;transform-origin:center;animation:zsHeroCore 5.5s ease-in-out infinite}@keyframes zsMdSvgChart{0%,100%{stroke-dashoffset:220}45%,75%{stroke-dashoffset:0}}@keyframes zsMdSvgDot{0%,100%{transform:scale(.7);opacity:.55}50%{transform:scale(1.35);opacity:1}}
@media(prefers-reduced-motion:reduce){.zs-md-svg-chart,.zs-md-svg-chart-dot{animation:none!important;stroke-dashoffset:0}}

/* Homepage integration strip */
.zs-integration-strip{padding:24px 0;background:#fff;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3}.zs-integration-strip .zs-trust-row{display:grid;grid-template-columns:235px 1fr;align-items:center;gap:28px}.zs-integration-strip-label{display:grid;gap:7px}.zs-integration-strip-label .zs-eyebrow{font-size:9px;letter-spacing:.1em;margin:0}.zs-integration-strip-label>strong{font-size:13px;line-height:1.35;color:#344054;font-weight:700}.zs-integration-strip-icons{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap}.zs-integration-strip-item{width:54px;min-width:54px;display:flex;align-items:center;justify-content:center;gap:7px;height:54px;padding:6px 7px;border:1px solid #e8edf4;border-radius:12px;background:linear-gradient(180deg,#fff,#fafbfe);color:#475467;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.zs-integration-strip-item:hover{transform:translateY(-4px);border-color:#d8defb;box-shadow:0 12px 25px rgba(34,52,90,.09)}.zs-integration-strip-item>span:last-child{font-size:9px;display:none}.zs-integration-strip-tooltip{font-size:10px!important;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zs-integration-strip-tooltip{position:absolute!important;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;padding:6px 9px;border-radius:7px;background:#152238;color:#fff;font-size:10px!important;line-height:1;box-shadow:0 8px 22px rgba(16,33,63,.18);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:20}.zs-integration-strip-item{position:relative}.zs-integration-strip-item:hover .zs-integration-strip-tooltip,.zs-integration-strip-item:focus-visible .zs-integration-strip-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.zs-integration-strip-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:#f4f7ff}.zs-integration-strip-icon .zs-integration-logo{width:25px;height:25px}.zs-integration-strip-item:nth-child(3n) .zs-integration-strip-icon{background:#eefbff}.zs-integration-strip-item:nth-child(4n) .zs-integration-strip-icon{background:#f4f0ff}@media(max-width:1100px){.zs-integration-strip .zs-trust-row{grid-template-columns:190px 1fr}.zs-integration-strip-icons{display:grid;grid-template-columns:repeat(5,1fr)}}@media(max-width:700px){.zs-integration-strip{padding:20px 0}.zs-integration-strip .zs-trust-row{grid-template-columns:1fr;gap:15px}.zs-integration-strip-label>strong{font-size:12px}.zs-integration-strip-icons{grid-template-columns:repeat(2,1fr);gap:8px}.zs-integration-strip-item{justify-content:flex-start;padding:7px 10px}}

/* Zuporia utility layer — replaces visual Bootstrap/AdminUIUX utility styling. */
.zu-float-start{float:left}.zu-float-end{float:right}.zu-form-label{display:block;margin-bottom:.45rem;font-weight:600;color:var(--zu-text)}.zu-field-error{display:block;margin-top:.3rem;color:var(--zu-danger);font-size:.8rem}.zu-text-white{color:#fff}.zu-text-white-soft{color:rgb(255 255 255 / .72)}.zu-fw-bold{font-weight:700}.zu-bg-info{background:var(--zu-info);color:#fff}.zu-bg-secondary{background:var(--zu-surface-3);color:var(--zu-text)}.zu-bg-opacity-25{background-color:color-mix(in srgb,var(--zu-info) 25%,transparent)}.zu-border{border:1px solid var(--zu-border)}.zu-border-bottom{border-bottom:1px solid var(--zu-border)}.zu-border-end{border-inline-end:1px solid var(--zu-border)}.zu-border-info{border-color:var(--zu-info)}.zu-border-light{border-color:var(--zu-border)}.zu-border-0{border:0}.zu-rounded{border-radius:var(--zu-radius-md)}.zu-rounded-lg{border-radius:var(--zu-radius-lg)}.zu-rounded-circle{border-radius:50%}.zu-m-0{margin:0}.zu-m-1{margin:.25rem}.zu-m-2{margin:.5rem}.zu-mx-2{margin-inline:.5rem}.zu-mx-3{margin-inline:.75rem}.zu-mx-4{margin-inline:1rem}.zu-my-2{margin-block:.5rem}.zu-my-3{margin-block:.75rem}.zu-my-4{margin-block:1rem}.zu-mb-0{margin-bottom:0}.zu-mb-1{margin-bottom:.25rem}.zu-mb-2{margin-bottom:.5rem}.zu-mb-3{margin-bottom:.75rem}.zu-mb-4{margin-bottom:1rem}.zu-me-1{margin-inline-end:.25rem}.zu-me-2{margin-inline-end:.5rem}.zu-me-3{margin-inline-end:.75rem}.zu-ms-2{margin-inline-start:.5rem}.zu-ms-4{margin-inline-start:1rem}.zu-p-0{padding:0}.zu-p-1{padding:.25rem}.zu-p-2{padding:.5rem}.zu-px-2{padding-inline:.5rem}.zu-px-3{padding-inline:.75rem}.zu-px-4{padding-inline:1rem}.zu-py-4{padding-block:1rem}.zu-py-5{padding-block:1.25rem}.zu-pb-3{padding-bottom:.75rem}.zu-ps-5{padding-inline-start:1.25rem}.zu-d-none{display:none}.zu-flex{display:flex}.zu-inline{display:inline}.zu-inline-block{display:inline-block}.zu-flex-column{flex-direction:column}.zu-grow{flex-grow:1}.zu-gap-x-3{column-gap:.75rem}.zu-gap-y-2{row-gap:.5rem}.zu-justify-center{justify-content:center}.zu-justify-between{justify-content:space-between}.zu-justify-start{justify-content:flex-start}.zu-overflow-auto{overflow:auto}.zu-relative{position:relative}.zu-absolute{position:absolute}.zu-align-middle{vertical-align:middle}.zu-text-2xl{font-size:1.5rem}.zu-text-3xl{font-size:1.875rem}.zu-text-lg{font-size:1.125rem}.zu-text-base{font-size:1rem}.zu-display-3{font-size:3rem;line-height:1.2}.zu-display-4{font-size:2.5rem;line-height:1.2}.zu-display-5{font-size:2rem;line-height:1.2}.zu-opacity-75{opacity:.75}.zu-shadow-sm{box-shadow:var(--zu-shadow-sm)}.zu-shadow-lg{box-shadow:var(--zu-shadow-lg)}.zu-table-wrap{width:100%;overflow:auto}.zu-img-fluid{max-width:100%;height:auto}.zu-list-plain{margin:0;padding:0;list-style:none}.zu-d-print-none{display:block}@media print{.zu-d-print-none{display:none!important}}.zu-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zu-text-nowrap{white-space:nowrap}.zu-mobile-only{display:none}@media(max-width:576px){.zu-mobile-only{display:block}.zu-d-sm-none{display:none}.zu-d-sm-block{display:block}}@media(min-width:577px){.zu-d-sm-none{display:none}.zu-d-sm-block{display:block}}

/* Remaining responsive and state utilities used by migrated CRM views. */
.zu-text-decoration-none{text-decoration:none}.zu-px-lg-4{padding-inline:1rem}.zu-p-md-3{padding:1rem}.zu-p-6{padding:1.5rem}.zu-overflow-hidden{overflow:hidden}.zu-mt-sm-0{margin-top:0}.zu-ms-lg-1{margin-inline-start:.25rem}.zu-justify-end{justify-content:flex-end}.zu-flex-nowrap{flex-wrap:nowrap}.zu-d-sm-inline-block{display:none}.zu-d-sm-flex{display:none}.zu-border-white{border-color:rgb(255 255 255 / .7)}.zu-border-3{border-width:3px}.zu-bg-dark{background:#111827;color:#fff}.zu-btn-group{display:inline-flex;align-items:stretch}.zu-progress{display:flex;height:.5rem;overflow:hidden;background:var(--zu-surface-3);border-radius:999px}.zu-progress-bar{display:flex;height:100%;background:var(--zu-primary);transition:width .3s ease}.zu-progress-bar-animated{animation:zu-progress-stripe 1.2s linear infinite;background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%);background-size:1rem 1rem}@keyframes zu-progress-stripe{to{background-position:1rem 0}}.zu-top-0{top:0}.zu-start-0{inset-inline-start:0}.zu-end-0{inset-inline-end:0}
@media(min-width:576px){.zu-d-sm-inline-block{display:inline-block}.zu-d-sm-flex{display:flex}.zu-d-sm-none{display:none}.zu-d-sm-block{display:block}}
@media(max-width:575.98px){.zu-d-sm-none{display:block}.zu-d-sm-block{display:none}}

/* Native replacements for remaining semantic Bootstrap-era styling hooks. */
.zu-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .55rem;border-radius:999px;font-size:.75rem;font-weight:650;line-height:1}.zu-alert{padding:.8rem 1rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);margin-bottom:1rem}.zu-alert-success{background:var(--zu-success-soft);color:var(--zu-success);border-color:color-mix(in srgb,var(--zu-success) 30%,var(--zu-border))}.zu-alert-danger{background:var(--zu-danger-soft);color:var(--zu-danger);border-color:color-mix(in srgb,var(--zu-danger) 30%,var(--zu-border))}.zu-alert-info{background:var(--zu-info-soft);color:var(--zu-info);border-color:color-mix(in srgb,var(--zu-info) 30%,var(--zu-border))}.zu-alert-warning{background:var(--zu-warning-soft);color:var(--zu-warning);border-color:color-mix(in srgb,var(--zu-warning) 30%,var(--zu-border))}.zu-table{width:100%;border-collapse:collapse;color:var(--zu-text)}.zu-table th,.zu-table td{padding:.7rem .75rem;border-bottom:1px solid var(--zu-border);text-align:start;vertical-align:middle}.zu-table thead th{font-size:.78rem;font-weight:700;color:var(--zu-text-soft);background:var(--zu-surface-2)}.zu-table-striped tbody tr:nth-child(even){background:var(--zu-surface-2)}.zu-table-bordered th,.zu-table-bordered td{border:1px solid var(--zu-border)}.zu-card-text{margin:0;color:var(--zu-text-soft);line-height:1.55}.zu-lead-copy{font-size:1.1rem;color:var(--zu-text-soft)}.zu-text-info{color:var(--zu-info)}.zu-text-xl{font-size:1.25rem}.zu-object-cover{object-fit:cover}.zu-w-auto{width:auto}.zu-check-row{display:flex;align-items:center;gap:.5rem}.zu-check-inline{display:inline-flex}.zu-check{width:1rem;height:1rem;accent-color:var(--zu-primary)}.zu-check-label{color:var(--zu-text);line-height:1.5}.zu-btn-link{border:0;background:transparent;color:var(--zu-primary);padding:.25rem;cursor:pointer}.zu-btn-square{width:2.25rem;height:2.25rem;padding:0;display:inline-grid;place-items:center}.zu-btn-soft-primary{background:var(--zu-primary-soft);color:var(--zu-primary);border-color:transparent}.zu-dropdown-menu{min-width:12rem;padding:.4rem;background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);box-shadow:var(--zu-shadow-lg);color:var(--zu-text)}.zu-dropdown-menu-end{inset-inline-end:0;inset-inline-start:auto}.zu-dropdown-item{display:block;width:100%;padding:.55rem .75rem;border-radius:var(--zu-radius-sm);color:var(--zu-text);text-decoration:none}.zu-dropdown-item:hover{background:var(--zu-surface-2)}.zu-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.zu-avatar-40{width:40px;height:40px}.zu-notification-dd{max-width:360px}.zu-sm-mi-95px{min-inline-size:95px}.zu-menu-icon,.zu-icon{display:inline-flex;align-items:center;justify-content:center}.zu-user-select-all{user-select:all}.zu-breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:0;list-style:none}.zu-breadcrumb-item{display:inline-flex;align-items:center;color:var(--zu-text-soft)}.zu-breadcrumb-item+.zu-breadcrumb-item::before{content:'/';margin-inline-end:.35rem;color:var(--zu-text-faint)}.zu-nav-justified{display:flex}.zu-nav-justified>*{flex:1 1 0;text-align:center}.zu-order-md-1{order:1}.zu-order-md-2{order:2}
@media(min-width:768px){.zu-order-md-1{order:1}.zu-order-md-2{order:2}}

.zu-stack-2>*+*{margin-top:.5rem}.zu-stack-4>*+*{margin-top:1rem}.zu-stack-6>*+*{margin-top:1.5rem}

/* Native modal, tabs, dropdown and validation hooks retained for existing JS behavior. */
.zu-modal{position:fixed;inset:0;z-index:1050;display:none;overflow:auto;outline:0}.zu-modal.show{display:block}.zu-fade{transition:opacity .15s linear}.zu-fade:not(.show){opacity:0}.zu-modal-dialog{position:relative;width:auto;margin:1.75rem auto;pointer-events:none;max-width:560px}.zu-modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3.5rem)}.zu-modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.zu-modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);box-shadow:var(--zu-shadow-lg);outline:0}.zu-modal-header,.zu-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--zu-border)}.zu-modal-footer{border-top:1px solid var(--zu-border);border-bottom:0;justify-content:flex-end}.zu-modal-body{position:relative;flex:1 1 auto;padding:1.25rem;overflow:auto}.zu-modal-title{margin:0;font-size:1rem;font-weight:700}.zu-modal-backdrop{position:fixed;inset:0;z-index:1040;background:rgb(15 23 42 / .55)}.zu-modal-lg{max-width:900px}.zu-nav{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none}.zu-nav-item{display:block}.zu-nav-link{display:block;padding:.6rem .85rem;color:var(--zu-text-soft);text-decoration:none;border:1px solid transparent;border-radius:var(--zu-radius-sm);cursor:pointer}.zu-nav-link:hover{color:var(--zu-text);background:var(--zu-surface-2)}.zu-nav-link.active{color:var(--zu-primary);background:var(--zu-primary-soft)}.zu-nav-tabs{border-bottom:1px solid var(--zu-border);gap:.25rem}.zu-nav-tabs .zu-nav-link{border-radius:var(--zu-radius-sm) var(--zu-radius-sm) 0 0}.zu-nav-tabs .zu-nav-link.active{background:var(--zu-surface);border-color:var(--zu-border) var(--zu-border) var(--zu-surface)}.zu-nav-pills{gap:.35rem}.zu-nav-pills .zu-nav-link.active{background:var(--zu-primary);color:#fff}.zu-nav-justified .zu-nav-link{width:100%;text-align:center}.zu-tab-content{width:100%}.zu-tab-pane{display:none}.zu-tab-pane.active,.zu-tab-pane.show{display:block}.zu-dropdown{position:relative}.zu-dropdown-toggle{cursor:pointer}.zu-no-caret::after{display:none}.zu-is-invalid,.is-invalid{border-color:var(--zu-danger)!important}.zu-is-invalid:focus,.is-invalid:focus{box-shadow:0 0 0 3px var(--zu-danger-soft)}.zu-d-lg-flex{display:none}.zu-bottom-0{bottom:0}.zu-pt-2{padding-top:.5rem}.zu-pt-4{padding-top:1rem}.zu-pb-1{padding-bottom:.25rem}
@media(min-width:992px){.zu-d-lg-flex{display:flex}}
.zu-badge-success{background:var(--zu-success-soft);color:var(--zu-success)}.zu-badge-danger{background:var(--zu-danger-soft);color:var(--zu-danger)}.zu-badge-warning{background:var(--zu-warning-soft);color:var(--zu-warning)}
.zu-goal-card{transition:box-shadow .2s ease}.zu-goal-card:hover{box-shadow:0 0 15px rgb(0 0 0 / .18)}.zu-progress-bar[data-zu-progress="danger"]{background:var(--zu-danger)}.zu-progress-bar[data-zu-progress="warning"]{background:var(--zu-warning)}.zu-progress-bar[data-zu-progress="success"]{background:var(--zu-success)}

/* Livewire PowerGrid — native Zuporia presentation, scoped to the component. */
.zu-powergrid{width:100%;min-width:0;color:var(--zu-text)}.zu-powergrid-header{margin-bottom:.75rem}.zu-powergrid-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.zu-powergrid-row{display:flex;flex-wrap:wrap;width:100%;gap:.75rem}.zu-powergrid-col{display:flex;align-items:center;gap:.5rem;min-width:0}.zu-powergrid-actions{flex:1 1 50%;justify-content:flex-start}.zu-powergrid-search{flex:1 1 40%;justify-content:flex-end}.zu-powergrid-export-wrap{position:relative}.zu-powergrid-export-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.zu-powergrid-export-toggle::after{display:none}.zu-powergrid-tool-dropdown,.zu-powergrid-action-group{position:relative;display:inline-flex;align-items:center;gap:.35rem}.zu-powergrid-tool-toggle{min-width:36px}.zu-powergrid-tool-dropdown .dropdown-menu{top:calc(100% + .4rem);left:0}.zu-powergrid-tool-dropdown .dropdown-menu.show{display:block}.zu-powergrid-export-menu{display:none;position:absolute;z-index:1200;top:calc(100% + .4rem);inset-inline-start:0;min-width:190px;margin:0;padding:.4rem;list-style:none;background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);box-shadow:var(--zu-shadow-lg)}.zu-powergrid-export-menu.show{display:block}.zu-powergrid-export-menu[style*="display: none"]{display:none}.zu-powergrid-export-item{display:block;margin:0;padding:0}.zu-powergrid-export-row{display:flex;align-items:center;gap:.45rem;padding:.5rem .6rem;border-radius:var(--zu-radius-sm);white-space:nowrap}.zu-powergrid-export-row:hover{background:var(--zu-surface-2)}.zu-powergrid-export-type{min-width:42px;font-weight:600;color:var(--zu-text)}.zu-powergrid-export-link{color:var(--zu-primary);text-decoration:none}.zu-powergrid-export-link:hover{text-decoration:underline}.zu-powergrid-search-box{width:min(100%,360px)}.zu-powergrid-search-label{position:relative;display:block;width:100%;margin:0}.zu-powergrid-search-label .zu-form-control{width:100%;padding-inline-start:2.25rem}.zu-powergrid-search-icon{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--zu-text-faint);pointer-events:none}.zu-powergrid-table-wrap{width:100%;overflow:auto;margin:.5rem 0 0}.zu-powergrid-table-wrap .table{width:100%;min-width:760px;margin:0;border-collapse:collapse;background:var(--zu-surface);color:var(--zu-text);border:1px solid var(--zu-border)}.zu-powergrid-table-wrap .table thead{color:var(--zu-text-soft);font-size:.75rem;text-transform:uppercase}.zu-powergrid-table-wrap .table th{padding:.7rem .75rem;background:var(--zu-surface-2);border:1px solid var(--zu-border);font-weight:700;white-space:nowrap}.zu-powergrid-table-wrap .table td{padding:.7rem .75rem;border:1px solid var(--zu-border);vertical-align:middle;line-height:1.4;white-space:nowrap}.zu-powergrid-table-wrap .table tbody tr{background:var(--zu-surface)!important;color:var(--zu-text)!important}.zu-powergrid-table-wrap .table tbody tr:nth-child(even){background:var(--zu-surface)!important}.zu-powergrid-table-wrap .table tbody tr:hover,.zu-powergrid-table-wrap .table.table-hover tbody tr:hover{background:var(--zu-surface-2)!important;color:var(--zu-text)!important}.zu-powergrid-table-wrap .table tbody tr:hover>td,.zu-powergrid-table-wrap .table.table-hover tbody tr:hover>td{background:var(--zu-surface-2)!important;color:var(--zu-text)!important}.zu-powergrid-table-wrap .table.table-striped tbody tr:nth-of-type(odd)>td,.zu-powergrid-table-wrap .table.table-striped tbody tr:nth-of-type(even)>td{background:transparent!important;color:var(--zu-text)!important}.zu-powergrid-table-wrap .table tbody td{background:var(--zu-surface)!important;color:var(--zu-text)!important}.zu-powergrid-table-wrap .table tbody tr:hover td{background:var(--zu-surface-2)!important;color:var(--zu-text)!important}.zu-powergrid-table-wrap .table .checkbox-column{width:50px!important;max-width:50px!important;text-align:center}.zu-powergrid .btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:36px;padding:.45rem .7rem;border:1px solid var(--zu-border-strong);border-radius:var(--zu-radius-sm);background:var(--zu-surface);color:var(--zu-text);font:600 .8rem/1.2 var(--zu-font-sans);text-decoration:none;cursor:pointer;box-shadow:none}.zu-powergrid .btn:hover{background:var(--zu-surface-2)}.zu-powergrid .btn-light{background:var(--zu-surface);color:var(--zu-text);border-color:var(--zu-border)}.zu-powergrid .btn-warning{background:var(--zu-warning);border-color:var(--zu-warning);color:#fff}.zu-powergrid .btn-danger{background:var(--zu-danger);border-color:var(--zu-danger);color:#fff}.zu-powergrid .btn-primary{background:var(--zu-primary);border-color:var(--zu-primary);color:#fff}.zu-powergrid .btn-success{background:var(--zu-success);border-color:var(--zu-success);color:#fff}.zu-powergrid .btn-secondary{background:var(--zu-surface-2);color:var(--zu-text);border-color:var(--zu-border)}.zu-powergrid .form-control,.zu-powergrid .form-select{width:100%;min-height:38px;padding:.5rem .65rem;border:1px solid var(--zu-border-strong);border-radius:var(--zu-radius-sm);background:var(--zu-surface);color:var(--zu-text);box-shadow:none}.zu-powergrid .form-control:focus,.zu-powergrid .form-select:focus{border-color:var(--zu-primary);box-shadow:0 0 0 3px var(--zu-primary-soft);outline:none}.zu-powergrid .form-control:disabled,.zu-powergrid .form-control[readonly]{background:var(--zu-surface-2)!important;opacity:1}.zu-powergrid .dropdown{position:relative}.zu-powergrid .dropdown-toggle::after{content:'⌄';margin-inline-start:.35rem;font-size:.75rem}.zu-powergrid .dropdown-menu{display:none;position:absolute;z-index:1200;min-width:190px;margin:.35rem 0 0;padding:.4rem;list-style:none;background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);box-shadow:var(--zu-shadow-lg)}.zu-powergrid .dropdown-menu.show{display:block}.zu-powergrid .dropdown-item{display:block;width:100%;padding:.55rem .65rem;color:var(--zu-text);text-decoration:none;border-radius:var(--zu-radius-sm)}.zu-powergrid .dropdown-item:hover{background:var(--zu-surface-2)}.zu-powergrid .text-black-50{color:var(--zu-primary)!important}.zu-powergrid .input-group{display:flex;width:100%}.zu-powergrid .input-group-text{display:flex;align-items:center;padding:.5rem .65rem;background:var(--zu-surface-2);border:1px solid var(--zu-border-strong);color:var(--zu-text-soft)}.zu-powergrid .badge{display:inline-flex;padding:.25rem .5rem;border-radius:999px}.zu-powergrid-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.75rem}.zu-powergrid-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%}.zu-powergrid-pagination-summary{margin:0;color:var(--zu-text-soft);font-size:.8rem;line-height:1.4}.zu-powergrid-pagination-strong{font-weight:700;color:var(--zu-text)}.zu-powergrid-pagination-nav{display:block}.zu-powergrid-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%;margin-top:.5rem;color:var(--zu-text-soft);font-size:.8rem}.zu-powergrid-filter-row{margin-top:.35rem}.zu-powergrid-meta-list{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.zu-powergrid-meta-item{display:inline-flex;align-items:center;cursor:pointer;padding-right:.25rem}.zu-powergrid-meta-row .badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .55rem;border-radius:999px;background:var(--zu-surface-2);border:1px solid var(--zu-border);color:var(--zu-text-soft);font-size:.75rem;font-weight:600}.zu-powergrid-meta-row .badge.bg-secondary{background:var(--zu-primary-soft);border-color:var(--zu-primary-soft);color:var(--zu-primary)}.zu-powergrid-footer-col{display:flex;align-items:center;gap:.5rem;min-width:0}.zu-powergrid-footer-end{display:flex;justify-content:flex-end;overflow:auto;min-width:0}.zu-powergrid-per-page{display:flex;align-items:center;gap:.5rem}.zu-powergrid-per-page-label{width:auto;margin:0}.zu-powergrid-footer .pagination{display:flex;align-items:center;gap:.25rem;padding:0;margin:0;list-style:none}.zu-powergrid-footer .page-item{display:block}.zu-powergrid-footer .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:.35rem .55rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-sm);background:var(--zu-surface);color:var(--zu-text);text-decoration:none;cursor:pointer}.zu-powergrid-footer .page-item.active .page-link{background:var(--zu-primary);border-color:var(--zu-primary);color:#fff!important}.zu-powergrid-footer .page-item.disabled .page-link{opacity:.45;cursor:not-allowed}.zu-powergrid .zu-btn,.zu-powergrid .zu-btn-sm{box-shadow:none}.zu-powergrid-loading{display:flex;align-items:center;padding-inline:.4rem}.zu-custom-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;width:100%;padding:1.5rem;color:var(--zu-text-soft)}.zu-loader{animation:zu-loader-rotate 1s infinite;height:50px;width:50px}.zu-loader::before,.zu-loader::after{border-radius:50%;content:'';display:block;height:20px;width:20px}.zu-loader::before{animation:zu-loader-ball1 1s infinite;background:var(--zu-primary);box-shadow:30px 0 0 var(--zu-info);margin-bottom:10px}.zu-loader::after{animation:zu-loader-ball2 1s infinite;background:var(--zu-success);box-shadow:30px 0 0 var(--zu-warning)}.zu-eye-loader{display:inline-flex;gap:10px}.zu-eye-loader::before,.zu-eye-loader::after{content:'';height:20px;aspect-ratio:1;border-radius:50%;background:linear-gradient(currentColor 0 0) top/100% 40% no-repeat,radial-gradient(farthest-side,currentColor 95%,transparent) 50%/8px 8px no-repeat transparent;animation:zu-loader-eyes 1.5s infinite alternate ease-in}@keyframes zu-loader-rotate{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}100%{transform:rotate(720deg) scale(.8)}}@keyframes zu-loader-ball1{0%{box-shadow:30px 0 0 var(--zu-info)}50%{box-shadow:0 0 0 var(--zu-info);margin-bottom:0;transform:translate(15px,15px)}100%{box-shadow:30px 0 0 var(--zu-info);margin-bottom:10px}}@keyframes zu-loader-ball2{0%{box-shadow:30px 0 0 var(--zu-warning)}50%{box-shadow:0 0 0 var(--zu-warning);margin-top:-20px;transform:translate(15px,15px)}100%{box-shadow:30px 0 0 var(--zu-warning);margin-top:0}}@keyframes zu-loader-eyes{0%,70%{background-size:100% 40%,8px 8px}85%{background-size:100% 120%,8px 8px}100%{background-size:100% 40%,8px 8px}}
@media(max-width:767px){.zu-powergrid-top,.zu-powergrid-row{display:block}.zu-powergrid-col,.zu-powergrid-actions,.zu-powergrid-search{width:100%;justify-content:stretch;margin-bottom:.5rem}.zu-powergrid-search-box{width:100%}.zu-powergrid-footer{align-items:stretch}.zu-powergrid-footer-col,.zu-powergrid-footer-end{width:100%;justify-content:flex-start}.zu-powergrid-footer-end{overflow:auto}.zu-powergrid-export-menu{inset-inline-end:0;inset-inline-start:auto}.zu-powergrid-pagination{align-items:stretch}.zu-powergrid-pagination-nav{overflow:auto}}

/* Marketing accessibility: strengthen low-contrast secondary text to WCAG AA-safe values. */
.zs .zs-workflow-step>span,.zs .zs-footer-bottom,.zs .zs-footer-bottom>span,.zs .zs-price>em,.zs .zs-live-note,.zs .zs-integration-group-head>span{color:#5f6b7a}
.zs-crm-intro{background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}
.zs-crm-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.zs-crm-copy h2{max-width:680px;margin:10px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;color:#172033}
.zs-crm-copy>p{max-width:620px;font-size:17px;line-height:1.7;color:#5c6879}
.zs-crm-points{display:grid;gap:10px;margin-top:24px}.zs-crm-points span{display:flex;align-items:center;gap:9px;color:#344054;font-weight:650;font-size:14px}.zs-crm-points svg{color:#635bff}
.zs-crm-mockup{padding:14px;border:1px solid #dce4f0;border-radius:22px;background:linear-gradient(145deg,#eef2ff,#fff 55%,#f3fbff);box-shadow:0 28px 70px rgba(36,52,82,.13);transform:rotate(.4deg)}
.zs-crm-window{overflow:hidden;border:1px solid #dbe2ec;border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(28,43,68,.1)}
.zs-crm-windowbar{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #e8edf3;background:#fbfcfe;color:#526174;font-size:10px}.zs-crm-windowbar b{margin-left:8px;font-size:11px}.zs-dot{width:6px;height:6px;border-radius:50%;background:#d5dbe4}.zs-crm-avatar{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#18233a;color:#fff;font-weight:800}
.zs-crm-windowbody{display:grid;grid-template-columns:125px 1fr;min-height:330px}.zs-crm-windowbody aside{padding:16px 10px;background:#f7f8fb;border-right:1px solid #e8edf3;display:grid;align-content:start;gap:7px}.zs-crm-windowbody aside span{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:7px;color:#667085;font-size:9px}.zs-crm-windowbody aside .zs-crm-nav-active{background:#ecebff;color:#4f46b8;font-weight:750}
.zs-crm-record{padding:22px}.zs-crm-recordhead{display:flex;justify-content:space-between;gap:16px;align-items:start}.zs-crm-recordhead small,.zs-crm-statrow small{display:block;color:#98a2b3;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.zs-crm-recordhead h3{margin:5px 0 4px;font-size:19px;color:#172033}.zs-crm-recordhead span{font-size:9px;color:#667085}.zs-crm-recordhead button{border:0;border-radius:8px;padding:8px 10px;background:#635bff;color:#fff;font-size:9px;font-weight:750;display:flex;align-items:center;gap:5px}
.zs-crm-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.zs-crm-statrow>div{padding:11px;border:1px solid #e8edf3;border-radius:9px;background:#fafbfc}.zs-crm-statrow strong{display:block;margin-top:5px;font-size:16px;color:#18233a}.zs-crm-timeline{border-top:1px solid #edf0f4;padding-top:14px;display:grid;gap:12px}.zs-crm-timeline span{display:flex;align-items:center;gap:8px;font-size:9px;color:#667085}.zs-crm-timeline i{width:7px;height:7px;border-radius:50%;background:#635bff}.zs-crm-timeline b{margin-left:auto;font-weight:600;color:#98a2b3}
.zs-crm-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zs-crm-record-grid .zs-card{height:100%}.zs-crm-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zs-crm-lifecycle-step{position:relative;padding:18px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}.zs-crm-lifecycle-step>span{font-size:9px;font-weight:800;color:#98a2b3}.zs-crm-lifecycle-step .zs-icon{margin:12px 0}.zs-crm-lifecycle-step h3{font-size:14px;margin:0 0 6px}.zs-crm-lifecycle-step p{font-size:11px;line-height:1.55;color:#667085;margin:0}.zs-crm-adapt{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;align-items:center}.zs-crm-adapt h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 15px}.zs-crm-adapt>div:first-child>p{max-width:680px;color:#667085;line-height:1.7}.zs-crm-adapt-card{display:grid;gap:8px;padding:22px;border:1px solid #dfe5ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f7f8ff);box-shadow:0 18px 45px rgba(31,45,75,.08)}.zs-crm-adapt-card strong{padding:12px 14px;border:1px solid #e8ecf3;border-radius:9px;background:#fff;font-size:13px;color:#344054}
@media(max-width:900px){.zs-crm-hero-grid,.zs-crm-adapt{grid-template-columns:1fr}.zs-crm-record-grid{grid-template-columns:1fr 1fr}.zs-crm-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zs-crm-copy h2{font-size:34px}.zs-crm-copy>p{font-size:15px}.zs-crm-windowbody{grid-template-columns:88px 1fr}.zs-crm-windowbody aside span{font-size:8px;padding:7px}.zs-crm-record{padding:14px}.zs-crm-recordhead button{display:none}.zs-crm-statrow{grid-template-columns:1fr}.zs-crm-record-grid,.zs-crm-lifecycle{grid-template-columns:1fr}.zs-crm-mockup{padding:8px}.zs-crm-adapt-card{order:-1}}
@media(prefers-reduced-motion:reduce){.zs-crm-mockup{transform:none}}

/* Leads workspace */
.zu-leads-page{width:100%;max-width:1440px;margin-inline:auto}
.zu-leads-card{overflow:hidden}
.zu-leads-header{align-items:flex-start;padding:1.25rem 1.35rem}
.zu-leads-header .zu-eyebrow{margin-bottom:.3rem;color:var(--zu-primary);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.zu-leads-header .zu-card-title{margin:0 0 .3rem;font-size:1.15rem}
.zu-leads-header .zu-card-text{margin:0;max-width:48rem;font-size:.82rem}
.zu-lead-form-section{padding:1.1rem 1.25rem;border:1px solid var(--zu-border);border-radius:var(--zu-radius-md);background:var(--zu-surface)}
.zu-lead-form-section+.zu-lead-form-section{margin-top:1rem}
.zu-lead-additional-section{background:var(--zu-surface-2)}
.zu-section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.zu-section-heading{margin:0 0 .2rem}
.zu-section-copy{margin:0;color:var(--zu-text-soft);font-size:.8rem;line-height:1.5}
.zu-lead-additional-grid{margin-top:1rem}
.zu-form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--zu-border)}
.zu-badge-status{color:var(--zu-primary);background:var(--zu-primary-soft);border:1px solid color-mix(in srgb,var(--zu-primary) 18%,transparent);}
.zu-badge-status[data-zu-status-color]{color:attr(data-zu-status-color type(<color>),var(--zu-primary));background:color-mix(in srgb,attr(data-zu-status-color type(<color>),var(--zu-primary)) 12%,var(--zu-surface));border-color:color-mix(in srgb,attr(data-zu-status-color type(<color>),var(--zu-primary)) 25%,var(--zu-border))}
.zu-leads-page .zu-modal-title{margin:0;font-size:1rem;font-weight:750;color:var(--zu-text)}
.zu-leads-page .zu-modal-header{align-items:center}
@media (max-width:900px){.zu-leads-header{flex-direction:column}.zu-leads-header .zu-row-end{width:100%;justify-content:flex-start}.zu-lead-form-section{padding:1rem}.zu-form-actions{justify-content:stretch}.zu-form-actions .zu-btn{flex:1}}

/* Roles & permissions workspace */
.zu-role-form-grid{grid-template-columns:minmax(240px,4fr) minmax(0,8fr);align-items:start}
.zu-role-form-grid>.zu-role-name-field{grid-column:1;}
.zu-role-form-grid>.zu-role-permissions-field{grid-column:2;min-width:0}
.zu-role-permissions-heading{margin-bottom:.75rem}
.zu-role-permissions-table{overflow-x:auto}
.zu-role-permissions-table .zu-table{min-width:680px;table-layout:auto}
.zu-role-permissions-table th,.zu-role-permissions-table td{padding:.85rem 1rem}
.zu-role-module-head,.zu-role-module-cell{width:190px;min-width:190px}
.zu-role-module-cell{font-size:.78rem;font-weight:750;color:var(--zu-text);text-transform:none;letter-spacing:.01em;background:var(--zu-surface-2)}
.zu-role-permission-list{display:flex;flex-wrap:wrap;gap:.5rem .65rem;align-items:center}
.zu-role-permission-item{display:inline-flex;align-items:center;gap:.45rem;min-height:34px;padding:.4rem .65rem;border:1px solid var(--zu-border);border-radius:999px;background:var(--zu-surface);color:var(--zu-text);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.zu-role-permission-item:hover{border-color:var(--zu-primary);background:var(--zu-primary-soft)}
.zu-role-permission-item:has(input:checked){border-color:color-mix(in srgb,var(--zu-primary) 35%,var(--zu-border));background:var(--zu-primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--zu-primary) 8%,transparent)}
.zu-role-permission-item .zu-check{margin:0;flex:0 0 auto}
.zu-role-permission-item .zu-check-label{font-size:.76rem;font-weight:600}
.zu-role-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--zu-border);justify-content:flex-end}
@media(max-width:900px){.zu-role-form-grid{grid-template-columns:1fr}.zu-role-name-field,.zu-role-permissions-field{grid-column:1}.zu-role-module-head,.zu-role-module-cell{width:150px;min-width:150px}.zu-role-permissions-table .zu-table{min-width:620px}}
.zs-lead-intro{background:linear-gradient(180deg,#f7f9ff 0%,#fff 100%)}
.zs-lead-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.zs-lead-copy h2{max-width:650px;margin:10px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;color:#172033}.zs-lead-copy>p{max-width:620px;font-size:17px;line-height:1.7;color:#5c6879}.zs-lead-points{display:grid;gap:10px;margin-top:24px}.zs-lead-points span{display:flex;align-items:center;gap:9px;color:#344054;font-size:14px;font-weight:650}.zs-lead-points svg{color:#635bff}
.zs-lead-board{padding:22px;border:1px solid #dce4f0;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(36,52,82,.12)}.zs-lead-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f4}.zs-lead-board-head small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:800}.zs-lead-board-head strong{display:block;margin-top:5px;font-size:18px;color:#172033}.zs-lead-board-head>span{padding:7px 10px;border-radius:999px;background:#eef0ff;color:#5148bd;font-size:10px;font-weight:750}.zs-lead-funnel{display:grid;gap:14px;padding:22px 0}.zs-lead-funnel>div{display:grid;grid-template-columns:80px 30px 1fr;gap:10px;align-items:center}.zs-lead-funnel span{font-size:11px;color:#667085}.zs-lead-funnel b{font-size:14px;color:#172033}.zs-lead-funnel i{display:block;height:9px;border-radius:99px;background:linear-gradient(90deg,#635bff,#9a96ff)}.zs-lead-funnel>div:nth-child(2) i{background:linear-gradient(90deg,#35a7e8,#82d1f6)}.zs-lead-funnel>div:nth-child(3) i{background:linear-gradient(90deg,#31b779,#80d9ae)}.zs-lead-funnel>div:nth-child(4) i{background:linear-gradient(90deg,#f0a03a,#ffd18d)}.zs-lead-board-footer{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px;border-top:1px solid #edf0f4}.zs-lead-board-footer span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e8ecf2;border-radius:8px;color:#667085;font-size:9px;background:#fafbfc}
.zs-lead-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zs-lead-record-grid .zs-card{height:100%}.zs-lead-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zs-lead-step{padding:18px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}.zs-lead-step>span{font-size:9px;font-weight:800;color:#98a2b3}.zs-lead-step .zs-icon{margin:12px 0}.zs-lead-step h3{font-size:14px;margin:0 0 6px}.zs-lead-step p{font-size:11px;line-height:1.55;color:#667085;margin:0}.zs-lead-routing{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:center}.zs-lead-routing h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 15px}.zs-lead-routing>div:first-child>p{max-width:670px;line-height:1.7;color:#667085}.zs-routing-card{display:grid;gap:9px;padding:20px;border:1px solid #dfe5ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f7f8ff);box-shadow:0 18px 45px rgba(31,45,75,.08)}.zs-routing-card>span{margin-bottom:4px}.zs-routing-card>div:not(.zs-routing-next){display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e8ecf3;border-radius:9px;background:#fff}.zs-routing-card b{font-size:10px;color:#98a2b3;font-weight:700}.zs-routing-card strong{font-size:11px;color:#344054}.zs-routing-next{display:flex;align-items:center;gap:8px;margin-top:4px;padding:11px 12px;border-radius:9px;background:#eeedff;color:#5148bd;font-size:11px;font-weight:700}.zs-lead-connect{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:45px;align-items:center}.zs-lead-connect h2{font-size:clamp(28px,3.5vw,42px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 14px}.zs-lead-connect p{color:#667085;line-height:1.7;max-width:680px}.zs-lead-connect-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px 15px;border:1px solid #dfe5ef;border-radius:16px;background:#fafbff}.zs-lead-connect-card span{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:9px;background:#fff;border:1px solid #e7ebf2;font-size:10px;font-weight:750;color:#344054}.zs-lead-connect-card i{font-style:normal;color:#98a2b3;font-size:14px}
@media(max-width:900px){.zs-lead-hero-grid,.zs-lead-routing,.zs-lead-connect{grid-template-columns:1fr}.zs-lead-record-grid{grid-template-columns:1fr 1fr}.zs-lead-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zs-lead-copy h2{font-size:34px}.zs-lead-copy>p{font-size:15px}.zs-lead-board{padding:15px}.zs-lead-record-grid,.zs-lead-lifecycle{grid-template-columns:1fr}.zs-lead-connect-card{flex-wrap:wrap}.zs-lead-routing{gap:28px}}

/* Workspace settings — native Zuporia navigation and responsive form grids */
.zu-settings-workspace{align-items:start}
.zu-settings-sidebar .zu-card{position:sticky;top:1rem}
.zu-settings-nav-item{display:flex;align-items:center;gap:.7rem;width:100%;min-height:42px;padding:.65rem .75rem;border:1px solid transparent;border-radius:var(--zu-radius-md);background:transparent;color:var(--zu-text-soft);font:600 .82rem/1.2 var(--zu-font-sans);cursor:pointer;text-align:start;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.zu-settings-nav-item i{width:1.25rem;flex:0 0 1.25rem;text-align:center;font-size:1rem;color:var(--zu-text-faint)}
.zu-settings-nav-item:hover{background:var(--zu-surface-2);color:var(--zu-text);border-color:var(--zu-border)}
.zu-settings-nav-item:hover i{color:var(--zu-primary)}
.zu-settings-nav-item.is-active{background:var(--zu-primary-soft);color:var(--zu-primary);border-color:color-mix(in srgb,var(--zu-primary) 16%,var(--zu-border))}
.zu-settings-nav-item.is-active i{color:var(--zu-primary)}
.zu-settings-tab-content{min-width:0}
.zu-settings-tab-pane{display:none;min-width:0}
.zu-settings-tab-pane.is-active{display:block}
.zu-settings-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;min-width:0}
.zu-settings-grid>*{min-width:0}
.zu-settings-grid .zu-settings-span-3{grid-column:span 3}
.zu-settings-grid .zu-settings-span-6{grid-column:span 6}
.zu-settings-grid .zu-settings-span-9{grid-column:span 9}
.zu-settings-grid .zu-settings-span-12{grid-column:1/-1}
.zu-settings-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.zu-settings-logo-grid>*{min-width:0}
.zu-settings-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.zu-settings-module-grid>div{min-width:0}
.zu-settings-module-grid button{min-height:86px;border-radius:var(--zu-radius-md);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}
.zu-settings-module-grid button:hover{transform:translateY(-1px);border-color:var(--zu-primary);box-shadow:var(--zu-shadow-sm)}
.zu-settings-workspace .zu-form-label{font-weight:650}
.zu-settings-workspace .zu-card-title{margin:0}
.zu-settings-workspace .zu-card-header{padding:1rem 1.25rem}
.zu-settings-workspace .zu-card-body{min-width:0}
.zu-settings-workspace .zu-form-control,.zu-settings-workspace .zu-form-select{background:var(--zu-surface);color:var(--zu-text);border-color:var(--zu-border-strong)}
.zu-settings-workspace .zu-form-control:focus,.zu-settings-workspace .zu-form-select:focus{border-color:var(--zu-primary);box-shadow:0 0 0 3px var(--zu-primary-soft);outline:none}
.zu-settings-workspace .zu-text-danger{display:block;margin-top:.3rem;font-size:.78rem}
.zu-settings-workspace .zu-settings-logo-grid .zu-form-control{min-height:42px}
.zu-settings-workspace .zu-settings-tab-pane>form>.zu-card{overflow:hidden}
@media(max-width:900px){
  .zu-settings-workspace{grid-template-columns:1fr}
  .zu-settings-sidebar .zu-card{position:static}
  .zu-settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .zu-settings-grid .zu-settings-span-3,.zu-settings-grid .zu-settings-span-6,.zu-settings-grid .zu-settings-span-9{grid-column:span 6}
  .zu-settings-module-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .zu-settings-nav{grid-template-columns:1fr}
  .zu-settings-grid{grid-template-columns:1fr}
  .zu-settings-grid .zu-settings-span-3,.zu-settings-grid .zu-settings-span-6,.zu-settings-grid .zu-settings-span-9,.zu-settings-grid .zu-settings-span-12{grid-column:1}
  .zu-settings-logo-grid{grid-template-columns:1fr}
  .zu-settings-workspace .zu-btn{width:100%}
}
.zs-customer-intro{background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}.zs-customer-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.zs-customer-copy h2{max-width:660px;margin:10px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;color:#172033}.zs-customer-copy>p{max-width:620px;font-size:17px;line-height:1.7;color:#5c6879}.zs-customer-points{display:grid;gap:10px;margin-top:24px}.zs-customer-points span{display:flex;align-items:center;gap:9px;color:#344054;font-size:14px;font-weight:650}.zs-customer-points svg{color:#635bff}.zs-customer-card{padding:22px;border:1px solid #dce4f0;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(36,52,82,.12)}.zs-customer-card-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:17px;border-bottom:1px solid #edf0f4}.zs-customer-card-head small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:800}.zs-customer-card-head strong{display:block;margin:5px 0 3px;font-size:18px;color:#172033}.zs-customer-card-head span{font-size:9px;color:#667085}.zs-customer-card-head>b{padding:6px 9px;border-radius:999px;background:#eafaf2;color:#218653;font-size:9px}.zs-customer-profile{display:flex;align-items:center;gap:11px;padding:20px 0}.zs-customer-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eeedff;color:#5548d5;font-weight:800;font-size:17px}.zs-customer-profile strong,.zs-customer-profile span{display:block}.zs-customer-profile strong{font-size:13px;color:#344054}.zs-customer-profile span{margin-top:3px;font-size:9px;color:#98a2b3}.zs-customer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.zs-customer-metrics>div{padding:11px;border:1px solid #e8edf3;border-radius:9px;background:#fafbfc}.zs-customer-metrics small{display:block;font-size:8px;color:#98a2b3}.zs-customer-metrics strong{display:block;margin-top:5px;font-size:16px;color:#18233a}.zs-customer-activity{display:grid;gap:10px;padding-top:16px;margin-top:15px;border-top:1px solid #edf0f4}.zs-customer-activity span{display:flex;align-items:center;gap:8px;font-size:9px;color:#667085}.zs-customer-activity i{width:7px;height:7px;border-radius:50%;background:#635bff}.zs-customer-activity b{margin-left:auto;color:#98a2b3;font-weight:600}.zs-customer-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zs-customer-record-grid .zs-card{height:100%}.zs-customer-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zs-customer-step{padding:18px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}.zs-customer-step>span{font-size:9px;font-weight:800;color:#98a2b3}.zs-customer-step .zs-icon{margin:12px 0}.zs-customer-step h3{font-size:14px;margin:0 0 6px}.zs-customer-step p{font-size:11px;line-height:1.55;color:#667085;margin:0}.zs-customer-segmentation{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;align-items:center}.zs-customer-segmentation h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 15px}.zs-customer-segmentation>div:first-child>p{max-width:680px;color:#667085;line-height:1.7}.zs-customer-segments{display:grid;gap:9px;padding:20px;border:1px solid #dfe5ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f7f8ff);box-shadow:0 18px 45px rgba(31,45,75,.08)}.zs-customer-segments span{padding:12px 14px;border:1px solid #e8ecf3;border-radius:9px;background:#fff;font-size:11px;color:#344054;font-weight:650}@media(max-width:900px){.zs-customer-hero-grid,.zs-customer-segmentation{grid-template-columns:1fr}.zs-customer-record-grid{grid-template-columns:1fr 1fr}.zs-customer-lifecycle{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.zs-customer-copy h2{font-size:34px}.zs-customer-copy>p{font-size:15px}.zs-customer-card{padding:15px}.zs-customer-record-grid,.zs-customer-lifecycle{grid-template-columns:1fr}.zs-customer-metrics{grid-template-columns:1fr}.zs-customer-segmentation{gap:28px}}
.zs-pipeline-intro{background:linear-gradient(180deg,#f7f9ff 0%,#fff 100%)}
.zs-pipeline-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.zs-pipeline-copy h2{max-width:660px;margin:10px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;color:#172033}.zs-pipeline-copy>p{max-width:620px;font-size:17px;line-height:1.7;color:#5c6879}.zs-pipeline-points{display:grid;gap:10px;margin-top:24px}.zs-pipeline-points span{display:flex;align-items:center;gap:9px;color:#344054;font-size:14px;font-weight:650}.zs-pipeline-points svg{color:#635bff}
.zs-pipeline-board{padding:22px;border:1px solid #dce4f0;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(36,52,82,.12)}.zs-pipeline-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f4}.zs-pipeline-board-head small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:800}.zs-pipeline-board-head strong{display:block;margin-top:5px;font-size:18px;color:#172033}.zs-pipeline-board-head>span{padding:7px 10px;border-radius:999px;background:#eef0ff;color:#5148bd;font-size:10px;font-weight:750}.zs-pipeline-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:22px 0}.zs-pipeline-column{min-width:0;padding:12px;border:1px solid #e8ecf2;border-radius:12px;background:#fafbfc}.zs-pipeline-column>div{display:flex;justify-content:space-between;gap:5px}.zs-pipeline-column span{font-size:10px;color:#667085;font-weight:650}.zs-pipeline-column b{font-size:10px;color:#344054}.zs-pipeline-column>strong{display:block;margin:12px 0 9px;font-size:14px;color:#172033}.zs-pipeline-column i{display:block;height:7px;border-radius:99px;background:linear-gradient(90deg,#635bff,#9a96ff)}.zs-pipeline-column:nth-child(2) i{background:linear-gradient(90deg,#35a7e8,#82d1f6)}.zs-pipeline-column:nth-child(3) i{background:linear-gradient(90deg,#31b779,#80d9ae)}.zs-pipeline-column:nth-child(4) i{background:linear-gradient(90deg,#f0a03a,#ffd18d)}.zs-pipeline-column small{display:block;margin-top:9px;font-size:8px;line-height:1.35;color:#98a2b3}.zs-pipeline-board-footer{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px;border-top:1px solid #edf0f4}.zs-pipeline-board-footer span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e8ecf2;border-radius:8px;color:#667085;font-size:9px;background:#fafbfc}
.zs-pipeline-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zs-pipeline-record-grid .zs-card{height:100%}.zs-pipeline-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zs-pipeline-step{padding:18px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}.zs-pipeline-step>span{font-size:9px;font-weight:800;color:#98a2b3}.zs-pipeline-step .zs-icon{margin:12px 0}.zs-pipeline-step h3{font-size:14px;margin:0 0 6px}.zs-pipeline-step p{font-size:11px;line-height:1.55;color:#667085;margin:0}.zs-pipeline-forecast{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:center}.zs-pipeline-forecast h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 15px}.zs-pipeline-forecast>div:first-child>p{max-width:680px;color:#667085;line-height:1.7}.zs-pipeline-forecast-card{display:grid;gap:9px;padding:20px;border:1px solid #dfe5ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f7f8ff);box-shadow:0 18px 45px rgba(31,45,75,.08)}.zs-pipeline-forecast-card>div:not(.zs-pipeline-bar){display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e8ecf3;border-radius:9px;background:#fff}.zs-pipeline-forecast-card b{font-size:10px;color:#98a2b3;font-weight:700}.zs-pipeline-forecast-card strong{font-size:12px;color:#344054}.zs-pipeline-forecast-card small{font-size:9px;color:#98a2b3}.zs-pipeline-bar{height:9px;border-radius:99px;background:#e9edf5;overflow:hidden}.zs-pipeline-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#635bff,#35a7e8)}
@media(max-width:900px){.zs-pipeline-hero-grid,.zs-pipeline-forecast{grid-template-columns:1fr}.zs-pipeline-record-grid{grid-template-columns:1fr 1fr}.zs-pipeline-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zs-pipeline-copy h2{font-size:34px}.zs-pipeline-copy>p{font-size:15px}.zs-pipeline-board{padding:15px}.zs-pipeline-columns{grid-template-columns:1fr 1fr}.zs-pipeline-record-grid,.zs-pipeline-lifecycle{grid-template-columns:1fr}.zs-pipeline-forecast{gap:28px}}
.zs-automation-intro{background:linear-gradient(180deg,#f7f9ff,#fff)}
.zs-automation-hero-grid,.zs-automation-rules{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.zs-automation-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;margin:10px 0 16px}.zs-automation-copy>p{max-width:620px;font-size:17px;line-height:1.7;color:#667085}.zs-automation-points{display:grid;gap:10px;margin-top:24px}.zs-automation-points span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;color:#344054}.zs-automation-points svg{color:#635bff}.zs-automation-board{padding:22px;border:1px solid #dce4f0;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(36,52,82,.12)}.zs-automation-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f4}.zs-automation-board-head small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:800}.zs-automation-board-head strong{display:block;margin-top:5px;font-size:18px;color:#172033}.zs-automation-board-head>span{padding:7px 10px;border-radius:999px;background:#eaf8f0;color:#16804b;font-size:10px;font-weight:750}.zs-automation-flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;gap:7px;padding:22px 0}.zs-automation-flow>div{min-width:0;padding:13px;border:1px solid #e6eaf1;border-radius:12px;background:#fafbfc}.zs-automation-flow>div>b{display:block;font-size:8px;color:#98a2b3}.zs-automation-flow svg{margin:9px 0;color:#635bff}.zs-automation-flow strong,.zs-automation-flow small{display:block}.zs-automation-flow strong{font-size:11px;color:#344054}.zs-automation-flow small{margin-top:4px;font-size:8px;color:#98a2b3}.zs-automation-flow>i{text-align:center;color:#98a2b3;font-style:normal}.zs-automation-board-footer{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px;border-top:1px solid #edf0f4}.zs-automation-board-footer span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e8ecf2;border-radius:8px;color:#667085;font-size:9px}.zs-automation-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zs-automation-step{padding:18px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}.zs-automation-step>span{font-size:9px;font-weight:800;color:#98a2b3}.zs-automation-step .zs-icon{margin:12px 0}.zs-automation-step h3{font-size:14px;margin:0 0 6px}.zs-automation-step p{font-size:11px;line-height:1.55;color:#667085;margin:0}.zs-automation-rules{padding:32px;border:1px solid #e4e8f0;border-radius:22px;background:#fafbff}.zs-automation-rules h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 15px}.zs-automation-rules>div:first-child>p{max-width:650px;color:#667085;line-height:1.7}.zs-automation-rule-card{display:grid;gap:9px;padding:20px;border:1px solid #dfe5ef;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(31,45,75,.08)}.zs-automation-rule-card>div:not(.zs-automation-status){display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e8ecf3;border-radius:9px}.zs-automation-rule-card b{font-size:10px;color:#98a2b3}.zs-automation-rule-card strong{font-size:12px;color:#344054}.zs-automation-status{display:flex;align-items:center;gap:7px;margin-top:3px;color:#16804b;font-size:10px;font-weight:700}
@media(max-width:900px){.zs-automation-hero-grid,.zs-automation-rules{grid-template-columns:1fr}.zs-automation-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zs-automation-copy h2{font-size:34px}.zs-automation-copy>p{font-size:15px}.zs-automation-board{padding:15px}.zs-automation-flow{grid-template-columns:1fr;gap:6px}.zs-automation-flow>i{transform:rotate(90deg)}.zs-automation-lifecycle{grid-template-columns:1fr}.zs-automation-rules{padding:20px}}

/* Consistent textarea layout across CRM forms */
.zu-form-grid>div:has(> textarea.zu-form-control):not([class*="zu-grid-span"]),
.zu-project-form>div:has(> textarea.zu-form-control):not([class*="zu-project-col"]){grid-column:span 6;min-width:0}
@media(max-width:800px){
  .zu-form-grid>div:has(> textarea.zu-form-control):not([class*="zu-grid-span"]),
  .zu-project-form>div:has(> textarea.zu-form-control):not([class*="zu-project-col"]){grid-column:1/-1}
}

/* Marketing platform page */
.zs-marketing-intro{background:linear-gradient(180deg,#f7f9ff 0%,#fff 100%)}
.zs-marketing-hero-grid,.zs-marketing-strategy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.zs-marketing-copy h2{max-width:660px;margin:10px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;color:#172033}.zs-marketing-copy>p{max-width:620px;font-size:17px;line-height:1.7;color:#667085}.zs-marketing-points{display:grid;gap:10px;margin-top:24px}.zs-marketing-points span{display:flex;align-items:center;gap:9px;color:#344054;font-size:14px;font-weight:650}.zs-marketing-points svg{color:#635bff}
.zs-marketing-board{padding:22px;border:1px solid #dce4f0;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(36,52,82,.12)}.zs-marketing-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f4}.zs-marketing-board-head small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:800}.zs-marketing-board-head strong{display:block;margin-top:5px;font-size:18px;color:#172033}.zs-marketing-board-head>span{padding:7px 10px;border-radius:999px;background:#eef0ff;color:#5148bd;font-size:10px;font-weight:750}.zs-marketing-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}.zs-marketing-metrics>div{padding:13px;border:1px solid #e8ecf2;border-radius:12px;background:#fafbfc}.zs-marketing-metrics small{display:block;font-size:9px;color:#98a2b3}.zs-marketing-metrics strong{display:block;margin:8px 0 10px;font-size:19px;color:#172033}.zs-marketing-metrics i{display:block;height:6px;border-radius:99px;background:linear-gradient(90deg,#635bff,#35a7e8)}.zs-marketing-metrics>div:nth-child(2) i{background:linear-gradient(90deg,#31b779,#80d9ae)}.zs-marketing-metrics>div:nth-child(3) i{background:linear-gradient(90deg,#f0a03a,#ffd18d)}
.zs-marketing-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:18px}.zs-marketing-channels span{padding:10px;border:1px solid #e8ecf2;border-radius:9px;background:#fff}.zs-marketing-channels b,.zs-marketing-channels strong,.zs-marketing-channels small{display:block}.zs-marketing-channels b{font-size:9px;color:#98a2b3}.zs-marketing-channels strong{margin-top:4px;font-size:13px;color:#344054}.zs-marketing-channels small{margin-top:2px;font-size:8px;color:#98a2b3}.zs-marketing-board-footer{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px;border-top:1px solid #edf0f4}.zs-marketing-board-footer span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e8ecf2;border-radius:8px;color:#667085;font-size:9px;background:#fafbfc}
.zs-marketing-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zs-marketing-step{padding:18px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}.zs-marketing-step>span{font-size:9px;font-weight:800;color:#98a2b3}.zs-marketing-step .zs-icon{margin:12px 0}.zs-marketing-step h3{font-size:14px;margin:0 0 6px}.zs-marketing-step p{font-size:11px;line-height:1.55;color:#667085;margin:0}
.zs-marketing-strategy{padding:32px;border:1px solid #e4e8f0;border-radius:22px;background:#fafbff}.zs-marketing-strategy h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 15px}.zs-marketing-strategy>div:first-child>p{max-width:650px;color:#667085;line-height:1.7}.zs-marketing-response-card{display:grid;gap:9px;padding:20px;border:1px solid #dfe5ef;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(31,45,75,.08)}.zs-marketing-response-card>div:not(.zs-marketing-status){display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e8ecf3;border-radius:9px}.zs-marketing-response-card b{font-size:10px;color:#98a2b3}.zs-marketing-response-card strong{font-size:12px;color:#344054}.zs-marketing-status{display:flex;align-items:center;gap:7px;margin-top:3px;color:#16804b;font-size:10px;font-weight:700}.zs-marketing-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
@media(max-width:900px){.zs-marketing-hero-grid,.zs-marketing-strategy{grid-template-columns:1fr}.zs-marketing-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zs-marketing-copy h2{font-size:34px}.zs-marketing-copy>p{font-size:15px}.zs-marketing-board{padding:15px}.zs-marketing-metrics,.zs-marketing-channels{grid-template-columns:1fr}.zs-marketing-lifecycle{grid-template-columns:1fr}.zs-marketing-strategy{padding:20px}}

/* Two-factor authentication */
.zu-2fa-card{width:100%;max-width:1120px;margin:0 auto;border-radius:18px}
.zu-2fa-status{display:flex;align-items:flex-start;gap:16px;padding:22px;border:1px solid #d9f0e3;border-radius:16px;background:#f6fcf8}
.zu-2fa-status-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:13px;background:#dcf7e7;color:#16804b}
.zu-2fa-status-label,.zu-2fa-kicker{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#16804b}
.zu-2fa-status-title{margin:4px 0 6px;font-size:22px;line-height:1.25}
.zu-2fa-enabled-meta{display:flex;gap:12px;margin:18px 0;padding:0 0 18px;border-bottom:1px solid #e9edf3}
.zu-2fa-enabled-meta>div{min-width:220px;padding:13px 15px;border:1px solid #e8ecf2;border-radius:11px;background:#fff}
.zu-2fa-enabled-meta span{display:block;font-size:10px;color:#98a2b3;text-transform:uppercase;letter-spacing:.06em}
.zu-2fa-enabled-meta strong{display:block;margin-top:4px;font-size:13px;color:#344054}
.zu-2fa-warning{display:flex;gap:9px;align-items:flex-start;margin:18px 0;padding:13px 15px;border-radius:11px;background:#fff8ed;color:#8a5a12;font-size:12px;line-height:1.5}
.zu-2fa-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #edf0f4}
.zu-2fa-intro h2{margin:4px 0 7px;font-size:25px;line-height:1.2}
.zu-2fa-intro p{max-width:700px;margin:0;line-height:1.6}
.zu-2fa-secure-badge{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border:1px solid #dce5ff;border-radius:999px;background:#f5f7ff;color:#5148bd;font-size:11px;font-weight:700}
.zu-2fa-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.zu-2fa-step{display:flex;gap:11px;padding:14px;border:1px solid #e8ecf2;border-radius:12px;background:#fafbfc}
.zu-2fa-step-number{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#635bff;color:#fff;font-size:11px;font-weight:800}
.zu-2fa-step strong{font-size:12px;color:#344054}.zu-2fa-step p{margin:3px 0 0;font-size:11px;color:#98a2b3;line-height:1.45}
.zu-2fa-setup-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.zu-2fa-qr-panel{display:flex;flex-direction:column;align-items:center;padding:20px;border:1px solid #e1e6ee;border-radius:16px;background:#fafbfc}
.zu-2fa-qr{width:220px;height:220px;display:grid;place-items:center;padding:8px;border-radius:10px;background:#fff;border:1px solid #e7ebf2}
.zu-2fa-qr canvas{display:block;max-width:100%;height:auto}.zu-2fa-qr-panel p{margin:12px 0 0;font-size:11px;color:#667085}
.zu-2fa-details{min-width:0}.zu-2fa-account{padding:13px 15px;border:1px solid #e8ecf2;border-radius:11px;background:#fff;margin-bottom:14px}.zu-2fa-account span,.zu-2fa-manual span{display:block;font-size:10px;color:#98a2b3}.zu-2fa-account strong{display:block;margin-top:4px;font-size:13px;color:#172033;overflow-wrap:anywhere}
.zu-2fa-manual{padding:15px;border:1px solid #e8ecf2;border-radius:12px;background:#fafbfc;margin-bottom:16px}.zu-2fa-field-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.zu-2fa-field-head strong{display:block;margin-top:3px;font-size:12px;color:#344054}.zu-2fa-manual p{margin:8px 0 0;font-size:10px;line-height:1.5;color:#98a2b3}.zu-2fa-secret{display:block;margin-top:12px;padding:10px 12px;border:1px dashed #cbd4e1;border-radius:9px;background:#fff;color:#344054;font-size:13px;letter-spacing:.08em;word-break:break-all}
.zu-2fa-code-input{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;letter-spacing:.28em;padding-right:12px}.zu-2fa-verification{margin-bottom:15px}.zu-2fa-enable-btn{min-width:240px}.zu-2fa-recovery{display:flex;gap:14px;margin-top:24px;padding:18px;border:1px solid #f0d89d;border-radius:14px;background:#fffbf2}.zu-2fa-recovery-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:#fff0c9;color:#8a5a12}.zu-2fa-recovery-content{min-width:0;flex:1}.zu-2fa-recovery h3{margin:0 0 4px;font-size:16px}.zu-2fa-recovery p{margin:0;color:#667085;font-size:11px;line-height:1.5}.zu-2fa-recovery-actions{display:flex;gap:7px;flex-wrap:wrap}.zu-2fa-recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.zu-2fa-recovery-codes code{display:block;padding:9px 11px;border:1px solid #eadfbf;border-radius:8px;background:#fff;color:#344054;font-size:12px;text-align:center;letter-spacing:.06em}.zu-2fa-recovery-note{margin-bottom:12px;font-size:10px;color:#8a6d2f}
.zu-btn-sm{padding:8px 11px;font-size:11px}.zu-btn-ghost{border:1px solid #dce2ea;background:#fff;color:#475467}.zu-btn-ghost:hover{border-color:#c8d0dc;background:#f8fafc}
@media(max-width:800px){.zu-2fa-setup-grid{grid-template-columns:1fr}.zu-2fa-qr-panel{max-width:360px;margin:0 auto;width:100%}.zu-2fa-steps{grid-template-columns:1fr}.zu-2fa-intro{flex-direction:column}.zu-2fa-enabled-meta{flex-direction:column}.zu-2fa-enabled-meta>div{min-width:0}.zu-2fa-recovery{flex-direction:column}.zu-2fa-field-head{flex-direction:column}.zu-2fa-recovery-codes{grid-template-columns:1fr}}
@media(max-width:480px){.zu-2fa-card .zs-admin-card-body{padding:16px}.zu-2fa-status{padding:15px}.zu-2fa-status-title{font-size:18px}.zu-2fa-code-input{font-size:18px}.zu-2fa-recovery-actions{width:100%}}


/* Workspace checkout */
.zs-checkout-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#03142f;background:linear-gradient(180deg,#f9faff 0,#fff 72%);min-height:calc(100vh - 74px);padding:55px 20px 80px}
.zs-checkout-container{width:min(1180px,100%);margin:auto}
.zs-checkout-head{text-align:center;max-width:760px;margin:0 auto 42px}
.zs-checkout-eyebrow{display:inline-flex;align-items:center;background:#eaf4ff;color:#0156e7;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.zs-checkout-head h1{font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-.055em;margin:17px 0 14px}
.zs-checkout-head p{color:#52667a;font-size:16px;line-height:1.7;margin:0}
.zs-checkout-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}
.zs-order-card,.zs-feature-card{background:#fff;border:1px solid #d9e5f0;border-radius:22px;padding:30px;box-shadow:0 18px 45px #1018280d}
.zs-order-card{display:flex;flex-direction:column}
.zs-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #eaecf0}
.zs-label{display:block;color:#718096;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.zs-order-top h2,.zs-feature-head h2{font-size:28px;letter-spacing:-.035em;margin:7px 0 5px}
.zs-order-top p,.zs-feature-head p{color:#667085;font-size:13px;line-height:1.6;margin:0}
.zs-popular{background:#eaf4ff;color:#0156e7;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}
.zs-price-box{padding:25px 0 20px}
.zs-price-box span{display:block;color:#718096;font-size:12px}
.zs-price-box strong{display:inline-block;font-size:44px;line-height:1.1;letter-spacing:-.045em;margin:7px 6px 0 0}
.zs-price-box small{color:#718096;font-size:11px}
.zs-order-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}
.zs-order-details div{background:#f8faff;border:1px solid #e8eef4;border-radius:12px;padding:13px}
.zs-order-details span{display:block;color:#718096;font-size:10px;margin-bottom:5px}
.zs-order-details strong{font-size:13px;color:#03142f}
.zs-coupon{margin-top:auto}
.zs-coupon label{display:block;color:#475467;font-size:12px;font-weight:700;margin-bottom:8px}
.zs-coupon-row{display:grid;grid-template-columns:1fr 92px;gap:8px}
.zs-coupon-row input{width:100%;height:44px;border:1px solid #d0d5dd;border-radius:10px;padding:0 13px;font:inherit;font-size:13px;outline:none}
.zs-coupon-row input:focus{border-color:#0156e7;box-shadow:0 0 0 3px #0156e718}
.zs-coupon-row button{border:0;border-radius:10px;background:#03142f;color:#fff;font-weight:700;cursor:pointer}
.zs-coupon-row button:hover{background:#0148c4}
.zs-error-text{display:block;color:#d92d20;font-size:11px;margin-top:6px}
.zs-buy-btn{width:100%;border:0;border-radius:11px;background:#0156e7;color:#fff;padding:14px 18px;margin-top:17px;font:inherit;font-size:14px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;box-shadow:0 12px 24px #0156e72b}
.zs-buy-btn:hover{background:#0148c4;transform:translateY(-1px)}
.zs-payment-note{color:#718096;font-size:10px;line-height:1.6;text-align:center;margin:13px 0 0}
.zs-feature-head{padding-bottom:20px}
.zs-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.zs-feature-item{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;border:1px solid #e8eef4;border-radius:11px;color:#475467;font-size:13px}
.zs-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eaf8f1;color:#16845b;font-weight:900;font-size:13px}
.zs-empty{color:#718096;font-size:12px;padding:10px 0}
.zs-missing{margin-top:22px;padding-top:20px;border-top:1px solid #eaecf0}
.zs-missing-title{color:#718096;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px}
.zs-missing-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.zs-missing-grid span{display:flex;align-items:center;gap:7px;color:#98a2b3;font-size:12px}
.zs-missing-grid b{font-size:15px;font-weight:500;color:#c0c7d0}
.zs-trust-box{display:flex;gap:12px;align-items:flex-start;margin-top:25px;padding:16px;border-radius:14px;background:#f5f9ff;border:1px solid #dceaff}
.zs-trust-icon{width:30px;height:30px;border-radius:9px;background:#eaf8f1;color:#16845b;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.zs-trust-box strong{display:block;font-size:12px;margin-bottom:4px}
.zs-trust-box p{color:#667085;font-size:11px;line-height:1.6;margin:0}
@media(max-width:900px){.zs-checkout-grid{grid-template-columns:1fr}.zs-order-card,.zs-feature-card{padding:24px}}
@media(max-width:600px){.zs-checkout-page{padding:32px 14px 55px}.zs-checkout-head{margin-bottom:28px}.zs-checkout-head h1{font-size:36px}.zs-checkout-head p{font-size:14px}.zs-order-card,.zs-feature-card{border-radius:17px;padding:20px}.zs-order-top h2,.zs-feature-head h2{font-size:24px}.zs-order-details,.zs-feature-list,.zs-missing-grid{grid-template-columns:1fr}.zs-price-box strong{font-size:39px}}

/* Workspace pricing */
.zu-pricing-page{max-width:1440px;margin-inline:auto}.zu-pricing-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.zu-pricing-header{text-align:left;max-width:760px;margin:0}.zu-pricing-header .zu-page-title{margin:.35rem 0 .45rem}.zu-pricing-header .zu-page-subtitle{margin:0}.zu-pricing-currency{display:flex;justify-content:flex-end;gap:.35rem;flex-wrap:wrap;margin:0 0 .15rem auto}.zu-pricing-currency .zu-btn{min-width:78px}.zu-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}.zu-pricing-card{display:flex;flex-direction:column;min-width:0;background:var(--zu-surface);border:1px solid var(--zu-border);border-radius:var(--zu-radius-lg);box-shadow:var(--zu-shadow-sm);overflow:hidden}.zu-pricing-card.is-featured{border-color:color-mix(in srgb,var(--zu-primary) 40%,var(--zu-border));box-shadow:var(--zu-shadow-md)}.zu-pricing-card-body{padding:1.25rem}.zu-pricing-featured{display:inline-flex;margin-bottom:.85rem}.zu-pricing-plan-head{display:flex;gap:.75rem;align-items:flex-start;min-height:76px}.zu-pricing-plan-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:var(--zu-radius-md);background:var(--zu-primary-soft);color:var(--zu-primary);font-size:1.25rem}.zu-pricing-plan-head h2{margin:0;font-size:1.05rem}.zu-pricing-plan-head p{margin:.25rem 0 0;color:var(--zu-text-soft);font-size:.8rem;line-height:1.45}.zu-pricing-price{display:flex;align-items:baseline;gap:.45rem;padding:1.1rem 0;border-bottom:1px solid var(--zu-border)}.zu-pricing-price strong{font-size:2rem;line-height:1;font-weight:750;color:var(--zu-text)}.zu-pricing-price span{color:var(--zu-text-soft);font-size:.78rem}.zu-pricing-card-body h3{margin:1rem 0 .65rem;font-size:.82rem}.zu-pricing-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.zu-pricing-list li{display:flex;gap:.5rem;align-items:flex-start;color:var(--zu-text-soft);font-size:.78rem;line-height:1.4}.zu-pricing-list li i{color:var(--zu-success);font-size:1rem;line-height:1.25}.zu-pricing-list li.is-unavailable{opacity:.58}.zu-pricing-list li.is-unavailable i{color:var(--zu-danger)}.zu-pricing-card-footer{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid var(--zu-border);background:var(--zu-surface-2)}.zu-pricing-buy{width:100%}
@media(max-width:1100px){.zu-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.zu-pricing-toolbar{align-items:stretch;flex-direction:column;gap:1rem}.zu-pricing-header{text-align:center}.zu-pricing-currency{justify-content:center;margin:0 auto}.zu-pricing-currency .zu-btn{width:auto}}
@media(max-width:600px){.zu-pricing-grid{grid-template-columns:1fr}.zu-pricing-currency .zu-btn{width:50%;min-width:0}}
.zu-card-subtitle{margin:.25rem 0 0;color:var(--zu-text-soft);font-size:.875rem;line-height:1.5}.zu-card-sm{padding:.75rem}.zu-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--zu-text-soft);cursor:pointer}.zu-btn-icon:hover{background:var(--zu-surface-2);color:var(--zu-text)}

.zs-social-intro{background:linear-gradient(180deg,#f7f9ff,#fff)}.zs-social-hero-grid,.zs-social-response{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.zs-social-copy h2{max-width:660px;margin:10px 0 16px;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.035em;color:#172033}.zs-social-copy>p{max-width:620px;font-size:17px;line-height:1.7;color:#667085}.zs-social-points{display:grid;gap:10px;margin-top:24px}.zs-social-points span{display:flex;align-items:center;gap:9px;color:#344054;font-size:14px;font-weight:650}.zs-social-points svg{color:#635bff}.zs-social-board{padding:22px;border:1px solid #dce4f0;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(36,52,82,.12)}.zs-social-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #edf0f4}.zs-social-board-head small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#98a2b3;font-weight:800}.zs-social-board-head strong{display:block;margin-top:5px;font-size:18px;color:#172033}.zs-social-board-head>span{padding:7px 10px;border-radius:999px;background:#eef0ff;color:#5148bd;font-size:10px;font-weight:750}.zs-social-post{margin:20px 0;padding:16px;border:1px solid #e5eaf1;border-radius:15px;background:#fafbfc}.zs-social-post-top{display:flex;justify-content:space-between;gap:10px}.zs-social-post-top b{font-size:12px;color:#344054}.zs-social-post-top small{font-size:9px;color:#98a2b3}.zs-social-post p{font-size:12px;line-height:1.55;color:#667085;margin:12px 0}.zs-social-channel-row{display:flex;flex-wrap:wrap;gap:7px}.zs-social-channel-row span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e4e8ef;border-radius:8px;background:#fff;color:#475467;font-size:9px}.zs-social-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.zs-social-stats span{padding:12px;border:1px solid #e8ecf2;border-radius:10px;background:#fff}.zs-social-stats small,.zs-social-stats strong{display:block}.zs-social-stats small{font-size:9px;color:#98a2b3}.zs-social-stats strong{margin-top:5px;font-size:18px;color:#172033}.zs-social-board-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid #edf0f4}.zs-social-board-footer span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e8ecf2;border-radius:8px;color:#667085;font-size:9px}.zs-social-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.zs-social-step{padding:18px 14px;border:1px solid #e7ebf2;border-radius:14px;background:#fff}.zs-social-step>span{font-size:9px;font-weight:800;color:#98a2b3}.zs-social-step .zs-icon{margin:12px 0}.zs-social-step h3{font-size:14px;margin:0 0 6px}.zs-social-step p{font-size:11px;line-height:1.55;color:#667085;margin:0}.zs-social-response{padding:32px;border:1px solid #e4e8f0;border-radius:22px;background:#fafbff}.zs-social-response h2{font-size:clamp(28px,3.5vw,44px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 15px}.zs-social-response>div:first-child>p{max-width:650px;color:#667085;line-height:1.7}.zs-social-response-card{display:grid;gap:9px;padding:20px;border:1px solid #dfe5ef;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(31,45,75,.08)}.zs-social-response-card>div:not(.zs-social-status){display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e8ecf3;border-radius:9px}.zs-social-response-card b{font-size:10px;color:#98a2b3}.zs-social-response-card strong{font-size:12px;color:#344054}.zs-social-status{display:flex;align-items:center;gap:7px;margin-top:3px;color:#16804b;font-size:10px;font-weight:700}.zs-social-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
@media(max-width:900px){.zs-social-hero-grid,.zs-social-response{grid-template-columns:1fr}.zs-social-lifecycle{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.zs-social-copy h2{font-size:34px}.zs-social-copy>p{font-size:15px}.zs-social-board{padding:15px}.zs-social-stats{grid-template-columns:1fr}.zs-social-lifecycle{grid-template-columns:1fr}.zs-social-response{padding:20px}}

.zs-analytics-intro{padding-top:34px}.zs-analytics-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:center}.zs-analytics-copy{max-width:600px}.zs-analytics-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:14px 0 18px;letter-spacing:-.035em}.zs-analytics-copy p{font-size:16px;line-height:1.75;color:#667085}.zs-analytics-points{display:grid;gap:10px;margin-top:24px}.zs-analytics-points span{display:flex;align-items:center;gap:9px;color:#344054;font-size:13px;font-weight:650}.zs-analytics-board{border:1px solid #e5eaf1;border-radius:24px;background:linear-gradient(180deg,#fff,#f8faff);box-shadow:0 24px 60px rgba(16,33,63,.1);padding:22px;overflow:hidden}.zs-analytics-board-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid #edf0f5}.zs-analytics-board-head div{display:grid;gap:4px}.zs-analytics-board-head small{font-size:10px;color:#98a2b3}.zs-analytics-board-head strong{font-size:17px;color:#152238}.zs-analytics-board-head>span{font-size:10px;font-weight:700;color:#475467;padding:7px 10px;border:1px solid #e4e9f1;border-radius:999px;background:#fff}.zs-analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.zs-analytics-kpis>div{padding:13px;border:1px solid #e9edf3;border-radius:13px;background:#fff;display:grid;gap:5px}.zs-analytics-kpis small{font-size:9px;color:#98a2b3}.zs-analytics-kpis strong{font-size:21px;color:#152238;letter-spacing:-.02em}.zs-analytics-kpis b{font-size:9px;color:#16825d}.zs-analytics-chart{padding:15px;border:1px solid #e9edf3;border-radius:15px;background:#fff}.zs-analytics-chart-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.zs-analytics-chart-head b{font-size:11px;color:#344054}.zs-analytics-chart-head span{font-size:9px;color:#98a2b3}.zs-analytics-bars{height:125px;display:flex;align-items:flex-end;gap:10px;padding:0 5px;border-bottom:1px solid #edf0f5}.zs-analytics-bars i{display:block;flex:1;min-height:20px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#9b8afb,#6656d9)}.zs-analytics-board-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.zs-analytics-board-footer span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:#f5f7fb;color:#667085;font-size:9px;font-weight:650}.zs-analytics-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.zs-analytics-step{position:relative;padding:18px 15px 20px;border:1px solid #e7ebf1;border-radius:16px;background:#fff;min-height:190px}.zs-analytics-step>span{font-size:10px;font-weight:800;color:#98a2b3}.zs-analytics-step .zs-icon{margin:18px 0 13px}.zs-analytics-step h3{font-size:14px;margin:0 0 8px;color:#1d2939}.zs-analytics-step p{font-size:11px;line-height:1.6;color:#667085;margin:0}.zs-analytics-insights{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:60px;align-items:center}.zs-analytics-insights h2{font-size:clamp(27px,3.5vw,40px);line-height:1.1;letter-spacing:-.03em;margin:12px 0 14px}.zs-analytics-insights>div>p{color:#667085;line-height:1.7}.zs-analytics-insight-card{border:1px solid #e5eaf1;border-radius:20px;background:#fff;padding:20px;box-shadow:0 18px 45px rgba(16,33,63,.07);display:grid;gap:9px}.zs-analytics-insight-card>.zs-eyebrow{margin-bottom:4px}.zs-analytics-insight-card>div{display:grid;grid-template-columns:.75fr 1fr;gap:3px 12px;padding:12px 0;border-top:1px solid #edf0f5}.zs-analytics-insight-card b{font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.05em}.zs-analytics-insight-card strong{font-size:12px;color:#344054}.zs-analytics-insight-card small{grid-column:2;font-size:9px;color:#98a2b3}.zs-analytics-status{display:flex!important;align-items:center;gap:7px;margin-top:3px;padding-top:13px!important}.zs-analytics-status i{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #e8f8ef}.zs-analytics-status{font-size:10px;color:#16825d;font-weight:700}
@media(max-width:900px){.zs-analytics-hero-grid,.zs-analytics-insights{grid-template-columns:1fr;gap:34px}.zs-analytics-copy{max-width:none}.zs-analytics-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zs-analytics-intro{padding-top:20px}.zs-analytics-board{padding:15px;border-radius:18px}.zs-analytics-kpis{grid-template-columns:1fr}.zs-analytics-kpis>div{grid-template-columns:1fr auto auto;align-items:center}.zs-analytics-kpis b{justify-self:end}.zs-analytics-bars{height:100px;gap:7px}.zs-analytics-board-footer{display:grid;grid-template-columns:1fr 1fr}.zs-analytics-board-footer span:last-child{grid-column:1/-1}.zs-analytics-lifecycle{grid-template-columns:1fr 1fr}.zs-analytics-step{min-height:165px}.zs-analytics-insight-card{padding:16px}.zs-analytics-insight-card>div{grid-template-columns:1fr 1.2fr}.zs-analytics-insight-card small{grid-column:2}}
@media(max-width:480px){.zs-analytics-lifecycle{grid-template-columns:1fr}.zs-analytics-step{min-height:0}.zs-analytics-copy h2{font-size:30px}.zs-analytics-board-head strong{font-size:15px}.zs-analytics-chart-head{display:grid;gap:3px}}

.zs-ai-intro{padding-top:34px}.zs-ai-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:54px;align-items:center}.zs-ai-copy{max-width:600px}.zs-ai-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:14px 0 18px;letter-spacing:-.035em}.zs-ai-copy p{font-size:16px;line-height:1.75;color:#667085}.zs-ai-points{display:grid;gap:10px;margin-top:24px}.zs-ai-points span{display:flex;align-items:center;gap:9px;color:#344054;font-size:13px;font-weight:650}.zs-ai-board{border:1px solid #e5eaf1;border-radius:24px;background:linear-gradient(180deg,#fff,#f8faff);box-shadow:0 24px 60px rgba(16,33,63,.1);padding:22px;overflow:hidden}.zs-ai-board-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid #edf0f5}.zs-ai-board-head div{display:grid;gap:4px}.zs-ai-board-head small{font-size:10px;color:#98a2b3}.zs-ai-board-head strong{font-size:17px;color:#152238}.zs-ai-board-head>span{font-size:10px;font-weight:700;color:#16825d;padding:7px 10px;border:1px solid #d7f0e3;border-radius:999px;background:#f1fbf5}.zs-ai-agent{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:15px 0}.zs-ai-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eeeaff;color:#6656d9}.zs-ai-agent div:nth-child(2){display:grid;gap:3px}.zs-ai-agent b{font-size:12px;color:#344054}.zs-ai-agent small{font-size:9px;color:#98a2b3}.zs-ai-agent>i{font-style:normal;font-size:9px;font-weight:750;color:#16825d}.zs-ai-conversation{display:grid;gap:9px}.zs-ai-conversation>div{display:grid;gap:4px;padding:12px 13px;border:1px solid #e9edf3;border-radius:13px;background:#fff}.zs-ai-conversation span{font-size:9px;font-weight:750;color:#6656d9;text-transform:uppercase;letter-spacing:.05em}.zs-ai-conversation strong{font-size:12px;color:#344054}.zs-ai-conversation small{font-size:9px;color:#98a2b3;line-height:1.45}.zs-ai-board-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.zs-ai-board-footer span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:#f5f7fb;color:#667085;font-size:9px;font-weight:650}.zs-ai-lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.zs-ai-step{padding:18px 15px 20px;border:1px solid #e7ebf1;border-radius:16px;background:#fff;min-height:190px}.zs-ai-step>span{font-size:10px;font-weight:800;color:#98a2b3}.zs-ai-step .zs-icon{margin:18px 0 13px}.zs-ai-step h3{font-size:14px;margin:0 0 8px;color:#1d2939}.zs-ai-step p{font-size:11px;line-height:1.6;color:#667085;margin:0}.zs-ai-handoff{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:60px;align-items:center}.zs-ai-handoff h2{font-size:clamp(27px,3.5vw,40px);line-height:1.1;letter-spacing:-.03em;margin:12px 0 14px}.zs-ai-handoff>div>p{color:#667085;line-height:1.7}.zs-ai-handoff-card{border:1px solid #e5eaf1;border-radius:20px;background:#fff;padding:20px;box-shadow:0 18px 45px rgba(16,33,63,.07);display:grid;gap:9px}.zs-ai-handoff-card>.zs-eyebrow{margin-bottom:4px}.zs-ai-handoff-card>div{display:grid;grid-template-columns:.75fr 1fr;gap:3px 12px;padding:12px 0;border-top:1px solid #edf0f5}.zs-ai-handoff-card b{font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.05em}.zs-ai-handoff-card strong{font-size:12px;color:#344054}.zs-ai-status{display:flex!important;align-items:center;gap:7px;margin-top:3px;padding-top:13px!important;font-size:10px;color:#16825d;font-weight:700}.zs-ai-status i{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #e8f8ef}
@media(max-width:900px){.zs-ai-hero-grid,.zs-ai-handoff{grid-template-columns:1fr;gap:34px}.zs-ai-copy{max-width:none}.zs-ai-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.zs-ai-intro{padding-top:20px}.zs-ai-board{padding:15px;border-radius:18px}.zs-ai-board-footer{display:grid;grid-template-columns:1fr 1fr}.zs-ai-board-footer span:last-child{grid-column:1/-1}.zs-ai-lifecycle{grid-template-columns:1fr 1fr}.zs-ai-step{min-height:165px}.zs-ai-handoff-card{padding:16px}.zs-ai-handoff-card>div{grid-template-columns:1fr 1.2fr}}
@media(max-width:480px){.zs-ai-lifecycle{grid-template-columns:1fr}.zs-ai-step{min-height:0}.zs-ai-copy h2{font-size:30px}.zs-ai-board-head strong{font-size:15px}.zs-ai-agent{grid-template-columns:38px 1fr}.zs-ai-agent>i{grid-column:2}}

/* Studio — Zuporia chrome around the specialized Palleon editor */
#palleon.zu-studio-shell{--studio-bg:#0b1020;--studio-panel:#11182a;--studio-panel-2:#151e33;--studio-border:rgba(148,163,184,.16);--studio-text:#f8fafc;--studio-muted:#94a3b8;background:var(--studio-bg);color:var(--studio-text);font-family:var(--zu-font-sans)}
#palleon.zu-studio-shell #palleon-top-bar{height:64px;background:rgba(11,16,32,.96);border-bottom:1px solid var(--studio-border);box-shadow:0 8px 30px rgba(0,0,0,.18);backdrop-filter:blur(14px);padding:0 16px;z-index:1200}
#palleon.zu-studio-shell .zu-studio-brand{display:flex;align-items:center;gap:11px;min-width:300px;height:64px}
#palleon.zu-studio-shell .zu-studio-brand-link{display:flex;align-items:center;height:100%;text-decoration:none}
#palleon.zu-studio-shell .zu-studio-logo{width:132px;height:auto;max-height:34px;object-fit:contain}
#palleon.zu-studio-shell .zu-studio-divider{width:1px;height:26px;background:var(--studio-border)}
#palleon.zu-studio-shell .zu-studio-name{font:700 15px/1 var(--zu-font-display);color:var(--studio-text);letter-spacing:-.01em}
#palleon.zu-studio-shell .zu-studio-status{display:inline-flex;align-items:center;gap:6px;margin-left:2px;padding:5px 9px;border:1px solid var(--studio-border);border-radius:999px;color:var(--studio-muted);font-size:10px;font-weight:650;white-space:nowrap}
#palleon.zu-studio-shell .zu-studio-status-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
#palleon.zu-studio-shell .palleon-top-bar-menu{gap:8px}
#palleon.zu-studio-shell .palleon-btn{border-radius:9px;border:1px solid var(--studio-border);background:var(--studio-panel-2);color:var(--studio-text);transition:transform .15s ease,border-color .15s ease,background .15s ease}
#palleon.zu-studio-shell .palleon-btn:hover{background:#1c2942;border-color:rgba(129,140,248,.42);transform:translateY(-1px)}
#palleon.zu-studio-shell .palleon-btn.primary{background:var(--zu-primary);border-color:var(--zu-primary);color:#fff}
#palleon.zu-studio-shell .palleon-btn.primary:hover{background:var(--zu-primary-hover);border-color:var(--zu-primary-hover)}
#palleon.zu-studio-shell .palleon-btn-simple{color:var(--studio-muted);border-radius:9px}
#palleon.zu-studio-shell .palleon-btn-simple:hover{color:var(--studio-text);background:var(--studio-panel-2)}
#palleon.zu-studio-shell .zu-studio-top-actions{display:flex;align-items:center;margin-left:4px}
#palleon.zu-studio-shell .zu-studio-back{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--studio-border);border-radius:9px;color:var(--studio-muted);font-size:12px;font-weight:700;text-decoration:none;background:transparent}
#palleon.zu-studio-shell .zu-studio-back:hover{color:var(--studio-text);background:var(--studio-panel-2);border-color:rgba(129,140,248,.42)}
#palleon.zu-studio-shell #palleon-icon-menu{background:#0e1527;border-right:1px solid var(--studio-border);padding-top:8px}
#palleon.zu-studio-shell .palleon-icon-menu-btn{border-radius:10px;color:var(--studio-muted);margin:3px 6px;padding:10px 5px}
#palleon.zu-studio-shell .palleon-icon-menu-btn:hover,#palleon.zu-studio-shell .palleon-icon-menu-btn.active{background:var(--zu-primary-soft);color:#a5b4fc}
#palleon.zu-studio-shell #palleon-icon-panel,#palleon.zu-studio-shell #palleon-right-col{background:var(--studio-panel);border-color:var(--studio-border);color:var(--studio-text)}
#palleon.zu-studio-shell #palleon-content{background:#080d19}
#palleon.zu-studio-shell .palleon-content-bar{background:rgba(17,24,42,.94);border:1px solid var(--studio-border);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
#palleon.zu-studio-shell #palleon-right-col{box-shadow:-10px 0 30px rgba(0,0,0,.12)}
#palleon.zu-studio-shell .palleon-layers-title{color:var(--studio-text);border-bottom-color:var(--studio-border)}
#palleon.zu-studio-shell .palleon-form-field,#palleon.zu-studio-shell .palleon-select{background:#0e1628;border-color:var(--studio-border);color:var(--studio-text);border-radius:8px}
#palleon.zu-studio-shell .palleon-user-menu img{border:2px solid var(--studio-border)}
#palleon.zu-studio-shell .palleon-dropdown{background:var(--studio-panel);border:1px solid var(--studio-border);box-shadow:var(--zu-shadow-lg);border-radius:12px}
@media(max-width:900px){#palleon.zu-studio-shell .zu-studio-status{display:none}#palleon.zu-studio-shell .zu-studio-brand{min-width:auto}#palleon.zu-studio-shell .zu-studio-logo{width:116px}#palleon.zu-studio-shell .zu-studio-back span:last-child{display:none}}
.zs-finance-intro{padding-top:30px}.zs-finance-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:54px;align-items:center}.zs-finance-copy h2{margin:12px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.04em}.zs-finance-copy>p{max-width:650px;color:#667085;line-height:1.75}.zs-finance-points{display:grid;gap:10px;margin-top:24px}.zs-finance-points span{display:flex;gap:9px;align-items:center;color:#344054;font-size:14px}.zs-finance-points .zs-svg{color:#635bff}.zs-finance-board{border:1px solid #e4e8f0;border-radius:24px;background:linear-gradient(180deg,#fff,#f8faff);box-shadow:0 24px 60px rgba(20,36,70,.12);padding:20px}.zs-finance-board-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:16px;border-bottom:1px solid #edf0f5}.zs-finance-board-head small{display:block;color:#98a2b3;font-size:10px}.zs-finance-board-head strong{display:block;margin-top:3px;color:#172033;font-size:16px}.zs-finance-board-head>span{font-size:10px;font-weight:700;color:#157347;background:#eaf8f0;border-radius:999px;padding:7px 9px}.zs-finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.zs-finance-kpis>div{padding:12px;border:1px solid #edf0f5;border-radius:12px;background:#fff}.zs-finance-kpis small{display:block;color:#98a2b3;font-size:9px}.zs-finance-kpis strong{display:block;margin:5px 0 9px;font-size:17px;color:#172033}.zs-finance-kpis i{display:block;height:4px;border-radius:99px;background:#635bff;opacity:.8}.zs-finance-ledger{display:grid;gap:8px}.zs-finance-ledger>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 12px;border:1px solid #edf0f5;border-radius:12px;background:#fff}.zs-finance-ledger span{font-size:11px;color:#667085}.zs-finance-ledger b{color:#344054}.zs-finance-ledger strong{font-size:12px;color:#172033}.zs-finance-ledger small{font-size:9px;color:#98a2b3}.zs-finance-board-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.zs-finance-board-footer span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;background:#f5f7fb;color:#667085;font-size:9px}.zs-finance-lifecycle{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.zs-finance-step{position:relative;padding:22px;border:1px solid #e8ecf2;border-radius:18px;background:#fff}.zs-finance-step>span{position:absolute;top:16px;right:18px;font-size:10px;font-weight:800;color:#b1b8c5}.zs-finance-step h3{margin:14px 0 7px;font-size:16px}.zs-finance-step p{margin:0;color:#667085;font-size:13px;line-height:1.6}.zs-finance-commercial{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:50px;align-items:center}.zs-finance-commercial h2{margin:10px 0 14px;font-size:clamp(28px,3.5vw,42px);line-height:1.08;letter-spacing:-.035em}.zs-finance-commercial>div>p{color:#667085;line-height:1.75}.zs-finance-flow-card{padding:22px;border:1px solid #e3e8f0;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(20,36,70,.08)}.zs-finance-flow-card>div:not(.zs-finance-status){display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf0f4;font-size:12px}.zs-finance-flow-card b{color:#98a2b3;font-weight:600}.zs-finance-flow-card strong{color:#172033;text-align:right}.zs-finance-status{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border-radius:10px;background:#eefaf3;color:#157347;font-size:11px;font-weight:700}.zs-finance-status i{width:7px;height:7px;border-radius:50%;background:#22a861}.zs-finance-commercial .zs-check-list{margin-top:22px}@media(max-width:900px){.zs-finance-hero-grid,.zs-finance-commercial{grid-template-columns:1fr;gap:30px}.zs-finance-lifecycle{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.zs-finance-board{padding:14px;border-radius:18px}.zs-finance-kpis{grid-template-columns:1fr}.zs-finance-lifecycle{grid-template-columns:1fr}.zs-finance-copy h2{font-size:32px}.zs-finance-commercial h2{font-size:30px}.zs-finance-flow-card{padding:17px}}
/* Footer owns the full-width dark treatment; CTA keeps only its inner panel. */
.zs-footer{background:#03142f;border-top:0;color:#fff}.zs-footer p{color:#b8cce2}.zs-footer b{color:#fff}.zs-footer-grid>div:not(:first-child) a{color:#b8cce2}.zs-footer-grid a:hover{color:#fff}.zs-footer-bottom{border-top-color:rgba(255,255,255,.14);color:#8fa7c3}.zs-footer .zs-footer-bottom>span{color:#8fa7c3}
/* Footer link markers */
.zs-footer-grid>div:not(:first-child) a{display:flex;align-items:center;gap:8px}.zs-footer-grid>div:not(:first-child) a::before{content:'—';font-size:11px;color:#8fa7c3;line-height:1;flex:0 0 auto}
.zs-footer-grid>div:not(:first-child) a:hover::before{color:#fff}
.zs-footer-grid{grid-template-columns:1.55fr repeat(4,1fr)}
@media(max-width:900px){.zs-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}}
@media(max-width:600px){.zs-footer-grid{grid-template-columns:1fr 1fr}.zs-footer-grid>div:first-child{grid-column:1/-1}}
/* Solutions refinement */
.zs-solution-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.zs-solution-hero-grid h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.05em;margin:14px 0}.zs-solution-board{padding:25px;border:1px solid #dfe6f2;border-radius:24px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 24px 60px rgba(16,24,40,.08)}.zs-solution-board-top{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #e7ebf2}.zs-solution-board-top .zs-icon{margin:0}.zs-solution-board-top span,.zs-solution-board-top strong{display:block}.zs-solution-board-top span{font-size:10px;color:#718096;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.zs-solution-board-top strong{font-size:15px;margin-top:3px}.zs-solution-board-top em{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;color:#16845b;background:#e9f8f0;padding:6px 9px;border-radius:999px}.zs-solution-board-line{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #edf0f4;font-size:12px}.zs-solution-board-line b{color:#344054}.zs-solution-board-line span{color:#718096}.zs-solution-board-foot{display:grid;gap:9px;padding-top:18px}.zs-solution-board-foot span{display:flex;align-items:center;gap:8px;color:#475467;font-size:11px}.zs-solution-board-foot .zs-svg{color:var(--p)}.zs-solution-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.zs-solution-directory-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 35px #10182808;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.zs-solution-directory-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #10182812;border-color:#d7def7}.zs-solution-directory-card .zs-icon{margin-bottom:18px}.zs-solution-directory-index{position:absolute;right:22px;top:22px;font-size:11px;color:#98a2b3;font-weight:800}.zs-solution-directory-card h3{font-size:21px;margin:7px 0 9px}.zs-solution-directory-card p{color:var(--muted);line-height:1.7;font-size:13px;max-width:560px}.zs-solution-directory-card strong{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:var(--p);font-size:12px}.zs-solution-directory-card strong .zs-svg{transition:transform .2s ease}.zs-solution-directory-card:hover strong .zs-svg{transform:translateX(3px)}.zs-solution-callout{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px;border:1px solid #dfe6f2;border-radius:23px;background:#fff;box-shadow:0 16px 45px #10182808}.zs-solution-callout h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;margin:10px 0}.zs-solution-callout p{max-width:720px;color:var(--muted);line-height:1.7;margin:0}.zs-solution-workflow .zs-workflow-step{min-height:235px}
@media(max-width:900px){.zs-solution-hero-grid{grid-template-columns:1fr;gap:38px}.zs-solution-directory{grid-template-columns:1fr}.zs-solution-callout{display:grid}}
@media(max-width:600px){.zs-solution-board{padding:19px}.zs-solution-board-top{align-items:flex-start}.zs-solution-board-top em{font-size:9px}.zs-solution-directory-card{padding:23px}.zs-solution-workflow .zs-workflow-step{min-height:0}.zs-solution-callout{padding:25px}}

/* Studio light theme: keeps the editor shell aligned with the Zuporia light workspace. */
#palleon.zu-studio-shell.light-theme{--studio-bg:#f5f7fb;--studio-panel:#ffffff;--studio-panel-2:#f8fafc;--studio-border:rgba(15,23,42,.12);--studio-text:#172033;--studio-muted:#64748b;background:var(--studio-bg);color:var(--studio-text)}
#palleon.zu-studio-shell.light-theme #palleon-top-bar{background:rgba(255,255,255,.96);border-bottom-color:var(--studio-border);box-shadow:0 8px 30px rgba(15,23,42,.08)}
#palleon.zu-studio-shell.light-theme .zu-studio-divider{background:var(--studio-border)}
#palleon.zu-studio-shell.light-theme .zu-studio-name{color:var(--studio-text)}
#palleon.zu-studio-shell.light-theme .zu-studio-status{border-color:var(--studio-border);color:var(--studio-muted)}
#palleon.zu-studio-shell.light-theme .palleon-btn{background:var(--studio-panel-2);border-color:var(--studio-border);color:var(--studio-text)}
#palleon.zu-studio-shell.light-theme .palleon-btn:hover{background:#eef2ff;border-color:rgba(79,70,229,.35)}
#palleon.zu-studio-shell.light-theme .palleon-btn-simple{color:var(--studio-muted)}
#palleon.zu-studio-shell.light-theme .palleon-btn-simple:hover{color:var(--studio-text);background:#f1f5f9}
#palleon.zu-studio-shell.light-theme .zu-studio-back{color:var(--studio-muted);border-color:var(--studio-border);background:transparent}
#palleon.zu-studio-shell.light-theme .zu-studio-back:hover{color:var(--studio-text);background:#f1f5f9}
#palleon.zu-studio-shell.light-theme #palleon-icon-menu{background:#f8fafc;border-right-color:var(--studio-border)}
#palleon.zu-studio-shell.light-theme .palleon-icon-menu-btn{color:var(--studio-muted)}
#palleon.zu-studio-shell.light-theme .palleon-icon-menu-btn:hover,#palleon.zu-studio-shell.light-theme .palleon-icon-menu-btn.active{background:#eef2ff;color:#4f46e5}
#palleon.zu-studio-shell.light-theme #palleon-icon-panel,#palleon.zu-studio-shell.light-theme #palleon-right-col{background:#fff;border-color:var(--studio-border);color:var(--studio-text)}
#palleon.zu-studio-shell.light-theme #palleon-content{background:#e9eef5}
#palleon.zu-studio-shell.light-theme .palleon-content-bar{background:rgba(255,255,255,.96);border-color:var(--studio-border);box-shadow:0 12px 30px rgba(15,23,42,.10)}
#palleon.zu-studio-shell.light-theme #palleon-right-col{box-shadow:-10px 0 30px rgba(15,23,42,.06)}
#palleon.zu-studio-shell.light-theme .palleon-layers-title{color:var(--studio-text);border-bottom-color:var(--studio-border)}
#palleon.zu-studio-shell.light-theme .palleon-form-field,#palleon.zu-studio-shell.light-theme .palleon-select{background:#fff;border-color:var(--studio-border);color:var(--studio-text)}
#palleon.zu-studio-shell.light-theme .palleon-dropdown{background:#fff;border-color:var(--studio-border);box-shadow:0 18px 45px rgba(15,23,42,.14)}
#palleon.zu-studio-shell.light-theme .palleon-user-menu img{border-color:var(--studio-border)}

#palleon.zu-studio-shell .zu-studio-logo-light{display:none}
#palleon.zu-studio-shell.light-theme .zu-studio-logo-dark{display:none}
#palleon.zu-studio-shell.light-theme .zu-studio-logo-light{display:block}

/* Studio shell: keep the left navigation below the fixed header. */
#palleon.zu-studio-shell #palleon-icon-menu{
    top:64px;
    height:calc(100% - 64px);
    padding-top:8px;
    z-index:110;
}
#palleon.zu-studio-shell #palleon-icon-panel{
    top:64px;
    height:calc(100% - 64px);
    padding-top:0;
    z-index:109;
}
#palleon.zu-studio-shell #palleon-right-col{
    top:64px;
    height:calc(100% - 64px);
    padding-top:0;
}
#palleon.zu-studio-shell .palleon-icon-menu-btn:first-child{margin-top:0}

@media only screen and (max-width:575px){
    #palleon.zu-studio-shell #palleon-icon-menu{top:64px;height:calc(100% - 64px)}
    #palleon.zu-studio-shell #palleon-icon-panel{top:64px;height:calc(100% - 64px);padding-top:0}
    #palleon.zu-studio-shell #palleon-right-col{top:64px;height:calc(100% - 64px)}
}


/* Unified header icon theme treatment: Workspace + Studio */
.zs-admin-shell .zu-header .zu-icon-button,
.zs-admin-shell .zu-header .zu-header-link,
.zs-admin-shell .zu-header .sidebar-toggler,
.zs-admin-shell .zu-header .zu-header-actions .zu-icon-button,
.zs-admin-shell .zu-header .zu-header-actions .zu-header-link{
    color:var(--zu-text-soft)!important;
    background:transparent!important;
    border-color:transparent!important;
}
.zs-admin-shell .zu-header .zu-icon-button:hover,
.zs-admin-shell .zu-header .zu-header-link:hover,
.zs-admin-shell .zu-header .sidebar-toggler:hover{
    color:var(--zu-primary)!important;
    background:var(--zu-primary-soft)!important;
    border-color:var(--zu-border)!important;
}
.zs-admin-shell .zu-header .zu-theme-icon,
.zs-admin-shell .zu-header .zu-sound-icon,
.zs-admin-shell .zu-header .zu-header-link svg,
.zs-admin-shell .zu-header .sidebar-toggler svg,
.zs-admin-shell .zu-header .zu-icon-button svg{
    color:currentColor!important;
    stroke:currentColor;
}
.zs-admin-shell .zu-header .zu-header-actions .zu-icon-button:focus-visible,
.zs-admin-shell .zu-header .zu-header-actions .zu-header-link:focus-visible,
.zs-admin-shell .zu-header .sidebar-toggler:focus-visible{
    outline:2px solid var(--zu-primary)!important;
    outline-offset:2px;
}
.zs-admin-shell .zu-user-trigger .zu-avatar,
.zs-admin-shell .zu-user-trigger .avatar{
    background:var(--zu-primary-soft)!important;
    color:var(--zu-primary)!important;
}
.zs-admin-shell .zu-user-dropdown .dropdown-item .feather,
.zs-admin-shell .zu-user-dropdown .dropdown-item .mdi{
    color:var(--zu-primary)!important;
}
.zs-admin-shell .zu-user-dropdown .dropdown-item:hover .feather,
.zs-admin-shell .zu-user-dropdown .dropdown-item:hover .mdi{
    color:var(--zu-primary)!important;
}
.zs-admin-shell .zu-user-dropdown .theme-red .feather,
.zs-admin-shell .zu-user-dropdown .theme-red .mdi{
    color:var(--zu-danger)!important;
}
[data-bs-theme="dark"] .zs-admin-shell .zu-header .zu-icon-button,
[data-bs-theme="dark"] .zs-admin-shell .zu-header .zu-header-link,
[data-bs-theme="dark"] .zs-admin-shell .zu-header .sidebar-toggler{
    color:var(--zu-text-soft)!important;
}
[data-bs-theme="dark"] .zs-admin-shell .zu-user-dropdown .dropdown-item{
    color:var(--zu-text-soft);
}

#palleon.zu-studio-shell .zu-studio-header-right .zu-header-link,
#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button,
#palleon.zu-studio-shell .zu-studio-header-right .zu-studio-header-icon{
    color:var(--zu-text-soft)!important;
    background:transparent!important;
    border-color:transparent!important;
}
#palleon.zu-studio-shell .zu-studio-header-right .zu-header-link:hover,
#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button:hover,
#palleon.zu-studio-shell .zu-studio-header-right .zu-studio-header-icon:hover{
    color:var(--zu-primary)!important;
    background:var(--zu-primary-soft)!important;
    border-color:var(--zu-border)!important;
}
#palleon.zu-studio-shell .zu-studio-header-right .zu-header-link svg,
#palleon.zu-studio-shell .zu-studio-header-right .zu-header-link i,
#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button svg,
#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button i,
#palleon.zu-studio-shell .zu-studio-header-right .zu-studio-header-icon .material-icons{
    color:currentColor!important;
    stroke:currentColor;
}
#palleon.zu-studio-shell .zu-studio-header-right .zu-theme-icon,
#palleon.zu-studio-shell .zu-studio-header-right .zu-sound-icon{color:currentColor!important}
#palleon.zu-studio-shell .zu-studio-header-right .zu-header-link:focus-visible,
#palleon.zu-studio-shell .zu-studio-header-right .zu-icon-button:focus-visible,
#palleon.zu-studio-shell .zu-studio-header-right .zu-studio-header-icon:focus-visible{
    outline:2px solid var(--zu-primary)!important;
    outline-offset:2px;
}

/* Workspace profile menu refinement */
.zs-admin-shell .zu-user-dropdown .zu-user-summary{padding:14px 16px!important;background:linear-gradient(135deg,var(--zu-primary-soft),var(--zu-surface-2))!important;border-bottom:1px solid var(--zu-border)!important}
.zs-admin-shell .zu-user-summary .zu-user-name{margin:0 0 3px!important;color:var(--zu-text)!important;font-size:13px;font-weight:700}
.zs-admin-shell .zu-user-summary .zu-user-date{display:flex;align-items:center;margin:0!important;color:var(--zu-text-soft)!important;font-size:11px}
.zs-admin-shell .zu-user-summary .zu-user-date i{font-size:14px;color:var(--zu-text-soft)}
.zs-admin-shell .zu-user-summary .zu-avatar-lg{width:48px;height:48px;border:1px solid var(--zu-border);background:var(--zu-primary-soft)!important;color:var(--zu-primary)!important;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.zs-admin-shell .zu-user-summary .zu-avatar-lg>div{width:100%;height:100%;display:grid;place-items:center;background:var(--zu-primary-soft)!important;color:var(--zu-primary)!important;font-weight:800}
.zs-admin-shell .zu-user-dropdown> .px-2{padding:4px 6px 8px!important}
.zs-admin-shell .zu-user-dropdown .zu-profile-item{display:flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;margin:2px 0!important;padding:6px 8px!important;border-radius:9px!important;color:var(--zu-text-soft)!important;font-size:13px!important;text-decoration:none}
.zs-admin-shell .zu-user-dropdown .zu-profile-item:hover{color:var(--zu-primary)!important;background:var(--zu-primary-soft)!important}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;border-radius:8px;background:var(--zu-primary-soft);color:var(--zu-primary)!important}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-icon svg{width:17px;height:17px;stroke:currentColor}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-icon-success{background:var(--zu-success-soft)!important;color:var(--zu-success)!important}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-icon-info{background:var(--zu-info-soft)!important;color:var(--zu-info)!important}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-icon-danger{background:var(--zu-danger-soft)!important;color:var(--zu-danger)!important}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-label{flex:1;min-width:0;white-space:nowrap}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-meta{display:flex;align-items:center;gap:3px;margin-left:auto}
.zs-admin-shell .zu-user-dropdown .zu-profile-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--zu-surface-2);border:1px solid var(--zu-border);color:var(--zu-text-soft);font-size:10px;font-weight:700}
.zs-admin-shell .zu-user-dropdown .zu-profile-upgrade{margin-left:auto;color:var(--zu-success)!important;font-size:11px;font-weight:700}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-chevron{font-family:'Material Icons';font-size:17px;color:var(--zu-text-soft);line-height:1}
.zs-admin-shell .zu-user-dropdown .zu-profile-item:hover .zu-profile-item-chevron{color:var(--zu-primary)}
.zs-admin-shell .zu-user-dropdown .theme-red:hover{color:var(--zu-danger)!important;background:var(--zu-danger-soft)!important}
.zs-admin-shell .zu-user-dropdown .theme-red:hover .zu-profile-item-icon-danger{background:var(--zu-danger)!important;color:#fff!important}

/* Workspace profile menu: dependency-free chevrons and stable label alignment */
.zs-admin-shell .zu-user-dropdown .zu-profile-item{position:relative;flex-wrap:nowrap!important}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-label{display:block;overflow:hidden;text-overflow:ellipsis}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-chevron{display:inline-flex!important;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;margin-left:4px;color:var(--zu-text-soft)!important;line-height:1}
.zs-admin-shell .zu-user-dropdown .zu-profile-item-chevron svg{width:16px;height:16px;stroke:currentColor}
.zs-admin-shell .zu-user-dropdown .zu-profile-item:hover .zu-profile-item-chevron{color:var(--zu-primary)!important}
.zs-legal-grid{grid-template-columns:repeat(4,1fr)}.zs-legal-card{display:flex;flex-direction:column;gap:10px;text-decoration:none}.zs-legal-card h3{margin:4px 0 0}.zs-legal-card p{margin:0;flex:1}.zs-legal-card>span{display:flex;align-items:center;gap:6px;font-weight:700}.zs-legal-document{max-width:900px;margin:32px auto 0}.zs-legal-document section{padding:26px 0;border-top:1px solid var(--zs-line)}.zs-legal-document h2{margin:0 0 8px}.zs-legal-document p{margin:0;line-height:1.8}.zs-legal-note{max-width:900px;margin:28px auto 0;font-size:13px;color:var(--zs-muted)}.zs-legal-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.zs-legal-groups>div{padding:28px;border:1px solid var(--zs-line);border-radius:20px;background:var(--zs-card)}@media(max-width:900px){.zs-legal-grid{grid-template-columns:repeat(2,1fr)}.zs-legal-groups{grid-template-columns:1fr}}@media(max-width:560px){.zs-legal-grid{grid-template-columns:1fr}}

/* Quick Create: clearer format cards and creation affordance */
#palleon.zu-studio-shell .zu-studio-create-card{position:relative;overflow:hidden}
#palleon.zu-studio-shell .zu-studio-create-card::after{content:'arrow_forward';font-family:'Material Icons';position:absolute;right:12px;bottom:12px;font-size:16px;color:var(--zu-text-soft);opacity:.55;transition:transform .16s ease,color .16s ease,opacity .16s ease}
#palleon.zu-studio-shell .zu-studio-create-card:hover::after{color:var(--zu-primary);opacity:1;transform:translateX(2px)}
#palleon.zu-studio-shell .zu-studio-create-card:focus-visible{outline:2px solid var(--zu-primary);outline-offset:2px}
#palleon.zu-studio-shell .zu-studio-create-card small{font-variant-numeric:tabular-nums}
#palleon.zu-studio-shell .palleon-content-bar .palleon-img-size{font-variant-numeric:tabular-nums;font-weight:700;color:var(--zu-text-soft)}

.zs-legal-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.zs-legal-meta span{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #dfe6f0;border-radius:999px;background:#f8faff;color:#516072;font-size:12px;font-weight:700}

/* Studio Home - creative dashboard */
#studio-home{min-height:100vh;background:#f7f7fb;color:#202124;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#studio-home.dark-theme{background:#0b1020;color:#f8fafc}
.zu-studio-home{min-height:100vh}
.zu-studio-home-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}
.dark-theme .zu-studio-home-header{background:rgba(13,19,35,.94);border-bottom-color:rgba(255,255,255,.08)}
.zu-studio-home-brand{display:flex;align-items:center;gap:11px;color:#171a2b;text-decoration:none;min-width:235px}.dark-theme .zu-studio-home-brand{color:#fff}
.zu-studio-home-brand img{width:128px;height:auto}.home-logo-light{display:none!important}.dark-theme .home-logo-dark{display:none!important}.dark-theme .home-logo-light{display:block!important}
.home-brand-divider{width:1px;height:24px;background:#d9dce5}.dark-theme .home-brand-divider{background:#384158}
.zu-studio-home-brand strong{font-size:15px;letter-spacing:.01em}
.zu-studio-home-nav{display:flex;align-items:center;gap:6px;height:100%}.zu-studio-home-nav a{padding:10px 16px;border-radius:9px;text-decoration:none;color:#667085;font-size:13px;font-weight:650}.zu-studio-home-nav a:hover,.zu-studio-home-nav a.active{background:#f1f2ff;color:#5146e5}.dark-theme .zu-studio-home-nav a{color:#9aa5bd}.dark-theme .zu-studio-home-nav a:hover,.dark-theme .zu-studio-home-nav a.active{background:#1b2140;color:#a5b4fc}
.zu-studio-home-actions{display:flex;align-items:center;gap:12px;min-width:235px;justify-content:flex-end}
.zu-studio-home-user{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#6257e8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:750;font-size:13px}.zu-studio-home-user img{width:100%;height:100%;object-fit:cover}
.zu-studio-home-logout{border:0;background:transparent;color:#667085;width:36px;height:36px;border-radius:9px;cursor:pointer;display:grid;place-items:center}.zu-studio-home-logout:hover{background:#f1f2f6;color:#ef4444}.dark-theme .zu-studio-home-logout{color:#a5b0c6}.dark-theme .zu-studio-home-logout:hover{background:#20283c}
.zu-studio-home-main{max-width:1240px;margin:0 auto;padding:0 28px 70px}
.zu-studio-hero{margin-top:34px;border-radius:24px;min-height:290px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.3),transparent 28%),linear-gradient(120deg,#5b4de6 0%,#7454e8 48%,#9b55d8 100%);box-shadow:0 18px 50px rgba(74,57,190,.2);position:relative}
.zu-studio-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-90px;top:-120px;background:rgba(255,255,255,.1);box-shadow:-150px 230px 0 -50px rgba(255,255,255,.08)}
.zu-studio-hero-inner{position:relative;z-index:1;padding:42px 52px;width:min(780px,100%)}
.zu-studio-kicker{display:inline-flex;align-items:center;gap:7px;color:#eeeaff;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.zu-studio-kicker .material-icons{font-size:17px}
.zu-studio-hero h1{margin:12px 0 8px;color:#fff;font-size:38px;line-height:1.12;letter-spacing:-.04em;font-weight:800}.zu-studio-hero p{margin:0 0 24px;color:rgba(255,255,255,.82);font-size:15px}
.zu-studio-hero-search{height:54px;max-width:650px;border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 15px;gap:10px;box-shadow:0 10px 28px rgba(20,12,80,.18)}.zu-studio-hero-search .material-icons{color:#74788a}.zu-studio-hero-search input{border:0;outline:0;flex:1;font-size:14px;color:#202124;background:transparent}.zu-search-shortcut{font-size:11px;color:#8a8fa2;background:#f3f4f7;border:1px solid #e4e6eb;border-radius:6px;padding:4px 7px}
.zu-studio-section{padding-top:46px}.zu-studio-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.zu-studio-section-head h2{margin:0;color:inherit;font-size:21px;letter-spacing:-.025em}.zu-studio-section-head p{margin:5px 0 0;color:#7a8193;font-size:13px}.dark-theme .zu-studio-section-head p{color:#8994aa}
.zu-studio-text-link{display:inline-flex;align-items:center;gap:5px;color:#5b50dc;text-decoration:none;font-size:12px;font-weight:750}.zu-studio-text-link .material-icons{font-size:16px}
.zu-studio-format-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:13px}
.zu-format-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#242735;min-width:0}.dark-theme .zu-format-card{color:#f3f4f8}
.format-preview{width:100%;aspect-ratio:1/1;border-radius:14px;display:grid;place-items:center;margin-bottom:10px;position:relative;overflow:hidden;border:1px solid rgba(17,24,39,.08);box-shadow:0 5px 16px rgba(15,23,42,.07);transition:transform .18s ease,box-shadow .18s ease}.zu-format-card:hover .format-preview{transform:translateY(-4px);box-shadow:0 13px 26px rgba(15,23,42,.13)}.format-preview:before{content:"";position:absolute;inset:18%;border-radius:9px;background:rgba(255,255,255,.82);box-shadow:0 4px 12px rgba(0,0,0,.08)}.format-preview .material-icons{position:relative;z-index:1;font-size:27px;color:#6157df}
.format-square .format-preview{background:linear-gradient(145deg,#e8e6ff,#d9d2ff)}.format-story .format-preview{background:linear-gradient(145deg,#ffe3ef,#f5c8e8)}.format-story .format-preview:before{inset:12% 28%}.format-landscape .format-preview,.format-video .format-preview{background:linear-gradient(145deg,#dff4ff,#c9e9fa)}.format-linkedin .format-preview{background:linear-gradient(145deg,#e0efff,#cbdcf9)}.format-banner .format-preview,.format-cover .format-preview{background:linear-gradient(145deg,#fff0d6,#ffd8a6)}.format-wallpaper .format-preview{background:linear-gradient(145deg,#dff7e9,#bfe9d1)}
.zu-format-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zu-format-card small{font-size:10px;color:#8a90a0;margin-top:3px}.dark-theme .zu-format-card small{color:#8791a8}
.zu-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zu-template-card{text-decoration:none;color:inherit;min-width:0}.zu-template-image{aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:#e8ebf2;position:relative;box-shadow:0 4px 15px rgba(15,23,42,.07)}.zu-template-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.zu-template-card:hover .zu-template-image img{transform:scale(1.035)}.zu-template-use{position:absolute;left:12px;right:12px;bottom:10px;padding:9px 11px;border-radius:8px;background:rgba(27,23,55,.88);color:#fff;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;opacity:0;transform:translateY(5px);transition:.18s ease}.zu-template-use .material-icons{font-size:15px}.zu-template-card:hover .zu-template-use{opacity:1;transform:none}.zu-template-card strong{display:block;margin:10px 2px 2px;font-size:13px}.zu-template-card small{display:block;margin:0 2px;color:#7c8497;font-size:11px}.dark-theme .zu-template-card small{color:#8994aa}
.zu-studio-empty{min-height:230px;border:1px dashed #d8dce6;border-radius:16px;background:rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dark-theme .zu-studio-empty{border-color:#303a51;background:rgba(16,23,40,.6)}.zu-empty-icon{width:52px;height:52px;border-radius:14px;background:#eeecff;color:#5b50dc;display:grid;place-items:center;margin-bottom:12px}.zu-empty-icon .material-icons{font-size:24px}.zu-studio-empty h3{margin:0 0 5px;font-size:15px}.zu-studio-empty p{margin:0 0 16px;color:#7b8395;font-size:12px}.zu-studio-primary-btn{display:inline-flex;align-items:center;gap:6px;background:#5b50dc;color:#fff;text-decoration:none;padding:9px 14px;border-radius:8px;font-size:12px;font-weight:750}.zu-studio-primary-btn .material-icons{font-size:17px}
.zu-studio-home-footer{max-width:1240px;margin:0 auto;padding:25px 28px 35px;display:flex;justify-content:space-between;color:#98a0b1;font-size:11px;border-top:1px solid rgba(15,23,42,.06)}.dark-theme .zu-studio-home-footer{border-top-color:rgba(255,255,255,.07)}
@media(max-width:1050px){.zu-studio-format-grid{grid-template-columns:repeat(4,1fr)}.zu-studio-home-nav{display:none}.zu-studio-home-brand,.zu-studio-home-actions{min-width:auto}.zu-template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.zu-studio-home-header{padding:0 16px}.zu-studio-home-brand strong,.home-brand-divider{display:none}.zu-studio-home-main{padding:0 16px 50px}.zu-studio-hero{margin-top:18px;min-height:330px}.zu-studio-hero-inner{padding:30px 24px}.zu-studio-hero h1{font-size:30px}.zu-studio-format-grid{grid-template-columns:repeat(2,1fr)}.zu-template-grid{grid-template-columns:1fr}.zu-studio-section-head{align-items:flex-start;gap:12px}.zu-studio-section-head p{max-width:260px}.zu-studio-home-footer{padding-left:16px;padding-right:16px}.zu-studio-home-footer span:last-child{display:none}}


/* Public legal document layout */
.zs-legal-page{padding-top:64px;padding-bottom:88px}
.zs-legal-layout{display:grid;grid-template-columns:250px minmax(0,900px);gap:48px;align-items:start;justify-content:center}
.zs-legal-sidebar{position:sticky;top:104px}
.zs-legal-side-card{padding:22px;border:1px solid var(--zs-line);border-radius:18px;background:var(--zs-card);box-shadow:0 12px 32px rgba(20,42,75,.05)}
.zs-legal-side-card .zs-eyebrow{display:block;margin-bottom:14px}
.zs-legal-side-card nav{display:flex;flex-direction:column;gap:2px}
.zs-legal-side-card nav a{padding:8px 9px;border-radius:8px;color:var(--zs-muted);font-size:13px;line-height:1.35;text-decoration:none}
.zs-legal-side-card nav a:hover{background:var(--zs-soft-bg);color:var(--zs-text)}
.zs-legal-contact{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--zs-line);font-size:12px;font-weight:800;color:var(--zs-text);text-decoration:none}
.zs-legal-document{max-width:none;margin:0;padding:34px 42px;border:1px solid var(--zs-line);border-radius:22px;background:var(--zs-card);box-shadow:0 18px 45px rgba(20,42,75,.06)}
.zs-legal-document section{padding:0 0 30px;margin:0 0 30px;border-top:0;border-bottom:1px solid var(--zs-line);scroll-margin-top:120px}
.zs-legal-document section:last-of-type{margin-bottom:0}
.zs-legal-document h2{margin:0 0 10px;font-size:20px;line-height:1.35}
.zs-legal-document p{margin:0;line-height:1.8;color:var(--zs-muted)}
.zs-legal-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.zs-legal-meta span{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--zs-line);border-radius:999px;background:var(--zs-soft-bg);color:var(--zs-muted);font-size:12px;font-weight:700}
.zs-legal-note{margin:28px 0 0;padding:18px 20px;border:1px solid var(--zs-line);border-radius:14px;background:var(--zs-soft-bg);font-size:13px;color:var(--zs-muted)}
.zs-legal-note strong{display:block;margin-bottom:5px;color:var(--zs-text)}
.zs-legal-note p{margin:0;font-size:13px;line-height:1.65}
@media(max-width:1000px){.zs-legal-layout{grid-template-columns:1fr;gap:24px}.zs-legal-sidebar{position:static}.zs-legal-side-card nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.zs-legal-contact{margin-top:12px}}
@media(max-width:560px){.zs-legal-page{padding-top:40px;padding-bottom:64px}.zs-legal-document{padding:24px 20px;border-radius:16px}.zs-legal-side-card{padding:18px}.zs-legal-side-card nav{grid-template-columns:1fr}.zs-legal-document h2{font-size:18px}.zs-legal-document section{padding-bottom:24px;margin-bottom:24px}}

/* Studio advanced home */
.zu-studio-smart{margin:28px 0 8px;padding:24px 26px;border:1px solid rgba(98,87,232,.16);border-radius:18px;background:linear-gradient(135deg,#f7f6ff,#fff);display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:center;box-shadow:0 10px 30px rgba(50,42,130,.06)}
.dark-theme .zu-studio-smart{background:linear-gradient(135deg,#171b35,#111728);border-color:rgba(165,180,252,.14)}
.zu-smart-copy h2{margin:7px 0 5px;font-size:21px;letter-spacing:-.02em}.zu-smart-copy p{margin:0;color:#747b8f;font-size:12px}.dark-theme .zu-smart-copy p{color:#98a3bb}
.zu-smart-form{display:flex;gap:8px}.zu-smart-form input{height:48px;flex:1;border:1px solid #dfe2ea;border-radius:11px;padding:0 14px;outline:0;background:#fff;font-size:13px}.dark-theme .zu-smart-form input{background:#101525;border-color:#303950;color:#fff}.zu-smart-form input:focus{border-color:#6257e8;box-shadow:0 0 0 3px rgba(98,87,232,.1)}
.zu-smart-form button{height:48px;border:0;border-radius:11px;padding:0 17px;background:#6257e8;color:#fff;font-weight:750;display:flex;align-items:center;gap:6px;cursor:pointer}.zu-smart-form button:hover{filter:brightness(.96)}.zu-smart-form button .material-icons{font-size:18px}
.zu-smart-suggestions{grid-column:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:-7px}.zu-smart-suggestions button,.zu-template-filters button{border:1px solid #e1e4eb;background:#fff;color:#667085;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;cursor:pointer}.dark-theme .zu-smart-suggestions button,.dark-theme .zu-template-filters button{background:#151b2b;border-color:#30384c;color:#aab3c7}.zu-smart-suggestions button:hover,.zu-template-filters button:hover,.zu-template-filters button.active{border-color:#6257e8;background:#f2f0ff;color:#5549df}.dark-theme .zu-template-filters button.active{background:#25234d;color:#b7b0ff}
.zu-template-filters{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 18px}.zu-format-card .format-preview{background:linear-gradient(145deg,#f0efff,#f8f9fc)}
.format-ad .format-preview{background:linear-gradient(145deg,#fff0ed,#fff8f5)}.format-pinterest .format-preview{background:linear-gradient(145deg,#fff0f4,#fff9fb)}.format-twitter .format-preview{background:linear-gradient(145deg,#edf7ff,#f8fbff)}
.zu-template-card[hidden]{display:none}.zu-template-card.no-match{display:none}
@media(max-width:800px){.zu-studio-smart{grid-template-columns:1fr}.zu-smart-suggestions{grid-column:auto;margin-top:0}.zu-smart-form{width:100%}}
@media(max-width:520px){.zu-smart-form{flex-direction:column}.zu-smart-form button{justify-content:center}.zu-studio-smart{padding:20px}.zu-smart-suggestions{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}}

/* Studio projects */
.zu-studio-projects{min-height:100vh;background:#f7f8fc;color:#1c2030}.dark-theme .zu-studio-projects{background:#0c1120;color:#f3f5fa}.zu-studio-projects-header{height:72px;padding:0 34px;background:#fff;border-bottom:1px solid #e7e9ef;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.dark-theme .zu-studio-projects-header{background:#111728;border-bottom-color:#252d40}.zu-project-actions{display:flex;align-items:center;gap:12px}.zu-project-actions button{border:0;cursor:pointer}.zu-projects-main{max-width:1240px;margin:auto;padding:42px 28px 70px}.zu-projects-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.zu-projects-title h1{font-size:34px;letter-spacing:-.035em;margin:8px 0 5px}.zu-projects-title p{font-size:13px;color:#7b8396;margin:0}.zu-project-search{width:300px;height:46px;border:1px solid #dfe3eb;background:#fff;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 13px}.dark-theme .zu-project-search{background:#151b2b;border-color:#30384c}.zu-project-search .material-icons{font-size:19px;color:#8a92a5}.zu-project-search input{border:0;outline:0;background:transparent;flex:1;font-size:12px;color:inherit}.zu-project-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;color:#8a92a5}.zu-project-toolbar button{border:0;background:transparent;padding:8px 12px;border-radius:8px;color:#737b8f;font-weight:700;cursor:pointer}.zu-project-toolbar button.active{background:#eeecff;color:#5b50dc}.dark-theme .zu-project-toolbar button.active{background:#25234d;color:#b8b1ff}.zu-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zu-project-card{background:#fff;border:1px solid #e6e9ef;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(25,30,50,.045)}.dark-theme .zu-project-card{background:#141a2a;border-color:#283147}.zu-project-preview{height:190px;background:linear-gradient(145deg,#f0efff,#f8f9fc);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#6359e4;overflow:hidden}.dark-theme .zu-project-preview{background:linear-gradient(145deg,#1b2140,#151b2b)}.zu-project-preview img{width:100%;height:100%;object-fit:cover}.zu-project-preview div{text-align:center;display:grid;gap:7px}.zu-project-preview .material-icons{font-size:42px}.zu-project-preview strong{font-size:11px;color:#8a90a2}.zu-project-card-body{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.zu-project-card-body strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.zu-project-card-body small{display:block;color:#8a92a5;font-size:10px;margin-top:4px}.zu-project-card-body button{border:0;background:transparent;color:#9aa1b1;cursor:pointer}.zu-project-card-body button:hover{color:#ef4444}.zu-project-empty{padding:90px 20px;text-align:center;border:1px dashed #d9dce6;border-radius:16px;background:#fff}.dark-theme .zu-project-empty{background:#141a2a;border-color:#30384c}.zu-project-empty>.material-icons{font-size:46px;color:#6559e8}.zu-project-empty h2{margin:12px 0 5px}.zu-project-empty p{font-size:12px;color:#8a92a5;margin-bottom:20px}.zu-project-modal{position:fixed;inset:0;background:rgba(9,12,25,.55);display:grid;place-items:center;z-index:100}.zu-project-dialog{position:relative;width:min(440px,calc(100vw - 32px));background:#fff;border-radius:18px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.22)}.dark-theme .zu-project-dialog{background:#151b2b;color:#fff}.zu-project-close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#8b93a5;cursor:pointer}.zu-project-dialog h2{margin:9px 0 5px}.zu-project-dialog p{font-size:12px;color:#8a92a5}.zu-project-dialog>input{width:100%;height:46px;border:1px solid #dfe3eb;border-radius:10px;padding:0 12px;outline:0;margin:12px 0 18px}.dark-theme .zu-project-dialog>input{background:#0f1525;border-color:#30384c;color:#fff}.zu-project-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.zu-project-dialog-actions button{border:0;background:#f1f2f6;padding:9px 14px;border-radius:8px;cursor:pointer}.zu-project-dialog-actions .primary{background:#6257e8;color:#fff}.zu-project-pagination{margin-top:24px}.zu-project-pagination nav{display:flex;justify-content:center}.zu-project-pagination svg{width:18px}.zu-project-pagination span,.zu-project-pagination a{font-size:11px}
@media(max-width:900px){.zu-project-grid{grid-template-columns:repeat(2,1fr)}.zu-projects-title{align-items:stretch;flex-direction:column}.zu-project-search{width:100%}}@media(max-width:560px){.zu-studio-projects-header{padding:0 16px}.zu-projects-main{padding:28px 16px 50px}.zu-project-grid{grid-template-columns:1fr}.zu-project-preview{height:220px}.zu-project-actions .zu-studio-login-link{display:none}}

.zu-editor-save-status{position:fixed;right:18px;bottom:18px;z-index:1400;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.96);border:1px solid #e2e5ec;border-radius:10px;padding:8px 10px 8px 11px;box-shadow:0 8px 30px rgba(25,30,50,.13);font:600 11px/1.2 Arial,sans-serif;color:#687086;backdrop-filter:blur(10px)}.dark-theme .zu-editor-save-status{background:rgba(18,24,38,.96);border-color:#30384c;color:#aeb7ca}.zu-editor-save-status>.material-icons{font-size:16px;color:#25a269}.zu-editor-version-btn{display:flex;align-items:center;gap:4px;border:0;border-left:1px solid #e5e7ed;margin-left:4px;padding:3px 0 3px 9px;background:transparent;color:#6257e8;font-weight:700;font-size:10px;cursor:pointer}.dark-theme .zu-editor-version-btn{border-left-color:#30384c;color:#b5adff}.zu-editor-version-btn .material-icons{font-size:14px}
.zu-project-card-tools{display:flex;align-items:center;gap:1px}.zu-project-card-tools button{display:grid;place-items:center;width:28px;height:28px;padding:0}.zu-project-card-tools button.is-favorite{color:#e2a51a}.zu-project-card-tools .material-icons{font-size:17px}

/* Studio public Templates home */
.zu-studio-public-home{min-height:100vh;background:#fff;color:#11131d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.zu-studio-side-rail{position:fixed;left:0;top:0;bottom:0;width:64px;background:#fff;border-right:1px solid #ececf1;display:flex;flex-direction:column;align-items:center;z-index:100;padding:10px 0 12px;box-shadow:1px 0 8px rgba(30,20,70,.03)}
.zu-side-brand{width:38px;height:38px;display:grid;place-items:center;text-decoration:none;margin-bottom:12px}.zu-side-brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#7c35e8,#9b45ee);color:#fff;font-size:16px;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 12px rgba(119,52,230,.25)}
.zu-side-item,.zu-side-mini{width:56px;min-height:54px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#766d8b;border-radius:10px;margin:1px 0;transition:.15s ease}.zu-side-item .material-icons,.zu-side-mini .material-icons{font-size:22px}.zu-side-item b{font-size:9px;font-weight:600}.zu-side-item:hover{background:#f5f1ff;color:#7136d8}.zu-side-item.active{background:#f0e8ff;color:#7136d8}.zu-side-create{color:#7b2be8}.zu-side-create .material-icons{width:27px;height:27px;border-radius:8px;background:#8b32ef;color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 4px 12px rgba(139,50,239,.2)}
.zu-side-spacer{flex:1}.zu-side-mini{min-height:42px}.zu-side-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#7c32e9;color:#fff;text-decoration:none;font-size:10px;font-weight:800;margin-top:4px}
.zu-studio-template-shell{margin-left:64px;min-height:100vh;background:#fff}.zu-template-topbar{height:64px;border-bottom:1px solid #eeeef3;background:rgba(255,255,255,.96);display:flex;align-items:center;padding:0 28px;gap:30px;position:sticky;top:0;z-index:80}.zu-template-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#161522;min-width:225px}.zu-template-brand img{width:118px;height:auto}.zu-template-brand>span{width:1px;height:24px;background:#d9d8df}.zu-template-brand strong{font-size:14px}.zu-template-main-nav{display:flex;align-items:center;gap:4px}.zu-template-main-nav a{padding:9px 14px;border-radius:8px;color:#625f6e;text-decoration:none;font-size:13px;font-weight:650}.zu-template-main-nav a:hover,.zu-template-main-nav a.active{background:#f2edff;color:#7136d8}.zu-template-top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.zu-top-login{color:#403b4d;text-decoration:none;font-size:13px;font-weight:650}.zu-top-trial{display:inline-flex;align-items:center;gap:7px;padding:10px 17px;border-radius:22px;background:#fff;border:1px solid #e2d8fa;color:#2f263d;text-decoration:none;font-size:12px;font-weight:750;box-shadow:0 2px 8px rgba(77,47,129,.06)}.zu-top-trial .material-icons{font-size:15px;color:#8a4be9}

/* Studio public Templates home reference layout */
.zu-studio-public-home{min-height:100vh;background:#fff;color:#11131d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.zu-studio-side-rail{position:fixed;left:0;top:0;bottom:0;width:64px;background:#fff;border-right:1px solid #ececf1;display:flex;flex-direction:column;align-items:center;z-index:100;padding:10px 0 12px;box-shadow:1px 0 8px rgba(30,20,70,.03)}
.zu-side-brand{width:38px;height:38px;display:grid;place-items:center;text-decoration:none;margin-bottom:12px}.zu-side-brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#7c35e8,#9b45ee);color:#fff;font-size:16px;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 12px rgba(119,52,230,.25)}
.zu-side-item,.zu-side-mini{width:56px;min-height:54px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#766d8b;border-radius:10px;margin:1px 0;transition:.15s ease}.zu-side-item .material-icons,.zu-side-mini .material-icons{font-size:22px}.zu-side-item b{font-size:9px;font-weight:600}.zu-side-item:hover{background:#f5f1ff;color:#7136d8}.zu-side-item.active{background:#f0e8ff;color:#7136d8}.zu-side-create{color:#7b2be8}.zu-side-create .material-icons{width:27px;height:27px;border-radius:8px;background:#8b32ef;color:#fff;display:grid;place-items:center;font-size:21px;box-shadow:0 4px 12px rgba(139,50,239,.2)}
.zu-side-spacer{flex:1}.zu-side-mini{min-height:42px}.zu-side-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#7c32e9;color:#fff;text-decoration:none;font-size:10px;font-weight:800;margin-top:4px}
.zu-studio-template-shell{margin-left:64px;min-height:100vh;background:#fff}.zu-template-topbar{height:64px;border-bottom:1px solid #eeeef3;background:rgba(255,255,255,.96);display:flex;align-items:center;padding:0 28px;gap:30px;position:sticky;top:0;z-index:80}.zu-template-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#161522;min-width:225px}.zu-template-brand img{width:118px;height:auto}.zu-template-brand>span{width:1px;height:24px;background:#d9d8df}.zu-template-brand strong{font-size:14px}.zu-template-main-nav{display:flex;align-items:center;gap:4px}.zu-template-main-nav a{padding:9px 14px;border-radius:8px;color:#625f6e;text-decoration:none;font-size:13px;font-weight:650}.zu-template-main-nav a:hover,.zu-template-main-nav a.active{background:#f2edff;color:#7136d8}.zu-template-top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.zu-top-login{color:#403b4d;text-decoration:none;font-size:13px;font-weight:650}.zu-top-trial{display:inline-flex;align-items:center;gap:7px;padding:10px 17px;border-radius:22px;background:#fff;border:1px solid #e2d8fa;color:#2f263d;text-decoration:none;font-size:12px;font-weight:750;box-shadow:0 2px 8px rgba(77,47,129,.06)}.zu-top-trial .material-icons{font-size:15px;color:#8a4be9}
.zu-template-page{overflow:hidden}.zu-template-hero{min-height:286px;padding:52px 28px 34px;background:radial-gradient(circle at 8% 15%,rgba(113,225,226,.55),transparent 30%),radial-gradient(circle at 82% 8%,rgba(208,163,255,.6),transparent 32%),linear-gradient(180deg,#eefcff 0%,#fbfaff 68%,#fff 100%);display:flex;justify-content:center;text-align:center}.zu-template-hero-content{width:min(900px,100%)}.zu-template-hero h1{margin:0;color:#12121a;font-size:38px;line-height:1.05;letter-spacing:-.045em;font-weight:650}.zu-template-hero p{margin:12px 0 24px;color:#696473;font-size:14px}.zu-template-search{height:54px;background:#fff;border:1px solid #e5d8ff;border-radius:15px;display:flex;align-items:center;padding:0 17px;gap:11px;box-shadow:0 7px 25px rgba(105,50,170,.1);text-align:left}.zu-template-search .material-icons{font-size:22px;color:#1c1a22}.zu-template-search input{flex:1;border:0;outline:0;background:transparent;font-size:13px;color:#222;min-width:0}.zu-template-search kbd{font:11px system-ui;color:#8d8798;background:#f7f6fa;border:1px solid #e8e5ed;border-radius:6px;padding:4px 7px}.zu-template-pills{display:flex;justify-content:center;gap:7px;margin-top:12px;flex-wrap:wrap}.zu-template-pills button{height:34px;border:1px solid #e5d9f7;background:#fff;color:#554d62;border-radius:18px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}.zu-template-pills button .material-icons{font-size:15px;color:#7e40d9}.zu-template-pills button:hover,.zu-template-pills button.active{border-color:#bfa2f4;background:#fff;color:#5d2ab5;box-shadow:0 3px 12px rgba(116,56,201,.08)}
.zu-template-content{padding:24px 25px 0;max-width:1530px;margin:0 auto}.zu-content-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.zu-content-heading h2{margin:0;font-size:20px;letter-spacing:-.025em;font-weight:650;color:#15141c}.zu-content-heading p{margin:5px 0 0;color:#7a7484;font-size:12px}.zu-round-next{width:39px;height:39px;border-radius:50%;border:1px solid #e5e4e9;background:#fff;color:#47434d;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.05)}.zu-round-next .material-icons{font-size:22px}.zu-view-all{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:#6c35cf;font-size:12px;font-weight:700}.zu-view-all .material-icons{font-size:16px}
.zu-category-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:13px;overflow:hidden;padding:2px 1px 5px}.zu-category-card{height:68px;border-radius:14px;position:relative;overflow:hidden;text-decoration:none;color:#15131d;border:1px solid rgba(0,0,0,.035);display:block;padding:14px 10px;background:#f9e2d8;box-shadow:0 2px 8px rgba(30,20,50,.03)}.zu-category-card:nth-child(2n){background:#e8d2fa}.zu-category-card:nth-child(3n){background:#ddd8fb}.zu-category-card:nth-child(4n){background:#f9d7ea}.zu-category-card:nth-child(5n){background:#d9f0ef}.zu-category-card strong{position:relative;z-index:2;font-size:12px;font-weight:750;display:block;max-width:72px;line-height:1.25}.zu-category-card img{position:absolute;width:88px;height:72px;right:5px;top:0;object-fit:cover;border-radius:9px;transform:rotate(4deg);box-shadow:0 4px 12px rgba(50,30,80,.16)}.zu-category-card:nth-child(3n) img{transform:rotate(-3deg)}
.zu-discover-grid{display:grid;grid-template-columns:1fr .7fr .95fr 1.65fr .8fr;gap:18px;align-items:stretch}.zu-discover-card{text-decoration:none;color:inherit;min-width:0}.zu-discover-image{height:220px;border-radius:11px;overflow:hidden;background:#eee;position:relative;box-shadow:0 2px 8px rgba(23,18,40,.09)}.zu-discover-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}.zu-discover-card:hover .zu-discover-image img{transform:scale(1.025)}.zu-discover-use{position:absolute;left:10px;right:10px;bottom:9px;padding:8px 9px;border-radius:8px;background:rgba(33,26,48,.9);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;opacity:0;transform:translateY(5px);transition:.18s ease}.zu-discover-use .material-icons{font-size:15px}.zu-discover-card:hover .zu-discover-use{opacity:1;transform:none}.zu-discover-card strong{display:block;font-size:12px;margin:9px 2px 2px}.zu-discover-card small{color:#7d7886;font-size:10px;margin-left:2px}
.zu-trending-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding-bottom:5px}.zu-trend-card{display:flex;align-items:center;gap:11px;border:1px solid #eceaf0;border-radius:13px;padding:14px;text-decoration:none;color:#25222e;background:#fff;transition:.15s ease}.zu-trend-card:hover{border-color:#d5c3f4;box-shadow:0 6px 18px rgba(88,42,146,.08);transform:translateY(-2px)}.zu-trend-card>.material-icons{width:38px;height:38px;border-radius:10px;background:#f2ebff;color:#7839d7;display:grid;place-items:center;font-size:21px}.zu-trend-card b,.zu-trend-card small{display:block}.zu-trend-card b{font-size:12px}.zu-trend-card small{margin-top:3px;color:#85808e;font-size:10px}.zu-template-smart{max-width:1480px;margin:32px auto 0;padding:22px 25px;border-radius:17px;background:linear-gradient(100deg,#f5efff,#effbff);border:1px solid #ebe1f8;display:flex;align-items:center;justify-content:space-between;gap:25px}.zu-template-smart>div{display:flex;align-items:center;gap:12px}.zu-template-smart>div>.material-icons{width:42px;height:42px;border-radius:12px;background:#fff;color:#7b39dc;display:grid;place-items:center;box-shadow:0 3px 12px rgba(90,40,150,.08)}.zu-template-smart b{font-size:14px}.zu-template-smart p{margin:4px 0 0;color:#777080;font-size:11px}.zu-template-smart form{display:flex;min-width:430px;background:#fff;border:1px solid #e4d9f1;border-radius:10px;padding:4px}.zu-template-smart input{border:0;outline:0;flex:1;padding:9px 10px;font-size:11px;min-width:0}.zu-template-smart button{border:0;border-radius:8px;background:#7435d2;color:#fff;padding:0 13px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:4px;cursor:pointer}.zu-template-smart button .material-icons{font-size:15px}.zu-template-footer{margin:40px 25px 0;padding:22px 0 28px;border-top:1px solid #ecebf0;display:flex;align-items:center;justify-content:space-between;color:#85808d;font-size:10px}.zu-template-footer a{color:#6931c8;text-decoration:none;font-weight:700}
@media(max-width:1180px){.zu-template-main-nav{display:none}.zu-category-scroller{grid-auto-columns:180px}.zu-discover-grid{grid-template-columns:repeat(3,1fr)}.zu-discover-card:nth-child(n+4){display:none}.zu-trending-row{grid-template-columns:repeat(2,1fr)}.zu-template-smart{margin-left:25px;margin-right:25px}}
@media(max-width:760px){.zu-studio-side-rail{width:58px}.zu-studio-template-shell{margin-left:58px}.zu-template-topbar{padding:0 14px}.zu-template-brand{min-width:auto}.zu-template-brand img{width:102px}.zu-template-brand>span,.zu-template-brand strong,.zu-top-login{display:none}.zu-top-trial{padding:9px 12px}.zu-template-hero{padding:42px 17px 28px;min-height:260px}.zu-template-hero h1{font-size:32px}.zu-template-search{height:50px}.zu-template-content{padding-left:15px;padding-right:15px}.zu-category-scroller{grid-auto-columns:160px}.zu-discover-grid{grid-template-columns:repeat(2,1fr);gap:12px}.zu-discover-card:nth-child(n+5){display:none}.zu-discover-image{height:190px}.zu-trending-row{grid-template-columns:1fr}.zu-template-smart{margin-left:15px;margin-right:15px;display:block}.zu-template-smart form{min-width:0;margin-top:15px;height:43px}.zu-template-footer{margin-left:15px;margin-right:15px;gap:10px;flex-wrap:wrap}.zu-template-footer span:nth-child(2){display:none}}
@media(max-width:480px){.zu-studio-side-rail{width:52px}.zu-studio-template-shell{margin-left:52px}.zu-side-item,.zu-side-mini{width:48px}.zu-side-item b{font-size:8px}.zu-side-item .material-icons{font-size:20px}.zu-template-topbar{height:58px}.zu-template-brand img{width:90px}.zu-top-trial{font-size:10px}.zu-template-hero{padding-top:34px}.zu-template-hero p{font-size:12px}.zu-template-pills{justify-content:flex-start}.zu-template-pills button{padding:0 10px}.zu-discover-grid{grid-template-columns:1fr}.zu-discover-card:nth-child(n+4){display:none}}

/* Studio AI assistant */
.zu-studio-ai-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(10,12,20,.55);backdrop-filter:blur(8px);padding:24px}.zu-studio-ai-modal[hidden]{display:none}.zu-studio-ai-dialog{position:relative;width:min(620px,100%);border:1px solid rgba(255,255,255,.14);border-radius:24px;background:var(--body-bg,#fff);box-shadow:0 30px 80px rgba(0,0,0,.28);padding:30px}.zu-studio-ai-close{position:absolute;right:18px;top:18px;border:0;background:transparent;cursor:pointer}.zu-studio-ai-kicker{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:700;opacity:.75}.zu-studio-ai-dialog h2{margin:8px 0 5px;font-size:28px}.zu-studio-ai-dialog p{margin:0 0 18px;opacity:.7}.zu-studio-ai-dialog textarea{width:100%;resize:vertical;border:1px solid rgba(100,100,120,.22);border-radius:14px;padding:14px;font:inherit;min-height:130px;background:transparent}.zu-studio-ai-actions{display:flex;justify-content:flex-end;margin-top:14px}.zu-studio-primary-btn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:12px;padding:11px 17px;cursor:pointer;font-weight:700;background:#6658ea;color:#fff}.zu-studio-primary-btn:disabled{opacity:.6;cursor:wait}.zu-studio-ai-result{white-space:pre-wrap;margin-top:18px;padding:16px;border-radius:14px;background:rgba(102,88,234,.08);line-height:1.55}.zu-studio-ai-result.is-error{background:rgba(220,70,70,.08)}
.zu-settings-workspace{grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.zu-settings-sidebar .zu-card{border-radius:16px;box-shadow:0 8px 28px rgba(25,33,61,.05);position:sticky;top:18px}.zu-settings-sidebar .zu-card-body{padding:16px}.zu-settings-sidebar-nav{margin-top:14px}.zu-settings-nav{display:flex;flex-direction:column;gap:4px}.zu-settings-nav-item{min-height:42px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--zu-text-soft);font-size:13px;font-weight:650;cursor:pointer;transition:.18s ease}.zu-settings-nav-item i{width:18px;text-align:center;color:var(--zu-text-faint)}.zu-settings-nav-item:hover{background:var(--zu-surface-2);color:var(--zu-text)}.zu-settings-nav-item:hover i,.zu-settings-nav-item.is-active i{color:var(--zu-primary)}.zu-settings-nav-item.is-active{background:var(--zu-primary-soft);border-color:color-mix(in srgb,var(--zu-primary) 18%,var(--zu-border));color:var(--zu-primary);box-shadow:inset 3px 0 0 var(--zu-primary)}
.zu-settings-content>.zu-mb-4{margin-bottom:18px}.zu-settings-content> .zu-mb-4 h2{font-size:25px;letter-spacing:-.45px}.zu-settings-content> .zu-mb-4 p{font-size:13px}.zu-settings-tab-content>.zu-settings-tab-pane>form>.zu-card,.zu-settings-tab-content>.zu-settings-tab-pane>.zu-card,.zu-settings-tab-content>.zu-settings-tab-pane>.zu-grid>.zu-grid-span-full>.zu-card{border-radius:16px;box-shadow:0 8px 28px rgba(25,33,61,.05)}.zu-settings-tab-pane .zu-card-header{padding:17px 20px;background:var(--zu-surface)}.zu-settings-tab-pane .zu-card-body{padding:20px}.zu-settings-tab-pane .zu-form-label,.zu-settings-tab-pane label{display:block;margin-bottom:7px;color:var(--zu-text);font-size:12px;font-weight:700}.zu-settings-tab-pane .zu-form-control,.zu-settings-tab-pane .zu-form-select{min-height:42px;border-radius:10px}.zu-settings-tab-pane textarea.zu-form-control{min-height:105px}.zu-settings-tab-pane .zu-btn{min-height:40px;border-radius:10px}.zu-settings-logo-grid>div{padding:16px;border:1px solid var(--zu-border);border-radius:12px;background:var(--zu-surface-2)}.zu-settings-logo-grid h4{margin:0 0 12px;font-size:13px}.zu-settings-logo{background:var(--zu-surface);border:1px dashed var(--zu-border-strong);border-radius:10px;padding:12px;min-height:82px}.zu-settings-logo-grid .zu-form-control{background:var(--zu-surface)}.zu-settings-module-grid button{min-height:92px;border-radius:12px!important;transition:.18s ease}.zu-settings-module-grid button:hover{border-color:var(--zu-primary)}.zu-settings-tab-pane .zu-settings-span-6{grid-column:span 6}.zu-settings-tab-pane .zu-settings-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.zu-settings-tab-pane .zu-settings-grid>.zu-settings-span-6{grid-column:span 6}.zu-settings-tab-pane .zu-settings-grid>.zu-settings-span-12{grid-column:1/-1}.zu-settings-tab-pane .zu-border-top{border-top:1px solid var(--zu-border)}
.zu-settings-tab-pane .nav-pills{gap:5px;padding:4px;border:1px solid var(--zu-border);border-radius:12px;background:var(--zu-surface-2)}.zu-settings-tab-pane .nav-pills .nav-link{display:flex;align-items:center;width:100%;min-height:38px;padding:8px 10px;border-radius:9px;color:var(--zu-text-soft);font-size:12px;font-weight:650;text-decoration:none;cursor:pointer}.zu-settings-tab-pane .nav-pills .nav-link:hover{background:var(--zu-surface);color:var(--zu-text)}.zu-settings-tab-pane .nav-pills .nav-link.active{background:var(--zu-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--zu-primary) 22%,transparent)}.zu-settings-tab-pane input[type=file].zu-form-control{padding:5px 7px}.zu-settings-tab-pane input[type=file]::file-selector-button{margin-right:9px;padding:7px 10px;border:0;border-radius:7px;background:var(--zu-primary-soft);color:var(--zu-primary);font-weight:700;cursor:pointer}.zu-settings-tab-pane .zu-text-danger{font-size:11px}.zu-settings-tab-pane .zu-settings-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.zu-settings-workspace{grid-template-columns:1fr}.zu-settings-sidebar .zu-card{position:static}.zu-settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zu-settings-tab-pane .zu-settings-grid{grid-template-columns:1fr}.zu-settings-tab-pane .zu-settings-grid>.zu-settings-span-6,.zu-settings-tab-pane .zu-settings-grid>.zu-settings-span-12{grid-column:1/-1}}@media(max-width:600px){.zu-settings-nav{grid-template-columns:1fr}.zu-settings-sidebar .zu-card-body{padding:12px}.zu-settings-tab-pane .zu-card-body{padding:15px}.zu-settings-logo-grid,.zu-settings-tab-pane .zu-settings-module-grid{grid-template-columns:1fr}.zu-settings-tab-pane .zu-btn{width:100%}}.zu-settings-section-head,.zu-settings-card-heading{display:flex;align-items:center;gap:11px}.zu-settings-section-icon,.zu-settings-card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:17px}.zu-settings-section-head h4,.zu-settings-card-heading h4{color:var(--zu-text)}.zu-settings-section-head p,.zu-settings-card-heading p{margin-top:2px}.zu-settings-logo-grid h4{display:flex;align-items:center;justify-content:center;gap:4px}.zu-settings-logo-grid h4 i{color:var(--zu-primary)}
.zu-settings-gateway-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:var(--zu-primary-soft);color:var(--zu-primary);font-size:16px}.zu-settings-tab-pane .zu-card-header .zu-settings-card-heading{min-width:0}.zu-settings-tab-pane .zu-card-header .zu-settings-card-heading p{line-height:1.35}.zu-settings-tab-pane .nav-pills .nav-link{gap:8px}.zu-settings-tab-pane .nav-pills .nav-link::before{content:'\f2a2';font-family:'Material Design Icons';font-size:15px;opacity:.75}.zu-settings-tab-pane .nav-pills .nav-link.active::before{opacity:1}