/* ZiCabin 0.8.12 — identical collaborator mobile visual composition on desktop. The approved mobile CSS is mirrored; only body.is-cabinetmaker is affected. At desktop sizes the phone-width content and dock are centered, not stretched. */ @media (min-width:791px) { /* Approved v0.8.9 mobile skin (same cards, top oval, bottom dock). */ body.is-partner.is-cabinetmaker{ background: radial-gradient(ellipse 240px 230px at 93% 91%,rgba(190,157,255,.37),transparent 100%), radial-gradient(ellipse 260px 260px at 11% 85%,rgba(113,173,255,.24),transparent 100%), radial-gradient(ellipse 200px 200px at 72% 16%,rgba(110,231,183,.17),transparent 100%), linear-gradient(135deg,#f8fafc,#e2e8f0)!important; background-attachment:fixed!important;color:#1e293b!important;overflow-x:clip!important; } body.is-partner.is-cabinetmaker .sandbox-ribbon{display:none!important} body.is-partner.is-cabinetmaker .shell{background:transparent!important;overflow:visible!important;display:block!important;min-height:100dvh} body.is-partner.is-cabinetmaker .stage{background:transparent!important;overflow:visible!important;min-width:0!important} body.is-partner.is-cabinetmaker footer{display:none!important} /* Top floating notification + a shared frosted oval for identity and ZiCabin. */ body.is-partner.is-cabinetmaker .side{ position:sticky!important;top:0!important;z-index:950!important; display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:44px 56px!important;row-gap:12px!important; width:100%!important;min-width:0!important;max-width:none!important;height:auto!important; min-height:0!important;max-height:none!important; padding:24px 24px 0!important;margin:0!important; background:transparent!important;border:0!important;box-shadow:none!important; overflow:visible!important;color:#1e293b!important;isolation:isolate!important; } body.is-partner.is-cabinetmaker .side::before{ content:""!important;display:block!important;position:absolute!important; z-index:0!important;top:80px!important;right:24px!important;left:24px!important; height:56px!important;width:auto!important;max-width:none!important;border-radius:999px!important; background:rgba(255,255,255,.05)!important; border:1px solid rgba(255,255,255,.4)!important; box-shadow:0 8px 32px rgba(0,0,0,.08)!important; -webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%); pointer-events:none; } body.is-partner.is-cabinetmaker .side::after{display:none!important} body.is-partner.is-cabinetmaker .side>.brand{display:none!important} body.is-partner.is-cabinetmaker .side>.side-group,body.is-partner.is-cabinetmaker .side nav.vendor-only,body.is-partner.is-cabinetmaker .side>.side-bottom{display:none!important} body.is-partner.is-cabinetmaker .side>.top-right{display:contents!important} body.is-partner.is-cabinetmaker .side>.top-right #connection{display:none!important} body.is-partner.is-cabinetmaker .side>.top-right #notifications.admin-only{display:none!important} body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand{ display:flex!important;grid-row:2;grid-column:2;justify-self:end;align-self:center; gap:8px!important;align-items:center!important;white-space:nowrap!important; font:800 18px/1 Vazirmatn,Tahoma,sans-serif!important;letter-spacing:-.45px!important; color:#1e293b!important;padding:0 13px 0 12px!important;position:relative;z-index:2; } body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand svg{width:20px;height:24px} body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand::after{content:"";position:absolute;right:-4px;width:1px;height:24px;background:#64748b44} body.is-partner.is-cabinetmaker .side>.top-right .zc-account-dropdown{ display:block!important;grid-row:2;grid-column:1;justify-self:start;align-self:center; width:max-content!important;max-width:100%!important;min-width:0!important;position:relative!important; margin:0!important;z-index:3!important; } body.is-partner.is-cabinetmaker .side>.top-right .zc-header-identity{ display:inline-flex!important;width:auto!important;max-width:100%!important;min-width:0!important; min-height:42px!important;padding:8px 12px!important;gap:9px!important; border:0!important;background:transparent!important;box-shadow:none!important; border-radius:999px!important;align-items:center!important;justify-content:flex-start!important; color:#1e293b!important; } body.is-partner.is-cabinetmaker .side>.top-right .zc-header-identity:hover, body.is-partner.is-cabinetmaker .side>.top-right .zc-header-identity[aria-expanded="true"]{background:rgba(255,255,255,.23)!important;border:0!important} body.is-partner.is-cabinetmaker .side>.top-right .zc-header-identity .user{ display:inline-block!important;flex:0 1 auto!important;width:auto!important;max-width:min(170px,calc(100vw - 190px))!important; color:#1e293b!important;font:800 14px/1.6 Vazirmatn,Tahoma,sans-serif!important; text-align:right!important;direction:rtl!important;white-space:nowrap!important; overflow:hidden!important;text-overflow:ellipsis!important;padding:0!important;margin:0!important; border:0!important;background:transparent!important; } body.is-partner.is-cabinetmaker .side>.top-right .zc-account-chevron{color:#64748b!important;font-size:17px!important;flex:0 0 auto!important} body.is-partner.is-cabinetmaker .side>.top-right .zc-account-popup{ top:calc(100% + 12px)!important;right:0!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:0!important; min-width:175px!important;max-width:min(275px,calc(100vw - 40px))!important; border-radius:18px!important;border:1px solid #e2e8f0!important; background:rgba(255,255,255,.98)!important;color:#334155!important; box-shadow:0 18px 40px #33415535!important;z-index:1001!important; } body.is-partner.is-cabinetmaker .side>.top-right .zc-bell-dropdown{ display:flex!important;grid-row:1;grid-column:2;justify-self:end;align-self:center; position:relative!important;width:44px!important;height:44px!important; margin:0!important;z-index:4!important; } body.is-partner.is-cabinetmaker .side>.top-right .zc-bell-dropdown.hidden{display:none!important} body.is-partner.is-cabinetmaker .side>.top-right .zc-header-bell{ width:44px!important;height:44px!important;display:grid!important;place-items:center!important; border-radius:50%!important;border:1px solid rgba(255,255,255,.4)!important; padding:0!important;margin:0!important;color:#1e293b!important; background:rgba(255,255,255,.20)!important; box-shadow:0 8px 32px rgba(0,0,0,.08)!important; backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%); } body.is-partner.is-cabinetmaker .side>.top-right .zc-header-bell svg{width:22px;height:22px} body.is-partner.is-cabinetmaker .side>.top-right .zc-header-bell .zc-notice-dot:not(.hidden){background:#34d399!important;border:2px solid white!important;width:11px;height:11px;top:7px;right:6px} body.is-partner.is-cabinetmaker .side>.top-right .zc-notice-popup{ position:fixed!important;top:76px!important;left:24px!important;right:auto!important; inset-inline-start:auto!important;inset-inline-end:auto!important; width:min(355px,calc(100vw - 48px))!important;max-width:none!important; max-height:min(65dvh,520px)!important;z-index:2000!important; border-radius:18px!important;background:#fff!important;box-shadow:0 18px 40px #33415545!important; } /* All partner pages use the approved white cards, while management is untouched. */ body.is-partner.is-cabinetmaker .stage .top{display:none!important} body.is-partner.is-cabinetmaker .stage .content{ width:100%!important;max-width:560px!important;margin:0 auto!important; padding:18px 24px calc(132px + env(safe-area-inset-bottom,0px))!important; background:transparent!important;min-width:0!important; } body.is-partner.is-cabinetmaker .stage .content .card, body.is-partner.is-cabinetmaker .stage .content .commission-card, body.is-partner.is-cabinetmaker .stage .content .zc-referral-card{ border-radius:24px!important;border-color:rgba(255,255,255,.7)!important; background:rgba(255,255,255,.92)!important; box-shadow:0 8px 30px rgba(0,0,0,.055)!important; } /* Exact composition from the approved standalone reference: growth -> today -> details. */ body.is-partner.is-cabinetmaker .zc-partner-skin-home{display:block;min-width:0} body.is-partner.is-cabinetmaker .zc-skin-card{ padding:24px!important;margin:0 0 20px!important;border-radius:32px!important; border:1px solid rgba(255,255,255,.55)!important; background:rgba(255,255,255,.90)!important; box-shadow:0 8px 30px rgba(0,0,0,.06)!important; backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); color:#1e293b!important; } body.is-partner.is-cabinetmaker .zc-skin-card h2{margin:0 0 4px;font:800 16px/1.7 Vazirmatn,Tahoma,sans-serif;color:#1e293b} body.is-partner.is-cabinetmaker .zc-skin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px} body.is-partner.is-cabinetmaker .zc-skin-card-head p{margin:0;color:#94a3b8;font-size:12px;font-weight:600;line-height:1.75} body.is-partner.is-cabinetmaker .zc-skin-seed{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:#ecfdf5;color:#10b981} body.is-partner.is-cabinetmaker .zc-skin-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px} body.is-partner.is-cabinetmaker .zc-skin-stat{ display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px; min-height:112px;padding:14px;border-radius:16px; border:1px solid #f1f5f9;background:#f8fafc; } body.is-partner.is-cabinetmaker .zc-skin-stat-purple{background:rgba(253,244,255,.50);border-color:rgba(250,232,255,.70)} body.is-partner.is-cabinetmaker .zc-skin-stat strong{font:900 30px/1.3 Vazirmatn,Tahoma,sans-serif;color:#1e293b!important} body.is-partner.is-cabinetmaker .zc-skin-stat-purple strong{color:#a855f7!important} body.is-partner.is-cabinetmaker .zc-skin-stat span{font:800 12px/1.5 Vazirmatn,Tahoma,sans-serif;color:#64748b!important;text-align:center} body.is-partner.is-cabinetmaker .zc-skin-track{position:relative;height:10px;border-radius:100px;background:#f1f5f9;margin-top:8px} body.is-partner.is-cabinetmaker .zc-skin-track-fill{position:absolute;top:0;right:0;bottom:0;width:var(--zc-skin-progress,0%);border-radius:999px;background:#34d399} body.is-partner.is-cabinetmaker .zc-skin-track-point{position:absolute;right:var(--zc-skin-progress,0%);top:50%;transform:translate(50%,-50%);height:16px;width:16px;background:#34d399;border:2px solid white;border-radius:50%;box-shadow:0 2px 5px #0002} body.is-partner.is-cabinetmaker .zc-skin-track.zc-skin-progress-0 .zc-skin-track-point{display:none} body.is-partner.is-cabinetmaker .zc-skin-help{font:600 10px/1.8 Vazirmatn,Tahoma,sans-serif;color:#94a3b8;text-align:center;margin:17px 0 0} body.is-partner.is-cabinetmaker .zc-skin-today h2{margin-bottom:24px} body.is-partner.is-cabinetmaker .zc-skin-today-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px} body.is-partner.is-cabinetmaker .zc-skin-today-row>div{display:flex;flex:1;flex-direction:column;align-items:center;gap:7px;min-width:0} body.is-partner.is-cabinetmaker .zc-skin-today-row span{color:#94a3b8;font-size:12px;font-weight:800;text-align:center} body.is-partner.is-cabinetmaker .zc-skin-today-row strong{color:#1e293b;font:900 24px/1.3 Vazirmatn,Tahoma,sans-serif} body.is-partner.is-cabinetmaker .zc-skin-today-row strong.zc-skin-blue{color:#3b82f6} body.is-partner.is-cabinetmaker .zc-skin-today-row>i{width:1px;height:40px;background:#e2e8f0;flex:0 0 1px} body.is-partner.is-cabinetmaker .zc-skin-more{border-radius:32px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 30px rgba(0,0,0,.055);margin-bottom:24px;overflow:hidden} body.is-partner.is-cabinetmaker .zc-skin-more>summary{list-style:none;cursor:pointer;padding:19px 18px;font:800 13px/1.8 Vazirmatn,Tahoma,sans-serif;text-align:center;color:#64748b} body.is-partner.is-cabinetmaker .zc-skin-more>summary::-webkit-details-marker{display:none} body.is-partner.is-cabinetmaker .zc-skin-more>summary::after{content:'⌄';margin-right:9px;display:inline-block;transition:transform .2s} body.is-partner.is-cabinetmaker .zc-skin-more[open]>summary::after{transform:rotate(180deg)} body.is-partner.is-cabinetmaker .zc-skin-more-content{padding:0 15px 16px} body.is-partner.is-cabinetmaker .zc-skin-more-content .hero{border-radius:20px} /* Floating translucent oval with the exact three user-specified icons (labels stay accessible). */ body.is-partner.is-cabinetmaker .zc-partner-bottom-nav:not(.hidden){ position:fixed!important;z-index:850!important;display:flex!important; flex-direction:row!important;align-items:center!important;justify-content:space-between!important; gap:0!important;direction:rtl!important; width:min(384px,calc(100vw - 32px))!important;min-height:74px!important; bottom:max(24px,env(safe-area-inset-bottom,0px))!important; left:50%!important;right:auto!important;transform:translateX(-50%)!important; padding:12px 24px!important;margin:0!important;border-radius:999px!important; background:rgba(255,255,255,.05)!important; border:1px solid rgba(255,255,255,.45)!important; box-shadow:0 10px 40px -10px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.2)!important; -webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%); } body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-bottom-action{ all:unset;box-sizing:border-box!important;position:relative!important; display:grid!important;place-items:center!important;flex:0 0 48px!important; width:48px!important;height:48px!important;min-height:48px!important; padding:0!important;margin:0!important;gap:0!important; background:transparent!important;border:1px solid transparent!important;border-radius:50%!important; color:#334155!important;cursor:pointer!important;transition:transform .2s,background .2s!important; } body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-bottom-action.active{ background:#fff!important;color:#1e293b!important;border:1px solid #fff!important; box-shadow:0 4px 15px rgba(0,0,0,.10)!important; } body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-bottom-action:focus-visible{outline:3px solid #7c3aed!important;outline-offset:3px!important} body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-bottom-action:active{transform:scale(.92)!important} body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-bottom-action .zc-bottom-label{display:none!important} body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-bottom-ico,body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-bottom-ico svg{width:24px!important;height:24px!important;display:block!important} body.is-partner.is-cabinetmaker .zc-partner-bottom-nav .zc-nav-notice-dot:not(.hidden){top:0!important;right:-4px!important;left:auto!important;width:8px!important;height:8px!important;background:#34d399!important} /* Approved v0.8.10 mobile cards, arrows and archive styling. */ body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand{padding:0 12px!important} body.is-partner.is-cabinetmaker .zc-skin-mobile-brand img{display:block;width:112px;max-width:100%;height:auto;object-fit:contain} body.is-partner.is-cabinetmaker .zc-account-chevron, body.is-partner.is-cabinetmaker [data-account-toggle][aria-expanded="true"] .zc-account-chevron{position:relative;width:22px;height:16px;transform:none!important;transition:none!important;flex:0 0 22px!important} body.is-partner.is-cabinetmaker .zc-account-chevron-legacy{display:none} body.is-partner.is-cabinetmaker .zc-mobile-chevron-image{display:block;position:absolute;inset:0;width:22px;height:15px;object-fit:contain;transition:opacity .2s ease;transform:none!important} body.is-partner.is-cabinetmaker .zc-mobile-chevron-up{opacity:0} body.is-partner.is-cabinetmaker [data-account-toggle][aria-expanded="true"] .zc-mobile-chevron-up{opacity:1} body.is-partner.is-cabinetmaker [data-account-toggle][aria-expanded="true"] .zc-mobile-chevron-down{opacity:0} body.is-partner.is-cabinetmaker .zc-mobile-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-weight:800;font-size:13px;line-height:1.9;color:#334155;padding:15px 0} body.is-partner.is-cabinetmaker .zc-mobile-details>summary::-webkit-details-marker{display:none} body.is-partner.is-cabinetmaker .zc-mobile-details>summary::after{content:none!important} body.is-partner.is-cabinetmaker .zc-mobile-details-chevron{position:relative;width:22px;height:16px;flex:0 0 22px} body.is-partner.is-cabinetmaker .zc-mobile-details[open]>.zc-mobile-summary .zc-mobile-chevron-up{opacity:1} body.is-partner.is-cabinetmaker .zc-mobile-details[open]>.zc-mobile-summary .zc-mobile-chevron-down{opacity:0} body.is-partner.is-cabinetmaker .zc-mobile-growth-details{margin-top:18px;border-top:1px solid #e2e8f0} body.is-partner.is-cabinetmaker .zc-mobile-growth-details p{font-size:12px;line-height:2;color:#475569} body.is-partner.is-cabinetmaker .zc-mobile-growth-details .zc-growth-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0} body.is-partner.is-cabinetmaker .zc-mobile-growth-details .zc-growth-level{min-width:0;border:1px solid #e2e8f0;border-radius:13px;padding:12px 8px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px} body.is-partner.is-cabinetmaker .zc-mobile-growth-details .zc-growth-level.is-current{border-color:#a78bfa;background:#f5f3ff;color:#6d28d9} body.is-partner.is-cabinetmaker .zc-mobile-home-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px} body.is-partner.is-cabinetmaker .zc-mobile-home-metrics .zc-mobile-metric{min-width:0;border-radius:22px;padding:19px 12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 22px #0f172a08;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px} body.is-partner.is-cabinetmaker .zc-mobile-metric>strong{font-size:22px;font-weight:900;line-height:1.6;color:#1e293b;overflow-wrap:anywhere} body.is-partner.is-cabinetmaker .zc-mobile-metric>span{font-size:12px;font-weight:700;line-height:1.9;color:#475569} body.is-partner.is-cabinetmaker .zc-mobile-metric>strong.zc-mobile-money-value{font-size:clamp(12px,3.7vw,17px);line-height:1.7;max-width:100%} body.is-partner.is-cabinetmaker .zc-mobile-money-number{display:block;white-space:nowrap} body.is-partner.is-cabinetmaker .zc-mobile-money-value small{display:block;font-size:12px;color:#64748b} body.is-partner.is-cabinetmaker .zc-mobile-metric .btn{width:100%;margin-top:auto;min-height:40px;font-size:12px;white-space:normal} body.is-partner.is-cabinetmaker .zc-mobile-metric .btn:disabled{opacity:.4;cursor:not-allowed} body.is-partner.is-cabinetmaker .zc-mobile-eligibility{border:1px solid #a7f3d0;background:#ecfdf5;border-radius:22px;padding:20px;margin-bottom:20px;color:#065f46} body.is-partner.is-cabinetmaker .zc-mobile-eligibility.is-blocked{border-color:#fcd34d;background:#fffbeb;color:#92400e} body.is-partner.is-cabinetmaker .zc-mobile-eligibility>strong{font-size:18px;line-height:1.9;display:block;font-weight:900} body.is-partner.is-cabinetmaker .zc-mobile-eligibility p{font-size:13px;line-height:2.1;margin:0 0 5px} body.is-partner.is-cabinetmaker .zc-mobile-archive-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0;margin-top:12px;border-top:1px solid #e2e8f0} body.is-partner.is-cabinetmaker .zc-mobile-archive-controls label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:700} body.is-partner.is-cabinetmaker .zc-mobile-archive-controls select{width:100%;min-width:0;min-height:44px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:8px;color:#334155;font:inherit} body.is-partner.is-cabinetmaker .zc-mobile-archive-help{font-size:12px;line-height:2;color:#64748b} body.is-partner.is-cabinetmaker .zc-mobile-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:12px} body.is-partner.is-cabinetmaker .zc-mobile-archive-projects .commission-card{border-style:dashed} body.is-partner.is-cabinetmaker .zc-referral-refresh{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0} body.is-partner.is-cabinetmaker .zc-referral-refresh-feedback{margin:0;max-width:100%;font-size:12px;line-height:1.9;padding:9px 11px;border-radius:10px;background:#ecfdf5;color:#065f46;overflow-wrap:anywhere} body.is-partner.is-cabinetmaker .zc-referral-refresh-feedback[data-state="error"]{background:#fef2f2;color:#991b1b} body.is-partner.is-cabinetmaker .zc-referral-refresh-feedback[hidden]{display:none} /* Popup is portaled to body so a backdrop-filter/transform ancestor cannot offset it. */ body.is-partner.is-cabinetmaker>#zcVendorNoticePopup{position:fixed!important;top:calc(76px + env(safe-area-inset-top,0px))!important;left:12px!important;right:12px!important;inset-inline-start:12px!important;inset-inline-end:12px!important;width:auto!important;max-width:none!important;box-sizing:border-box!important;max-height:calc(100dvh - 200px - env(safe-area-inset-bottom,0px))!important;overflow:auto!important;z-index:2000!important;overscroll-behavior:contain;border-radius:18px;background:#fff} body.is-partner.is-cabinetmaker .zc-mobile-current-projects{scroll-margin-top:155px} body.is-partner.is-cabinetmaker #modalRoot .overlay{z-index:2400!important} /* Approved v0.8.11 positions and popup fixes. */ /* 1: exchange the whole identity/logo oval with the bell above it. */ body.is-partner.is-cabinetmaker .side { grid-template-rows:56px 44px!important; } body.is-partner.is-cabinetmaker .side::before { top:24px!important; } body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand { grid-row:1!important; } body.is-partner.is-cabinetmaker .side>.top-right .zc-account-dropdown { grid-row:1!important; } body.is-partner.is-cabinetmaker .side>.top-right .zc-bell-dropdown { grid-row:2!important; } /* 2: anchor the popup to the RIGHT edge of its trigger, so in RTL it opens inward toward the visible screen instead of going off the right. */ body.is-partner.is-cabinetmaker .side>.top-right .zc-account-popup { left:auto!important; right:0!important; inset-inline-start:0!important; inset-inline-end:auto!important; width:max-content!important; min-width:175px!important; max-width:min(230px,calc(100vw - 48px))!important; box-sizing:border-box!important; } /* The bell is now in the second row; its panel must start below it. */ body.is-partner.is-cabinetmaker > #zcVendorNoticePopup { top:calc(146px + env(safe-area-inset-top,0px))!important; max-height:calc(100dvh - 244px - env(safe-area-inset-bottom,0px))!important; } /* 4: smaller up/down PNG arrows, preserving their fade and the touch targets. */ body.is-partner.is-cabinetmaker .zc-account-chevron, body.is-partner.is-cabinetmaker [data-account-toggle][aria-expanded="true"] .zc-account-chevron { width:16px!important;height:12px!important;flex:0 0 16px!important; } body.is-partner.is-cabinetmaker .zc-mobile-details-chevron { width:16px!important;height:12px!important;flex:0 0 16px!important; } body.is-partner.is-cabinetmaker .zc-mobile-chevron-image { width:16px!important;height:11px!important; } body.is-partner.is-cabinetmaker .zc-skin-more>summary::after { font-size:12px!important; } body.is-partner.is-cabinetmaker .zc-skin-progress-0{--zc-skin-progress:0%;} body.is-partner.is-cabinetmaker .zc-skin-progress-1{--zc-skin-progress:1%;} body.is-partner.is-cabinetmaker .zc-skin-progress-2{--zc-skin-progress:2%;} body.is-partner.is-cabinetmaker .zc-skin-progress-3{--zc-skin-progress:3%;} body.is-partner.is-cabinetmaker .zc-skin-progress-4{--zc-skin-progress:4%;} body.is-partner.is-cabinetmaker .zc-skin-progress-5{--zc-skin-progress:5%;} body.is-partner.is-cabinetmaker .zc-skin-progress-6{--zc-skin-progress:6%;} body.is-partner.is-cabinetmaker .zc-skin-progress-7{--zc-skin-progress:7%;} body.is-partner.is-cabinetmaker .zc-skin-progress-8{--zc-skin-progress:8%;} body.is-partner.is-cabinetmaker .zc-skin-progress-9{--zc-skin-progress:9%;} body.is-partner.is-cabinetmaker .zc-skin-progress-10{--zc-skin-progress:10%;} body.is-partner.is-cabinetmaker .zc-skin-progress-11{--zc-skin-progress:11%;} body.is-partner.is-cabinetmaker .zc-skin-progress-12{--zc-skin-progress:12%;} body.is-partner.is-cabinetmaker .zc-skin-progress-13{--zc-skin-progress:13%;} body.is-partner.is-cabinetmaker .zc-skin-progress-14{--zc-skin-progress:14%;} body.is-partner.is-cabinetmaker .zc-skin-progress-15{--zc-skin-progress:15%;} body.is-partner.is-cabinetmaker .zc-skin-progress-16{--zc-skin-progress:16%;} body.is-partner.is-cabinetmaker .zc-skin-progress-17{--zc-skin-progress:17%;} body.is-partner.is-cabinetmaker .zc-skin-progress-18{--zc-skin-progress:18%;} body.is-partner.is-cabinetmaker .zc-skin-progress-19{--zc-skin-progress:19%;} body.is-partner.is-cabinetmaker .zc-skin-progress-20{--zc-skin-progress:20%;} body.is-partner.is-cabinetmaker .zc-skin-progress-21{--zc-skin-progress:21%;} body.is-partner.is-cabinetmaker .zc-skin-progress-22{--zc-skin-progress:22%;} body.is-partner.is-cabinetmaker .zc-skin-progress-23{--zc-skin-progress:23%;} body.is-partner.is-cabinetmaker .zc-skin-progress-24{--zc-skin-progress:24%;} body.is-partner.is-cabinetmaker .zc-skin-progress-25{--zc-skin-progress:25%;} body.is-partner.is-cabinetmaker .zc-skin-progress-26{--zc-skin-progress:26%;} body.is-partner.is-cabinetmaker .zc-skin-progress-27{--zc-skin-progress:27%;} body.is-partner.is-cabinetmaker .zc-skin-progress-28{--zc-skin-progress:28%;} body.is-partner.is-cabinetmaker .zc-skin-progress-29{--zc-skin-progress:29%;} body.is-partner.is-cabinetmaker .zc-skin-progress-30{--zc-skin-progress:30%;} body.is-partner.is-cabinetmaker .zc-skin-progress-31{--zc-skin-progress:31%;} body.is-partner.is-cabinetmaker .zc-skin-progress-32{--zc-skin-progress:32%;} body.is-partner.is-cabinetmaker .zc-skin-progress-33{--zc-skin-progress:33%;} body.is-partner.is-cabinetmaker .zc-skin-progress-34{--zc-skin-progress:34%;} body.is-partner.is-cabinetmaker .zc-skin-progress-35{--zc-skin-progress:35%;} body.is-partner.is-cabinetmaker .zc-skin-progress-36{--zc-skin-progress:36%;} body.is-partner.is-cabinetmaker .zc-skin-progress-37{--zc-skin-progress:37%;} body.is-partner.is-cabinetmaker .zc-skin-progress-38{--zc-skin-progress:38%;} body.is-partner.is-cabinetmaker .zc-skin-progress-39{--zc-skin-progress:39%;} body.is-partner.is-cabinetmaker .zc-skin-progress-40{--zc-skin-progress:40%;} body.is-partner.is-cabinetmaker .zc-skin-progress-41{--zc-skin-progress:41%;} body.is-partner.is-cabinetmaker .zc-skin-progress-42{--zc-skin-progress:42%;} body.is-partner.is-cabinetmaker .zc-skin-progress-43{--zc-skin-progress:43%;} body.is-partner.is-cabinetmaker .zc-skin-progress-44{--zc-skin-progress:44%;} body.is-partner.is-cabinetmaker .zc-skin-progress-45{--zc-skin-progress:45%;} body.is-partner.is-cabinetmaker .zc-skin-progress-46{--zc-skin-progress:46%;} body.is-partner.is-cabinetmaker .zc-skin-progress-47{--zc-skin-progress:47%;} body.is-partner.is-cabinetmaker .zc-skin-progress-48{--zc-skin-progress:48%;} body.is-partner.is-cabinetmaker .zc-skin-progress-49{--zc-skin-progress:49%;} body.is-partner.is-cabinetmaker .zc-skin-progress-50{--zc-skin-progress:50%;} body.is-partner.is-cabinetmaker .zc-skin-progress-51{--zc-skin-progress:51%;} body.is-partner.is-cabinetmaker .zc-skin-progress-52{--zc-skin-progress:52%;} body.is-partner.is-cabinetmaker .zc-skin-progress-53{--zc-skin-progress:53%;} body.is-partner.is-cabinetmaker .zc-skin-progress-54{--zc-skin-progress:54%;} body.is-partner.is-cabinetmaker .zc-skin-progress-55{--zc-skin-progress:55%;} body.is-partner.is-cabinetmaker .zc-skin-progress-56{--zc-skin-progress:56%;} body.is-partner.is-cabinetmaker .zc-skin-progress-57{--zc-skin-progress:57%;} body.is-partner.is-cabinetmaker .zc-skin-progress-58{--zc-skin-progress:58%;} body.is-partner.is-cabinetmaker .zc-skin-progress-59{--zc-skin-progress:59%;} body.is-partner.is-cabinetmaker .zc-skin-progress-60{--zc-skin-progress:60%;} body.is-partner.is-cabinetmaker .zc-skin-progress-61{--zc-skin-progress:61%;} body.is-partner.is-cabinetmaker .zc-skin-progress-62{--zc-skin-progress:62%;} body.is-partner.is-cabinetmaker .zc-skin-progress-63{--zc-skin-progress:63%;} body.is-partner.is-cabinetmaker .zc-skin-progress-64{--zc-skin-progress:64%;} body.is-partner.is-cabinetmaker .zc-skin-progress-65{--zc-skin-progress:65%;} body.is-partner.is-cabinetmaker .zc-skin-progress-66{--zc-skin-progress:66%;} body.is-partner.is-cabinetmaker .zc-skin-progress-67{--zc-skin-progress:67%;} body.is-partner.is-cabinetmaker .zc-skin-progress-68{--zc-skin-progress:68%;} body.is-partner.is-cabinetmaker .zc-skin-progress-69{--zc-skin-progress:69%;} body.is-partner.is-cabinetmaker .zc-skin-progress-70{--zc-skin-progress:70%;} body.is-partner.is-cabinetmaker .zc-skin-progress-71{--zc-skin-progress:71%;} body.is-partner.is-cabinetmaker .zc-skin-progress-72{--zc-skin-progress:72%;} body.is-partner.is-cabinetmaker .zc-skin-progress-73{--zc-skin-progress:73%;} body.is-partner.is-cabinetmaker .zc-skin-progress-74{--zc-skin-progress:74%;} body.is-partner.is-cabinetmaker .zc-skin-progress-75{--zc-skin-progress:75%;} body.is-partner.is-cabinetmaker .zc-skin-progress-76{--zc-skin-progress:76%;} body.is-partner.is-cabinetmaker .zc-skin-progress-77{--zc-skin-progress:77%;} body.is-partner.is-cabinetmaker .zc-skin-progress-78{--zc-skin-progress:78%;} body.is-partner.is-cabinetmaker .zc-skin-progress-79{--zc-skin-progress:79%;} body.is-partner.is-cabinetmaker .zc-skin-progress-80{--zc-skin-progress:80%;} body.is-partner.is-cabinetmaker .zc-skin-progress-81{--zc-skin-progress:81%;} body.is-partner.is-cabinetmaker .zc-skin-progress-82{--zc-skin-progress:82%;} body.is-partner.is-cabinetmaker .zc-skin-progress-83{--zc-skin-progress:83%;} body.is-partner.is-cabinetmaker .zc-skin-progress-84{--zc-skin-progress:84%;} body.is-partner.is-cabinetmaker .zc-skin-progress-85{--zc-skin-progress:85%;} body.is-partner.is-cabinetmaker .zc-skin-progress-86{--zc-skin-progress:86%;} body.is-partner.is-cabinetmaker .zc-skin-progress-87{--zc-skin-progress:87%;} body.is-partner.is-cabinetmaker .zc-skin-progress-88{--zc-skin-progress:88%;} body.is-partner.is-cabinetmaker .zc-skin-progress-89{--zc-skin-progress:89%;} body.is-partner.is-cabinetmaker .zc-skin-progress-90{--zc-skin-progress:90%;} body.is-partner.is-cabinetmaker .zc-skin-progress-91{--zc-skin-progress:91%;} body.is-partner.is-cabinetmaker .zc-skin-progress-92{--zc-skin-progress:92%;} body.is-partner.is-cabinetmaker .zc-skin-progress-93{--zc-skin-progress:93%;} body.is-partner.is-cabinetmaker .zc-skin-progress-94{--zc-skin-progress:94%;} body.is-partner.is-cabinetmaker .zc-skin-progress-95{--zc-skin-progress:95%;} body.is-partner.is-cabinetmaker .zc-skin-progress-96{--zc-skin-progress:96%;} body.is-partner.is-cabinetmaker .zc-skin-progress-97{--zc-skin-progress:97%;} body.is-partner.is-cabinetmaker .zc-skin-progress-98{--zc-skin-progress:98%;} body.is-partner.is-cabinetmaker .zc-skin-progress-99{--zc-skin-progress:99%;} body.is-partner.is-cabinetmaker .zc-skin-progress-100{--zc-skin-progress:100%;} /* Keep the exact mobile layout as a centered vertical panel on a large display. */ body.is-partner.is-cabinetmaker .side { width:min(560px,100%)!important;max-width:560px!important; margin:0 auto!important;flex:0 0 auto!important; box-sizing:border-box!important; } body.is-partner.is-cabinetmaker .side .zc-skin-mobile-brand img{display:block;width:112px;max-width:100%;height:auto;object-fit:contain} body.is-partner.is-cabinetmaker .stage .content {max-width:560px!important;box-sizing:border-box!important;} body.is-partner.is-cabinetmaker .stage {width:100%!important;} body.is-partner.is-cabinetmaker .zc-referral-grid {grid-template-columns:1fr!important;} body.is-partner.is-cabinetmaker .grid.cols4 {grid-template-columns:repeat(2,minmax(0,1fr))!important;} body.is-partner.is-cabinetmaker #app>.grid.cols2 {grid-template-columns:1fr!important;} body.is-partner.is-cabinetmaker .zc-account-dropdown .zc-account-popup {min-width:175px!important;} /* Desktop notice uses bell-relative coordinates but the same glass-free white surface as mobile. */ body.is-partner.is-cabinetmaker > #zcVendorNoticePopup { position:fixed!important; top:var(--zc-notice-top,160px)!important; left:var(--zc-notice-left,12px)!important; right:auto!important; inset-inline-start:auto!important; inset-inline-end:auto!important; width:min(355px,calc(100vw - 48px))!important; max-width:none!important; max-height:calc(100dvh - 200px)!important; overflow:auto!important; border-radius:18px!important; background:#fff!important; box-shadow:0 18px 40px #33415545!important; z-index:2000!important; } /* Keep desktop content and footer spacing exactly like mobile. */ body.is-partner.is-cabinetmaker .side>.top-right #connection{display:none!important;} body.is-partner.is-cabinetmaker .stage footer{display:none!important;} body.is-partner.is-cabinetmaker .zc-partner-bottom-nav:not(.hidden){width:min(384px,calc(100vw - 32px))!important;} }