/* Cloud Design Clean Release 1.4.0 — consolidated stylesheet. */
:root{--bg:#090a0d;--bg2:#0e1015;--surface:#12151b;--surface2:#171b23;--text:#f5f7fb;--muted:#9ba4b5;--line:rgba(255,255,255,.09);--soft:rgba(255,255,255,.045);--accent:#4f7cff;--accent-rgb:79,124,255;--radius:22px;--radius-sm:14px;--shadow:0 30px 80px rgba(0,0,0,.28);--header:72px;color-scheme:dark}
html[data-theme="light"]{--bg:#f5f6f8;--bg2:#eceef2;--surface:#ffffff;--surface2:#f8f9fb;--text:#101217;--muted:#626a78;--line:rgba(15,20,30,.10);--soft:rgba(15,20,30,.035);--shadow:0 28px 70px rgba(30,40,60,.10);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;letter-spacing:-.01em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),radial-gradient(circle at 7% 25%,rgba(255,255,255,.035),transparent 25%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.narrow{width:min(820px,calc(100% - 40px));margin:0 auto}.section{padding:112px 0;position:relative}.section-tight{padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(3.3rem,7vw,6.9rem);line-height:.92;letter-spacing:-.065em;margin-bottom:30px;font-weight:710}h2{font-size:clamp(2.3rem,4vw,4.35rem);line-height:1;letter-spacing:-.05em;margin-bottom:24px}h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.03em}.lead{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--muted);max-width:760px}.muted{color:var(--muted)}.accent{color:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.section-head p{max-width:520px;color:var(--muted);margin-bottom:4px}.card{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,var(--accent) 2%));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.03) inset}.primary-btn,.ghost-btn,.icon-btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;font-weight:700;transition:transform .2s ease,background .2s,border-color .2s,box-shadow .2s}.primary-btn{background:var(--accent);color:white;box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 22%,transparent)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 30%,transparent)}.ghost-btn{background:var(--soft);color:var(--text);border:1px solid var(--line)}.ghost-btn:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.compact{min-height:42px;padding:0 16px;font-size:.9rem}.icon-btn{width:42px;height:42px;min-height:42px;padding:0;background:var(--soft);border:1px solid var(--line);color:var(--text)}.link-arrow{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--text)}.link-arrow:after{content:"↗";color:var(--accent);transition:transform .2s}.link-arrow:hover:after{transform:translate(2px,-2px)}
.scroll-progress{position:fixed;z-index:9999;top:0;left:0;height:2px;width:0;background:var(--accent);box-shadow:0 0 15px var(--accent)}.site-header{height:var(--header);position:fixed;z-index:1000;top:0;left:0;right:0;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-color:var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:38px;height:38px}.brand-mark-uploaded{width:auto;max-width:142px;height:40px;object-fit:contain}.theme-logo-light{display:none}[data-theme=light] .theme-logo-light{display:block}[data-theme=light] .theme-logo-dark{display:none}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:1rem;letter-spacing:-.035em}.brand-copy small{margin-top:5px;color:var(--muted);font-size:.62rem;letter-spacing:.17em;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:23px}.desktop-nav a{font-size:.88rem;color:var(--muted);font-weight:600;transition:color .2s}.desktop-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px}.badge-dot{display:inline-grid;place-items:center;background:var(--accent);color:#fff;min-width:19px;height:19px;border-radius:10px;font-size:.7rem}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--soft);position:relative}.menu-btn span{position:absolute;width:16px;height:1px;left:12px;background:var(--text);transition:.25s}.menu-btn span:first-child{top:17px}.menu-btn span:last-child{top:23px}.menu-btn.active span:first-child{top:20px;transform:rotate(45deg)}.menu-btn.active span:last-child{top:20px;transform:rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:var(--header);left:0;right:0;bottom:0;background:var(--bg);padding:30px 20px}.mobile-menu.open{display:block}.mobile-menu-inner{display:grid;gap:8px;width:min(600px,100%);margin:auto}.mobile-menu a:not(.primary-btn){padding:15px 0;border-bottom:1px solid var(--line);font-size:1.45rem;font-weight:650}.mobile-menu .primary-btn{margin-top:25px}
.hero{min-height:100svh;padding:calc(var(--header) + 80px) 0 80px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:64px;align-items:end}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--text) 45%,transparent)}.hero-copy{font-size:1.25rem;color:var(--muted);max-width:690px;margin-bottom:38px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.85rem;margin-bottom:24px}.status-dot,.online-dot{width:8px;height:8px;border-radius:50%;background:#55d98b;box-shadow:0 0 0 5px rgba(85,217,139,.1)}.hero-orbit{height:510px;position:relative}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:8%}.hero-orbit:after{inset:22%;border-style:dashed;animation:spin 28s linear infinite}.orbital-card{position:absolute;padding:20px;width:230px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.orbital-card.one{right:0;top:13%}.orbital-card.two{left:0;bottom:12%}.orbital-card .tiny{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.orbital-card strong{display:block;margin-top:11px;font-size:1.1rem}.orbital-card .mini-line{height:4px;background:var(--soft);border-radius:4px;margin-top:14px;overflow:hidden}.orbital-card .mini-line:after{content:"";display:block;width:74%;height:100%;background:var(--accent)}.hero-core{position:absolute;inset:0;margin:auto;width:120px;height:120px;border-radius:35px;background:var(--accent);display:grid;place-items:center;box-shadow:0 35px 80px color-mix(in srgb,var(--accent) 35%,transparent);transform:rotate(12deg)}.hero-core img{width:70px;filter:brightness(0) invert(1);transform:rotate(-12deg)}@keyframes spin{to{transform:rotate(360deg)}}
.trust-strip{border-block:1px solid var(--line);background:var(--soft)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:28px 24px;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-item b{display:block;font-size:1.08rem}.trust-item span{color:var(--muted);font-size:.83rem}.service-grid,.case-grid,.price-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card,.case-card,.price-card,.feature-card{padding:27px;position:relative;overflow:hidden;transition:transform .28s,border-color .28s,background .28s}.service-card:hover,.case-card:hover,.price-card:hover,.feature-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.service-index{font-size:.7rem;color:var(--muted);letter-spacing:.12em}.service-card h3{margin-top:44px}.service-card p,.feature-card p{color:var(--muted);font-size:.93rem}.service-card .link-arrow{margin-top:15px}.service-card.featured:after{content:"";position:absolute;right:-70px;top:-70px;width:160px;height:160px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);filter:blur(10px)}.case-card{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}.case-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,11,.1),rgba(7,8,11,.92))}.case-card>*{position:relative;z-index:1;color:white}.case-card .case-meta{color:rgba(255,255,255,.65);font-size:.78rem}.case-card h3{font-size:1.65rem;margin:10px 0}.case-card p{color:rgba(255,255,255,.72);margin-bottom:0}.case-card.no-cover{background:linear-gradient(140deg,#111723,#090b10)}.case-card.no-cover:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.18;right:-80px;top:-80px}.case-card.wide{grid-column:span 2}.process-list{counter-reset:process;display:grid}.process-item{counter-increment:process;display:grid;grid-template-columns:120px 1fr 1fr;gap:40px;padding:28px 0;border-top:1px solid var(--line)}.process-item:before{content:"0" counter(process);color:var(--accent);font-weight:700}.process-item h3{margin:0}.process-item p{color:var(--muted);margin:0}.price-card{display:flex;flex-direction:column;min-height:330px}.price-card .price{font-size:2.15rem;font-weight:750;letter-spacing:-.05em;margin:18px 0 8px}.old-price{text-decoration:line-through;color:var(--muted);font-size:.95rem}.price-card ul{padding:0;list-style:none;margin:18px 0 28px;display:grid;gap:8px}.price-card li{color:var(--muted);font-size:.9rem}.price-card li:before{content:"·";color:var(--accent);margin-right:10px}.price-card .primary-btn,.price-card .ghost-btn{margin-top:auto}.discount-badge{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:99px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:.72rem;font-weight:800}.category-block{margin-bottom:70px}.category-block:last-child{margin-bottom:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature-list{display:grid;gap:14px}.feature-line{display:flex;gap:16px;padding:18px;border-top:1px solid var(--line)}.feature-line b{min-width:180px}.feature-line span{color:var(--muted)}.cta-panel{padding:56px;border-radius:34px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));position:relative;overflow:hidden}.cta-panel:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.12;right:-100px;top:-180px}.cta-panel>*{position:relative;z-index:1}.cta-panel h2{max-width:760px}.faq{display:grid}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+";color:var(--accent)}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);max-width:820px;margin:18px 0 0}
.page-hero{padding:calc(var(--header) + 95px) 0 70px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3rem,6vw,6rem);max-width:1050px}.page-hero .lead{max-width:780px}.breadcrumbs{color:var(--muted);font-size:.8rem;margin-bottom:28px}.breadcrumbs a:hover{color:var(--text)}.case-hero{min-height:74vh;display:flex;align-items:end;padding-bottom:70px;background-size:cover;background-position:center;position:relative}.case-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,11,.12),rgba(7,8,11,.88))}.case-hero .container{position:relative;z-index:2;color:white}.case-hero h1{max-width:950px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.78rem}.case-hero .tag{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.75)}.article-body{font-size:1.08rem}.article-body h2{font-size:2rem;margin-top:55px}.article-body p,.article-body li{color:var(--muted)}
.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}label{display:grid;gap:8px;color:var(--muted);font-size:.84rem;font-weight:650}input,textarea,select{width:100%;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:13px;padding:13px 14px;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}textarea{resize:vertical}.lead-form,.callback-form{padding:26px;display:grid;gap:16px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:500}.check input{width:18px;height:18px;margin-top:2px}.honeypot{position:absolute!important;left:-9999px!important}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.contact-channels{padding:28px}.contact-channels a,.contact-channels .channel-off{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.channel-off{color:var(--muted)}
.auth-wrap{min-height:100svh;padding:calc(var(--header) + 60px) 0 80px;display:grid;place-items:center}.auth-card{width:min(520px,100%);padding:32px}.auth-card h1{font-size:2.7rem}.auth-card form{display:grid;gap:16px}.auth-card ul.errorlist{color:#ff8d8d;padding-left:18px;font-size:.85rem}.qr{background:white;padding:12px;border-radius:15px;width:220px;margin:20px auto}.code-secret{font-family:monospace;word-break:break-all;padding:12px;background:var(--bg2);border-radius:10px}
.dashboard-shell{padding:calc(var(--header) + 35px) 0 80px}.dashboard-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.side-nav{position:sticky;top:calc(var(--header) + 20px);height:max-content;padding:14px}.side-nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:11px;color:var(--muted);font-size:.9rem}.side-nav a:hover,.side-nav a.active{background:var(--soft);color:var(--text)}.side-nav .nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:16px 13px 6px}.dashboard-main{min-width:0}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.dashboard-head h1{font-size:2.7rem;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric-card{padding:20px}.metric-card b{font-size:1.8rem;display:block}.metric-card span{color:var(--muted);font-size:.78rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:.86rem}th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:var(--soft);border:1px solid var(--line);font-size:.72rem}.status-pill.good{color:#60d89a;background:rgba(69,190,125,.08)}.status-pill.warn{color:#f3be68;background:rgba(243,190,104,.08)}.status-pill.bad{color:#f28787;background:rgba(242,135,135,.08)}.project-list{display:grid;gap:12px}.project-row{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 220px 130px;gap:18px;align-items:center}.project-row h3{margin-bottom:6px}.project-row p{margin:0;color:var(--muted);font-size:.85rem}.progress{height:7px;background:var(--bg2);border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);border-radius:10px}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;margin-bottom:6px}.project-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}.panel{padding:24px}.panel h2{font-size:1.5rem}.panel-stack{display:grid;gap:18px}.file-row,.approval-row,.contract-row,.notification-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.file-row:first-child,.approval-row:first-child,.contract-row:first-child{border-top:0}.file-row small,.notification-row small{color:var(--muted)}.notification-row.unread{background:color-mix(in srgb,var(--accent) 5%,transparent);padding-inline:10px;border-radius:10px}.chat-layout{height:calc(100svh - var(--header) - 80px);display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-header{padding:16px 20px;border-bottom:1px solid var(--line)}.chat-messages{overflow:auto;padding:22px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:min(680px,82%);padding:12px 15px;border-radius:17px;background:var(--soft);border:1px solid var(--line)}.chat-bubble.mine{align-self:flex-end;background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.chat-bubble .chat-meta{display:flex;gap:8px;color:var(--muted);font-size:.68rem;margin-bottom:5px}.chat-compose{padding:14px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px}.chat-compose textarea{min-height:48px;max-height:130px}.partner-summary{padding:30px;display:flex;justify-content:space-between;align-items:end}.partner-summary .big{font-size:3rem;font-weight:750;letter-spacing:-.06em}
.staff-topline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.presence-toggle{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.presence-toggle button{border:0;background:transparent;color:var(--text);cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-grid .full{grid-column:1/-1}.raw-form{padding:24px}.raw-form p{display:grid;gap:7px}.raw-form ul{color:var(--muted)}
.pc-hero{min-height:72vh;padding:calc(var(--header) + 80px) 0 70px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(7,8,11,.93) 0%,rgba(7,8,11,.7) 52%,rgba(7,8,11,.25) 100%),url('https://images.unsplash.com/photo-1517430816045-df4b7de11d1d?auto=format&fit=crop&w=1800&q=84') center/cover;position:relative;color:#fff}.pc-hero h1{max-width:900px}.pc-hero .lead{color:rgba(255,255,255,.72)}.kazan-chip{display:inline-flex;padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);margin-bottom:22px;font-size:.8rem}.pc-warning{padding:18px 20px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding:70px 0 25px;background:var(--bg2)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-grid h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.footer-grid>div{display:grid;align-content:start;gap:9px}.footer-grid p{color:var(--muted);max-width:330px;font-size:.9rem}.footer-grid a:not(.brand){color:var(--muted);font-size:.9rem}.footer-grid a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.73rem}.footer-brand{margin-bottom:12px}
.toast-stack{position:fixed;right:20px;top:90px;z-index:2000;display:grid;gap:8px;width:min(390px,calc(100% - 40px))}.toast{padding:13px 15px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.86rem}.toast.success{border-color:rgba(75,200,130,.35)}.toast.error{border-color:rgba(255,100,100,.35)}.guest-chat{position:fixed;z-index:1500;right:22px;bottom:22px}.guest-chat-fab{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);height:50px;padding:0 18px;border-radius:999px;font-weight:700;cursor:pointer;display:flex;gap:10px;align-items:center}.guest-chat-panel{position:absolute;right:0;bottom:62px;width:min(390px,calc(100vw - 30px));height:540px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.guest-chat-panel:not([hidden]){display:grid}.guest-chat-panel header{display:flex;justify-content:space-between;padding:16px 17px;border-bottom:1px solid var(--line)}.guest-chat-panel header div{display:grid}.guest-chat-panel header small{color:var(--muted)}.guest-chat-panel header button{border:0;background:transparent;color:var(--text);font-size:1.5rem;cursor:pointer}.guest-chat-messages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:8px}.guest-chat-panel form{padding:12px;border-top:1px solid var(--line);display:grid;gap:8px}.guest-chat-panel form textarea{min-height:68px}.guest-chat-messages .chat-bubble.staff{background:var(--soft)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.empty-state{padding:45px;text-align:center;color:var(--muted)}.inline-actions{display:flex;gap:9px;flex-wrap:wrap}.spacer{height:20px}.danger{color:#ff8989}.good{color:#65d89c}
@media(max-width:1060px){.desktop-nav{display:none}.menu-btn{display:block}.desktop-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero-orbit{height:330px;max-width:560px;width:100%;margin:auto}.service-grid,.price-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.side-nav{position:static;display:flex;overflow:auto;gap:5px}.side-nav .nav-label{display:none}.side-nav a{min-width:max-content}.project-detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.project-row{grid-template-columns:1fr 180px}.project-row>a{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}}
@media(max-width:720px){:root{--header:64px;--radius:18px}.container,.narrow{width:min(100% - 28px,1180px)}.section{padding:78px 0}.section-tight{padding:50px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:12px}.hero{padding-top:calc(var(--header) + 55px);align-items:start}.hero-grid{gap:25px}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}.hero-copy{font-size:1.08rem}.hero-orbit{height:300px}.orbital-card{width:190px;padding:16px}.hero-core{width:92px;height:92px;border-radius:25px}.hero-core img{width:52px}.trust-grid{grid-template-columns:1fr 1fr}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-grid,.case-grid,.price-grid,.feature-grid{grid-template-columns:1fr}.case-card.wide{grid-column:auto}.case-card{min-height:320px}.process-item{grid-template-columns:45px 1fr;gap:15px}.process-item p{grid-column:2}.split{grid-template-columns:1fr;gap:25px}.cta-panel{padding:30px 24px}.form-grid.two,.settings-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.page-hero{padding-top:calc(var(--header) + 65px)}.page-hero h1{font-size:clamp(2.8rem,14vw,4.8rem)}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-head{display:block}.dashboard-head .inline-actions{margin-top:15px}.project-row{grid-template-columns:1fr}.project-row>*{grid-column:1!important}.panel{padding:18px}.partner-summary{display:block}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:grid}.guest-chat{right:12px;bottom:12px}.guest-chat-panel{right:0;bottom:60px;height:min(540px,calc(100svh - 95px))}.pc-hero{background-position:62% center}.theme-icon{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.backup-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.backup-codes code{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:1.05rem;letter-spacing:.08em;background:var(--surface-2)}.auth-divider{text-align:center;color:var(--muted);margin:18px 0;position:relative}.full{width:100%;justify-content:center}
@media(max-width:520px){.backup-codes{grid-template-columns:1fr}}
.chat-search{display:flex;gap:8px;align-items:center}.chat-search input{min-width:220px}.pinned-strip{display:flex;gap:10px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}.pinned-strip span{background:var(--surface-2);padding:7px 10px;border-radius:10px;font-size:.82rem}.reply-quote,.reply-composer{border-left:3px solid var(--accent);padding:7px 10px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:8px;font-size:.83rem;color:var(--muted);margin-bottom:8px}.reply-composer{display:flex;justify-content:space-between;align-items:center;margin:0 16px 8px}.reply-composer[hidden]{display:none}.reply-composer button,.text-btn{border:0;background:none;color:var(--muted);cursor:pointer}.text-btn:hover{color:var(--text)}.text-btn.danger:hover{color:#ff7777}.message-actions{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:.76rem;opacity:.72}.chat-bubble:hover .message-actions{opacity:1}.inline-form{display:inline}.read-state{margin-left:auto;color:var(--muted)}.typing-line{min-height:24px;padding:2px 18px;color:var(--muted);font-size:.8rem}.compose-actions{display:grid;gap:8px;justify-items:end}.chat-bubble.deleted{opacity:.76}.message-body{word-break:break-word}
@media(max-width:700px){.chat-header{align-items:flex-start;gap:12px;flex-direction:column}.chat-search{width:100%}.chat-search input{min-width:0;flex:1}.message-actions{flex-wrap:wrap}.read-state{margin-left:0}.chat-compose{grid-template-columns:1fr}.compose-actions{justify-items:stretch}.compose-actions input{max-width:100%}}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-tile{padding:10px;display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center}.media-tile img{width:90px;height:68px;object-fit:cover;border-radius:10px}.media-tile small{display:block;color:var(--muted);margin-top:4px}.danger-outline{border-color:rgba(255,90,90,.4)!important;color:#ff8d8d!important}
@media(max-width:720px){.media-grid{grid-template-columns:1fr}.media-tile{grid-template-columns:72px 1fr auto}.media-tile img{width:72px;height:58px}}
.inline-settings{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-settings input,.inline-settings select{width:auto;max-width:145px}.partner-row-form{display:grid;grid-template-columns:minmax(135px,1fr) 120px 80px 120px auto;gap:7px;align-items:center}.copy-row{display:flex;gap:8px;margin-top:12px}.copy-row input{flex:1}.referral-link-card{margin:16px 0}
@media(max-width:900px){.partner-row-form{grid-template-columns:1fr 1fr}.inline-settings{justify-content:flex-start}}
.staff-chat-tools{padding:14px 18px;border-bottom:1px solid var(--line);display:grid;gap:12px;background:var(--soft)}.staff-chat-tools label{min-width:260px}.internal-notes{border:1px dashed var(--line);border-radius:14px;padding:10px 12px}.internal-notes summary{cursor:pointer;font-weight:700}.internal-note{padding:10px 0;border-top:1px solid var(--line)}.internal-note small{margin-left:8px;color:var(--muted)}.internal-note p{margin:5px 0 0}.staff-message-filter{margin-bottom:18px}.staff-message-filter .inline-actions{margin-top:12px;flex-wrap:wrap}


/* ===== legacy module consolidated: premium-v104.css ===== */
/* Cloud Design Premium UI v1.0.4
   Loaded after app.css so this file can safely refine the visual system without
   rewriting the original component layer. */

:root{
  --bg:#0b0b10;
  --bg2:#0f1016;
  --surface:#14151c;
  --surface2:#191b24;
  --surface-2:var(--surface2);
  --text:#f4f2f8;
  --muted:#9995a8;
  --line:rgba(235,231,255,.10);
  --soft:rgba(236,232,255,.055);
  --accent:#7568f8;
  --accent-rgb:117,104,248;
  --radius:20px;
  --radius-sm:13px;
  --shadow:0 28px 80px rgba(0,0,0,.34);
  --shadow-soft:0 14px 42px rgba(0,0,0,.20);
  --button-radius:14px;
  --header:72px;
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f4f2ee;
  --bg2:#ebe8e3;
  --surface:#fbfaf7;
  --surface2:#f2efea;
  --surface-2:var(--surface2);
  --text:#19181e;
  --muted:#6e6978;
  --line:rgba(38,32,52,.115);
  --soft:rgba(67,55,92,.052);
  --shadow:0 24px 70px rgba(55,45,70,.12);
  --shadow-soft:0 12px 34px rgba(55,45,70,.09);
  color-scheme:light;
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(900px 580px at 83% -10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 72%),
    radial-gradient(760px 520px at -8% 24%,rgba(147,124,255,.055),transparent 72%),
    var(--bg);
}
body:before{display:none}
html[data-theme="light"] body{
  background:
    radial-gradient(860px 520px at 85% -8%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 72%),
    linear-gradient(180deg,#f8f6f2 0,var(--bg) 45%,#f1eee9 100%);
}
::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--text)}

/* Typography */
h1{font-weight:720;letter-spacing:-.06em}
h2{font-weight:710;letter-spacing:-.048em}
h3{font-weight:690}
.eyebrow{letter-spacing:.145em;color:color-mix(in srgb,var(--muted) 88%,var(--text))}
.eyebrow:before{width:22px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 22%,transparent))}
.lead,.hero-copy{color:var(--muted)}

/* Surfaces */
.card{
  background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 97%,var(--accent) 1.5%),var(--surface));
  border-color:var(--line);
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset,var(--shadow-soft);
}
html[data-theme="light"] .card{
  background:linear-gradient(150deg,#fffdf9,var(--surface));
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,var(--shadow-soft);
}

/* Consistent buttons */
.primary-btn,.ghost-btn,.icon-btn,.menu-btn,.guest-chat-fab{
  -webkit-tap-highlight-color:transparent;
}
.primary-btn,.ghost-btn{
  min-height:46px;
  padding:0 19px;
  border-radius:var(--button-radius);
  font-size:.92rem;
  line-height:1.1;
  white-space:nowrap;
  font-weight:720;
  letter-spacing:-.015em;
  position:relative;
  overflow:hidden;
}
.primary-btn{
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,white 18%),var(--accent));
  color:#fff;
  border:1px solid color-mix(in srgb,var(--accent) 76%,white 12%);
  box-shadow:0 11px 28px color-mix(in srgb,var(--accent) 22%,transparent),0 1px 0 rgba(255,255,255,.18) inset;
}
.primary-btn:hover{transform:translateY(-1px);box-shadow:0 15px 34px color-mix(in srgb,var(--accent) 27%,transparent),0 1px 0 rgba(255,255,255,.22) inset}
.primary-btn:active,.ghost-btn:active{transform:translateY(0) scale(.985)}
.ghost-btn{
  background:color-mix(in srgb,var(--surface) 78%,transparent);
  border:1px solid var(--line);
  color:var(--text);
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset;
}
.ghost-btn:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,var(--line));transform:translateY(-1px)}
.compact{min-height:40px;padding:0 14px;border-radius:12px;font-size:.84rem}
.icon-btn,.menu-btn{
  width:40px;height:40px;min-height:40px;border-radius:12px;
  background:color-mix(in srgb,var(--surface) 72%,transparent);
  border:1px solid var(--line);color:var(--text);
}
.icon-btn:hover,.menu-btn:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:color-mix(in srgb,var(--accent) 27%,var(--line))}
.danger-outline{background:transparent!important}

/* Header + account avatar */
.site-header{transition:background .25s,border-color .25s,box-shadow .25s}
.site-header.scrolled{
  background:color-mix(in srgb,var(--bg) 78%,transparent);
  backdrop-filter:blur(22px) saturate(1.15);
  -webkit-backdrop-filter:blur(22px) saturate(1.15);
  box-shadow:0 8px 30px rgba(0,0,0,.08);
}
html[data-theme="light"] .site-header.scrolled{background:rgba(248,246,242,.84)}
.brand-mark{width:36px;height:36px}
.desktop-nav{gap:20px}
.desktop-nav a{font-size:.84rem}
.account-chip{
  min-height:42px;display:flex;align-items:center;gap:9px;padding:4px 9px 4px 5px;
  border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 74%,transparent);
  transition:.2s;max-width:210px;
}
.account-chip:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.account-avatar,.profile-avatar{
  flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 84%,white 10%),color-mix(in srgb,var(--accent) 70%,#30265f 30%));
  color:#fff;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 7%,transparent);
  font-weight:760;text-transform:uppercase;
}
.account-avatar{width:32px;height:32px;font-size:.78rem}
.account-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}
.account-chip-copy{min-width:0;display:grid;line-height:1.08}
.account-chip-copy b{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chip-copy small{font-size:.63rem;color:var(--muted);margin-top:4px}
.account-chip .badge-dot{position:absolute;transform:translate(8px,-14px);right:0}
.header-actions{gap:7px}

/* Mobile navigation - card-like full screen drawer */
.mobile-menu{
  top:var(--header);padding:14px 14px max(18px,env(safe-area-inset-bottom));
  background:color-mix(in srgb,var(--bg) 91%,transparent);
  backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);
  overflow:auto;
}
.mobile-menu.open{animation:cdMenuIn .22s ease both}
@keyframes cdMenuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mobile-menu-inner{
  gap:6px;padding:10px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);
}
.mobile-menu a:not(.primary-btn):not(.mobile-account){padding:13px 14px;border:0;border-radius:12px;font-size:1.03rem;font-weight:650}
.mobile-menu a:not(.primary-btn):not(.mobile-account):hover{background:var(--soft)}
.mobile-menu-cta{margin:10px 4px 4px!important;width:calc(100% - 8px)}
.mobile-account{display:flex!important;align-items:center!important;gap:11px;padding:10px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--soft);margin-bottom:4px}
.mobile-account>span:last-child{display:grid;line-height:1.15}.mobile-account b{font-size:.9rem}.mobile-account small{color:var(--muted);font-size:.72rem;margin-top:4px}

/* Hero */
.hero{padding-top:calc(var(--header) + 72px)}
.hero-grid{gap:54px}
.hero-status{display:inline-flex;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--soft);margin-bottom:22px}
.hero h1 .outline{-webkit-text-stroke:1px color-mix(in srgb,var(--text) 34%,transparent)}
.hero-core{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 84%,white 16%),var(--accent));border:1px solid color-mix(in srgb,var(--accent) 65%,white 10%);box-shadow:0 30px 72px color-mix(in srgb,var(--accent) 27%,transparent)}
.hero-orbit:before,.hero-orbit:after{border-color:color-mix(in srgb,var(--accent) 13%,var(--line))}
.orbital-card{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:var(--line);box-shadow:var(--shadow-soft)}
html[data-theme="light"] .orbital-card{background:rgba(255,253,249,.82)}

/* Sections / cards */
.trust-strip{background:color-mix(in srgb,var(--surface) 38%,transparent)}
.service-card,.price-card,.feature-card{padding:25px}
.service-card:hover,.case-card:hover,.price-card:hover,.feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.service-card h3{margin-top:38px}
.case-card{box-shadow:var(--shadow-soft)}
.price-card .price{letter-spacing:-.045em}
.discount-badge{border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.cta-panel{border-radius:26px;border-color:color-mix(in srgb,var(--accent) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow-soft)}
.feature-line{border-color:var(--line)}
.faq details{border-color:var(--line)}

/* Inputs */
input,textarea,select{
  min-height:46px;background:color-mix(in srgb,var(--bg2) 86%,var(--surface));
  border-color:var(--line);border-radius:12px;padding:12px 13px;
}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#f7f4ef}
input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}

/* Profile / avatar */
.profile-avatar-md{width:58px;height:58px;font-size:1.15rem}
.profile-avatar-lg{width:72px;height:72px;font-size:1.45rem}
.profile-avatar-xl{width:112px;height:112px;font-size:2rem}
.dashboard-user-title,.profile-heading-identity{display:flex;align-items:center;gap:15px;min-width:0}
.profile-mini-link{display:inline-flex;margin-top:6px;color:var(--muted);font-size:.77rem}.profile-mini-link:hover{color:var(--accent)}
.profile-role{margin:6px 0 0;font-size:.86rem}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.profile-main-column,.profile-side-column{min-width:0}.profile-side-column{display:grid;gap:16px;position:sticky;top:calc(var(--header) + 18px)}
.profile-form{padding:28px}.profile-form-title h2{font-size:1.8rem;margin-bottom:7px}.profile-form-title p{margin-bottom:0}
.avatar-editor{display:flex;align-items:center;gap:22px;padding:24px 0;border-block:1px solid var(--line);margin:23px 0}
.avatar-editor-copy{min-width:0}.avatar-editor-copy p{font-size:.86rem;margin:5px 0 13px;max-width:500px}
.native-avatar-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.file-btn{width:max-content}.profile-fields{margin-top:2px}.profile-fields label{min-width:0}
.profile-notify-box{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}
.profile-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:14px}.profile-switches .check{color:var(--text);font-size:.86rem}
.profile-form-actions{display:flex;justify-content:flex-end;margin-top:20px}
.profile-account-card b{word-break:break-word}.profile-card-label{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;margin-bottom:9px}
.field-errors,.errorlist{color:#f28c99;font-size:.78rem}

/* Dashboard refinements */
.dashboard-shell{padding-top:calc(var(--header) + 30px)}
.side-nav{border-radius:17px;box-shadow:none;background:color-mix(in srgb,var(--surface) 78%,transparent)}
.side-nav a{border-radius:10px}
.side-nav a:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--text)}
.metric-card{padding:18px}.metric-card b{font-size:1.65rem}.metric-card span{font-size:.75rem}
.table-wrap{background:var(--surface);box-shadow:0 1px 0 rgba(255,255,255,.025) inset}
.project-row{box-shadow:none}
.panel{box-shadow:none}

/* Guest chat */
.guest-chat-fab{border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(15px);font-size:.86rem}
.guest-chat-panel{border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.42)}
html[data-theme="light"] .guest-chat-panel{box-shadow:0 30px 80px rgba(55,45,70,.18)}

/* Light theme fixes beyond variables */
html[data-theme="light"] .case-card:before{background:linear-gradient(180deg,rgba(10,10,16,.08),rgba(10,10,16,.88))}
html[data-theme="light"] .case-card.no-cover{background:linear-gradient(140deg,#312d3c,#17151d)}
html[data-theme="light"] .theme-icon{color:#2d2934}
html[data-theme="light"] .status-pill.good{color:#267852;background:#e9f5ef}
html[data-theme="light"] .status-pill.warn{color:#8d631e;background:#faf0db}
html[data-theme="light"] .status-pill.bad{color:#a54955;background:#f9e9eb}
html[data-theme="light"] .pc-warning{background:color-mix(in srgb,var(--accent) 5%,#fffaf4)}
html[data-theme="light"] .site-footer{background:#ebe8e3}
html[data-theme="light"] .toast{background:#fffdf9}
html[data-theme="light"] .chat-bubble.staff{background:#eeebe6}

/* Tablet */
@media(max-width:1060px){
  .account-chip-copy{display:none}.account-chip{padding:4px;min-width:42px;justify-content:center}.account-chip .badge-dot{right:-4px;top:2px}
  .profile-layout{grid-template-columns:1fr}.profile-side-column{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
  .side-nav{top:calc(var(--header) + 8px);z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}
}

/* Mobile redesign */
@media(max-width:720px){
  :root{--header:60px;--radius:16px;--button-radius:12px}
  body{font-size:15px}
  .container,.narrow{width:min(100% - 24px,1180px)}
  .site-header{height:var(--header)}
  .header-inner{gap:8px}.brand{gap:8px}.brand-mark{width:32px;height:32px}.brand-copy b{font-size:.9rem}.brand-copy small{display:none}
  .header-actions{gap:5px}.header-actions .login-btn{display:none}.icon-btn,.menu-btn{width:38px;height:38px;min-height:38px;border-radius:11px}.menu-btn span{left:11px}
  .account-chip{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:11px;padding:3px}.account-avatar{width:30px;height:30px}.account-chip .badge-dot{min-width:16px;height:16px;font-size:.6rem}
  .mobile-menu{padding:10px 10px max(12px,env(safe-area-inset-bottom))}.mobile-menu-inner{border-radius:18px;padding:8px}

  .section{padding:68px 0}.section-tight{padding:44px 0}.section-head{margin-bottom:26px}.section-head h2{margin-bottom:0}.section-head p{font-size:.92rem;line-height:1.55}
  h1{letter-spacing:-.052em}h2{font-size:clamp(2rem,10vw,2.7rem);line-height:1.02}h3{font-size:1.2rem}
  .eyebrow{font-size:.67rem;letter-spacing:.13em}

  .hero{min-height:auto;padding:calc(var(--header) + 42px) 0 52px;overflow:visible}
  .hero-grid{gap:34px}.hero-status{font-size:.74rem;margin-bottom:17px;padding:7px 10px}
  .hero h1{font-size:clamp(2.85rem,13.3vw,4.05rem);line-height:.94;margin-bottom:22px;overflow-wrap:normal}
  .hero-copy{font-size:1rem;line-height:1.58;margin-bottom:25px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-actions .primary-btn,.hero-actions .ghost-btn{width:100%;padding-inline:12px}
  .hero-orbit{height:228px;max-width:360px;margin:2px auto 0}.hero-orbit:before{inset:5% 15%}.hero-orbit:after{inset:19% 28%}
  .hero-core{width:76px;height:76px;border-radius:22px}.hero-core img{width:43px}
  .orbital-card{width:165px;padding:13px;border-radius:15px}.orbital-card.one{top:4%;right:0}.orbital-card.two{bottom:2%;left:0}.orbital-card .tiny{font-size:.58rem}.orbital-card strong{font-size:.88rem;margin-top:7px}.orbital-card .mini-line{margin-top:9px}

  .trust-grid{grid-template-columns:1fr 1fr}.trust-item{padding:18px 15px}.trust-item b{font-size:.95rem}.trust-item span{font-size:.74rem;line-height:1.35;display:block;margin-top:3px}

  .service-grid,.case-grid,.price-grid,.feature-grid{gap:11px}.service-card,.price-card,.feature-card{padding:20px}.service-card h3{margin-top:28px}.service-card p,.feature-card p{font-size:.88rem}.case-card{min-height:272px;border-radius:17px}.case-card h3{font-size:1.4rem}.case-card p{font-size:.87rem}
  .price-card .price{font-size:2rem}.price-card .ghost-btn,.price-card .primary-btn{width:100%}

  .process-list{gap:10px}.process-item{grid-template-columns:38px 1fr!important;gap:8px 10px!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--surface)}.process-item:before{grid-row:1/3;font-size:.72rem;padding-top:3px}.process-item h3{margin:0}.process-item p{grid-column:2!important;margin:0;font-size:.88rem;color:var(--muted)}
  .split{gap:30px}.feature-list{gap:0}.feature-line{display:grid;gap:5px;padding:15px 0}.feature-line b{min-width:0}.feature-line span{font-size:.88rem}
  .cta-panel{padding:26px 20px;border-radius:20px}.cta-panel h2{font-size:2.1rem}.cta-panel .inline-actions{display:grid;grid-template-columns:1fr;gap:8px}.cta-panel .primary-btn,.cta-panel .ghost-btn{width:100%}
  .faq details{padding:18px 0}.faq summary{font-size:.98rem;gap:12px}.faq p{font-size:.88rem}

  .page-hero{padding:calc(var(--header) + 45px) 0 42px}.page-hero h1{font-size:clamp(2.55rem,12.5vw,3.75rem);line-height:.96}.page-hero .lead{font-size:1rem}.breadcrumbs{margin-bottom:20px}
  .case-hero{min-height:62svh;padding-bottom:38px}.case-hero h1{font-size:clamp(2.45rem,12vw,3.6rem)}
  .article-body{font-size:1rem}.article-body h2{font-size:1.7rem;margin-top:40px}

  .lead-form,.callback-form,.raw-form,.profile-form{padding:20px}.form-grid.two{grid-template-columns:1fr}.form-grid{gap:13px}input,textarea,select{font-size:16px;min-height:46px}
  .auth-wrap{padding:calc(var(--header) + 28px) 0 45px;place-items:start center}.auth-card{padding:22px;border-radius:18px}.auth-card h1{font-size:2.2rem}.auth-card .primary-btn,.auth-card .ghost-btn{width:100%}

  .dashboard-shell{padding:calc(var(--header) + 12px) 0 55px}.dashboard-grid{display:block}.side-nav{position:sticky!important;top:calc(var(--header) + 6px)!important;display:flex!important;gap:4px;margin:0 0 18px;padding:6px;border-radius:14px;overflow-x:auto;scroll-snap-type:x proximity;box-shadow:var(--shadow-soft);z-index:50}.side-nav::-webkit-scrollbar{display:none}.side-nav{scrollbar-width:none}.side-nav .nav-label{display:none}.side-nav a{min-width:max-content;padding:9px 11px;font-size:.78rem;scroll-snap-align:start;background:transparent}.dashboard-head{align-items:flex-start;gap:14px;margin-bottom:18px}.dashboard-head h1{font-size:2rem;line-height:1.05}.dashboard-head>.inline-actions{margin-top:0}.dashboard-head>.inline-actions .primary-btn{min-height:40px}
  .dashboard-user-title{gap:11px}.profile-avatar-md{width:46px;height:46px}.profile-mini-link{font-size:.7rem;margin-top:4px}
  .metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:14px}.metric-card b{font-size:1.4rem}.metric-card span{font-size:.68rem}
  .panel{padding:16px}.project-list{gap:9px}.project-row{padding:17px!important;gap:14px!important}.project-row .ghost-btn{width:100%}
  .table-wrap{border-radius:14px;margin-inline:0}th,td{padding:12px 13px}

  .profile-dashboard-head{margin-bottom:17px}.profile-heading-identity{gap:12px}.profile-avatar-lg{width:58px;height:58px}.profile-layout{grid-template-columns:1fr;gap:12px}.profile-side-column{grid-template-columns:1fr;gap:10px}.avatar-editor{align-items:flex-start;gap:16px;padding:19px 0;margin:19px 0}.profile-avatar-xl{width:84px;height:84px}.avatar-editor-copy p{font-size:.8rem}.file-btn{min-height:38px;padding-inline:11px}.profile-switches{grid-template-columns:1fr;gap:9px}.profile-notify-box{padding:15px}.profile-form-actions .primary-btn{width:100%}

  .contact-grid{gap:12px}.contact-channels{padding:20px}.contact-channels a,.contact-channels .channel-off{padding:15px 0}.callback-form .primary-btn,.lead-form .primary-btn{width:100%}
  .footer-grid{gap:26px}.site-footer{padding:48px 0 22px}.footer-bottom{margin-top:30px;padding-top:17px;gap:8px;font-size:.68rem}
  .guest-chat{right:8px;bottom:max(8px,env(safe-area-inset-bottom))}.guest-chat-fab{height:44px;padding:0 13px;font-size:.78rem}.guest-chat-panel{position:fixed;inset:calc(var(--header) + 8px) 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;height:auto;border-radius:17px}.guest-chat-panel form{padding:10px}.guest-chat-panel form textarea{min-height:62px}
  .toast-stack{right:10px;top:calc(var(--header) + 10px);width:calc(100% - 20px)}
  .copy-row{display:grid}.partner-row-form{grid-template-columns:1fr!important}.inline-settings input,.inline-settings select{width:100%;max-width:none}
  .media-tile{grid-template-columns:60px 1fr!important}.media-tile img{width:60px;height:52px}.media-tile>.inline-actions{grid-column:1/-1}
  .staff-chat-tools label{min-width:0}.chat-window{min-height:60svh}.chat-search{display:grid;grid-template-columns:1fr auto}.chat-search input{width:100%}
}

@media(max-width:430px){
  .container,.narrow{width:min(100% - 20px,1180px)}
  .brand-copy b{font-size:.84rem}.header-actions{gap:4px}
  .hero h1{font-size:clamp(2.65rem,13.2vw,3.5rem)}
  .hero-actions{grid-template-columns:1fr}.hero-orbit{height:205px}.orbital-card{width:150px;padding:11px}.orbital-card strong{font-size:.82rem}.orbital-card .tiny{font-size:.54rem}
  .trust-item{padding:16px 12px}.trust-item b{font-size:.9rem}
  .section{padding:58px 0}.section-tight{padding:38px 0}.cta-panel h2{font-size:1.85rem}
  .dashboard-head{display:grid}.dashboard-head>.inline-actions{width:100%}.dashboard-head>.inline-actions .primary-btn{width:100%}
  .profile-avatar-xl{width:76px;height:76px}.avatar-editor{gap:12px}.avatar-editor-copy p{display:none}
  .metric-grid{grid-template-columns:1fr 1fr}
  .backup-codes{grid-template-columns:1fr}
}

/* Avatars inside project chats */
.chat-bubble .chat-meta{align-items:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:7px}
.chat-meta-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,white 12%),var(--accent));color:#fff;font-size:.58rem;font-weight:760;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}
.chat-meta-avatar img{width:100%;height:100%;object-fit:cover}.chat-meta-name{font-weight:700;color:color-mix(in srgb,var(--text) 88%,var(--muted));font-size:.7rem}
@media(max-width:720px){.chat-bubble{max-width:92%;padding:11px 12px;border-radius:15px}.chat-messages{padding:14px 11px}.chat-meta-avatar{width:20px;height:20px}.chat-compose{padding:10px}.chat-compose .primary-btn{width:100%}}
.avatar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.avatar-remove{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.78rem;cursor:pointer}.avatar-remove input{width:16px;height:16px;min-height:0;padding:0}.avatar-remove:hover{color:#e3838e}.account-chip{position:relative}
/* v1.1.0 functionality patch */
.activity-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.activity-row:last-child{border-bottom:0}.activity-dot{width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 12%,transparent)}
.activity-dot.good{background:#36c98f;box-shadow:0 0 0 5px color-mix(in srgb,#36c98f 14%,transparent)}.activity-dot.accent{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent)}
.activity-copy p{margin:6px 0;color:var(--text-secondary)}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}
.integration-card h3{margin:0 0 8px}.integration-meta{font-size:.9rem;word-break:break-word;color:var(--text-secondary)}
.config-callout{padding:18px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--accent) 6%,transparent)}
.export-actions{display:flex;gap:10px;flex-wrap:wrap}
.bot-command-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.bot-command{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
@media(max-width:760px){.integration-grid,.bot-command-list{grid-template-columns:1fr}.activity-row{gap:11px}.export-actions .ghost-btn{width:100%;justify-content:center}}

/* v1.0.5 functionality layer */
.consent-banner{position:fixed;z-index:1200;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-width:920px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.consent-banner[hidden]{display:none}.consent-banner p{margin:.35rem 0 0;max-width:650px;color:var(--muted);font-size:.92rem}.footer-socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.footer-socials a{font-weight:700}
.session-list{display:grid;gap:0}.session-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.session-row:last-child{border-bottom:0}.session-device{display:grid;gap:5px;min-width:0}.session-device b{word-break:break-word}.timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}.timeline-item small{display:block;color:var(--muted);margin-top:3px}.timeline-item p{margin:.4rem 0 0}.system-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-card{padding:18px}.health-card b{font-size:1.25rem;display:block}.health-card small{color:var(--muted)}.health-good{color:var(--good,#55d98a)}.health-bad{color:#ff7d88}.analytics-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.analytics-event-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}
@media(max-width:800px){.consent-banner{flex-direction:column;align-items:stretch;padding:16px}.consent-banner .inline-actions{display:grid;grid-template-columns:1fr}.session-row{align-items:flex-start;flex-direction:column}.session-row>.inline-actions{width:100%;justify-content:space-between}.system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-mini{grid-template-columns:1fr}}
@media(max-width:480px){.system-health-grid{grid-template-columns:1fr}}

/* v1.0.6 owner settings / integrations */
.owner-settings-page .dashboard-main{min-width:0}.owner-settings-head{align-items:center}.owner-lock-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-size:.76rem;font-weight:800;white-space:nowrap}
.owner-security-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:22px;padding:20px 22px;border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}.owner-security-note p{margin:.4rem 0 0}.owner-config-paths{display:grid;gap:5px;align-content:center}.owner-config-paths small{font-size:.65rem;letter-spacing:.13em;color:var(--muted);font-weight:800}.owner-config-paths code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);font-size:.72rem}
.settings-jumpbar{position:sticky;top:calc(var(--header) + 12px);z-index:30;display:flex;gap:6px;overflow:auto;padding:7px;margin:14px 0 18px;scrollbar-width:none}.settings-jumpbar::-webkit-scrollbar{display:none}.settings-jumpbar a{flex:0 0 auto;padding:9px 12px;border-radius:10px;color:var(--muted);font-size:.76rem;font-weight:760}.settings-jumpbar a:hover{color:var(--text);background:var(--surface-2)}
.owner-settings-form{display:grid;gap:14px}.settings-section{scroll-margin-top:calc(var(--header) + 86px);padding:24px}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.settings-section-head h2{margin:2px 0 0;font-size:1.32rem}.settings-section-head p{margin:.45rem 0 0}.settings-number{display:inline-block;font-size:.64rem;letter-spacing:.15em;color:var(--accent);font-weight:850}.settings-grid{display:grid;gap:14px}.settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid label{display:grid;align-content:start;gap:7px;font-size:.76rem;font-weight:730;color:var(--text-secondary)}.settings-grid .span-2{grid-column:1/-1}.settings-grid label small,.secret-field small{font-size:.68rem;line-height:1.45;color:var(--muted);font-weight:500}.settings-grid input[type=color]{width:100%;min-height:48px;padding:6px}.file-setting input[type=file]{padding:10px;height:auto}
.settings-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-grid{margin-top:12px}.setting-switch{display:flex!important;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);cursor:pointer}.setting-switch input[type=checkbox]{width:18px;height:18px;min-height:0;margin-top:2px;accent-color:var(--accent);flex:0 0 auto}.setting-switch span{display:grid;gap:3px}.setting-switch b{font-size:.8rem}.setting-switch small{font-size:.7rem;line-height:1.4;color:var(--muted)}.danger-setting{border-color:color-mix(in srgb,#ff7582 30%,var(--line))}.compact-danger{margin-top:12px;max-width:620px}.compact-danger b{color:#e98992}
.owner-savebar{position:sticky;bottom:12px;z-index:29;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.owner-savebar p{margin:.25rem 0 0;font-size:.74rem}.owner-savebar .primary-btn{min-width:210px}.owner-actions{margin-top:14px}.integration-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.integration-health-grid>div{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.integration-health-grid small{color:var(--muted);font-size:.68rem}.integration-health-grid b{font-size:1.05rem}.wrap-actions{flex-wrap:wrap}.integration-tip{margin:14px 0 0}.owner-integration-grid .integration-card{display:grid;align-content:start;gap:10px}.owner-integration-grid .integration-card form{display:grid;gap:10px}.inline-toast{position:static!important;width:auto!important;margin-bottom:14px}.push-not-ready{display:grid;gap:10px}.security-telegram-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.security-telegram-box p{margin:.35rem 0 0}
@media(max-width:980px){.owner-security-note{grid-template-columns:1fr}.settings-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-savebar{position:static}.owner-savebar .primary-btn{min-width:0}}
@media(max-width:720px){.owner-settings-head{display:grid}.owner-lock-badge{justify-self:start}.settings-jumpbar{top:calc(var(--header) + 4px);margin-inline:-2px}.settings-section{padding:18px}.settings-grid.two,.settings-grid.three,.settings-switch-grid,.integration-health-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.settings-section-head{display:grid;gap:10px}.owner-savebar{display:grid}.owner-savebar .primary-btn{width:100%}.owner-config-paths code{white-space:normal;word-break:break-all}.security-telegram-box{display:grid}.security-telegram-box .primary-btn,.security-telegram-box .ghost-btn{width:100%}.owner-actions .inline-actions{display:grid;grid-template-columns:1fr}.owner-actions .inline-actions form,.owner-actions .inline-actions a,.owner-actions .inline-actions button{width:100%}}


/* ===== legacy module consolidated: v108.css ===== */
/* Cloud Design v1.0.8 — light theme rebuild, premium mark, notification center, integration UX */

/* Brand */
.brand-mark{width:38px;height:38px;filter:none!important}.brand-copy b{font-weight:760;letter-spacing:-.045em}.brand-copy small{letter-spacing:.19em}.hero-core img{width:56px;height:56px}.footer-brand .brand-mark{width:40px;height:40px}

/* Notification bell/dropdown */
.notification-center{position:relative}.notification-button{position:relative;display:grid;place-items:center}.notification-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-button.active{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.notification-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;font-size:.67rem;box-shadow:0 0 0 3px var(--bg)}
.notification-popover{position:absolute;right:-8px;top:calc(100% + 12px);width:min(390px,calc(100vw - 24px));background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--line);border-radius:20px;box-shadow:0 26px 80px rgba(0,0,0,.32);backdrop-filter:blur(24px);overflow:hidden;z-index:2200}.notification-popover-head,.notification-popover-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.notification-popover-head{border-bottom:1px solid var(--line)}.notification-popover-head>div{display:grid;gap:3px}.notification-popover-head small{color:var(--muted);font-size:.72rem}.notification-popover-head>a,.notification-popover-foot>a,.notification-popover-foot button{color:var(--accent);font-size:.78rem;font-weight:700;border:0;background:none;cursor:pointer}.notification-popover-list{max-height:390px;overflow:auto}.notification-popover-item{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--line)}.notification-popover-item>a{display:grid;gap:4px;padding:10px 0;color:var(--text);min-width:0}.notification-popover-item b{font-size:.82rem}.notification-popover-item span{color:var(--muted);font-size:.76rem;line-height:1.4}.notification-popover-item small{color:color-mix(in srgb,var(--muted) 80%,transparent);font-size:.68rem}.notification-popover-item form{display:grid;place-items:start center;padding-top:8px}.notification-popover-item form button{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:1.15rem;cursor:pointer}.notification-popover-item form button:hover{background:var(--soft);color:var(--text)}.notification-popover-empty{padding:28px 18px;color:var(--muted);text-align:center;font-size:.82rem}.notification-popover-foot{border-top:1px solid var(--line);background:var(--soft)}.notification-popover-foot form{margin:0}.mobile-notifications-link{display:flex!important;align-items:center;justify-content:space-between!important}.mobile-notifications-link .badge-dot{margin-left:auto}.account-chip .badge-dot{display:none!important}
.notification-page-list{padding:8px 18px}.notification-page-list .notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.notification-page-list .notification-row>a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:13px 0}.notification-page-list .notification-row form{margin:0}.notification-page-list .notification-row>.status-pill{margin-right:4px}.notification-page-list .notification-row.unread{background:color-mix(in srgb,var(--accent) 5%,transparent);padding-inline:12px}

/* Clearer integration states */
.settings-help{padding:15px 17px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,var(--surface));margin:12px 0 18px}.settings-help b{display:block;margin-bottom:5px}.settings-help p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.backup-status-link{text-decoration:none}.telegram-link-pending,.telegram-linked-panel{margin-top:26px}.telegram-link-pending .telegram-live-hint{margin-top:16px;font-size:.78rem}.telegram-linked-live{animation:telegramConnected .32s ease both}@keyframes telegramConnected{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* -------------------- LIGHT THEME — rebuilt from scratch -------------------- */
html[data-theme="light"]{
 --bg:#f6f7fb;
 --bg2:#eef0f6;
 --surface:#ffffff;
 --surface2:#f7f8fc;
 --surface-2:#f7f8fc;
 --text:#171923;
 --muted:#6c7082;
 --line:rgba(31,35,54,.105);
 --soft:rgba(53,58,88,.045);
 --shadow:0 24px 68px rgba(31,35,54,.085);
 --shadow-soft:0 11px 30px rgba(31,35,54,.065);
 color-scheme:light;
}
html[data-theme="light"] body{background:radial-gradient(900px 520px at 90% -10%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 72%),radial-gradient(760px 420px at -8% 20%,rgba(127,139,194,.06),transparent 70%),linear-gradient(180deg,#fafbfe 0,#f6f7fb 45%,#f2f4f9 100%);color:var(--text)}
html[data-theme="light"] .site-header.scrolled{background:rgba(250,251,254,.86);border-color:rgba(31,35,54,.075);box-shadow:0 10px 34px rgba(31,35,54,.055)}
html[data-theme="light"] .card{background:linear-gradient(180deg,#fff 0,#fbfcff 100%);border-color:rgba(31,35,54,.09);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,var(--shadow-soft)}
html[data-theme="light"] .ghost-btn,html[data-theme="light"] .icon-btn,html[data-theme="light"] .menu-btn,html[data-theme="light"] .account-chip{background:rgba(255,255,255,.78);border-color:rgba(31,35,54,.11);box-shadow:0 1px 0 #fff inset,0 5px 16px rgba(31,35,54,.045)}
html[data-theme="light"] .ghost-btn:hover,html[data-theme="light"] .icon-btn:hover,html[data-theme="light"] .menu-btn:hover,html[data-theme="light"] .account-chip:hover{background:#fff;border-color:color-mix(in srgb,var(--accent) 30%,rgba(31,35,54,.12));box-shadow:0 9px 22px rgba(31,35,54,.07)}
html[data-theme="light"] .primary-btn{box-shadow:0 12px 27px color-mix(in srgb,var(--accent) 18%,transparent),0 1px 0 rgba(255,255,255,.25) inset}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#fbfcff;border-color:rgba(31,35,54,.12);color:#171923;box-shadow:0 1px 0 #fff inset}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#9da1b1}
html[data-theme="light"] input:focus,html[data-theme="light"] textarea:focus,html[data-theme="light"] select:focus{background:#fff;border-color:color-mix(in srgb,var(--accent) 65%,rgba(31,35,54,.12));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}
html[data-theme="light"] .orbital-card{background:rgba(255,255,255,.88);border-color:rgba(31,35,54,.09);box-shadow:0 14px 42px rgba(31,35,54,.075)}
html[data-theme="light"] .trust-strip{background:rgba(255,255,255,.45);border-color:rgba(31,35,54,.075)}
html[data-theme="light"] .cta-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#fff),#fff);border-color:color-mix(in srgb,var(--accent) 18%,rgba(31,35,54,.1));box-shadow:0 18px 50px rgba(31,35,54,.07)}
html[data-theme="light"] .side-nav{background:rgba(255,255,255,.7);border:1px solid rgba(31,35,54,.085);box-shadow:0 8px 24px rgba(31,35,54,.045)}
html[data-theme="light"] .side-nav a:hover,html[data-theme="light"] .side-nav a.active{background:color-mix(in srgb,var(--accent) 7%,#fff);color:#171923}
html[data-theme="light"] .table-wrap{background:#fff;border-color:rgba(31,35,54,.09);box-shadow:0 10px 30px rgba(31,35,54,.045)}
html[data-theme="light"] th,html[data-theme="light"] td{border-color:rgba(31,35,54,.075)}
html[data-theme="light"] tr:hover td{background:rgba(31,35,54,.018)}
html[data-theme="light"] .status-pill{background:#f5f6fa;border-color:rgba(31,35,54,.09)}
html[data-theme="light"] .status-pill.good{background:#edf9f2;color:#2b8a59;border-color:#d6efe1}html[data-theme="light"] .status-pill.warn{background:#fff8ea;color:#9c6715;border-color:#f0e0bf}html[data-theme="light"] .status-pill.bad{background:#fff0f0;color:#b64d4d;border-color:#f1d2d2}
html[data-theme="light"] .notification-popover{background:rgba(255,255,255,.96);border-color:rgba(31,35,54,.09);box-shadow:0 28px 80px rgba(31,35,54,.16)}
html[data-theme="light"] .notification-count{box-shadow:0 0 0 3px #f9fafe}
html[data-theme="light"] .mobile-menu{background:rgba(246,247,251,.94)}html[data-theme="light"] .mobile-menu-inner{background:#fff;border-color:rgba(31,35,54,.09);box-shadow:0 24px 70px rgba(31,35,54,.13)}
html[data-theme="light"] .site-footer{background:#eef0f6;border-color:rgba(31,35,54,.08)}
html[data-theme="light"] .guest-chat-fab,html[data-theme="light"] .guest-chat-panel{background:#fff;border-color:rgba(31,35,54,.1);box-shadow:0 18px 55px rgba(31,35,54,.14)}
html[data-theme="light"] .toast{background:#fff;border-color:rgba(31,35,54,.1);box-shadow:0 18px 50px rgba(31,35,54,.14)}
html[data-theme="light"] .consent-banner{background:rgba(255,255,255,.96)}
html[data-theme="light"] .pc-warning,html[data-theme="light"] .settings-help{background:color-mix(in srgb,var(--accent) 4%,#fff)}
html[data-theme="light"] .chat-bubble{background:#f4f5fa;border-color:rgba(31,35,54,.08)}html[data-theme="light"] .chat-bubble.mine{background:color-mix(in srgb,var(--accent) 10%,#fff);border-color:color-mix(in srgb,var(--accent) 22%,rgba(31,35,54,.08))}
html[data-theme="light"] .progress{background:#e9ebf2}
html[data-theme="light"] code{background:#f1f2f7;border-radius:7px;padding:2px 6px;color:#42465a}

@media(max-width:720px){
 .notification-popover{position:fixed;top:calc(var(--header) + 8px);left:12px;right:12px;width:auto;max-height:calc(100svh - var(--header) - 24px)}.notification-popover-list{max-height:55svh}.notification-page-list{padding:6px 12px}.notification-page-list .notification-row{grid-template-columns:1fr}.notification-page-list .notification-row>a{display:grid;gap:8px}.notification-page-list .notification-row form,.notification-page-list .notification-row>.status-pill{justify-self:start}.settings-help{padding:14px}.brand-copy small{letter-spacing:.14em}
}


/* ===== legacy module consolidated: v109.css ===== */
:root{
  --accent:#7a6ff0;
  --accent-rgb:122,111,240;
  --accent-soft:rgba(122,111,240,.12);
  --surface-3:#1b1f29;
}
html[data-theme="light"]{
  --bg:#f3f5fa;
  --bg2:#edf1f7;
  --surface:#ffffff;
  --surface2:#f7f9fc;
  --surface-3:#eef2f8;
  --text:#141824;
  --muted:#687083;
  --line:rgba(18,24,36,.10);
  --soft:rgba(18,24,36,.04);
  --shadow:0 18px 44px rgba(45,60,90,.09);
}
body:before{background:radial-gradient(circle at 82% -10%, color-mix(in srgb,var(--accent) 15%, transparent), transparent 36%),radial-gradient(circle at 8% 18%, rgba(255,255,255,.04), transparent 24%)}
.brand{gap:12px}.brand-copy b{font-weight:800;letter-spacing:-.04em}.brand-copy small{letter-spacing:.18em}
.account-chip{min-height:48px;padding:4px 12px 4px 5px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface2));display:inline-flex;align-items:center;gap:10px}.account-chip:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.account-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));font-weight:800}.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-chip-copy{display:grid;line-height:1.05}.account-chip-copy small{margin-top:4px;color:var(--muted)}
.notification-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.notification-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(420px,calc(100vw - 24px));background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--accent) 3%));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.notification-popover-head,.notification-popover-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-popover-foot{border-bottom:0;border-top:1px solid var(--line)}
.notification-popover-head small,.notification-popover-foot a{color:var(--muted)}
.notification-popover-list{max-height:360px;overflow:auto}.notification-popover-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 16px;border-top:1px solid var(--line)}.notification-popover-item:first-child{border-top:0}.notification-popover-item span,.notification-popover-item small{display:block;color:var(--muted)}.notification-popover-item button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--soft);cursor:pointer;color:var(--muted)}
.hero h1{max-width:10.5ch;letter-spacing:-.07em}.hero-copy{max-width:700px}.hero-core{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 72%, #ffffff 28%));}
.primary-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),var(--accent))}.primary-btn,.ghost-btn{white-space:normal;text-align:center}.ghost-btn{background:color-mix(in srgb,var(--surface) 86%,var(--accent) 2%)}
.profile-link-v109{padding:0;color:inherit;font-weight:700}.profile-link-v109:hover{color:var(--accent)}
.message-list-v109{display:grid;gap:14px}.message-row-v109{padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.message-row-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:10px}.message-row-v109 h3{margin:0 0 8px}.message-row-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:.92rem}.message-row-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.chat-v109{padding:0;overflow:hidden}.chat-header-v109{padding:22px 24px;border-bottom:1px solid var(--line);align-items:center}.chat-title-v109{font-size:1.55rem;margin:4px 0 0}.chat-search-v109 input{background:var(--surface2)}
.staff-chat-tools-v109{padding:18px 22px;background:linear-gradient(180deg,var(--soft),transparent)}.assign-bar-v109{align-items:end}
.chat-messages-v109{padding:20px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.01))}
.chat-bubble-v109{max-width:min(78ch,85%);padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--accent) 3%));box-shadow:none}.chat-bubble-v109.mine{margin-left:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--accent) 13%,var(--surface)))}
.chat-meta-v109{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.chat-meta-main{display:grid;gap:4px}.chat-meta-name-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chat-meta-sub{font-size:.8rem;color:var(--muted)}.staff-role-chip{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);font-size:.76rem;color:var(--text)}
.message-actions-v109{gap:12px;flex-wrap:wrap;opacity:1;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 85%,transparent)}
.chat-compose-v109{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:18px 20px;border-top:1px solid var(--line);background:var(--bg2)}.chat-compose-v109 textarea{min-height:124px;resize:vertical}.compose-actions-v109{display:grid;gap:10px;align-content:end;justify-items:stretch;min-width:190px}.file-btn-v109{position:relative;overflow:hidden}.file-btn-v109 input{position:absolute;inset:0;opacity:0;cursor:pointer}
.telegram-page-title-v109{font-size:clamp(2.2rem,7vw,3.6rem);max-width:12ch}.telegram-state-wrap-v109{margin-top:24px}.telegram-linked-panel-v109,.telegram-link-pending-v109{padding:28px}.telegram-benefits-v109{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.mini-feature{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.mini-feature b{display:block;margin-bottom:6px}.mini-feature span{color:var(--muted);font-size:.92rem}
.notifications-head-v109{align-items:start}.notification-page-list-v109{padding:10px}.notification-row-v109{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:16px;border:1px solid transparent}.notification-row-v109.unread{background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.notification-row-v109 a{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.notification-row-v109 small{color:var(--muted)}
.profile-quick-modal[hidden]{display:none}.profile-quick-modal{position:fixed;inset:0;z-index:2200}.profile-quick-backdrop{position:absolute;inset:0;background:rgba(4,7,12,.56);backdrop-filter:blur(6px)}.profile-quick-dialog{position:relative;z-index:1;width:min(560px,calc(100vw - 24px));margin:8vh auto 0;padding:26px}.profile-quick-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--text);cursor:pointer}.profile-quick-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:start}.profile-quick-avatar{width:92px;height:92px;border-radius:22px;overflow:hidden;background:var(--soft);display:grid;place-items:center;font-size:2rem;font-weight:800}.profile-quick-avatar img{width:100%;height:100%;object-fit:cover}.profile-quick-lines{display:grid;gap:10px}.profile-quick-meta{display:grid;gap:6px;color:var(--muted)}.profile-quick-role{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.profile-quick-role .status-pill{margin:0}
@media(max-width:900px){.message-row-v109{grid-template-columns:1fr}.message-row-actions{justify-content:flex-start}.telegram-benefits-v109{grid-template-columns:1fr}}
@media(max-width:720px){
  .desktop-nav{display:none}
  .brand-copy small{display:none}
  .account-chip{padding-right:10px;max-width:150px}.account-chip-copy b{font-size:.9rem}
  .message-row-v109{padding:16px}.message-row-actions{flex-direction:column;align-items:stretch}.message-row-actions .primary-btn,.message-row-actions .ghost-btn{width:100%}
  .chat-header-v109{padding:18px}.chat-search-v109{width:100%}.chat-title-v109{font-size:1.28rem}
  .chat-messages-v109{padding:14px}.chat-bubble-v109{max-width:100%}
  .chat-compose-v109{grid-template-columns:1fr;padding:14px}.compose-actions-v109{min-width:0}
  .telegram-linked-panel-v109,.telegram-link-pending-v109{padding:20px}
  .notification-row-v109,.notification-row-v109 a{grid-template-columns:1fr;display:grid}
  .profile-quick-card{grid-template-columns:1fr}.profile-quick-avatar{width:74px;height:74px;border-radius:18px}
}


/* ===== legacy module consolidated: v110.css ===== */
:root{
  --accent:#8e73ff;
  --accent-rgb:142,115,255;
  --accent-2:#cfc6ff;
  --accent-soft:rgba(142,115,255,.12);
  --surface-strong:#111522;
  --surface-glass:rgba(21,27,44,.82);
}
html[data-theme="light"]{
  --bg:#eef1f7;
  --bg2:#f6f8fc;
  --surface:#ffffff;
  --surface2:#f8f9fd;
  --surface-3:#eef2f8;
  --text:#111728;
  --muted:#657089;
  --line:rgba(20,25,40,.10);
  --soft:rgba(20,25,40,.04);
  --shadow:0 20px 42px rgba(47,61,92,.10);
}
body:before{
  background:
    radial-gradient(circle at 84% -10%, rgba(142,115,255,.18), transparent 30%),
    radial-gradient(circle at 8% 22%, rgba(255,255,255,.05), transparent 24%),
    linear-gradient(180deg, transparent, transparent);
}
.brand{gap:14px}
.brand-mark{width:54px;height:54px;object-fit:contain}
.brand-mark-uploaded{width:54px;height:54px;object-fit:contain}
.brand-copy b{font-size:1.03rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.brand-copy small{display:block;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);font-size:.68rem;margin-top:4px}
.footer-brand .brand-copy b{font-size:1rem}
.primary-btn{border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),color-mix(in srgb,var(--accent) 80%,#6d54ed 20%));box-shadow:0 14px 30px rgba(var(--accent-rgb),.25)}
.primary-btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(var(--accent-rgb),.30)}
.ghost-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 86%,var(--accent) 5%),color-mix(in srgb,var(--surface) 94%,var(--accent) 2%));border-color:color-mix(in srgb,var(--line) 82%,var(--accent) 18%)}
.ghost-btn:hover,.icon-chip-v110:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}

.inbox-shell-v110{padding:22px}
.inbox-filter-v110{padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.filter-top-v110{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:16px}
.message-list-v110{display:grid;gap:14px}
.message-row-v110{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,var(--accent) 2%),color-mix(in srgb,var(--surface) 98%,var(--accent) 1%));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.message-row-v110 h3{margin:0 0 8px;font-size:1.08rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.message-row-top-v110{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.message-row-meta-v110{display:flex;gap:10px 16px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}
.message-row-actions-v110{display:flex;gap:10px;align-items:center;justify-content:flex-end}

.chat-board-v110{display:grid;grid-template-columns:290px minmax(0,1fr) 330px;gap:0;padding:0;overflow:hidden;border-radius:28px;min-height:calc(100vh - 180px);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface) 99%,var(--accent) 1%));}
.chat-context-v110,.chat-side-v110{padding:22px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 94%,var(--accent) 6%),color-mix(in srgb,var(--surface) 98%,transparent));}
.chat-context-v110{border-right:1px solid var(--line)}
.chat-side-v110{border-left:1px solid var(--line)}
.chat-thread-v110{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}
.chat-thread-head-v110{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}
.thread-title-v110 h3,.chat-context-head h2{margin:6px 0 8px;font-size:1.5rem;line-height:1.08}
.thread-title-v110 p,.chat-context-head p{margin:0}
.thread-actions-v110{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.icon-chip-v110{border:1px solid var(--line);background:var(--soft);color:var(--text);padding:11px 14px;border-radius:14px;cursor:pointer}
.chat-search-v110{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.chat-search-v110 input{background:var(--surface);border-color:var(--line)}
.chat-context-card-v110,.chat-side-card-v110{padding:18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));}
.chat-context-card-v110 h3,.chat-side-card-v110 h3{margin:0 0 12px;font-size:1rem}
.chat-person-v110{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.chat-person-avatar-v110{width:52px;height:52px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-weight:800}
.chat-person-avatar-v110 img{width:100%;height:100%;object-fit:cover}
.chat-person-v110 b,.chat-person-v110 small{display:block}
.chat-person-v110 small{color:var(--muted);margin-top:4px}
.mini-kpi-grid-v110{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini-kpi-grid-v110 div{padding:12px 12px 10px;border-radius:16px;background:var(--soft);border:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.mini-kpi-grid-v110 span,.project-facts-v110 dt{display:block;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.context-actions-v110{display:grid;grid-template-columns:1fr;gap:10px}
.stack-form-v110{display:grid;gap:10px}
.stack-form-v110 textarea{min-height:112px;resize:vertical}
.pin-list-v110{display:grid;gap:10px}
.pin-list-v110 article{padding:12px 14px;border-radius:16px;background:var(--soft);border:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.pin-list-v110 b,.pin-list-v110 span{display:block}
.pin-list-v110 span{font-size:.8rem;color:var(--muted);margin-top:3px}
.pin-list-v110 p{margin:7px 0 0;color:var(--text)}
.chat-messages-v110{padding:20px 24px;overflow:auto;display:flex;flex-direction:column;gap:14px;min-height:540px;max-height:calc(100vh - 360px);background:radial-gradient(circle at top center, rgba(142,115,255,.05), transparent 28%)}
.chat-bubble-v110{max-width:min(80%,720px);padding:14px 16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface2) 100%,transparent));box-shadow:0 12px 30px rgba(8,10,18,.12)}
.chat-bubble-v110.mine{margin-left:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),color-mix(in srgb,var(--accent) 15%,var(--surface2)));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.chat-meta-v110{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.chat-meta-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));font-weight:700;flex:0 0 auto}
.chat-meta-avatar img{width:100%;height:100%;object-fit:cover}
.chat-meta-main{display:grid;gap:4px}
.chat-meta-name-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chat-meta-name{font-weight:700}
.staff-role-chip{display:inline-flex;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:.78rem}
.chat-meta-sub,.read-state{font-size:.8rem;color:var(--muted)}
.message-body{line-height:1.58}
.chat-attachment-v110{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:11px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:var(--soft)}
.chat-attachment-v110:before{content:"📎"}
.message-actions-v110{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.reply-quote{margin-bottom:12px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-left:3px solid var(--accent);color:var(--muted)}
.typing-line{min-height:24px;padding:0 24px 8px;color:var(--muted)}
.reply-composer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 24px 14px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.reply-composer button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--soft);cursor:pointer;color:var(--text)}
.chat-compose-v110{padding:18px 24px 24px;border-top:1px solid var(--line);display:grid;gap:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 98%,transparent),color-mix(in srgb,var(--surface) 100%,transparent))}
.chat-compose-v110 textarea{min-height:116px;resize:vertical;background:color-mix(in srgb,var(--surface) 98%,transparent)}
.compose-actions-v110{display:grid;gap:12px}
.compose-shortcuts-v110{display:flex;gap:10px;flex-wrap:wrap}
.compose-shortcuts-v110 span{padding:8px 12px;border-radius:999px;background:var(--soft);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);font-size:.84rem;color:var(--muted)}
.compose-bottom-v110{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.file-btn-v110{position:relative;overflow:hidden}
.file-btn-v110 input{position:absolute;inset:0;opacity:0;cursor:pointer}
.chat-side-tabs-v110{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.chat-side-tabs-v110 span{padding:7px 10px;border-radius:999px;font-size:.84rem;color:var(--muted);background:var(--soft)}
.chat-side-tabs-v110 .active{color:var(--text);background:color-mix(in srgb,var(--accent) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}
.project-badge-v110{display:inline-flex;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);margin-bottom:14px}
.project-facts-v110{display:grid;gap:10px;margin:0}
.project-facts-v110 div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.project-facts-v110 dd{margin:0;text-align:right}
.progress-track-v110{height:10px;border-radius:999px;background:var(--soft);overflow:hidden;margin-top:14px}
.progress-track-v110 span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#ffffff 42%))}
.side-card-head-v110{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.participants-v110,.note-list-v110{display:grid;gap:10px}
.participant-v110{width:100%;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:var(--soft);color:var(--text);display:grid;gap:4px;position:relative}
button.participant-v110{cursor:pointer}
.participant-v110 .dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:#41d087;box-shadow:0 0 0 4px rgba(65,208,135,.14)}
.participant-v110 small{color:var(--muted)}
.internal-note-v110{padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:var(--soft)}
.note-head-v110{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}
.note-head-v110 span{font-size:.8rem;color:var(--muted)}
.internal-note-v110 p{margin:0;color:var(--text);line-height:1.55}
.notes-card-v110 textarea{min-height:96px}

html[data-theme="light"] .chat-board-v110{background:linear-gradient(180deg,#ffffff,#f9fbff)}
html[data-theme="light"] .chat-context-v110,html[data-theme="light"] .chat-side-v110{background:linear-gradient(180deg,#fafbff,#f3f6fc)}
html[data-theme="light"] .chat-bubble-v110{box-shadow:0 10px 28px rgba(39,54,86,.08)}
html[data-theme="light"] .chat-bubble-v110.mine{background:linear-gradient(180deg,rgba(142,115,255,.16),rgba(142,115,255,.11))}

@media(max-width:1180px){
  .chat-board-v110{grid-template-columns:270px minmax(0,1fr)}
  .chat-side-v110{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media(max-width:920px){
  .filter-top-v110{grid-template-columns:1fr}
  .message-row-v110{grid-template-columns:1fr}
  .message-row-actions-v110{justify-content:flex-start;flex-wrap:wrap}
  .chat-board-v110{grid-template-columns:1fr;min-height:auto}
  .chat-context-v110,.chat-side-v110{border:0;border-bottom:1px solid var(--line)}
  .chat-side-v110{grid-template-columns:1fr}
  .chat-thread-v110{order:1}
  .chat-context-v110{order:2}
  .chat-side-v110{order:3}
  .chat-thread-head-v110{padding:18px}
  .chat-messages-v110{padding:16px;max-height:none;min-height:400px}
  .chat-bubble-v110{max-width:92%}
  .typing-line{padding:0 16px 8px}
  .reply-composer{margin:0 16px 12px}
  .chat-compose-v110{padding:16px}
}
@media(max-width:640px){
  .brand-mark,.brand-mark-uploaded{width:46px;height:46px}
  .brand-copy b{font-size:.95rem;letter-spacing:.14em}
  .brand-copy small{font-size:.62rem;letter-spacing:.25em}
  .inbox-shell-v110{padding:16px}
  .chat-context-v110,.chat-side-v110{padding:16px}
  .chat-thread-head-v110{display:grid;gap:12px}
  .thread-actions-v110{justify-content:flex-start}
  .mini-kpi-grid-v110{grid-template-columns:1fr 1fr}
  .chat-messages-v110{min-height:320px}
  .chat-bubble-v110{max-width:100%;padding:13px 14px}
  .compose-bottom-v110{flex-direction:column;align-items:stretch}
  .compose-bottom-v110 .primary-btn,.compose-bottom-v110 .ghost-btn{width:100%}
  .chat-side-tabs-v110{font-size:.8rem}
  .message-row-v110{padding:16px}
}


/* ===== legacy module consolidated: v111.css ===== */
:root{
  --accent:#9c72ff;
  --accent-rgb:156,114,255;
  --accent-soft:rgba(156,114,255,.13);
  --accent-soft-2:rgba(156,114,255,.2);
  --bg:#060812;
  --bg2:#0a0d18;
  --surface:#101523;
  --surface2:#141a2a;
  --surface3:#171d30;
  --line:rgba(215,224,255,.10);
  --soft:rgba(255,255,255,.04);
  --text:#f4f6ff;
  --muted:#9aa3be;
  --shadow:0 22px 60px rgba(3,5,12,.45);
}
html[data-theme="light"]{
  --bg:#f3f5fb;
  --bg2:#eef1f8;
  --surface:#ffffff;
  --surface2:#f8f9fd;
  --surface3:#f1f4fb;
  --line:rgba(27,35,61,.10);
  --soft:rgba(27,35,61,.04);
  --text:#121728;
  --muted:#69758f;
  --shadow:0 18px 42px rgba(34,45,80,.10);
}
body{
  background:
    radial-gradient(circle at 50% 2%, rgba(156,114,255,.18), transparent 24%),
    repeating-linear-gradient(90deg, rgba(83,98,170,.03) 0 8px, transparent 8px 40px),
    linear-gradient(180deg,var(--bg),var(--bg2));
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 50% 2%, rgba(156,114,255,.11), transparent 24%),
    repeating-linear-gradient(90deg, rgba(137,151,195,.06) 0 8px, transparent 8px 40px),
    linear-gradient(180deg,var(--bg),var(--bg2));
}
body:before{
  background:
    radial-gradient(circle at 84% -8%, rgba(156,114,255,.22), transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.03), transparent 20%);
}
.site-header{height:76px}
.site-header.scrolled,.site-header{
  background:color-mix(in srgb,var(--bg) 80%, transparent);
  backdrop-filter:blur(18px);
}
.header-inner{gap:26px}
.brand{gap:14px}
.brand-mark,.brand-mark-uploaded{width:46px;height:46px;max-width:none;filter:drop-shadow(0 0 18px rgba(156,114,255,.24))}
.brand-copy b{font-size:.97rem;letter-spacing:.30em;text-transform:uppercase;font-weight:750}
.brand-copy small{letter-spacing:.40em;font-size:.58rem;color:#c8b8ff;text-transform:uppercase}
.desktop-nav{gap:20px}
.desktop-nav a{position:relative;padding:10px 0;font-size:.9rem}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform .25s ease}
.desktop-nav a:hover:after{transform:scaleX(1)}
.icon-btn,.account-chip,.guest-chat-fab,.menu-btn,.notification-button,.notification-popover,.mobile-menu,.card,.panel,.service-card,.case-card,.price-card,.feature-card,.process-item,.metric-card,.dashboard-card,.project-row,.table-like,.auth-card,.project-card,.note-card,.file-card,.empty-state,.pricing-note,.cta-panel,.profile-quick-dialog,.notification-row-v109,.message-row-v110,.chat-context-card-v110,.chat-side-card-v110{
  box-shadow:var(--shadow);
}
.card,.panel,.service-card,.case-card,.price-card,.feature-card,.project-row,.metric-card,.auth-card,.project-card,.note-card,.file-card,.cta-panel,.project-hero-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:26px}
.primary-btn{background:linear-gradient(180deg,#b18dff,#8d61ff);box-shadow:0 18px 38px rgba(156,114,255,.28)}
.primary-btn:hover{box-shadow:0 20px 42px rgba(156,114,255,.34)}
.ghost-btn,.icon-btn,.menu-btn,.account-chip,.login-btn,.notification-button{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,white 1%),color-mix(in srgb,var(--surface2) 100%,transparent));border:1px solid color-mix(in srgb,var(--line) 90%,transparent)}
.account-chip{padding:4px 12px 4px 6px;min-height:50px}
.account-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),color-mix(in srgb,var(--accent) 10%,var(--surface2)));border:1px solid rgba(156,114,255,.24)}
.account-chip-copy b{font-weight:700}
.notification-popover{border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent))}
.mobile-menu{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 88%, transparent),var(--bg2));backdrop-filter:blur(20px)}
.mobile-menu a:not(.primary-btn){font-size:1.18rem}
.hero,.page-hero{position:relative;overflow:hidden}
.hero:after,.page-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.02))}
.hero-core{background:linear-gradient(180deg,#ac84ff,#8f63ff)}
.hero-copy,.lead{color:var(--muted)}
.section-head,.dashboard-head{align-items:end}
input,textarea,select{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 100%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));border:1px solid color-mix(in srgb,var(--line) 92%,transparent);border-radius:18px;color:var(--text)}
input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(156,114,255,.56);box-shadow:0 0 0 4px rgba(156,114,255,.10)}
.site-footer{background:linear-gradient(180deg,transparent,var(--bg2));border-top:1px solid color-mix(in srgb,var(--line) 88%,transparent)}
.footer-grid a:not(.brand),.footer-bottom{color:var(--muted)}
.footer-grid h4{color:#d2c5ff}
.dashboard-shell,.dashboard-main,.dashboard-grid{position:relative}
.side-nav{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:28px;padding:14px;box-shadow:var(--shadow)}
.side-nav a{border-radius:16px}
.side-nav a.active,.side-nav a:hover{background:linear-gradient(180deg,rgba(156,114,255,.18),rgba(156,114,255,.10));color:var(--text)}
.dashboard-card,.analytics-card,.settings-card,.backup-card,.notification-row-v109{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));border-color:color-mix(in srgb,var(--line) 90%,transparent);border-radius:26px}
.table-like,.analytics-table,.backup-table,table{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,var(--accent) 1%),color-mix(in srgb,var(--surface2) 100%,transparent));border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:24px;overflow:hidden}
th,td{border-color:color-mix(in srgb,var(--line) 85%,transparent)}
.status-pill{border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);background:color-mix(in srgb,var(--surface2) 95%,transparent)}
.status-pill.good{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.22)}
.status-pill.bad{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.22)}
.badge-dot{background:linear-gradient(180deg,#b792ff,#8f63ff)}
.toast{border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent))}

/* Chat / inbox tightened to provided design */
.inbox-shell-v110{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));border-radius:30px;padding:20px}
.inbox-filter-v110{border-bottom-color:color-mix(in srgb,var(--line) 85%,transparent)}
.message-row-v110{border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 100%,transparent),color-mix(in srgb,var(--surface) 98%,transparent))}
.chat-board-v110{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));border-radius:34px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);box-shadow:var(--shadow)}
.chat-context-v110,.chat-side-v110{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 100%,var(--accent) 2%),color-mix(in srgb,var(--surface) 96%,transparent))}
.chat-thread-head-v110{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),transparent)}
.chat-messages-v110{background:repeating-linear-gradient(90deg, rgba(100,115,180,.028) 0 8px, transparent 8px 38px),radial-gradient(circle at top center, rgba(156,114,255,.08), transparent 28%)}
.chat-bubble-v110{border-radius:24px;padding:16px 18px}
.chat-bubble-v110.mine{background:linear-gradient(180deg,rgba(156,114,255,.24),rgba(156,114,255,.16))}
.chat-side-card-v110 h3,.chat-context-card-v110 h3{letter-spacing:-.02em}
.participant-v110,.internal-note-v110,.pin-list-v110 article{border-radius:18px}
.compose-shortcuts-v110 span{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 100%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));border-radius:14px}
.chat-compose-v110{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 98%,transparent),color-mix(in srgb,var(--surface) 100%,transparent))}
.chat-compose-v110 textarea{border-radius:20px}

/* Public and utility blocks */
.metric-card,.trust-item,.service-card,.feature-card,.price-card,.case-card,.contact-card,.faq-item,.project-hero-card,.cabinet-summary-card{border-radius:26px}
.trust-strip{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-color:color-mix(in srgb,var(--line) 88%,transparent)}
.trust-item{background:transparent}
.service-card .service-index,.eyebrow,.footer-grid h4{color:#cbbcff}
.section h2,.page-hero h1,.dashboard-head h1{letter-spacing:-.05em}
.panel,.settings-section,.owner-settings-panel{border-radius:26px}
.guest-chat-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));border-radius:28px;height:min(620px,calc(100svh - 100px))}
.guest-chat-panel header{padding:18px 18px 14px}
.guest-chat-messages{padding:16px 16px 8px;gap:12px}
.guest-chat-messages .chat-bubble,.guest-chat-messages .chat-bubble.staff{max-width:82%;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 100%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));border:1px solid color-mix(in srgb,var(--line) 90%,transparent)}
.guest-chat-panel form{padding:14px}
.guest-chat-fab{height:54px;padding:0 20px}

/* Light theme extra cleanup */
html[data-theme="light"] .desktop-nav a,html[data-theme="light"] .footer-grid a:not(.brand),html[data-theme="light"] .muted{color:var(--muted)}
html[data-theme="light"] .site-header.scrolled,html[data-theme="light"] .site-header{background:rgba(248,250,255,.84)}
html[data-theme="light"] .brand-copy small{color:#8d6dff}
html[data-theme="light"] .primary-btn{color:#fff}
html[data-theme="light"] .chat-messages-v110{background:repeating-linear-gradient(90deg, rgba(154,170,205,.08) 0 8px, transparent 8px 38px),radial-gradient(circle at top center, rgba(156,114,255,.06), transparent 28%)}

/* Responsive */
@media(max-width:1180px){
  .container{width:min(100% - 32px,1280px)}
  .chat-board-v110{grid-template-columns:1fr}
}
@media(max-width:900px){
  .site-header{height:68px}
  .brand-mark,.brand-mark-uploaded{width:42px;height:42px}
  .brand-copy b{font-size:.84rem;letter-spacing:.18em}
  .brand-copy small{font-size:.54rem;letter-spacing:.26em}
  .account-chip{max-width:170px}
  .desktop-nav{display:none}
}
@media(max-width:720px){
  :root{--radius:20px;--header:64px}
  h1{font-size:clamp(2.6rem,11vw,4.2rem)}
  h2{font-size:clamp(2rem,8vw,3rem)}
  .hero,.page-hero{padding-top:calc(var(--header) + 54px)}
  .header-actions{gap:6px}
  .account-chip{padding:4px 10px 4px 5px;max-width:148px}
  .account-chip-copy b{font-size:.9rem}
  .guest-chat{right:10px;left:10px;bottom:10px}
  .guest-chat-fab{width:100%;justify-content:center}
  .guest-chat-panel{right:0;left:0;width:auto;bottom:66px;height:min(78svh,640px)}
  .site-footer{padding-top:46px}
  .footer-grid{gap:20px}
  .message-row-v110,.chat-context-card-v110,.chat-side-card-v110,.chat-bubble-v110{border-radius:20px}
}
@media(max-width:560px){
  .container,.narrow{width:min(100% - 22px,1280px)}
  .brand{gap:10px}
  .brand-mark,.brand-mark-uploaded{width:38px;height:38px}
  .brand-copy b{font-size:.76rem;letter-spacing:.12em}
  .brand-copy small{display:none}
  .icon-btn,.notification-button,.menu-btn{width:40px;height:40px;min-height:40px}
  .site-header{height:62px}
  .header-actions .desktop-cta{display:none}
  .notification-popover{width:min(360px,calc(100vw - 20px))}
  .toast-stack{right:10px;top:72px;width:min(360px,calc(100% - 20px))}
  .chat-thread-head-v110,.chat-context-v110,.chat-side-v110,.chat-compose-v110,.chat-messages-v110{padding-left:14px;padding-right:14px}
  .chat-bubble-v110{max-width:100%}
}


/* ===== legacy module consolidated: v112.css ===== */
:root{
  --accent:#9a72f6;
  --accent-rgb:154,114,246;
  --accent-soft:rgba(154,114,246,.12);
  --accent-line:rgba(178,150,255,.34);
}

/* 1. Background - no vertical stripes, only soft depth and light */
body{
  background:
    radial-gradient(900px 620px at 12% -12%, rgba(142,102,232,.15), transparent 66%),
    radial-gradient(820px 620px at 88% 8%, rgba(77,65,138,.12), transparent 68%),
    radial-gradient(620px 520px at 50% 74%, rgba(104,82,168,.055), transparent 72%),
    linear-gradient(180deg,#080a12 0%,#090b14 42%,#070910 100%);
  background-attachment:fixed;
}
body:before{
  background:
    radial-gradient(circle at 76% -8%, rgba(172,137,255,.11), transparent 31%),
    radial-gradient(circle at 22% 22%, rgba(255,255,255,.025), transparent 23%);
  opacity:1;
}
html[data-theme="light"] body{
  background:
    radial-gradient(900px 620px at 10% -10%, rgba(152,116,240,.10), transparent 67%),
    radial-gradient(760px 560px at 88% 7%, rgba(142,154,190,.10), transparent 70%),
    linear-gradient(180deg,#f6f7fb 0%,#f0f3f9 50%,#f5f6fa 100%);
}
html[data-theme="light"] body:before{
  background:radial-gradient(circle at 78% -8%,rgba(155,119,247,.08),transparent 31%);
}

/* 2. Exact chosen logo lockup extracted from the approved reference */
.brand-lockup{
  width:238px;
  height:auto;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 18px rgba(151,112,245,.12));
}
.footer-lockup{width:275px;max-height:76px}
.site-header .brand{min-width:238px}

/* 3. Typography / vertical alignment fixes */
button,.primary-btn,.ghost-btn,.icon-btn,.text-btn,.menu-btn,.notification-button,.login-btn,
input,textarea,select,.status-pill,.badge-dot{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
button,.primary-btn,.ghost-btn,.icon-btn,.text-btn,.menu-btn,.notification-button,.login-btn{
  line-height:1.05;
  vertical-align:middle;
}
.primary-btn,.ghost-btn,.login-btn{
  min-height:44px;
  padding-top:0;
  padding-bottom:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.primary-btn.compact,.ghost-btn.compact,.login-btn.compact{min-height:40px}
.text-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:3px 2px}
input,select{min-height:46px;line-height:1.25}
textarea{line-height:1.5}
label{line-height:1.3}
label.check,.check{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  line-height:1.2;
  margin:0;
}
label.check input[type="checkbox"],.check input[type="checkbox"]{
  width:18px;
  height:18px;
  min-height:18px;
  margin:0;
  flex:0 0 18px;
  accent-color:var(--accent);
}
.filter-actions-v110,.filter-actions-v109,.staff-message-filter .inline-actions{
  align-items:center;
  row-gap:8px;
}
.filter-actions-v110 .ghost-btn,.filter-actions-v109 .ghost-btn{align-self:center}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;line-height:1;padding:5px 10px}

/* Cleaner header spacing with exact lockup */
.header-inner{gap:24px}
.desktop-nav{margin-left:auto}
.header-actions{margin-left:10px}

/* Slight polish for buttons so text cannot visually float */
.primary-btn,.ghost-btn,.composer-tool-v112,.icon-chip-v110{
  font-weight:700;
  letter-spacing:-.01em;
}
.primary-btn{box-shadow:0 14px 30px rgba(var(--accent-rgb),.24)}
.ghost-btn{box-shadow:none}

/* 4. Completely rebuilt chat composer */
.chat-compose-v112{
  position:relative;
  padding:16px 20px 22px;
  border-top:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 97%,transparent),color-mix(in srgb,var(--surface) 100%,transparent));
}
.composer-shell-v112{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 92%,transparent);
  border-radius:24px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 1.5%),color-mix(in srgb,var(--surface2) 100%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 32px rgba(0,0,0,.12);
  transition:border-color .18s ease,box-shadow .18s ease;
}
.composer-shell-v112:focus-within{
  border-color:rgba(var(--accent-rgb),.42);
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),.07),0 16px 34px rgba(0,0,0,.16);
}
.composer-shell-v112 textarea{
  display:block;
  width:100%;
  min-height:74px;
  max-height:180px;
  padding:17px 18px 12px;
  margin:0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  resize:none;
  color:var(--text);
  line-height:1.48;
}
.composer-shell-v112 textarea:focus{outline:none;box-shadow:none!important}
.composer-shell-v112 textarea::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent)}
.composer-toolbar-v112{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px 11px;
  border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);
}
.composer-tools-v112,.composer-send-v112{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.composer-tools-v112{flex-wrap:wrap}
.composer-send-v112{justify-content:flex-end}
.composer-tool-v112{
  min-height:38px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid color-mix(in srgb,var(--line) 90%,transparent);
  border-radius:13px;
  background:color-mix(in srgb,var(--surface2) 98%,var(--accent) 2%);
  color:var(--muted);
  cursor:pointer;
  transition:.18s ease;
  white-space:nowrap;
}
.composer-tool-v112 span{
  color:#c8b3ff;
  font-size:1rem;
  line-height:1;
}
.composer-tool-v112:hover,.composer-tool-v112[aria-expanded="true"]{
  color:var(--text);
  border-color:rgba(var(--accent-rgb),.34);
  background:rgba(var(--accent-rgb),.10);
}
.composer-submit-v112{
  min-width:112px;
  min-height:42px;
  border-radius:14px;
}
.composer-file-chip-v112{
  max-width:260px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 8px 0 12px;
  border-radius:12px;
  border:1px solid rgba(var(--accent-rgb),.26);
  background:rgba(var(--accent-rgb),.08);
  color:var(--text);
  font-size:.82rem;
}
.composer-file-chip-v112[hidden]{display:none}
.composer-file-chip-v112>span{
  max-width:210px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.composer-file-chip-v112 button{
  width:26px;
  height:26px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:rgba(255,255,255,.05);
  color:var(--muted);
  cursor:pointer;
}
.composer-popover-v112{
  position:absolute;
  z-index:30;
  left:24px;
  bottom:86px;
  width:min(360px,calc(100% - 48px));
  padding:9px;
  border:1px solid color-mix(in srgb,var(--line) 92%,transparent);
  border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 100%,transparent));
  box-shadow:0 22px 56px rgba(0,0,0,.34);
  backdrop-filter:blur(16px);
}
.composer-popover-v112[hidden]{display:none}
.composer-popover-v112.quick{width:min(330px,calc(100% - 48px))}
.composer-popover-head-v112{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 9px 10px;
  color:var(--text);
}
.composer-popover-head-v112 button{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:10px;
  background:var(--soft);
  color:var(--muted);
  cursor:pointer;
}
.composer-popover-v112>button,
.quick-replies-v112 button{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  line-height:1.25;
}
.composer-popover-v112>button:hover,.quick-replies-v112 button:hover{
  background:rgba(var(--accent-rgb),.09);
}
.quick-replies-v112{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.quick-replies-v112 button{text-align:center;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:var(--soft)}

/* Chat window keeps enough room for the improved composer */
.chat-thread-v110{min-width:0}
.chat-messages-v110{min-height:500px}

/* Light theme composer */
html[data-theme="light"] .composer-shell-v112{
  background:linear-gradient(180deg,#fff,#f9faff);
  box-shadow:0 12px 28px rgba(48,59,91,.07);
}
html[data-theme="light"] .composer-tool-v112{background:#f6f7fb}
html[data-theme="light"] .composer-popover-v112{background:linear-gradient(180deg,#fff,#f8f9fd);box-shadow:0 20px 50px rgba(41,51,82,.14)}

/* Mobile */
@media(max-width:1060px){
  .site-header .brand{min-width:205px}
  .brand-lockup{width:205px;max-height:52px}
}
@media(max-width:820px){
  .site-header .brand{min-width:180px}
  .brand-lockup{width:180px;max-height:46px}
  .composer-toolbar-v112{align-items:flex-end}
}
@media(max-width:720px){
  .chat-compose-v112{padding:12px 12px 14px}
  .composer-shell-v112{border-radius:21px}
  .composer-shell-v112 textarea{min-height:68px;padding:15px 15px 10px}
  .composer-toolbar-v112{display:grid;gap:10px;padding:9px 10px 10px}
  .composer-tools-v112{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .composer-tool-v112{width:100%;min-width:0;padding:0 7px;font-size:.78rem;white-space:normal;text-align:center}
  .composer-send-v112{width:100%;justify-content:space-between}
  .composer-file-chip-v112{max-width:calc(100% - 116px)}
  .composer-submit-v112{min-width:108px}
  .composer-popover-v112,.composer-popover-v112.quick{left:12px;bottom:91px;width:calc(100% - 24px)}
}
@media(max-width:580px){
  .site-header .brand{min-width:138px}
  .brand-lockup{width:138px;max-height:40px}
  .footer-lockup{width:220px;max-height:66px}
  .primary-btn,.ghost-btn{white-space:normal;text-align:center}
  .composer-tools-v112{grid-template-columns:1fr 1fr 1fr}
  .composer-tool-v112 span{display:none}
  .composer-tool-v112{font-size:.74rem;padding:0 5px}
  .composer-send-v112{align-items:stretch}
  .composer-file-chip-v112{max-width:calc(100% - 104px)}
  .composer-submit-v112{min-width:98px;padding:0 13px}
  .quick-replies-v112{grid-template-columns:1fr 1fr}
}
.hero-core img{filter:none!important;width:78px!important;max-height:64px;object-fit:contain}


/* ===== legacy module consolidated: v115.css ===== */
/* v1.1.5: exact reference-derived lockup. No CSS-generated wordmark. */
.site-header .brand.brand-exact,.footer-brand.brand-exact{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.site-header .brand.brand-exact{width:230px!important;min-width:230px!important;max-width:230px!important;height:58px!important;flex:0 0 230px!important}
.brand-exact-image{display:none!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;filter:none!important}
html[data-theme="dark"] .brand-exact-dark,html:not([data-theme="light"]) .brand-exact-dark{display:block!important}
html[data-theme="light"] .brand-exact-light{display:block!important}
html[data-theme="light"] .brand-exact-dark,html[data-theme="dark"] .brand-exact-light{display:none!important}
.brand-exact .brand-copy,.brand-exact .brand-mark,.brand-exact .brand-lockup,.brand-exact .theme-logo-dark,.brand-exact .theme-logo-light{display:none!important}
.footer-brand-exact{width:290px!important;min-width:0!important;max-width:100%!important;height:72px!important;flex:0 1 290px!important}
.footer-brand-exact .brand-exact-image{width:290px!important;max-width:100%!important;height:72px!important}
.header-inner{gap:22px!important}.desktop-nav{margin-left:auto!important}
@media(max-width:1180px){.site-header .brand.brand-exact{width:210px!important;min-width:210px!important;max-width:210px!important;flex-basis:210px!important;height:54px!important}}
@media(max-width:1060px){.site-header .brand.brand-exact{width:190px!important;min-width:190px!important;max-width:190px!important;flex-basis:190px!important;height:50px!important}}
@media(max-width:720px){.site-header .brand.brand-exact{width:165px!important;min-width:165px!important;max-width:165px!important;flex-basis:165px!important;height:44px!important}.footer-brand-exact{width:240px!important;height:62px!important}.footer-brand-exact .brand-exact-image{width:240px!important;height:62px!important}}
@media(max-width:520px){.site-header .brand.brand-exact{width:145px!important;min-width:145px!important;max-width:145px!important;flex-basis:145px!important;height:40px!important}}


/* ===== legacy module consolidated: v120.css ===== */
/* Cloud Design v1.2.0 - final visual system */
:root{
  --accent:#9f79ff;
  --accent-rgb:159,121,255;
  --accent-soft:rgba(159,121,255,.12);
  --accent-soft-2:rgba(159,121,255,.20);
  --premium-line:rgba(222,226,255,.10);
  --premium-shadow:0 24px 70px rgba(2,4,12,.34);
}
html[data-theme="dark"]{
  --bg:#080a12;
  --bg2:#0b0e17;
  --surface:#111520;
  --surface2:#151a27;
  --text:#f5f4fb;
  --muted:#9ea3b7;
  --line:rgba(225,228,255,.10);
  --soft:rgba(255,255,255,.045);
}
html[data-theme="light"]{
  --bg:#f3f4f8;
  --bg2:#eceff5;
  --surface:#ffffff;
  --surface2:#f8f9fc;
  --text:#151823;
  --muted:#687083;
  --line:rgba(27,31,46,.10);
  --soft:rgba(27,31,46,.04);
  --premium-shadow:0 20px 52px rgba(39,47,75,.09);
}
body{
  background:
    radial-gradient(900px 680px at 78% -8%, rgba(159,121,255,.11), transparent 68%),
    radial-gradient(720px 560px at 5% 22%, rgba(102,85,158,.07), transparent 72%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg2) 58%,var(--bg) 100%)!important;
  background-attachment:fixed!important;
}
body:before{
  background:radial-gradient(circle at 58% -12%,rgba(204,184,255,.07),transparent 35%)!important;
  opacity:1!important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(900px 650px at 82% -10%, rgba(159,121,255,.10), transparent 70%),
    radial-gradient(700px 560px at 6% 20%, rgba(124,136,177,.07), transparent 72%),
    linear-gradient(180deg,#f7f8fb 0%,#eef1f7 58%,#f6f7fa 100%)!important;
}

/* Typography and control consistency */
body,button,input,textarea,select{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
button,.primary-btn,.ghost-btn,.icon-btn,.text-btn,.status-pill,.account-chip{line-height:1.15}
.primary-btn,.ghost-btn{min-height:44px;padding:0 18px;border-radius:14px;white-space:normal;text-align:center}
.primary-btn.compact,.ghost-btn.compact{min-height:39px;padding:0 14px;border-radius:12px}
.primary-btn{background:linear-gradient(180deg,#ad8aff,#8f63ff);box-shadow:0 13px 30px rgba(var(--accent-rgb),.24)}
.primary-btn:hover{box-shadow:0 17px 38px rgba(var(--accent-rgb),.31)}
.ghost-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 96%,var(--accent) 3%),color-mix(in srgb,var(--surface) 98%,transparent));border-color:color-mix(in srgb,var(--line) 90%,transparent)}
input,select,textarea{border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 98%,transparent),color-mix(in srgb,var(--surface) 100%,transparent));border:1px solid color-mix(in srgb,var(--line) 92%,transparent);color:var(--text)}
input,select{min-height:46px}
textarea{line-height:1.55}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(var(--accent-rgb),.50);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08)}
label{display:grid;gap:7px;color:var(--text);font-weight:650}
label small{font-weight:450;color:var(--muted)}
.errorlist{list-style:none;margin:5px 0 0;padding:0;color:#ff8e98;font-size:.83rem}

/* Header/logo - keep exact reference lockup */
.site-header{border-bottom-color:rgba(223,226,255,.07)}
.site-header.scrolled{background:color-mix(in srgb,var(--bg) 86%,transparent)}
.brand-exact-image{display:block;height:auto;object-fit:contain;object-position:left center;filter:none!important}
.site-header .brand-exact-image{width:245px;max-height:55px}
.footer-brand-exact .brand-exact-image{width:285px;max-height:72px}
.brand-exact-light{display:none}
html[data-theme="light"] .brand-exact-dark{display:none}
html[data-theme="light"] .brand-exact-light{display:block}
.desktop-nav a{font-weight:600;line-height:1;padding:12px 0;color:var(--muted)}
.header-actions{align-items:center}
.account-chip{border-radius:16px;min-height:48px}

/* Global premium surfaces */
.card,.panel,.metric-card,.service-card,.feature-card,.price-card,.project-row,.auth-card,.contact-channels,.cta-panel,.table-wrap,.side-nav,.notification-popover,.guest-chat-panel{
  border-color:color-mix(in srgb,var(--line) 92%,transparent);
  box-shadow:var(--premium-shadow);
}
.card,.panel{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 1.5%),color-mix(in srgb,var(--surface2) 100%,transparent))}
.service-card,.feature-card,.price-card{border-radius:24px}
.service-card:hover,.feature-card:hover,.price-card:hover{border-color:rgba(var(--accent-rgb),.30);transform:translateY(-4px)}
.section-head p,.lead,.hero-copy{color:var(--muted)}
.eyebrow{color:#c7b7f7}

/* Hero */
.hero{min-height:min(920px,100svh);padding-bottom:90px}
.hero-grid{align-items:center}
.hero h1{max-width:9.3ch}
.hero-orbit{opacity:.95}
.hero-core-exact{background:linear-gradient(145deg,rgba(159,121,255,.92),rgba(110,80,211,.93));overflow:hidden}
.hero-logo-exact{width:78px!important;height:64px!important;object-fit:contain!important;filter:none!important}
.hero-logo-light{display:none}
html[data-theme="light"] .hero-logo-dark{display:none}
html[data-theme="light"] .hero-logo-light{display:block}
.trust-strip{background:rgba(255,255,255,.015)}

/* Dashboard/navigation */
.dashboard-shell{padding-top:calc(var(--header) + 38px)}
.side-nav-final{padding:12px;border-radius:24px}
.side-nav-final a{border-radius:14px;min-height:42px;display:flex;align-items:center}
.side-nav-final .side-nav-create{background:linear-gradient(180deg,rgba(var(--accent-rgb),.19),rgba(var(--accent-rgb),.10));border:1px solid rgba(var(--accent-rgb),.24);color:var(--text);font-weight:750;margin-bottom:6px}
.side-nav-final .side-nav-create span{font-size:1.15rem;margin-right:8px;color:#cdbbff}
.dashboard-head h1{margin-bottom:8px}
.staff-topline{gap:12px}
.metric-grid{gap:14px}
.metric-card{border-radius:22px}

/* Visitor stats */
.visitor-summary-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.visitor-summary-final .card{padding:20px;border-radius:22px}
.visitor-summary-final span,.visitor-summary-final small{display:block;color:var(--muted)}
.visitor-summary-final b{display:block;font-size:2.35rem;line-height:1;margin:10px 0 8px;letter-spacing:-.05em}
.visitor-summary-final small{font-size:.82rem}
.analytics-accuracy-note{max-width:880px}

/* Project creation and management */
.project-admin-head-final{align-items:flex-start}
.project-quick-guide-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;overflow:hidden;margin-bottom:16px}
.project-quick-guide-final>div{padding:20px 22px;border-right:1px solid var(--line)}
.project-quick-guide-final>div:last-child{border-right:0}
.project-quick-guide-final span{color:#cbb8ff;font-size:.75rem;letter-spacing:.12em}
.project-quick-guide-final b{display:block;margin:10px 0 7px}
.project-quick-guide-final p{margin:0;color:var(--muted);font-size:.88rem}
.project-search-final{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.project-search-final input{flex:1}
.project-row-final{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto}
.project-row-actions-final{display:flex;gap:8px;align-items:center}
.project-editor-final{display:grid;gap:16px}
.project-form-section-final{padding:24px;border-radius:25px}
.project-form-section-head-final{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.project-form-section-head-final>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.11);border:1px solid rgba(var(--accent-rgb),.22);color:#cdbdff;font-size:.74rem;flex:0 0 38px}
.project-form-section-head-final h3{margin:1px 0 5px}
.project-form-section-head-final p{margin:0;color:var(--muted);font-size:.9rem}
.form-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.span-two-final{grid-column:span 2}
.project-check-final{align-self:end;min-height:46px;padding:0 14px;display:flex;flex-direction:row;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-weight:600}
.project-check-final input{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}
.project-savebar-final{position:sticky;bottom:14px;z-index:20;padding:12px 14px;display:flex;justify-content:flex-end;gap:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.20)}
.form-errors-final{padding:14px;border-radius:14px;background:rgba(255,90,105,.08);border:1px solid rgba(255,90,105,.22)}

/* Chat final polish - smooth background, no stripes */
.chat-board-v110{border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#101522,#0d111d);box-shadow:0 28px 80px rgba(2,4,10,.45)}
html[data-theme="light"] .chat-board-v110{background:linear-gradient(180deg,#ffffff,#f6f8fc)}
.chat-context-v110,.chat-side-v110{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 98%,var(--accent) 2%),color-mix(in srgb,var(--surface) 100%,transparent))}
.chat-messages-v110{
  min-height:560px;
  background:
    radial-gradient(560px 360px at 78% 20%,rgba(var(--accent-rgb),.075),transparent 72%),
    radial-gradient(480px 360px at 14% 72%,rgba(77,88,133,.07),transparent 74%),
    linear-gradient(180deg,#0d111b 0%,#0b0f19 100%)!important;
}
html[data-theme="light"] .chat-messages-v110{
  background:
    radial-gradient(560px 360px at 78% 20%,rgba(var(--accent-rgb),.06),transparent 72%),
    linear-gradient(180deg,#f7f9fd 0%,#f3f6fb 100%)!important;
}
.chat-bubble-v110{border-radius:21px;background:linear-gradient(180deg,#171c28,#151a26);border-color:rgba(228,231,255,.09);box-shadow:0 10px 26px rgba(2,4,10,.16)}
.chat-bubble-v110.mine{background:linear-gradient(180deg,rgba(105,78,172,.60),rgba(75,58,126,.62));border-color:rgba(192,166,255,.28)}
html[data-theme="light"] .chat-bubble-v110{background:#fff}
html[data-theme="light"] .chat-bubble-v110.mine{background:linear-gradient(180deg,#e9e1ff,#ded1ff)}
.chat-context-card-v110,.chat-side-card-v110{border-radius:20px;box-shadow:none}
.chat-danger-zone-final{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.chat-danger-zone-final .danger{width:100%;border-color:rgba(255,105,118,.22);color:#ff9ca6;background:rgba(255,90,105,.05)}
.chat-compose-v112{background:linear-gradient(180deg,#101521,#0e131e)}
html[data-theme="light"] .chat-compose-v112{background:linear-gradient(180deg,#f8faff,#f3f6fb)}
.composer-shell-v112{border-radius:22px;background:linear-gradient(180deg,#141a27,#111621);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.14)}
html[data-theme="light"] .composer-shell-v112{background:#fff}
.composer-shell-v112 textarea{min-height:72px}
.composer-toolbar-v112{background:rgba(255,255,255,.01)}
.composer-tool-v112{border-radius:12px}

/* Message list */
.inbox-shell-v110{border-radius:27px}
.message-row-v110{border-radius:20px;box-shadow:none}
.message-row-actions-v110 form{margin:0}
.message-row-actions-v110 .danger{color:#ff929c;border-color:rgba(255,90,105,.18)}

/* Legal */
.legal-hero-final{padding-bottom:58px}
.legal-meta-final{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.legal-meta-final span{padding:8px 11px;border-radius:999px;border:1px solid var(--line);background:var(--soft);font-size:.8rem;color:var(--muted)}
.legal-section-final{padding-top:40px}
.legal-notice-final,.legal-footer-note-final{padding:22px 24px;border-radius:22px}
.legal-notice-final p,.legal-footer-note-final p{margin:8px 0 0;color:var(--muted)}
.legal-document-final{display:grid;gap:14px;margin:18px 0}
.legal-block-final{padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 1%),color-mix(in srgb,var(--surface2) 100%,transparent))}
.legal-block-final h2{font-size:1.35rem;margin:0 0 14px;letter-spacing:-.025em}
.legal-block-final p{color:var(--muted);margin:10px 0;line-height:1.7}
.legal-bullet-final{display:grid;grid-template-columns:8px 1fr;gap:12px;align-items:start}
.legal-bullet-final>span{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:19px;box-shadow:0 0 0 5px rgba(var(--accent-rgb),.08)}
.legal-bullet-final p{margin:8px 0}

/* Guest chat and notifications */
.guest-chat-panel{border-radius:24px;background:linear-gradient(180deg,#121722,#0f141e)}
html[data-theme="light"] .guest-chat-panel{background:#fff}
.guest-chat-messages{background:radial-gradient(420px 240px at 80% 20%,rgba(var(--accent-rgb),.06),transparent 75%)}
.notification-popover{border-radius:21px}
.notification-popover-item{transition:background .18s ease}
.notification-popover-item:hover{background:rgba(var(--accent-rgb),.05)}

/* Public page refinements */
.page-hero{padding-bottom:62px}
.page-hero h1{max-width:13ch}
.case-card{border-radius:25px}
.cta-panel{border-radius:28px}
.faq details{border-radius:17px}
.contact-channels{border-radius:24px}

/* Mobile */
@media(max-width:1060px){
  .project-quick-guide-final{grid-template-columns:1fr}
  .project-quick-guide-final>div{border-right:0;border-bottom:1px solid var(--line)}
  .project-quick-guide-final>div:last-child{border-bottom:0}
  .project-row-final{grid-template-columns:1fr 220px}
  .project-row-actions-final{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:820px){
  .site-header .brand-exact-image{width:205px;max-height:48px}
  .footer-brand-exact .brand-exact-image{width:245px}
  .visitor-summary-final{grid-template-columns:1fr}
  .form-grid.three{grid-template-columns:1fr 1fr}
  .span-two-final{grid-column:1/-1}
  .project-savebar-final{bottom:8px}
  .chat-messages-v110{min-height:430px}
}
@media(max-width:720px){
  .dashboard-shell{padding-top:calc(var(--header) + 20px)}
  .side-nav-final{border-radius:18px}
  .project-editor-head-final,.project-admin-head-final{display:grid;gap:14px}
  .project-form-section-final{padding:18px;border-radius:20px}
  .form-grid.three,.form-grid.two{grid-template-columns:1fr}
  .span-two-final{grid-column:auto}
  .project-savebar-final{position:static;display:grid;grid-template-columns:1fr 1fr}
  .project-search-final{display:grid;grid-template-columns:1fr auto}
  .project-search-final .text-btn{grid-column:1/-1;justify-self:start}
  .project-row-final{grid-template-columns:1fr}
  .project-row-actions-final{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}
  .message-row-actions-v110{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .message-row-actions-v110>*{width:100%}
  .message-row-actions-v110 form button{width:100%}
  .legal-block-final{padding:19px 18px}
  .legal-notice-final,.legal-footer-note-final{padding:18px}
  .chat-messages-v110{min-height:360px}
}
@media(max-width:580px){
  .site-header .brand-exact-image{width:158px;max-height:42px}
  .footer-brand-exact .brand-exact-image{width:220px}
  .header-inner{gap:8px}
  .account-chip-copy{display:none}
  .account-chip{padding:4px;min-width:48px;width:48px}
  .project-savebar-final{grid-template-columns:1fr}
  .project-row-actions-final{grid-template-columns:1fr}
  .message-row-actions-v110{grid-template-columns:1fr}
  .legal-meta-final{display:grid;grid-template-columns:1fr}
  .legal-meta-final span{text-align:center}
  .chat-context-v110,.chat-side-v110{padding:14px}
  .chat-thread-head-v110{padding:16px 14px}
  .chat-messages-v110{padding:14px;min-height:340px}
}

/* =========================================================
   v1.2.1 - native select readability fix (Windows/Chromium)
   ========================================================= */
select{
  color-scheme:dark;
  background-color:#111624 !important;
  color:#f4f6ff !important;
  border-color:rgba(211,220,255,.12) !important;
  -webkit-text-fill-color:#f4f6ff;
}
select option,
select optgroup{
  background:#111624 !important;
  color:#f4f6ff !important;
  -webkit-text-fill-color:#f4f6ff;
}
select option:checked{
  background:#8f68f6 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
select option:disabled,
select optgroup:disabled{
  color:#69728a !important;
  -webkit-text-fill-color:#69728a;
}
select:disabled{
  opacity:.62;
  cursor:not-allowed;
}
html[data-theme="light"] select{
  color-scheme:light;
  background-color:#ffffff !important;
  color:#151a2a !important;
  border-color:rgba(27,35,61,.13) !important;
  -webkit-text-fill-color:#151a2a;
}
html[data-theme="light"] select option,
html[data-theme="light"] select optgroup{
  background:#ffffff !important;
  color:#151a2a !important;
  -webkit-text-fill-color:#151a2a;
}
html[data-theme="light"] select option:checked{
  background:#8f68f6 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
html[data-theme="light"] select option:disabled,
html[data-theme="light"] select optgroup:disabled{
  color:#9aa1b2 !important;
  -webkit-text-fill-color:#9aa1b2;
}
/* Keep compact selects readable in inline admin controls too. */
.inline-settings select,
.partner-row-form select,
.form-grid select,
.stack-form-v110 select{
  min-height:46px;
  line-height:1.25;
  font-weight:600;
}

/* =========================================================
   v1.2.2 - fully custom dropdown component.
   Native Windows/Chromium menu is visually hidden so colors
   are controlled entirely by Cloud Design.
   ========================================================= */
.cd-select{
  position:relative;
  display:block;
  min-width:0;
  width:100%;
  font:inherit;
}
.cd-select.cd-select-compact{display:inline-block;width:min(180px,100%)}
.cd-select-native{
  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;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:.001 !important;
}
.cd-select-trigger{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 15px 0 16px;
  border:1px solid rgba(211,220,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,#121827,#0f1421);
  color:#f4f6ff;
  font:inherit;
  font-weight:650;
  line-height:1.2;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.cd-select-trigger:hover{border-color:rgba(156,114,255,.36);background:linear-gradient(180deg,#151c2d,#111725)}
.cd-select-trigger:focus-visible,.cd-select.is-open .cd-select-trigger{
  outline:none;
  border-color:rgba(156,114,255,.72);
  box-shadow:0 0 0 4px rgba(156,114,255,.11),inset 0 1px 0 rgba(255,255,255,.03);
}
.cd-select.is-invalid .cd-select-trigger{border-color:rgba(255,103,117,.68);box-shadow:0 0 0 4px rgba(255,103,117,.08)}
.cd-select.is-disabled .cd-select-trigger{opacity:.58;cursor:not-allowed}
.cd-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cd-select-chevron{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;color:#aaa3c8;transition:transform .18s ease,color .18s ease}
.cd-select-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cd-select.is-open .cd-select-chevron{transform:rotate(180deg);color:#cbbaff}
.cd-select-portal{
  position:fixed;
  z-index:50000;
  padding:7px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid rgba(211,220,255,.13);
  border-radius:18px;
  background:linear-gradient(180deg,#141a29,#0f1421);
  box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
  scrollbar-width:thin;
  scrollbar-color:rgba(156,114,255,.34) transparent;
}
.cd-select-portal[hidden]{display:none !important}
.cd-select-group{
  padding:10px 11px 6px;
  color:#787f98;
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.cd-select-option{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  padding:9px 11px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#e9ecf7;
  font:inherit;
  font-size:.92rem;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
.cd-select-option:hover,.cd-select-option:focus-visible{
  outline:none;
  background:rgba(156,114,255,.12);
  color:#fff;
}
.cd-select-option.is-selected{
  background:linear-gradient(180deg,rgba(156,114,255,.24),rgba(156,114,255,.15));
  color:#fff;
  font-weight:700;
}
.cd-select-option.is-selected:after{content:'✓';margin-left:auto;color:#cdbdff;font-weight:800}
.cd-select-option:disabled{opacity:.38;cursor:not-allowed}
.partner-row-form .cd-select,.form-grid .cd-select,.stack-form-v110 .cd-select{min-width:0}

html[data-theme="light"] .cd-select-trigger{
  background:linear-gradient(180deg,#fff,#f8faff);
  color:#151a2a;
  border-color:rgba(27,35,61,.13);
  box-shadow:0 5px 14px rgba(38,49,82,.04);
}
html[data-theme="light"] .cd-select-trigger:hover{background:#fff;border-color:rgba(143,104,246,.34)}
html[data-theme="light"] .cd-select-chevron{color:#7e8496}
html[data-theme="light"] .cd-select-portal{
  background:linear-gradient(180deg,#fff,#f6f8fd);
  border-color:rgba(27,35,61,.12);
  box-shadow:0 24px 60px rgba(35,47,82,.18),inset 0 1px 0 #fff;
}
html[data-theme="light"] .cd-select-option{color:#1a2032}
html[data-theme="light"] .cd-select-option:hover,html[data-theme="light"] .cd-select-option:focus-visible{background:rgba(143,104,246,.09);color:#111626}
html[data-theme="light"] .cd-select-option.is-selected{background:linear-gradient(180deg,rgba(143,104,246,.17),rgba(143,104,246,.10));color:#17132a}
html[data-theme="light"] .cd-select-group{color:#848ba0}

@media(max-width:720px){
  .cd-select-trigger{min-height:50px;border-radius:15px;padding-inline:14px}
  .cd-select-portal{border-radius:16px;padding:6px}
  .cd-select-option{min-height:46px;font-size:.95rem}
  .cd-select.cd-select-compact{width:100%}
}


/* v1.2.3 - service page CTA clickability
   Decorative hero pseudo-elements must never intercept links/buttons. */
.hero::after,
.page-hero::after,
.hero:after,
.page-hero:after {
  pointer-events: none !important;
}
.hero > .container,
.page-hero > .container {
  position: relative;
  z-index: 2;
}
.page-hero .inline-actions,
.page-hero .primary-btn,
.page-hero .ghost-btn {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

/* v1.2.4 - direct SMTP test inside Owner settings */
.smtp-test-direct{margin-top:18px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),color-mix(in srgb,var(--surface2) 98%,transparent))}
.smtp-test-direct>div:first-child p{margin:6px 0 0;color:var(--muted)}
.smtp-test-grid{align-items:end;margin-top:14px}
.smtp-test-action{display:grid;gap:8px;align-content:end}
.smtp-test-action .primary-btn{width:100%;min-height:50px}
.smtp-test-action small{color:var(--muted);line-height:1.35}
.smtp-test-result{margin-top:14px;padding:13px 15px;border-radius:15px;border:1px solid var(--line);line-height:1.45}
.smtp-test-result.success{background:rgba(57,211,137,.09);border-color:rgba(57,211,137,.28);color:#8ce7b9}
.smtp-test-result.error{background:rgba(248,113,113,.09);border-color:rgba(248,113,113,.28);color:#ffaaaa}
html[data-theme="light"] .smtp-test-result.success{color:#176b45}
html[data-theme="light"] .smtp-test-result.error{color:#a52d2d}
#smtpTestButton[disabled]{opacity:.65;cursor:wait;transform:none;box-shadow:none}
@media(max-width:720px){.smtp-test-direct{padding:16px}.smtp-test-grid{grid-template-columns:1fr}.smtp-test-action .primary-btn{width:100%}}


/* ===== legacy module consolidated: v126.css ===== */
.profile-security-card-v126{overflow:hidden}
.profile-security-actions-v126{display:grid;gap:10px;margin-top:18px}
.profile-logout-divider-v126{height:1px;background:var(--line);margin:18px 0}
.profile-logout-btn-v126{border-color:rgba(255,92,110,.32)!important;color:#ff929f!important;background:rgba(255,92,110,.055)!important}
.profile-logout-btn-v126:hover{background:rgba(255,92,110,.11)!important;border-color:rgba(255,92,110,.52)!important;color:#ffb3bc!important}
.side-nav-logout-v126{margin-top:6px}
.side-nav-logout-v126 button{width:100%;display:flex;align-items:center;padding:11px 12px;border:1px solid rgba(255,92,110,.16);border-radius:14px;background:rgba(255,92,110,.035);color:#ff929f;cursor:pointer;text-align:left;font:inherit;font-weight:600;transition:.2s}
.side-nav-logout-v126 button:hover{background:rgba(255,92,110,.09);border-color:rgba(255,92,110,.34)}
.mobile-logout-form{margin:0;padding:0;border-bottom:1px solid var(--line)}
.mobile-logout-button{width:100%;padding:15px 0;border:0;background:transparent;color:#ff929f;text-align:left;font:inherit;font-size:1.18rem;font-weight:650;cursor:pointer}
.password-change-wrap-v126{min-height:calc(100svh - var(--header));display:grid;align-items:center;padding:calc(var(--header) + 44px) 0 64px}
.password-change-container-v126{display:grid;place-items:center}
.password-change-card-v126{width:min(620px,100%);padding:34px}
.password-change-card-v126 h1{font-size:clamp(2.4rem,6vw,4rem);margin:12px 0 18px}
.password-change-lead-v126{margin-bottom:24px}
.password-change-form-v126{display:grid;gap:16px}
.password-change-form-v126 label{display:grid;gap:8px;font-weight:650}
.password-change-form-v126 input{width:100%}
.password-change-links-v126{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.field-errors{display:block;color:#ff9191;font-size:.84rem;font-weight:500;line-height:1.35}
@media(max-width:720px){
 .profile-security-card-v126{padding:18px}
 .password-change-card-v126{padding:22px 18px;border-radius:22px}
 .password-change-links-v126{grid-template-columns:1fr}
 .password-change-wrap-v126{padding-top:calc(var(--header) + 26px)}
 .mobile-logout-button{font-size:1.06rem}
}


/* ===== legacy module consolidated: v128.css ===== */
/* Cloud Design v1.2.8 — account recovery + quick login */
.auth-wrap-v128{padding:72px 0 88px;min-height:calc(100vh - 190px);display:flex;align-items:center}
.auth-shell-v128{display:grid;place-items:center}
.auth-card-v128{width:min(100%,600px);padding:34px;border-radius:26px;position:relative;overflow:hidden}
.auth-card-v128:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,#fff),transparent);opacity:.9}
.auth-card-v128 h1{font-size:clamp(30px,5vw,46px);line-height:1.04;letter-spacing:-.045em;margin:8px 0 12px}
.auth-lead-v128{font-size:15px;line-height:1.65;margin:0 0 24px}
.auth-mode-tabs-v128{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:15px;margin:22px 0}
.auth-mode-tab-v128{display:flex;min-height:42px;align-items:center;justify-content:center;border-radius:11px;color:var(--text-muted,#969db2);text-decoration:none;font-size:13px;font-weight:700;transition:.18s ease}
.auth-mode-tab-v128:hover{color:var(--text,#fff);background:rgba(255,255,255,.045)}
.auth-mode-tab-v128.active{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 22%,transparent)}
.auth-form-v128{display:grid;gap:15px}
.auth-form-v128 label{display:grid;gap:8px;font-size:13px;font-weight:700;color:var(--text,#f6f7fb)}
.auth-form-v128 input{width:100%;min-height:50px}
.auth-under-field-v128{display:flex;justify-content:flex-end;margin-top:-6px;margin-bottom:2px}
.auth-under-field-v128 a,.auth-bottom-v128 a{color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:13px;font-weight:700;text-decoration:none}
.auth-under-field-v128 a:hover,.auth-bottom-v128 a:hover{text-decoration:underline}
.auth-bottom-v128{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.075);font-size:13px}
.auth-error-v128{padding:11px 13px;border:1px solid rgba(255,98,112,.25);background:rgba(255,98,112,.08);border-radius:12px}
.quick-login-callout-v128{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent) 5%,rgba(255,255,255,.025));border-radius:16px}
.quick-login-callout-v128>div{display:flex;gap:12px;align-items:flex-start;min-width:0}
.quick-login-callout-v128 b{display:block;font-size:13px;margin-bottom:3px}
.quick-login-callout-v128 p{font-size:12px;line-height:1.5;margin:0}
.security-dot-v128{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--accent) 15%,transparent);color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:14px}
.security-note-v128{margin-top:18px;padding:16px 17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:16px}
.security-note-v128 b{font-size:13px}.security-note-v128 p{margin:5px 0 0;font-size:12.5px;line-height:1.55}
.security-step-v128{display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:17px;border-radius:17px;background:color-mix(in srgb,var(--accent) 5%,rgba(255,255,255,.025));border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.07))}
.security-step-number-v128{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:#fff;font-size:13px;font-weight:800}
.security-step-v128 b{display:block;font-size:14px;margin:1px 0 4px}.security-step-v128 p{margin:0;font-size:12.5px;line-height:1.55}
.quick-method-grid-v128{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-method-card-v128{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:18px;transition:.18s ease}
.quick-method-card-v128:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--accent) 4%,rgba(255,255,255,.035))}
.quick-method-icon-v128{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;margin-bottom:13px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 72%,#fff);font-weight:800}
.quick-method-card-v128>b{font-size:14px}.quick-method-card-v128>p{min-height:43px;color:var(--text-muted,#969db2);font-size:12px;line-height:1.5;margin:5px 0 15px}
.otp-input-v128{text-align:center;font-size:28px!important;font-weight:800!important;letter-spacing:.24em!important;font-variant-numeric:tabular-nums;padding-left:calc(.24em + 14px)!important}
.code-form-v128{margin-top:4px}
.auth-secondary-form-v128{margin-top:10px}
.auth-inline-actions-v128{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.auth-inline-actions-v128 form{margin:0}.auth-inline-actions-v128 .text-btn,.auth-restart-v128 .text-btn{font-size:12.5px;color:color-mix(in srgb,var(--accent) 65%,#fff)}
.auth-restart-v128{margin-top:18px;text-align:center}
.recovery-steps-v128{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 22px}
.recovery-steps-v128 span{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);border-radius:12px;color:var(--text-muted,#969db2);font-size:11.5px;line-height:1.35}
.recovery-steps-v128 b{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:#fff;font-size:11px}
.mini-v128{font-size:11.5px!important;margin:-5px 0 2px!important}
.forgot-current-v128{display:grid;gap:13px;margin:18px 0 6px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent) 4%,rgba(255,255,255,.025));border-radius:17px}
.forgot-current-v128 .profile-card-label{display:block;margin-bottom:6px}.forgot-current-v128>b{font-size:14px}.forgot-current-v128 p{margin:6px 0 0;font-size:12.5px;line-height:1.55}
.quick-login-status-v128{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);border-radius:14px}
.quick-login-status-v128 b{font-size:12.5px}.quick-login-status-v128 p{margin:4px 0 0;font-size:11.5px;line-height:1.45}

[data-theme="light"] .auth-mode-tabs-v128{background:rgba(18,22,35,.035);border-color:rgba(18,22,35,.09)}
[data-theme="light"] .auth-mode-tab-v128:hover{background:rgba(18,22,35,.04);color:#141625}
[data-theme="light"] .quick-login-callout-v128,[data-theme="light"] .security-note-v128,[data-theme="light"] .quick-method-card-v128,[data-theme="light"] .recovery-steps-v128 span,[data-theme="light"] .quick-login-status-v128{border-color:rgba(18,22,35,.09);background:rgba(18,22,35,.025)}
[data-theme="light"] .auth-bottom-v128{border-color:rgba(18,22,35,.09)}

@media(max-width:640px){
 .auth-wrap-v128{padding:28px 0 48px;align-items:flex-start}
 .auth-shell-v128{display:block;padding-left:12px;padding-right:12px}
 .auth-card-v128{padding:24px 18px;border-radius:21px}
 .auth-card-v128 h1{font-size:33px}
 .auth-lead-v128{font-size:14px;line-height:1.58}
 .quick-login-callout-v128{align-items:stretch;flex-direction:column}.quick-login-callout-v128>a{width:100%}
 .quick-method-grid-v128{grid-template-columns:1fr}
 .quick-method-card-v128>p{min-height:0}
 .recovery-steps-v128{grid-template-columns:1fr;gap:6px}
 .recovery-steps-v128 span{padding:9px 10px}
 .otp-input-v128{font-size:25px!important;letter-spacing:.18em!important}
 .auth-inline-actions-v128{align-items:flex-start;flex-direction:column;gap:8px}
 .quick-login-status-v128{flex-direction:column}
}


/* ===== legacy module consolidated: v1211.css ===== */
/* Cloud Design v1.2.10 — first-party dialogs instead of browser confirm/prompt */
.cd-dialog-root-v1210{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.cd-dialog-root-v1210.is-open{opacity:1;visibility:visible;pointer-events:auto}
.cd-dialog-backdrop-v1210{position:absolute;inset:0;background:rgba(3,5,12,.72);backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%)}
.cd-dialog-card-v1210{position:relative;width:min(100%,520px);max-height:min(82svh,720px);overflow:auto;padding:26px;border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.1)) 92%,rgba(159,121,255,.12));border-radius:24px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface,#111520) 96%,var(--accent,#9f79ff) 4%),color-mix(in srgb,var(--surface2,#151a27) 99%,transparent));box-shadow:0 34px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset;transform:translateY(12px) scale(.985);transition:transform .2s ease}
.cd-dialog-root-v1210.is-open .cd-dialog-card-v1210{transform:translateY(0) scale(1)}
.cd-dialog-card-v1210:before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent,#9f79ff) 72%,#fff),transparent);opacity:.95}
.cd-dialog-top-v1210{display:flex;gap:16px;align-items:flex-start}
.cd-dialog-icon-v1210{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--accent,#9f79ff) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent,#9f79ff) 22%,transparent);color:color-mix(in srgb,var(--accent,#9f79ff) 67%,#fff);font-size:20px;font-weight:800}
.cd-dialog-root-v1210.is-danger .cd-dialog-icon-v1210{background:rgba(255,91,108,.10);border-color:rgba(255,91,108,.20);color:#ff9aa6}
.cd-dialog-copy-v1210{min-width:0;flex:1}
.cd-dialog-kicker-v1210{margin:1px 0 7px;color:color-mix(in srgb,var(--accent,#9f79ff) 68%,#fff);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cd-dialog-title-v1210{margin:0;color:var(--text,#f5f4fb);font-size:clamp(21px,4vw,27px);line-height:1.12;letter-spacing:-.035em}
.cd-dialog-text-v1210{margin:11px 0 0;color:var(--muted,#9ea3b7);font-size:14px;line-height:1.65;white-space:pre-line}
.cd-dialog-field-v1210{display:grid;gap:8px;margin-top:20px}
.cd-dialog-field-v1210[hidden]{display:none}
.cd-dialog-field-v1210 label{font-size:12px;font-weight:750;color:var(--text,#f5f4fb)}
.cd-dialog-input-v1210{width:100%;min-height:118px;resize:vertical;padding:14px 15px;border:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.1)) 96%,transparent);border-radius:15px;background:color-mix(in srgb,var(--surface2,#151a27) 96%,#000 4%);color:var(--text,#f5f4fb);font:inherit;line-height:1.55;outline:none}
.cd-dialog-input-v1210:focus{border-color:rgba(159,121,255,.55);box-shadow:0 0 0 4px rgba(159,121,255,.09)}
.cd-dialog-actions-v1210{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:19px;border-top:1px solid color-mix(in srgb,var(--line,rgba(255,255,255,.1)) 85%,transparent)}
.cd-dialog-btn-v1210{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border-radius:13px;border:1px solid transparent;font:inherit;font-size:13px;font-weight:780;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.cd-dialog-btn-v1210:hover{transform:translateY(-1px)}
.cd-dialog-cancel-v1210{color:var(--text,#f5f4fb);border-color:color-mix(in srgb,var(--line,rgba(255,255,255,.1)) 95%,transparent);background:color-mix(in srgb,var(--surface2,#151a27) 94%,transparent)}
.cd-dialog-confirm-v1210{color:#fff;background:linear-gradient(180deg,#ad8aff,#8f63ff);box-shadow:0 11px 28px rgba(159,121,255,.22)}
.cd-dialog-root-v1210.is-danger .cd-dialog-confirm-v1210{background:linear-gradient(180deg,#ff7586,#e94e62);box-shadow:0 11px 28px rgba(233,78,98,.20)}
.cd-dialog-btn-v1210:focus-visible,.cd-dialog-input-v1210:focus-visible{outline:2px solid color-mix(in srgb,var(--accent,#9f79ff) 80%,#fff);outline-offset:3px}
body.cd-dialog-lock-v1210{overflow:hidden!important}
html[data-theme="light"] .cd-dialog-backdrop-v1210{background:rgba(21,24,38,.38)}
html[data-theme="light"] .cd-dialog-card-v1210{background:linear-gradient(155deg,#fff,#f7f8fc);box-shadow:0 30px 90px rgba(40,47,73,.22),0 0 0 1px rgba(255,255,255,.7) inset}
html[data-theme="light"] .cd-dialog-input-v1210{background:#f8f9fc}
@media(max-width:640px){
 .cd-dialog-root-v1210{place-items:end center;padding:12px}
 .cd-dialog-card-v1210{width:100%;max-height:88svh;padding:22px 18px 18px;border-radius:22px}
 .cd-dialog-top-v1210{gap:12px}.cd-dialog-icon-v1210{width:42px;height:42px;border-radius:14px}
 .cd-dialog-title-v1210{font-size:23px}.cd-dialog-text-v1210{font-size:13.5px}
 .cd-dialog-actions-v1210{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;padding-top:16px}
 .cd-dialog-btn-v1210{width:100%;min-height:46px;padding:0 12px}
}
@media(max-width:390px){.cd-dialog-actions-v1210{grid-template-columns:1fr}.cd-dialog-confirm-v1210{order:-1}}
@media(prefers-reduced-motion:reduce){.cd-dialog-root-v1210,.cd-dialog-card-v1210,.cd-dialog-btn-v1210{transition:none!important}}


/* ===== legacy module consolidated: v1212-mobile.css ===== */
/* Cloud Design v1.2.12 - mobile baseline + navigation repair */

/* Safe sizing / overflow baseline */
html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:clip}
main,.dashboard-main,.dashboard-grid,.dashboard-shell,.panel,.card{min-width:0}
img,svg,video,canvas{max-width:100%}
button,a,input,textarea,select{touch-action:manipulation}

/* Mobile navigation is controlled by mobile-v1212.js. It is intentionally
   detached from header stacking at runtime and mounted under <body>. */
@media(max-width:1060px){
  .site-header{z-index:3000}
  .menu-btn{
    display:block!important;
    position:relative;
    z-index:3200;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex:0 0 44px;
    border-radius:14px!important;
    -webkit-tap-highlight-color:transparent;
  }
  .menu-btn span{width:17px;height:1.5px;left:13px!important;border-radius:2px}
  .menu-btn span:first-child{top:17px}
  .menu-btn span:last-child{top:24px}
  .menu-btn.active span:first-child{top:21px}
  .menu-btn.active span:last-child{top:21px}

  .mobile-menu{
    display:block!important;
    position:fixed!important;
    z-index:2900!important;
    top:var(--cd-mobile-menu-top,var(--header))!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:auto!important;
    padding:10px 12px max(12px,env(safe-area-inset-bottom))!important;
    margin:0!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    background:color-mix(in srgb,var(--bg) 86%,transparent)!important;
    backdrop-filter:blur(24px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s step-end;
  }
  .mobile-menu.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:opacity .2s ease,transform .2s ease,visibility 0s;
  }
  .mobile-menu-inner{
    width:min(100%,660px)!important;
    max-width:660px!important;
    min-height:0;
    margin:0 auto!important;
    padding:10px!important;
    display:grid!important;
    gap:6px!important;
    border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,var(--accent) 1%),color-mix(in srgb,var(--surface2) 100%,transparent))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
  }
  .mobile-menu a:not(.primary-btn),
  .mobile-menu .mobile-logout-button{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    padding:11px 13px!important;
    margin:0!important;
    border:0!important;
    border-radius:13px!important;
    font-size:.98rem!important;
    line-height:1.25!important;
    font-weight:650!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:normal!important;
  }
  .mobile-menu a:not(.primary-btn):hover,
  .mobile-menu a:not(.primary-btn):focus-visible{background:rgba(var(--accent-rgb),.08)!important}
  .mobile-menu .mobile-account{
    min-height:60px!important;
    gap:11px!important;
    padding:9px 11px!important;
    border:1px solid var(--line)!important;
    background:var(--soft)!important;
  }
  .mobile-menu .mobile-account span:last-child{min-width:0;display:grid}
  .mobile-menu .mobile-account b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}
  .mobile-menu .mobile-account small{color:var(--muted);font-size:.72rem;margin-top:3px}
  .mobile-notifications-link{justify-content:space-between}
  .mobile-logout-form{margin:0!important;width:100%!important}
  .mobile-menu .mobile-logout-button{color:#ff929f!important;background:rgba(255,92,110,.035)!important;border:1px solid rgba(255,92,110,.14)!important}
  .mobile-menu-cta{
    min-height:50px!important;
    width:100%!important;
    margin:8px 0 0!important;
    justify-content:center!important;
    text-align:center!important;
  }
  html.cd-mobile-menu-open,body.cd-mobile-menu-open{overflow:hidden!important;overscroll-behavior:none}
}

/* Header fit: authenticated header must still fit on narrow phones. */
@media(max-width:720px){
  .site-header{height:64px!important}
  .header-inner{height:64px!important;gap:6px!important}
  .header-actions{gap:4px!important;min-width:0}
  .site-header .brand.brand-exact{
    width:158px!important;min-width:158px!important;max-width:158px!important;flex-basis:158px!important;height:42px!important
  }
  .site-header .brand-exact-image{width:158px!important;max-height:42px!important}
  .icon-btn,.notification-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important}
}
@media(max-width:520px){
  .site-header .brand.brand-exact{
    width:145px!important;min-width:145px!important;max-width:145px!important;flex-basis:145px!important;height:40px!important
  }
  .site-header .brand-exact-image{width:145px!important;max-height:40px!important}
  .account-chip{display:none!important}
  .header-actions{margin-left:auto}
}
@media(max-width:390px){
  .container.header-inner{width:calc(100% - 16px)!important}
  .site-header .brand.brand-exact{
    width:128px!important;min-width:128px!important;max-width:128px!important;flex-basis:128px!important;height:38px!important
  }
  .site-header .brand-exact-image{width:128px!important;max-height:38px!important}
  .icon-btn,.notification-button,.menu-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  .menu-btn span{left:11px!important}
}

/* Notification popover must never render outside phone viewport. */
@media(max-width:720px){
  .notification-center{position:static!important}
  .notification-popover{
    position:fixed!important;
    z-index:3300!important;
    top:calc(64px + 8px)!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100svh - 84px)!important;
    overflow:auto!important;
    border-radius:20px!important;
  }
  .notification-popover-head,.notification-popover-foot{position:sticky;z-index:2;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px)}
  .notification-popover-head{top:0}
  .notification-popover-foot{bottom:0}
  .notification-popover-item a{min-width:0}
  .notification-popover-item b,.notification-popover-item span{overflow-wrap:anywhere}
}

/* Public pages */
@media(max-width:720px){
  .container,.narrow{width:min(100% - 24px,1280px)!important}
  .hero,.page-hero{overflow:hidden}
  .hero{padding-top:calc(64px + 40px)!important}
  .page-hero{padding-top:calc(64px + 42px)!important;padding-bottom:44px!important}
  .page-hero h1,.hero h1,.case-hero h1{overflow-wrap:anywhere;hyphens:auto}
  .page-hero h1{font-size:clamp(2.45rem,12vw,3.7rem)!important;line-height:.98!important}
  .hero h1{font-size:clamp(2.75rem,13.5vw,4rem)!important}
  .hero-copy,.page-hero .lead{font-size:1rem!important;line-height:1.58!important}
  .section{padding:64px 0!important}
  .section-tight{padding:42px 0!important}
  .section-head{margin-bottom:24px!important}
  .service-grid,.case-grid,.price-grid,.feature-grid{grid-template-columns:1fr!important;gap:12px!important}
  .service-card,.price-card,.feature-card{padding:20px!important}
  .case-card{min-height:270px!important}
  .cta-panel{padding:24px 20px!important}
  .hero-actions,.cta-panel .inline-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero-actions>* ,.cta-panel .inline-actions>*{width:100%!important;justify-content:center!important}
  .trust-grid{grid-template-columns:1fr 1fr!important}
  .trust-item{padding:17px 13px!important}
  .split{grid-template-columns:1fr!important;gap:24px!important}
  .feature-line{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .footer-bottom{display:grid!important;gap:7px!important}
  .footer-brand-exact,.footer-brand-exact .brand-exact-image{width:min(230px,100%)!important;height:auto!important}
}
@media(max-width:430px){
  .container,.narrow{width:calc(100% - 20px)!important}
  .trust-grid{grid-template-columns:1fr!important}
  .trust-item{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .trust-item:last-child{border-bottom:0!important}
}

/* Forms/auth: 16px fields prevent iOS zoom and buttons become proper touch targets. */
@media(max-width:720px){
  input,textarea,select,.cd-select-trigger{font-size:16px!important}
  input,select,.cd-select-trigger{min-height:48px!important}
  textarea{min-height:100px}
  .primary-btn,.ghost-btn,.text-btn{min-height:46px;white-space:normal!important;text-align:center}
  .form-grid.two,.form-grid.three,.settings-grid,.settings-grid.two,.settings-grid.three{grid-template-columns:1fr!important}
  .auth-wrap{padding:calc(64px + 24px) 0 38px!important;place-items:start center!important}
  .auth-card,.auth-card-v128,.password-change-card-v126{width:100%!important;padding:20px!important;border-radius:20px!important}
  .auth-card h1{font-size:2.05rem!important}
  .auth-mode-tabs-v128{grid-template-columns:1fr 1fr;gap:5px}
  .auth-mode-tabs-v128 a{min-height:44px;display:grid;place-items:center;text-align:center}
  .quick-method-grid-v128{grid-template-columns:1fr!important}
  .recovery-steps-v128{grid-template-columns:1fr!important}
  .password-change-links-v126{grid-template-columns:1fr!important}
  .backup-codes{grid-template-columns:1fr!important}
}
@media(max-width:390px){
  .auth-mode-tabs-v128{grid-template-columns:1fr!important}
}

/* Dashboard / staff / owner */
@media(max-width:900px){
  .dashboard-grid{grid-template-columns:1fr!important}
  .dashboard-main{width:100%;min-width:0}
}
@media(max-width:720px){
  .dashboard-shell{padding:calc(64px + 14px) 0 52px!important}
  .side-nav,.side-nav-final{
    position:sticky!important;top:70px!important;z-index:100!important;
    display:flex!important;flex-wrap:nowrap!important;gap:5px!important;
    width:100%!important;max-width:100%!important;
    padding:6px!important;margin-bottom:16px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    border-radius:16px!important;
  }
  .side-nav::-webkit-scrollbar,.side-nav-final::-webkit-scrollbar{display:none}
  .side-nav a,.side-nav-final a,.side-nav-final form{flex:0 0 auto!important;min-width:max-content!important}
  .side-nav-final .side-nav-logout-v126{display:none!important}
  .dashboard-head,.owner-settings-head,.project-editor-head-final,.project-admin-head-final{display:grid!important;gap:12px!important;align-items:start!important}
  .dashboard-head h1{font-size:2rem!important;overflow-wrap:anywhere}
  .dashboard-head>.inline-actions,.owner-actions .inline-actions,.staff-topline{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .dashboard-head>.inline-actions>*,.owner-actions .inline-actions>*,.staff-topline>*{width:100%!important}
  .metric-grid,.visitor-summary-final{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .metric-card,.visitor-summary-final .card{padding:15px!important;border-radius:18px!important}
  .visitor-summary-final b{font-size:2rem!important}
  .panel,.settings-section,.project-form-section-final,.inbox-shell-v110{padding:16px!important;border-radius:20px!important}
  .settings-jumpbar{top:70px!important;max-width:100%;overflow-x:auto!important}
  .owner-security-note,.settings-switch-grid,.integration-health-grid{grid-template-columns:1fr!important}
  .owner-lock-badge{white-space:normal!important;justify-self:start!important}
  .owner-savebar,.project-savebar-final{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .owner-savebar .primary-btn,.project-savebar-final>*{width:100%!important}
  .project-quick-guide-final{grid-template-columns:1fr!important}
  .project-search-final{display:grid!important;grid-template-columns:1fr!important}
  .project-search-final>*{width:100%!important}
  .project-row-final,.project-row{grid-template-columns:1fr!important}
  .project-row-actions-final,.message-row-actions-v110{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .project-row-actions-final>*,.message-row-actions-v110>*{width:100%!important}
  .project-form-section-head-final{gap:12px!important}
  .project-form-section-head-final>span{width:34px;height:34px;flex-basis:34px}
  .profile-layout,.profile-side-column{grid-template-columns:1fr!important}
  .avatar-editor{display:grid!important;grid-template-columns:auto 1fr;align-items:start!important}
  .profile-form-actions{display:grid!important;grid-template-columns:1fr!important}
  .profile-form-actions>*{width:100%!important}
}
@media(max-width:430px){
  .metric-grid,.visitor-summary-final{grid-template-columns:1fr!important}
  .avatar-editor{grid-template-columns:1fr!important}
}

/* Tables and dense data: scroll the table, never the entire page. */
@media(max-width:720px){
  .table-wrap,.analytics-table,.backup-table{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:16px!important}
  .table-wrap table,.analytics-table table,.backup-table table{min-width:620px}
  th,td{padding:11px 12px!important;white-space:nowrap}
}

/* Chat/inbox */
@media(max-width:920px){
  .chat-board-v110{grid-template-columns:1fr!important;min-height:0!important;border-radius:22px!important;overflow:hidden!important}
  .chat-thread-v110{order:1!important;min-width:0!important}
  .chat-context-v110{order:2!important}
  .chat-side-v110{order:3!important}
}
@media(max-width:720px){
  .chat-board-v110{margin-inline:-2px}
  .chat-thread-head-v110{padding:15px!important;display:grid!important;gap:10px!important}
  .thread-actions-v110{justify-content:flex-start!important;display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .thread-actions-v110>*{width:100%!important}
  .chat-messages-v110{padding:14px!important;min-height:42svh!important;max-height:none!important;gap:10px!important}
  .chat-bubble-v110{max-width:94%!important;padding:12px 13px!important;border-radius:18px!important}
  .chat-bubble-v110.mine{margin-left:auto}
  .chat-meta-v110{gap:9px;margin-bottom:8px}
  .chat-meta-avatar{width:32px;height:32px}
  .message-actions-v110{gap:7px}
  .message-actions-v110 button,.message-actions-v110 a{min-height:38px}
  .chat-compose-v112,.chat-compose-v110{padding:11px!important}
  .composer-shell-v112{border-radius:18px!important}
  .composer-shell-v112 textarea{min-height:72px!important;padding:13px 13px 9px!important}
  .composer-toolbar-v112{grid-template-columns:1fr!important;padding:8px!important}
  .composer-tools-v112{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .composer-send-v112{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important}
  .composer-file-chip-v112{max-width:100%!important;min-width:0}
  .composer-submit-v112{min-width:96px!important}
  .composer-popover-v112,.composer-popover-v112.quick{position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-height:60svh!important;overflow:auto!important;z-index:3600!important}
  .chat-context-v110,.chat-side-v110{padding:14px!important}
  .mini-kpi-grid-v110{grid-template-columns:1fr 1fr!important}
  .message-row-v110{padding:14px!important;border-radius:18px!important}
  .message-row-top-v110{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
}
@media(max-width:430px){
  .thread-actions-v110{grid-template-columns:1fr!important}
  .composer-tools-v112{grid-template-columns:repeat(3,1fr)!important}
  .mini-kpi-grid-v110{grid-template-columns:1fr!important}
}

/* Custom select portal */
@media(max-width:720px){
  .cd-select-portal{
    z-index:5000!important;
    max-width:calc(100vw - 16px)!important;
    border-radius:16px!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .cd-select-option{min-height:46px!important;font-size:.95rem!important;padding:11px 13px!important}
}

/* Site dialogs */
@media(max-width:720px){
  .cd-dialog-root-v1210{padding:12px!important;align-items:flex-end!important}
  .cd-dialog-card-v1210{width:100%!important;max-width:none!important;max-height:calc(100svh - 24px)!important;overflow:auto!important;border-radius:22px!important;padding:20px!important}
  .cd-dialog-top-v1210{gap:12px!important}
  .cd-dialog-icon-v1210{width:42px!important;height:42px!important;flex-basis:42px!important}
  .cd-dialog-title-v1210{font-size:1.25rem!important}
  .cd-dialog-actions-v1210{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .cd-dialog-btn-v1210{width:100%!important;min-height:48px!important}
}
@media(max-width:390px){
  .cd-dialog-actions-v1210{grid-template-columns:1fr!important}
}

/* Guest chat */
@media(max-width:720px){
  .guest-chat{left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  .guest-chat-fab{width:100%!important;justify-content:center!important;height:48px!important}
  .guest-chat-panel{position:fixed!important;inset:72px 8px max(8px,env(safe-area-inset-bottom)) 8px!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:20px!important}
  .guest-chat-messages{min-height:0!important}
  .guest-chat-panel form input,.guest-chat-panel form textarea{font-size:16px!important}
}

/* Light theme mobile surfaces */
@media(max-width:1060px){
  html[data-theme="light"] .mobile-menu{background:rgba(242,245,251,.90)!important}
  html[data-theme="light"] .mobile-menu-inner{background:#fff!important;box-shadow:0 24px 70px rgba(40,52,82,.17)!important}
}

@media(prefers-reduced-motion:reduce){
  .mobile-menu{transition:none!important}
}


/* ===== legacy module consolidated: v1214-cases.css ===== */
/* v1.2.14 - portfolio images without frames/cropping + full-width 16:9 case gallery */
.portfolio-section-clean{padding-top:28px}
.portfolio-grid-clean{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px 30px;
}
.portfolio-case-clean{
  display:block;
  text-decoration:none;
  color:inherit;
  border:0 !important;
  outline:0;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}
.portfolio-case-clean--wide{grid-column:1 / -1}
.portfolio-case-clean__image{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border:0 !important;
  outline:0;
  box-shadow:none !important;
  border-radius:0 !important;
  object-fit:initial !important;
  background:transparent !important;
}
.portfolio-case-clean__copy{padding:20px 0 0}
.portfolio-case-clean__copy h3{margin:8px 0 10px;font-size:clamp(28px,3vw,44px)}
.portfolio-case-clean__copy p{margin:0;max-width:860px;color:var(--muted);font-size:17px;line-height:1.6}
.portfolio-case-clean__link{display:inline-block;margin-top:16px;color:var(--accent);font-weight:700}

.case-detail-hero-v1214{padding-bottom:58px}
.case-detail-hero-v1214 .container{max-width:1180px}
.case-detail-hero-v1214 h1{max-width:1000px}
.case-detail-lead-v1214{max-width:920px;color:var(--muted)}
.case-detail-tags-v1214{margin-top:24px}
.case-detail-actions-v1214{margin-top:28px}

.case-gallery-v1214{padding:34px 0 88px}
.case-gallery-v1214>.container{max-width:1480px}
.case-gallery-head-v1214{max-width:820px;margin-bottom:34px}
.case-gallery-head-v1214 h2{margin:8px 0 12px}
.case-gallery-head-v1214 p{margin:0;color:var(--muted);font-size:18px;line-height:1.6}
.case-gallery-stack-v1214{display:flex;flex-direction:column;gap:54px}
.case-gallery-item-v1214{
  margin:0;
  padding:0;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.case-gallery-item-v1214>a{display:block;width:100%;border:0!important;background:transparent!important}
.case-gallery-item-v1214 img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
  border:0 !important;
  outline:0;
  box-shadow:none !important;
  border-radius:0 !important;
  background:transparent !important;
}
.case-gallery-item-v1214.is-16x9 img{aspect-ratio:16/9;object-fit:cover}
.case-gallery-item-v1214:not(.is-16x9){max-width:900px}
.case-gallery-item-v1214 figcaption{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  padding:14px 0 0;
  color:var(--muted);
}
.case-gallery-item-v1214 figcaption strong{color:var(--text);font-size:18px}
.case-gallery-item-v1214 figcaption span{text-align:right;max-width:720px;line-height:1.5}
.case-story-v1214{padding-top:70px}

/* Override old v1213 card/gallery chrome if it is still loaded. */
.case-card--media,.case-shot,.case-hero-preview{border:0!important;box-shadow:none!important}
.case-shot img,.case-hero-preview img{border-radius:0!important}

@media (max-width:900px){
  .portfolio-grid-clean{grid-template-columns:1fr;gap:40px}
  .portfolio-case-clean--wide{grid-column:auto}
  .case-gallery-v1214>.container{padding-left:0;padding-right:0}
  .case-gallery-head-v1214{padding:0 20px}
  .case-gallery-stack-v1214{gap:38px}
  .case-gallery-item-v1214.is-16x9 img{aspect-ratio:16/9;object-fit:cover}
.case-gallery-item-v1214:not(.is-16x9){max-width:900px}
.case-gallery-item-v1214 figcaption{padding:12px 20px 0;display:block}
  .case-gallery-item-v1214 figcaption span{display:block;text-align:left;margin-top:5px}
}

@media (max-width:600px){
  .portfolio-case-clean__copy{padding-top:14px}
  .portfolio-case-clean__copy h3{font-size:30px}
  .portfolio-case-clean__copy p{font-size:15px}
  .case-detail-hero-v1214{padding-bottom:38px}
  .case-gallery-v1214{padding-top:22px;padding-bottom:56px}
  .case-gallery-head-v1214 p{font-size:16px}
  .case-gallery-stack-v1214{gap:30px}
  .case-gallery-item-v1214 figcaption strong{font-size:16px}
  .case-gallery-item-v1214 figcaption span{font-size:14px}
}


/* ===== legacy module consolidated: v1215-portfolio-auth.css ===== */
/* Cloud Design v1.2.15 - portfolio/media correctness + remember me */

.portfolio-section-v1215{padding-top:28px}
.portfolio-grid-v1215{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:54px 30px;
}
.portfolio-item-v1215{
  grid-column:span 6;
  display:block;
  color:inherit;
  text-decoration:none;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  min-width:0;
}
.portfolio-item-v1215--wide{grid-column:1/-1}
.portfolio-media-v1215{
  width:100%;
  overflow:hidden;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.portfolio-media-v1215--wide{aspect-ratio:16/9}
.portfolio-media-v1215--square{aspect-ratio:1/1}
.portfolio-media-v1215 img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.portfolio-copy-v1215{padding:20px 0 0}
.portfolio-copy-v1215 h3{margin:8px 0 10px;font-size:clamp(28px,3vw,44px)}
.portfolio-copy-v1215 p{margin:0;max-width:900px;color:var(--muted);font-size:17px;line-height:1.6}
.portfolio-link-v1215{display:inline-block;margin-top:16px;color:var(--accent);font-weight:700}

/* Home uses the same visual language, with no text laid over the images. */
.home-cases-v1215{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:50px 28px}
.home-case-v1215{grid-column:span 6;text-decoration:none;color:inherit;display:block;min-width:0}
.home-case-v1215--wide{grid-column:1/-1}
.home-case-media-v1215{width:100%;overflow:hidden;background:transparent}
.home-case-v1215--wide .home-case-media-v1215{aspect-ratio:16/9}
.home-case-v1215:not(.home-case-v1215--wide) .home-case-media-v1215{aspect-ratio:1/1}
.home-case-media-v1215 img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;display:block;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.home-case-copy-v1215{padding-top:18px}
.home-case-copy-v1215 h3{margin:8px 0 9px;font-size:clamp(26px,2.7vw,40px)}
.home-case-copy-v1215 p{margin:0;color:var(--muted);font-size:16px;line-height:1.58;max-width:850px}

.case-detail-hero-v1215{padding-bottom:52px}
.case-detail-hero-v1215 .container{max-width:1180px}
.case-detail-lead-v1215{max-width:920px;color:var(--muted)}
.case-detail-tags-v1215{margin-top:24px}
.case-detail-actions-v1215{margin-top:28px}

.case-showcase-v1215{padding:18px 0 84px}
.case-showcase-container-v1215{max-width:1480px}
.case-showcase-head-v1215{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:48px;align-items:end;margin-bottom:30px}
.case-showcase-head-v1215 h2{margin:8px 0 0}
.case-showcase-head-v1215>p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}
.case-carousel-v1215{width:100%;outline:none}
.case-carousel-stage-v1215{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f7f5f2}
.case-carousel-slide-v1215{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .24s ease;pointer-events:none}
.case-carousel-slide-v1215.is-active{opacity:1;visibility:visible;pointer-events:auto}
.case-carousel-slide-v1215 img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff}
.case-carousel-arrow-v1215{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:54px;height:54px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(7,9,15,.78);color:#fff;backdrop-filter:blur(12px);cursor:pointer;transition:transform .18s ease,background .18s ease}
.case-carousel-arrow-v1215:hover{background:rgba(116,79,255,.95);transform:translateY(-50%) scale(1.05)}
.case-carousel-arrow-v1215 span{font-size:38px;line-height:1;margin-top:-3px}
.case-carousel-arrow-v1215--prev{left:18px}
.case-carousel-arrow-v1215--next{right:18px}
.case-carousel-meta-v1215{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:start;padding:18px 0 0}
.case-carousel-caption-item-v1215{display:none}
.case-carousel-caption-item-v1215.is-active{display:block}
.case-carousel-caption-item-v1215 strong{display:block;font-size:19px;color:var(--text);margin-bottom:5px}
.case-carousel-caption-item-v1215 span{display:block;color:var(--muted);line-height:1.5}
.case-carousel-controls-v1215{display:flex;align-items:center;gap:18px}
.case-carousel-counter-v1215{font-size:14px;color:var(--muted);white-space:nowrap}
.case-carousel-counter-v1215 b{color:var(--text)}
.case-carousel-dots-v1215{display:flex;gap:8px}
.case-carousel-dot-v1215{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(150,150,170,.32);cursor:pointer;transition:width .18s ease,background .18s ease,border-radius .18s ease}
.case-carousel-dot-v1215.is-active{width:26px;border-radius:999px;background:var(--accent)}
.case-single-media-v1215{padding:18px 0 70px}
.case-single-media-v1215 .container{max-width:980px}
.case-single-media-v1215 img{display:block;width:100%;height:auto;max-height:none;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.case-story-v1215{padding-top:68px}

/* Remember me */
.auth-options-v1215{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:-2px;margin-bottom:4px}
.remember-me-v1215{position:relative;display:flex!important;align-items:flex-start!important;gap:11px!important;margin:0!important;cursor:pointer;min-width:0}
.remember-me-v1215 input{position:absolute;opacity:0;pointer-events:none}
.remember-check-v1215{flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(166,151,215,.42);border-radius:7px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center;margin-top:1px;transition:.18s ease}
.remember-me-v1215 input:checked + .remember-check-v1215{background:var(--accent);border-color:var(--accent)}
.remember-me-v1215 input:checked + .remember-check-v1215:after{content:'✓';font-weight:900;font-size:14px;color:#fff;line-height:1}
.remember-me-v1215 input:focus-visible + .remember-check-v1215{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}
.remember-me-v1215>span:last-child{display:block;line-height:1.25}
.remember-me-v1215 b{display:block;font-size:14px;color:var(--text)}
.remember-me-v1215 small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35;max-width:260px}
.remember-me-v1215--quick{margin:4px 0 8px!important}

@media (max-width:900px){
  .portfolio-grid-v1215,.home-cases-v1215{grid-template-columns:1fr;gap:42px}
  .portfolio-item-v1215,.portfolio-item-v1215--wide,.home-case-v1215,.home-case-v1215--wide{grid-column:span 1}
  .portfolio-media-v1215--wide,.home-case-v1215--wide .home-case-media-v1215{aspect-ratio:16/9}
  .portfolio-media-v1215--square,.home-case-v1215:not(.home-case-v1215--wide) .home-case-media-v1215{aspect-ratio:1/1}
  .case-showcase-head-v1215{grid-template-columns:1fr;gap:14px}
  .case-showcase-container-v1215{padding-left:0;padding-right:0}
  .case-showcase-head-v1215,.case-carousel-meta-v1215{padding-left:20px;padding-right:20px}
  .case-carousel-arrow-v1215{width:46px;height:46px}
  .case-carousel-arrow-v1215--prev{left:10px}.case-carousel-arrow-v1215--next{right:10px}
}

@media (max-width:620px){
  .portfolio-copy-v1215,.home-case-copy-v1215{padding-top:14px}
  .portfolio-copy-v1215 h3,.home-case-copy-v1215 h3{font-size:29px}
  .portfolio-copy-v1215 p,.home-case-copy-v1215 p{font-size:15px}
  .case-detail-hero-v1215{padding-bottom:38px}
  .case-showcase-v1215{padding-top:8px;padding-bottom:58px}
  .case-showcase-head-v1215>p{font-size:15px}
  .case-carousel-meta-v1215{grid-template-columns:1fr;gap:14px}
  .case-carousel-controls-v1215{justify-content:space-between}
  .case-carousel-arrow-v1215{width:42px;height:42px}
  .case-carousel-arrow-v1215 span{font-size:32px}
  .auth-options-v1215{align-items:flex-start;flex-direction:column;gap:10px}
  .auth-options-v1215>a{align-self:flex-start}
  .remember-me-v1215 small{max-width:none}
}


/* ===== legacy module consolidated: v1216-portfolio.css ===== */
/* Cloud Design v1.2.16 - restore compact portfolio cards, keep photos complete */

/* Portfolio: visually close to the original 3-column case grid. */
.portfolio-section-v1215{padding-top:24px!important}
.portfolio-grid-v1215{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.portfolio-item-v1215{
  position:relative!important;
  grid-column:auto!important;
  display:block!important;
  overflow:hidden!important;
  min-width:0!important;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:#0b0e17!important;
  box-shadow:none!important;
  isolation:isolate!important;
  transition:transform .24s ease,border-color .24s ease!important;
}
.portfolio-item-v1215:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb,var(--accent) 44%,rgba(255,255,255,.12))!important;
}
.portfolio-item-v1215--wide{
  grid-column:span 2!important;
  aspect-ratio:16/9!important;
}
.portfolio-item-v1215--square{
  aspect-ratio:1/1!important;
}
.portfolio-item-v1215::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,5,10,.02) 28%,rgba(3,5,10,.18) 50%,rgba(3,5,10,.94) 100%);
}
.portfolio-media-v1215,
.portfolio-media-v1215--wide,
.portfolio-media-v1215--square{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#0b0e17!important;
  border:0!important;
  box-shadow:none!important;
}
.portfolio-media-v1215 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#0b0e17!important;
  transition:transform .32s ease!important;
}
.portfolio-item-v1215--wide .portfolio-media-v1215 img{
  object-fit:cover!important;
  object-position:center top!important;
}
.portfolio-item-v1215--square .portfolio-media-v1215 img{
  object-fit:contain!important;
  object-position:center center!important;
}
.portfolio-item-v1215:hover .portfolio-media-v1215 img{transform:scale(1.012)!important}
.portfolio-copy-v1215{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  padding:24px 26px 25px!important;
  color:#fff!important;
}
.portfolio-copy-v1215 .case-meta{color:rgba(255,255,255,.72)!important;font-size:.8rem!important}
.portfolio-copy-v1215 h3{
  margin:8px 0 8px!important;
  color:#fff!important;
  font-size:clamp(1.55rem,2vw,2.05rem)!important;
  line-height:1.05!important;
}
.portfolio-copy-v1215 p{
  margin:0!important;
  max-width:920px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:15px!important;
  line-height:1.48!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.portfolio-link-v1215{display:none!important}

/* Home: same compact original-style cards. */
.home-cases-v1215{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.home-case-v1215{
  position:relative!important;
  grid-column:auto!important;
  display:block!important;
  overflow:hidden!important;
  min-width:0!important;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:#0b0e17!important;
  isolation:isolate!important;
  transition:transform .24s ease,border-color .24s ease!important;
}
.home-case-v1215:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--accent) 44%,rgba(255,255,255,.12))!important}
.home-case-v1215--wide{grid-column:span 2!important;aspect-ratio:16/9!important}
.home-case-v1215:not(.home-case-v1215--wide){aspect-ratio:1/1!important}
.home-case-v1215::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,5,10,.02) 28%,rgba(3,5,10,.18) 50%,rgba(3,5,10,.94) 100%);
}
.home-case-media-v1215{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#0b0e17!important;
}
.home-case-media-v1215 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#0b0e17!important;
  transition:transform .32s ease!important;
}
.home-case-v1215--wide .home-case-media-v1215 img{object-fit:cover!important;object-position:center top!important}
.home-case-v1215:not(.home-case-v1215--wide) .home-case-media-v1215 img{object-fit:contain!important;object-position:center center!important}
.home-case-v1215:hover .home-case-media-v1215 img{transform:scale(1.012)!important}
.home-case-copy-v1215{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  padding:24px 26px 25px!important;
  color:#fff!important;
}
.home-case-copy-v1215 .case-meta{color:rgba(255,255,255,.72)!important;font-size:.8rem!important}
.home-case-copy-v1215 h3{margin:8px 0 8px!important;color:#fff!important;font-size:clamp(1.55rem,2vw,2.05rem)!important;line-height:1.05!important}
.home-case-copy-v1215 p{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:15px!important;
  line-height:1.48!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* MebelPartner carousel: keep one 16:9 window, but use the full top browser viewport. */
.case-carousel-stage-v1215{background:#fff!important}
.case-carousel-slide-v1215 img{
  object-fit:cover!important;
  object-position:center top!important;
  background:#fff!important;
}

@media (max-width:1060px){
  .portfolio-grid-v1215,.home-cases-v1215{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portfolio-item-v1215--wide,.home-case-v1215--wide{grid-column:span 2!important}
}

@media (max-width:720px){
  .portfolio-grid-v1215,.home-cases-v1215{grid-template-columns:1fr!important;gap:16px!important}
  .portfolio-item-v1215,.portfolio-item-v1215--wide,.home-case-v1215,.home-case-v1215--wide{grid-column:span 1!important}
  .portfolio-copy-v1215,.home-case-copy-v1215{padding:20px 20px 21px!important}
  .portfolio-copy-v1215 h3,.home-case-copy-v1215 h3{font-size:1.65rem!important}
  .portfolio-copy-v1215 p,.home-case-copy-v1215 p{font-size:14px!important;-webkit-line-clamp:3!important}
}


/* ===== legacy module consolidated: v1217.css ===== */
/* Cloud Design v1.2.17 - registration consent + primary owner 2FA controls */
.auth-shell-v1217{display:grid;place-items:center}
.auth-card-v1217{width:min(100%,660px)}
.auth-card-v1217 h1{margin-bottom:10px}
.auth-lead-v1217{margin-bottom:26px}
.auth-form-v1217{display:grid;gap:16px}
.auth-field-v1217{display:grid;gap:8px}
.auth-field-v1217>span:first-child{font-weight:700;color:var(--text)}
.auth-field-v1217 input{width:100%}
.password-hint-v1217{line-height:1.45}
.auth-error-v1217{padding:12px 14px;border:1px solid rgba(255,100,120,.26);border-radius:14px;background:rgba(255,80,100,.08)}
.auth-bottom-v1217{margin-top:22px;text-align:center}

.legal-consent-v1217{
  position:relative;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.legal-consent-v1217:hover{border-color:rgba(157,119,255,.34);background:rgba(157,119,255,.055)}
.legal-consent-v1217:focus-within{border-color:rgba(157,119,255,.56);box-shadow:0 0 0 3px rgba(157,119,255,.10)}
.legal-consent-v1217 input[type="checkbox"]{
  position:absolute;
  width:1px!important;
  height:1px!important;
  opacity:0;
  pointer-events:none;
}
.legal-consent-box-v1217{
  width:22px;height:22px;
  display:grid;place-items:center;
  margin-top:1px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:7px;
  background:rgba(255,255,255,.035);
  transition:all .18s ease;
}
.legal-consent-box-v1217 span{opacity:0;transform:scale(.65);font-size:14px;font-weight:900;color:#fff;transition:all .16s ease}
.legal-consent-v1217 input[type="checkbox"]:checked + .legal-consent-box-v1217{
  border-color:transparent;
  background:linear-gradient(135deg,#8f63ff,#aa78ff);
  box-shadow:0 8px 24px rgba(143,99,255,.22);
}
.legal-consent-v1217 input[type="checkbox"]:checked + .legal-consent-box-v1217 span{opacity:1;transform:scale(1)}
.legal-consent-copy-v1217{display:grid;gap:4px;line-height:1.45}
.legal-consent-copy-v1217 b{font-size:14px;color:var(--text)}
.legal-consent-copy-v1217 small{font-size:13px;color:var(--muted)}
.legal-consent-copy-v1217 a{color:#b59aff;text-decoration:none}
.legal-consent-copy-v1217 a:hover{text-decoration:underline}
.legal-consent-copy-v1217 em{font-style:normal;margin-top:2px}

.primary-owner-note-v1217{
  display:grid;gap:2px;
  max-width:360px;
  padding:10px 14px;
  border:1px solid rgba(157,119,255,.2);
  border-radius:14px;
  background:rgba(157,119,255,.06);
}
.primary-owner-note-v1217 span{font-weight:800;font-size:13px;color:#c7b4ff}
.primary-owner-note-v1217 small{color:var(--muted);line-height:1.35}
.user-search-v1217{display:flex;gap:8px;margin-bottom:16px}
.user-search-v1217 input{min-width:0;flex:1}
.user-2fa-state-v1217{display:flex;flex-wrap:wrap;gap:6px;min-width:170px}
.status-pill.warning{border-color:rgba(255,188,80,.25);background:rgba(255,188,80,.09);color:#ffd28a}
.status-pill.subtle{opacity:.78}
.user-admin-actions-v1217{display:grid;gap:9px;min-width:230px}
.user-role-form-v1217{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}
.user-role-form-v1217 select{min-width:150px}
.user-2fa-control-v1217{display:flex}
.user-2fa-control-v1217 .ghost-btn{width:100%;justify-content:center}
.danger-soft-v1217{border-color:rgba(255,106,130,.25)!important;color:#ff9caf!important;background:rgba(255,91,118,.055)!important}

html[data-theme="light"] .legal-consent-v1217{border-color:rgba(30,35,55,.10);background:rgba(30,35,55,.025)}
html[data-theme="light"] .legal-consent-v1217:hover{border-color:rgba(111,77,220,.26);background:rgba(111,77,220,.045)}
html[data-theme="light"] .legal-consent-box-v1217{border-color:rgba(30,35,55,.20);background:#fff}
html[data-theme="light"] .legal-consent-copy-v1217 a{color:#694bd8}

@media (max-width:760px){
  .auth-wrap-v1217{padding-inline:10px}
  .auth-card-v1217{padding:22px 18px}
  .legal-consent-v1217{padding:14px}
  .dashboard-head{gap:14px;align-items:flex-start}
  .primary-owner-note-v1217{max-width:none;width:100%}
  .user-search-v1217{display:grid;grid-template-columns:1fr auto}
  .users-table-v1217{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .users-table-v1217 table{min-width:980px}
  .user-role-form-v1217{grid-template-columns:1fr}
}


/* ===== legacy module consolidated: v1218.css ===== */
.security-setup-card-v1218{max-width:680px}
.security-state-v1218{margin:22px 0;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.security-state-v1218 b{display:block;margin-bottom:6px;font-size:16px}
.security-state-v1218 p{margin:0;color:var(--muted);line-height:1.55}
.security-state-v1218--required{border-color:rgba(255,176,80,.28);background:rgba(255,176,80,.055)}
.security-state-v1218--optional{border-color:rgba(143,102,255,.28);background:rgba(143,102,255,.055)}
.security-escape-actions-v1218{margin:20px 0 24px}
.security-qr-wrap-v1218{display:flex;justify-content:center;margin:22px 0}
.security-qr-wrap-v1218 .qr{margin:0;max-width:min(280px,78vw);height:auto}
.security-exit-v1218{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.security-exit-v1218 .muted{margin:0 0 14px}
@media(max-width:680px){
 .security-setup-card-v1218{width:100%;padding:24px 18px}
 .security-state-v1218{padding:16px}
 .security-qr-wrap-v1218 .qr{max-width:min(250px,74vw)}
}


/* ===== legacy module consolidated: v1219.css ===== */
.primary-owner-note-v1219{max-width:420px}
.startup-admin-row-v1219{background:rgba(145,105,255,.035)}
.startup-admin-badge-v1219{
  display:inline-flex;align-items:center;margin-top:8px;padding:5px 9px;border-radius:999px;
  border:1px solid rgba(166,126,255,.28);background:rgba(142,96,255,.10);
  color:#cbb8ff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase
}
.role-lock-v1219{color:rgba(203,184,255,.78)}
.protected-action-v1219{
  max-width:260px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;
  color:var(--muted);font-size:12px;line-height:1.45
}
.user-admin-actions-v1219{gap:9px;align-items:flex-start}
.user-delete-form-v1219{margin:0}
.user-delete-btn-v1219{width:100%}
@media(max-width:760px){
  .primary-owner-note-v1219{max-width:none;width:100%}
  .protected-action-v1219{max-width:none}
  .user-admin-actions-v1219 form,.user-delete-btn-v1219{width:100%}
}


/* ===== legacy module consolidated: v130.css ===== */
/* Cloud Design v1.3.0 - mobile workspace + CRM/project polish */
.workspace-nav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.workspace-role-badge{font-size:.72rem;color:var(--muted);border:1px solid var(--line);padding:5px 8px;border-radius:999px;white-space:nowrap}.access-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.access-role-card{padding:24px}.access-role-head,.settings-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.access-role-card h2,.legal-settings-card h2{margin:6px 0 10px}.access-role-card ul,.clean-info-list{padding-left:20px;color:var(--muted);line-height:1.7}.access-restrictions{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.legal-settings-stack{display:grid;gap:18px}.legal-settings-card{padding:24px}.legal-settings-card textarea{width:100%}.lead-contact-card{margin-bottom:18px}.lead-contact-actions{display:flex;flex-wrap:wrap;gap:10px}.lead-contact-note{margin:14px 0 0}.lead-work-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:18px}.lead-contact-lines{display:grid;gap:10px;margin:18px 0}.lead-contact-lines>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.lead-contact-lines span{color:var(--muted);text-align:right;overflow-wrap:anywhere}.lead-message-body{margin-top:18px}.pretty-check{display:flex!important;align-items:flex-start;gap:12px}.pretty-check input{margin-top:3px}.project-status-workflow{display:grid;gap:8px;margin:14px 0 22px}.project-status-step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.015)}.project-status-step.active{border-color:rgba(154,108,255,.55);background:rgba(133,88,255,.08)}.project-status-step-main{display:flex;align-items:center;gap:12px;min-width:0}.project-status-number{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.05);font-size:.72rem;color:var(--muted)}.project-status-step-main b{display:block}.project-status-step-main small{display:block;color:var(--muted);margin-top:3px}.protected-requisites-preview{margin-top:16px;padding:16px;border:1px dashed rgba(154,108,255,.35);border-radius:16px;background:rgba(133,88,255,.045)}.protected-requisites-preview p{margin:8px 0 12px;color:var(--muted)}.project-stage-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.project-stage-title h2{margin:8px 0 12px}.project-stage-title>b{font-size:1.3rem}.client-status-flow{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:20px}.client-status-step{position:relative;text-align:center;color:var(--muted);font-size:.68rem}.client-status-step:before{content:"";position:absolute;top:7px;left:-50%;right:50%;height:2px;background:var(--line)}.client-status-step:first-child:before{display:none}.client-status-step span{position:relative;z-index:1;display:block;width:14px;height:14px;border-radius:50%;margin:0 auto 7px;background:var(--bg);border:2px solid var(--line)}.client-status-step.done:before,.client-status-step.done span,.client-status-step.current:before{background:var(--accent)}.client-status-step.done span,.client-status-step.current span{border-color:var(--accent)}.client-status-step.current small{color:var(--text);font-weight:700}.contract-methods-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 18px}.contract-methods-mini span{padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.83rem}.contract-builder-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.contract-builder-form,.contract-process-card{padding:24px}.contract-process-list{margin:18px 0;padding:0;list-style:none;counter-reset:contractstep;display:grid;gap:12px}.contract-process-list li{display:grid;grid-template-columns:34px 1fr;column-gap:10px;counter-increment:contractstep}.contract-process-list li:before{content:counter(contractstep);width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(133,88,255,.12);color:#cdbbff;font-weight:700}.contract-process-list b,.contract-process-list span{grid-column:2}.contract-process-list span{color:var(--muted);font-size:.88rem;margin-top:2px}.signature-settings-grid{align-items:start}.mobile-sticky-save{display:flex;justify-content:flex-end;margin-top:16px}

@media (max-width:1050px){.access-role-grid,.lead-work-grid,.contract-builder-grid{grid-template-columns:1fr}.client-status-flow{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}.client-status-step:nth-child(5):before{display:none}}

@media (max-width:820px){
 body{overflow-x:hidden}.dashboard-shell{padding-top:16px}.dashboard-shell>.container.dashboard-grid,.dashboard-grid{display:block!important}.dashboard-main{min-width:0;width:100%}.dashboard-head{align-items:flex-start!important;gap:14px;margin-bottom:16px}.dashboard-head h1{font-size:clamp(1.75rem,8vw,2.45rem)!important;line-height:1.05}.dashboard-head .inline-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-head .inline-actions>*{width:100%;justify-content:center;text-align:center}
 .workspace-nav{position:sticky!important;top:64px!important;z-index:25!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;width:calc(100% + 24px)!important;margin:0 -12px 18px!important;padding:10px 12px!important;border-radius:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;background:rgba(10,12,22,.96)!important;backdrop-filter:blur(18px)}.workspace-nav::-webkit-scrollbar{display:none}.workspace-nav .workspace-nav-head,.workspace-nav .nav-label{display:none!important}.workspace-nav a,.workspace-nav form,.workspace-nav button{flex:0 0 auto!important;margin:0!important;width:auto!important;min-height:40px!important;padding:9px 12px!important;border-radius:12px!important;white-space:nowrap!important;font-size:.84rem!important}.workspace-nav form button{border:1px solid var(--line)!important;background:transparent!important;color:var(--muted)!important}.workspace-nav .side-nav-create{order:-10;background:linear-gradient(135deg,var(--accent),#a976ff)!important;color:#fff!important}
 .card.panel,.project-form-section-final,.legal-settings-card,.access-role-card,.contract-builder-form,.contract-process-card{padding:16px!important;border-radius:18px!important}.settings-grid,.form-grid.two,.form-grid.three,.project-detail-grid{grid-template-columns:1fr!important}.span-two-final{grid-column:auto!important}.project-form-section-head-final{gap:12px}.project-form-section-head-final>span{width:34px;height:34px;flex:0 0 34px}.project-status-step{align-items:flex-start;flex-wrap:wrap}.project-status-step .ghost-btn,.project-status-step .status-pill{margin-left:42px}.lead-contact-actions{display:grid;grid-template-columns:1fr 1fr}.lead-contact-actions .primary-btn{grid-column:1/-1}.lead-contact-actions>*{width:100%;text-align:center;justify-content:center}.lead-contact-lines>div{display:grid;gap:3px}.lead-contact-lines span{text-align:left}.access-role-grid{grid-template-columns:1fr}.access-role-head{align-items:flex-start}.contract-methods-mini{grid-template-columns:1fr}.client-status-flow{display:flex;overflow-x:auto;padding-bottom:6px;gap:0}.client-status-step{min-width:108px}.client-status-step:before{left:-50%;right:50%}.client-status-step:nth-child(5):before{display:block}.client-status-step:first-child:before{display:none}.mobile-sticky-save{position:sticky;bottom:10px;z-index:15;margin:18px -4px 0;padding:8px;border-radius:16px;background:rgba(11,13,23,.92);backdrop-filter:blur(16px);border:1px solid var(--line)}.mobile-sticky-save .primary-btn{width:100%;justify-content:center}.project-savebar-final{position:sticky!important;bottom:8px!important;z-index:18!important;padding:8px!important;border-radius:16px!important;background:rgba(11,13,23,.94)!important;backdrop-filter:blur(16px)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.project-savebar-final>*{width:100%!important;justify-content:center!important}.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:760px}.chat-layout,.staff-message-layout{grid-template-columns:1fr!important}.raw-form input,.raw-form select,.raw-form textarea{font-size:16px!important}.side-nav-logout-v126{display:block!important}
}
@media (max-width:480px){.lead-contact-actions{grid-template-columns:1fr}.lead-contact-actions .primary-btn{grid-column:auto}.dashboard-head .inline-actions{grid-template-columns:1fr}.project-savebar-final{grid-template-columns:1fr!important}.client-status-step{min-width:96px}.contract-builder-form,.contract-process-card{padding:14px!important}}
.lead-filter-v130{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:10px;margin-bottom:16px}.lead-card-list-v130{display:grid;gap:12px}.lead-card-v130{padding:18px}.lead-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lead-card-v130 h3{margin:6px 0}.lead-card-v130>p{color:var(--muted)}.lead-card-contacts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.lead-card-contacts span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.lead-card-v130 .primary-btn{width:max-content}
@media(max-width:820px){.lead-filter-v130{grid-template-columns:1fr}.lead-filter-v130 button{width:100%;justify-content:center}.lead-card-v130{padding:15px}.lead-card-top{display:grid}.lead-card-v130 .primary-btn{width:100%;justify-content:center}.lead-card-contacts{display:grid;grid-template-columns:1fr}.lead-card-contacts span{border-radius:12px}}
@media(max-width:820px){.profile-layout{display:block!important}.profile-main-column,.profile-side-column{width:100%!important;min-width:0!important}.profile-side-column{display:grid!important;gap:12px!important;margin-top:12px!important}.profile-form{padding:16px!important;border-radius:18px!important}.profile-heading-identity{align-items:center!important;gap:12px!important}.profile-heading-identity .profile-avatar-lg{width:54px!important;height:54px!important;flex:0 0 54px!important}.avatar-editor{display:grid!important;grid-template-columns:74px 1fr!important;gap:12px!important;align-items:start!important}.avatar-editor .profile-avatar-xl{width:74px!important;height:74px!important}.avatar-actions{display:grid!important;gap:8px!important}.avatar-actions .ghost-btn,.profile-form-actions .primary-btn{width:100%!important;justify-content:center!important}.profile-fields{grid-template-columns:1fr!important}.profile-switches{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.profile-notify-box{padding:14px!important;border-radius:16px!important}.profile-side-column>.card{padding:16px!important;border-radius:18px!important}.profile-security-actions-v126{display:grid!important;gap:8px!important}.quick-login-status-v128{display:grid!important;gap:8px!important}.quick-login-status-v128 .status-pill{justify-self:start}.profile-dashboard-head{margin-bottom:14px!important}}


/* ===== legacy module consolidated: v131.css ===== */
.messages-head-v131{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.messages-head-actions-v131{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.messages-head-actions-v131 form{margin:0}
.new-chat-card-v131{margin:0 0 22px;padding:24px;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(420px,1.3fr);gap:28px;align-items:end}
.new-chat-copy-v131 h2{margin:8px 0 10px;font-size:clamp(24px,2vw,34px)}
.new-chat-copy-v131 p{margin:0;max-width:520px}
.new-chat-form-v131{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;align-items:end}
.new-chat-form-v131 label{display:flex;flex-direction:column;gap:8px;min-width:0}
.new-chat-form-v131 label:nth-of-type(3){grid-column:1/-1}
.new-chat-form-v131 button{justify-self:start}
.team-chat-row-v131{background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(255,255,255,.015));border-color:rgba(167,139,250,.24)!important}
.team-chat-row-v131 .service-index{color:#b8a3ff}
@media(max-width:980px){
 .messages-head-v131{flex-direction:column}
 .messages-head-actions-v131{width:100%}
 .messages-head-actions-v131>a,.messages-head-actions-v131 form,.messages-head-actions-v131 form button{flex:1 1 180px;width:100%}
 .new-chat-card-v131{grid-template-columns:1fr}
}
@media(max-width:720px){
 .new-chat-card-v131{padding:18px;border-radius:20px;gap:18px}
 .new-chat-form-v131{grid-template-columns:1fr}
 .new-chat-form-v131 label:nth-of-type(3){grid-column:auto}
 .new-chat-form-v131 button{width:100%;justify-content:center;min-height:48px}
 .messages-head-actions-v131{display:grid;grid-template-columns:1fr}
 .messages-head-actions-v131>a,.messages-head-actions-v131 form,.messages-head-actions-v131 form button{width:100%}
}


/* ===== legacy module consolidated: v132.css ===== */
.nav-with-badge{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.nav-count-badge,.heading-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#8f63ff;color:#fff;font-size:12px;font-weight:800;line-height:1;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 22px rgba(143,99,255,.25)}
.heading-count-badge{vertical-align:middle;margin-left:8px;min-width:30px;height:30px;font-size:13px}
.lead-card-actions-v132,.lead-admin-actions-v132{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lead-card-actions-v132 form,.lead-admin-actions-v132 form{margin:0}
.danger-ghost{border-color:rgba(255,88,107,.28)!important;color:#ff9aa7!important}
.danger-ghost:hover{background:rgba(255,88,107,.09)!important;border-color:rgba(255,88,107,.55)!important}
.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(255,88,107,.45);border-radius:14px;background:linear-gradient(180deg,rgba(164,39,59,.94),rgba(118,25,43,.96));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(130,25,45,.2)}
.danger-btn:hover{filter:brightness(1.08)}
.lead-actions-final-v132,.danger-panel-v132{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-top:18px}
.reject-lead-form-v132{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:10px;align-items:end;min-width:min(100%,560px)}
.reject-lead-form-v132 label{margin:0}
.danger-zone-v132{margin-top:28px}
.danger-panel-v132{border-color:rgba(255,88,107,.18)!important;background:linear-gradient(135deg,rgba(98,18,33,.12),rgba(255,255,255,.015))!important}
[data-submitting="1"]{opacity:.72;pointer-events:none}
@media(max-width:760px){
 .lead-actions-final-v132,.danger-panel-v132{align-items:stretch;flex-direction:column}
 .lead-admin-actions-v132{display:grid;grid-template-columns:1fr;width:100%}
 .lead-admin-actions-v132 form,.lead-admin-actions-v132 .danger-btn,.lead-admin-actions-v132 .ghost-btn,.danger-panel-v132 form,.danger-panel-v132 .danger-btn{width:100%}
 .reject-lead-form-v132{grid-template-columns:1fr;min-width:0;width:100%}
 .lead-card-actions-v132{display:grid;grid-template-columns:1fr}
 .lead-card-actions-v132>*{width:100%}
 .lead-card-actions-v132 button,.lead-card-actions-v132 a{width:100%;justify-content:center}
 .heading-count-badge{min-width:26px;height:26px}
}


/* ===== legacy module consolidated: v133.css ===== */
/* Cloud Design v1.3.3 - lead detail UI repair */
.lead-detail-v133{min-width:0}
.lead-head-v133{margin-bottom:20px}
.lead-contact-card-v133{padding:24px!important}
.lead-section-title-v133{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.lead-section-title-v133 h2{margin:7px 0 0}
.lead-section-title-v133>p{max-width:420px;margin:0;text-align:right}
.lead-work-grid-v133{grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:22px;align-items:start}
.lead-source-card-v133,.lead-action-form-v133{padding:26px!important;min-width:0}
.lead-contact-lines-v133{margin:20px 0 0}
.lead-contact-lines-v133>div{padding:12px 0}
.lead-message-v133{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.lead-message-v133 .lead-message-body{margin-top:10px}

.lead-action-form-v133{display:block!important}
.lead-action-form-v133 label{margin:0!important}
.lead-form-section-v133{display:grid;gap:18px}
.lead-field-v133{display:grid!important;gap:8px!important;min-width:0!important;color:var(--text)!important}
.lead-field-caption-v133{display:block;font-size:.83rem;font-weight:800;letter-spacing:.01em;color:var(--text)}
.lead-field-v133 small,.lead-choice-copy-v133 small{display:block;color:var(--muted);font-size:.78rem;line-height:1.45;font-weight:500}
.lead-action-form-v133 .lead-field-v133>input:not([type="checkbox"]),
.lead-action-form-v133 .lead-field-v133>select,
.lead-action-form-v133 .lead-field-v133>textarea,
.reject-lead-form-v133 .lead-field-v133>input{width:100%!important;min-width:0!important;box-sizing:border-box!important}
.lead-action-form-v133 textarea{resize:vertical;min-height:132px}
.lead-form-divider-v133{height:1px;background:var(--line);margin:22px 0}

/* Do not let global raw-form input rules turn checkboxes into 48px squares. */
.lead-action-form-v133 .lead-choice-v133>input[type="checkbox"]{
 position:absolute!important;
 width:1px!important;
 height:1px!important;
 min-width:1px!important;
 min-height:1px!important;
 margin:0!important;
 padding:0!important;
 opacity:0!important;
 pointer-events:none!important;
 appearance:none!important;
}
.lead-choice-stack-v133{display:grid;gap:10px}
.lead-choice-v133{
 position:relative;
 display:grid!important;
 grid-template-columns:24px minmax(0,1fr)!important;
 gap:13px!important;
 align-items:start!important;
 padding:15px 16px!important;
 border:1px solid var(--line)!important;
 border-radius:16px!important;
 background:rgba(255,255,255,.018)!important;
 cursor:pointer!important;
 transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.lead-choice-v133:hover{border-color:rgba(155,111,255,.38)!important;background:rgba(143,99,255,.04)!important}
.lead-choice-check-v133{
 width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.2);display:grid;place-items:center;margin-top:1px;transition:.16s ease
}
.lead-choice-check-v133:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .16s ease;margin-top:-2px}
.lead-choice-v133>input:checked+.lead-choice-check-v133{background:linear-gradient(135deg,#865cf6,#ad7dff);border-color:transparent;box-shadow:0 7px 18px rgba(139,92,246,.25)}
.lead-choice-v133>input:checked+.lead-choice-check-v133:after{transform:rotate(-45deg) scale(1)}
.lead-choice-v133:has(>input:checked){border-color:rgba(159,116,255,.45)!important;background:rgba(139,92,246,.07)!important}
.lead-choice-copy-v133{display:block;min-width:0}
.lead-choice-copy-v133 strong{display:block;font-size:.92rem;line-height:1.3;margin-bottom:4px}
.lead-choice-accent-v133{margin-top:2px!important}

.lead-project-box-v133{display:grid;gap:16px}
.lead-project-copy-v133 p{margin:6px 0 0;font-size:.83rem;line-height:1.5}
.lead-save-v133{margin-top:24px!important;padding-top:0}
.lead-save-v133 .primary-btn{min-width:190px}

.lead-final-actions-v133{align-items:flex-start!important;padding:24px!important}
.lead-final-actions-v133 h2{margin:7px 0 8px}
.lead-admin-actions-v133{align-items:flex-end!important}
.reject-lead-form-v133{min-width:min(100%,520px)}

@media(max-width:1180px){
 .lead-work-grid-v133{grid-template-columns:1fr}
 .lead-source-card-v133,.lead-action-form-v133{padding:22px!important}
}
@media(max-width:820px){
 .lead-contact-card-v133,.lead-source-card-v133,.lead-action-form-v133,.lead-final-actions-v133{padding:17px!important}
 .lead-section-title-v133{display:block;margin-bottom:16px}
 .lead-section-title-v133>p{text-align:left;margin-top:8px;max-width:none}
 .lead-work-grid-v133{gap:14px}
 .lead-action-form-v133 textarea{min-height:120px}
 .lead-form-divider-v133{margin:18px 0}
 .lead-choice-v133{padding:14px!important;border-radius:14px!important}
 .lead-save-v133{position:static!important;margin:20px 0 0!important;padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important}
 .lead-save-v133 .primary-btn{width:100%;min-height:48px}
 .lead-final-actions-v133{gap:18px!important}
 .reject-lead-form-v133{min-width:0;width:100%}
}
@media(max-width:480px){
 .lead-contact-card-v133,.lead-source-card-v133,.lead-action-form-v133,.lead-final-actions-v133{padding:15px!important;border-radius:18px!important}
 .lead-choice-v133{grid-template-columns:22px minmax(0,1fr)!important;gap:11px!important;padding:13px!important}
 .lead-choice-check-v133{width:20px;height:20px;border-radius:6px}
 .lead-choice-copy-v133 strong{font-size:.88rem}
 .lead-action-form-v133 textarea{min-height:110px}
}


/* ===== legacy module consolidated: v135-mobile-workspace.css ===== */
/* Cloud Design v1.3.5 — mobile workspace rebuild */
.mobile-workspace-topbar,.mobile-admin-bottom-nav,.mobile-workspace-overlay{display:none}
.workspace-nav-section{display:grid;gap:4px;margin:8px 0 16px}
.workspace-nav-section>.nav-label{margin:8px 8px 4px}
.workspace-nav-section>a,.workspace-drawer-logout button{display:flex;align-items:center;gap:10px;width:100%}
.workspace-nav-icon{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.9rem;line-height:1}
.workspace-nav-text{min-width:0;flex:1}.nav-with-badge .nav-count-badge{margin-left:auto}
.workspace-drawer-head{display:none}.workspace-drawer-logout{margin:0}.workspace-drawer-logout button{border:0;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;padding:10px 12px;border-radius:12px}.workspace-drawer-logout button:hover{background:rgba(255,255,255,.04);color:var(--text)}
.workspace-primary-action{display:flex!important;align-items:center;justify-content:center;gap:8px}.workspace-nav-plus{font-size:1.3rem;line-height:1}
.workspace-nav a.is-active{background:rgba(135,92,255,.13)!important;color:var(--text)!important;border-color:rgba(155,115,255,.32)!important}.workspace-nav a.is-active .workspace-nav-icon{background:rgba(137,91,255,.2);color:#d8cbff}

@media (max-width:900px){
  :root{--mobile-workspace-bottom:78px}
  body.workspace-drawer-open{overflow:hidden!important;touch-action:none}
  body.has-mobile-workspace{padding-bottom:calc(var(--mobile-workspace-bottom) + env(safe-area-inset-bottom,0px))!important}

  /* Kill the old horizontal workspace navigation from v1.3.0. */
  .dashboard-shell>.container.dashboard-grid,.dashboard-grid{display:block!important;padding-top:0!important}
  .dashboard-main{width:100%!important;min-width:0!important}
  .workspace-nav.workspace-drawer{
    display:block!important;position:fixed!important;inset:0 auto 0 0!important;top:0!important;
    width:min(88vw,360px)!important;max-width:360px!important;height:100dvh!important;margin:0!important;
    padding:0 14px calc(22px + env(safe-area-inset-bottom,0px))!important;border-radius:0 24px 24px 0!important;
    overflow-y:auto!important;overflow-x:hidden!important;z-index:5102!important;
    background:linear-gradient(180deg,rgba(16,18,31,.995),rgba(8,10,18,.998))!important;
    border:0!important;border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:28px 0 80px rgba(0,0,0,.55)!important;backdrop-filter:blur(24px)!important;
    transform:translate3d(-104%,0,0)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;
    scrollbar-width:none!important;
  }
  .workspace-nav.workspace-drawer::-webkit-scrollbar{display:none!important}
  .workspace-nav.workspace-drawer.is-open{transform:translate3d(0,0,0)!important}
  .workspace-nav.workspace-drawer .workspace-nav-head{display:none!important}
  .workspace-nav.workspace-drawer .nav-label{display:block!important;color:var(--muted)!important;font-size:.68rem!important;letter-spacing:.11em!important;text-transform:uppercase!important;padding:0!important;white-space:normal!important}
  .workspace-nav.workspace-drawer a,.workspace-nav.workspace-drawer form,.workspace-nav.workspace-drawer button{width:100%!important;min-height:46px!important;margin:0!important;white-space:normal!important;flex:initial!important;font-size:.92rem!important}
  .workspace-nav.workspace-drawer a{display:flex!important;align-items:center!important;gap:11px!important;padding:10px 12px!important;border-radius:13px!important;border:1px solid transparent!important;color:rgba(245,246,255,.86)!important;text-decoration:none!important}
  .workspace-nav.workspace-drawer a:active{transform:scale(.985)}
  .workspace-nav.workspace-drawer .side-nav-create{margin:12px 0 18px!important;min-height:48px!important;background:linear-gradient(135deg,#7254e8,#9b72ff)!important;color:#fff!important;box-shadow:0 10px 28px rgba(111,74,230,.22)!important}
  .workspace-nav-section{display:grid!important;gap:4px!important;margin:0 0 13px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
  .workspace-account-section{border-bottom:0!important;margin-bottom:0!important}
  .workspace-nav-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;background:rgba(255,255,255,.04)!important;color:#aeb2c5!important;font-size:1rem!important}
  .workspace-nav a.is-active{background:rgba(126,87,241,.15)!important;border-color:rgba(145,107,255,.24)!important;color:#fff!important}
  .workspace-nav a.is-active .workspace-nav-icon{background:rgba(126,87,241,.24)!important;color:#e4dcff!important}
  .workspace-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;position:sticky!important;top:0!important;z-index:2!important;margin:0 -14px 12px!important;padding:16px 14px 12px!important;background:linear-gradient(180deg,rgba(16,18,31,1) 78%,rgba(16,18,31,0))!important}
  .workspace-drawer-user{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
  .workspace-drawer-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(126,87,241,.28),rgba(166,123,255,.12))!important;border:1px solid rgba(160,123,255,.2)!important;font-weight:800!important}
  .workspace-drawer-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  .workspace-drawer-user strong,.workspace-drawer-user span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .workspace-drawer-user strong{font-size:.95rem!important}.workspace-drawer-user span{font-size:.75rem!important;color:var(--muted)!important;margin-top:2px!important}
  .workspace-drawer-close{width:42px!important;height:42px!important;min-height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;color:#fff!important;font-size:1.55rem!important;line-height:1!important}
  .workspace-drawer-logout button{padding:10px 12px!important;border:1px solid rgba(255,103,122,.14)!important;background:rgba(255,79,103,.055)!important;color:#ffb3be!important;border-radius:13px!important}

  .mobile-workspace-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:5101!important;background:rgba(2,3,8,.68)!important;backdrop-filter:blur(4px)!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important}
  .mobile-workspace-overlay.is-open{opacity:1!important;pointer-events:auto!important}
  .mobile-workspace-overlay[hidden]{display:none!important}

  .mobile-workspace-topbar{display:flex!important;align-items:center!important;gap:11px!important;position:sticky!important;top:64px!important;z-index:70!important;margin:0 -12px 14px!important;padding:9px 12px!important;min-height:58px!important;background:rgba(9,11,20,.92)!important;border-top:1px solid rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(20px)!important}
  .mobile-workspace-menu-btn{width:42px!important;height:42px!important;min-height:42px!important;flex:0 0 42px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:rgba(255,255,255,.04)!important}
  .mobile-workspace-menu-btn span{display:block!important;width:18px!important;height:2px!important;border-radius:99px!important;background:#f4f2ff!important}
  .mobile-workspace-topbar-copy{min-width:0!important;flex:1!important}.mobile-workspace-topbar-copy small,.mobile-workspace-topbar-copy strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-workspace-topbar-copy small{font-size:.65rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#8d83b8!important}.mobile-workspace-topbar-copy strong{font-size:.96rem!important;margin-top:1px!important}
  .mobile-workspace-quick-add{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(135deg,#7657e8,#9a70ff)!important;color:#fff!important;text-decoration:none!important;font-size:1.45rem!important;line-height:1!important;box-shadow:0 8px 24px rgba(115,79,225,.22)!important}
  .mobile-workspace-profile{font-size:.7rem!important}

  .mobile-admin-bottom-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:5000!important;min-height:64px!important;padding:6px!important;border-radius:20px!important;background:rgba(12,14,24,.96)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 18px 50px rgba(0,0,0,.48)!important;backdrop-filter:blur(22px)!important}
  .mobile-admin-bottom-nav>a,.mobile-admin-bottom-nav>button{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:4px 3px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#999eb1!important;text-decoration:none!important;font:inherit!important}
  .mobile-admin-bottom-nav .mobile-tab-icon{height:24px!important;display:grid!important;place-items:center!important;font-size:1.1rem!important;line-height:1!important}.mobile-admin-bottom-nav small{font-size:.63rem!important;line-height:1.1!important;white-space:nowrap!important}
  .mobile-admin-bottom-nav>a.is-active{color:#fff!important;background:rgba(126,87,241,.13)!important}.mobile-admin-bottom-nav>a.is-active .mobile-tab-icon{color:#cbbcff!important}
  .mobile-tab-with-badge b{position:absolute!important;top:3px!important;left:calc(50% + 7px)!important;min-width:17px!important;height:17px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border-radius:99px!important;background:#8b61ff!important;color:#fff!important;font-size:.58rem!important;box-shadow:0 0 0 2px rgba(12,14,24,.96)!important}

  /* Common mobile admin layout cleanup */
  .dashboard-shell{padding-top:0!important;padding-bottom:18px!important}.dashboard-shell>.container{padding-left:12px!important;padding-right:12px!important}
  .dashboard-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:12px 0 16px!important}.dashboard-head h1{font-size:clamp(1.75rem,8vw,2.35rem)!important;line-height:1.04!important}.dashboard-head p{max-width:none!important}
  .dashboard-head .inline-actions,.messages-head-actions-v131{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}.dashboard-head .inline-actions>* ,.messages-head-actions-v131>*{width:100%!important;justify-content:center!important}
  .dashboard-main>.card,.dashboard-main .panel,.legal-settings-card,.access-role-card,.contract-builder-form,.contract-process-card,.new-chat-card-v131{border-radius:18px!important;padding:16px!important}
  .stat-grid,.dashboard-stats,.access-role-grid,.lead-work-grid,.contract-builder-grid,.settings-grid,.profile-fields,.new-chat-form-v131{grid-template-columns:1fr!important}
  .lead-filter-v130{grid-template-columns:1fr!important}.lead-filter-v130>*{width:100%!important}
  .table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:16px!important}.table-wrap table{min-width:700px!important}
  .raw-form,.project-form-section-final,.settings-card{min-width:0!important}.raw-form input,.raw-form select,.raw-form textarea,.project-form-section-final input,.project-form-section-final select,.project-form-section-final textarea{max-width:100%!important;font-size:16px!important}
  .inline-actions:not(.dashboard-head .inline-actions){flex-wrap:wrap!important}.inline-actions:not(.dashboard-head .inline-actions)>.primary-btn,.inline-actions:not(.dashboard-head .inline-actions)>.ghost-btn{max-width:100%!important}
  .project-savebar-final,.mobile-sticky-save{bottom:calc(var(--mobile-workspace-bottom) + 16px + env(safe-area-inset-bottom,0px))!important}
  .chat-layout,.staff-message-layout{min-height:0!important}.chat-composer,.composer-shell{margin-bottom:calc(var(--mobile-workspace-bottom) + 8px)!important}
  .site-dialog-panel{max-height:calc(100dvh - 34px)!important;overflow:auto!important}
}

@media (max-width:430px){
  .mobile-workspace-topbar{top:60px!important}.dashboard-shell>.container{padding-left:10px!important;padding-right:10px!important}.mobile-admin-bottom-nav{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;border-radius:18px!important}.mobile-admin-bottom-nav small{font-size:.6rem!important}.workspace-nav.workspace-drawer{width:min(91vw,350px)!important}.dashboard-main>.card,.dashboard-main .panel,.legal-settings-card,.access-role-card,.contract-builder-form,.contract-process-card,.new-chat-card-v131{padding:14px!important;border-radius:16px!important}
}


/* ===== legacy module consolidated: v136-mobile-menu-fix.css ===== */
/* Cloud Design v1.3.6 — compact, left-aligned mobile admin drawer */
.workspace-nav-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workspace-primary-icon{display:grid;place-items:center;width:24px;height:24px;font-size:1.25rem;font-weight:500;line-height:1}

@media (max-width:900px){
  .workspace-nav.workspace-drawer.workspace-drawer-v136{
    width:min(88vw,328px)!important;
    max-width:328px!important;
    padding:0 12px calc(16px + env(safe-area-inset-bottom,0px))!important;
    border-radius:0 20px 20px 0!important;
  }

  .workspace-nav.workspace-drawer-v136 .workspace-drawer-head{
    margin:0 -12px 6px!important;
    padding:13px 12px 10px!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-avatar{
    width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user{gap:9px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user-copy{min-width:0!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user strong{font-size:.9rem!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user span{font-size:.7rem!important;margin-top:1px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-close{
    width:38px!important;height:38px!important;min-height:38px!important;flex-basis:38px!important;border-radius:11px!important;font-size:1.35rem!important;
  }

  .workspace-nav.workspace-drawer-v136 .side-nav-create{
    justify-content:flex-start!important;
    min-height:44px!important;
    margin:8px 0 12px!important;
    padding:9px 12px!important;
    gap:9px!important;
    border-radius:12px!important;
    font-size:.9rem!important;
    font-weight:750!important;
    box-shadow:0 8px 20px rgba(111,74,230,.16)!important;
  }

  .workspace-nav.workspace-drawer-v136 .workspace-nav-section{
    display:block!important;
    margin:0!important;
    padding:8px 0 9px!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-nav-section:first-of-type{padding-top:4px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-account-section{padding-bottom:3px!important;border-bottom:0!important}
  .workspace-nav.workspace-drawer-v136 .nav-label{
    margin:0!important;
    padding:0 10px 5px!important;
    font-size:.61rem!important;
    line-height:1.2!important;
    letter-spacing:.115em!important;
    color:#777d94!important;
  }

  /* Force a conventional icon + text + badge row. This intentionally overrides legacy side-nav space-between rules. */
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item,
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:initial!important;
    justify-items:stretch!important;
    column-gap:9px!important;
    width:100%!important;
    min-height:42px!important;
    height:auto!important;
    margin:1px 0!important;
    padding:5px 9px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    text-align:left!important;
    line-height:1.22!important;
    font-size:.84rem!important;
    white-space:normal!important;
  }
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item:hover{background:rgba(255,255,255,.035)!important}
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item:active{transform:scale(.992)!important}

  .workspace-nav.workspace-drawer-v136 .workspace-nav-icon{
    grid-column:1!important;
    width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;
    display:grid!important;place-items:center!important;
    margin:0!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.035)!important;
    color:#949aad!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-nav-icon svg{width:16px!important;height:16px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-nav-text{
    grid-column:2!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    justify-self:start!important;
    text-align:left!important;
    color:inherit!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .workspace-nav.workspace-drawer-v136 .nav-count-badge{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
    min-width:21px!important;height:21px!important;padding:0 6px!important;
    display:grid!important;place-items:center!important;
    border-radius:999px!important;
    background:#7f5bea!important;color:#fff!important;
    font-size:.66rem!important;font-weight:800!important;line-height:1!important;
  }

  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item.is-active{
    position:relative!important;
    background:linear-gradient(90deg,rgba(126,87,241,.17),rgba(126,87,241,.09))!important;
    border-color:rgba(145,107,255,.17)!important;
    color:#fff!important;
  }
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item.is-active::before{
    content:""!important;position:absolute!important;left:-1px!important;top:9px!important;bottom:9px!important;width:2px!important;
    border-radius:999px!important;background:#a585ff!important;
  }
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item.is-active .workspace-nav-icon{
    background:rgba(126,87,241,.2)!important;color:#d8cbff!important;
  }

  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout{margin:1px 0 0!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button{
    background:transparent!important;color:#d99aa7!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button .workspace-nav-icon{
    color:#c98c99!important;background:rgba(255,91,116,.05)!important;
  }

  /* The drawer must scroll only when the actual list is taller than the phone, not because of artificial spacing. */
  .workspace-nav.workspace-drawer-v136>*{flex:none!important}
}

@media (max-width:430px){
  .workspace-nav.workspace-drawer.workspace-drawer-v136{width:min(92vw,318px)!important;max-width:318px!important}
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item,
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button{min-height:41px!important;padding:4px 8px!important;font-size:.82rem!important}
  .workspace-nav.workspace-drawer-v136 .workspace-nav-icon{width:31px!important;height:31px!important;min-width:31px!important}
}


/* ===== legacy module consolidated: v137-admin-ui-audit.css ===== */
/* Cloud Design v1.3.7 — admin UI audit: practical typography, overflow safety, access page rebuild */

/* Admin/workspace typography must not inherit landing-page display sizes. */
.dashboard-shell .dashboard-main,
.dashboard-shell .dashboard-main>*{min-width:0}
.dashboard-shell .dashboard-main h1{
  max-width:100%;margin-bottom:12px!important;
  font-size:clamp(2rem,3.2vw,2.75rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;
  overflow-wrap:anywhere;word-break:normal;
}
.dashboard-shell .dashboard-main h2{
  max-width:100%;font-size:clamp(1.35rem,2vw,1.85rem)!important;line-height:1.1!important;letter-spacing:-.032em!important;
  overflow-wrap:anywhere;word-break:normal;
}
.dashboard-shell .dashboard-main h3{max-width:100%;overflow-wrap:anywhere;line-height:1.18}
.dashboard-shell .dashboard-main p,
.dashboard-shell .dashboard-main li,
.dashboard-shell .dashboard-main small,
.dashboard-shell .dashboard-main b,
.dashboard-shell .dashboard-main a,
.dashboard-shell .dashboard-main code{overflow-wrap:anywhere}
.dashboard-shell .dashboard-head>*,
.dashboard-shell .section-head>*,
.dashboard-shell .settings-section-head>*,
.dashboard-shell .access-role-header-v137>*{min-width:0}
.dashboard-shell .dashboard-head{align-items:flex-start}
.dashboard-shell .section-head{align-items:flex-start}
.dashboard-shell .inline-actions{flex-wrap:wrap;max-width:100%}
.dashboard-shell .inline-actions>*{max-width:100%}
.dashboard-shell .status-pill{max-width:100%;white-space:normal;line-height:1.22;text-align:center}
.dashboard-shell .raw-form input,
.dashboard-shell .raw-form select,
.dashboard-shell .raw-form textarea,
.dashboard-shell .settings-grid input,
.dashboard-shell .settings-grid select,
.dashboard-shell .settings-grid textarea{min-width:0;max-width:100%;width:100%}
.dashboard-shell .table-wrap{max-width:100%;min-width:0}
.dashboard-shell .table-wrap td,.dashboard-shell .table-wrap th{max-width:380px}
.dashboard-shell .project-row>*{min-width:0}
.dashboard-shell .project-row h3{overflow-wrap:anywhere}
.dashboard-shell .file-row>*,
.dashboard-shell .approval-row>*,
.dashboard-shell .contract-row>*,
.dashboard-shell .notification-row>*{min-width:0}
.dashboard-shell .file-row b,
.dashboard-shell .approval-row b,
.dashboard-shell .contract-row b,
.dashboard-shell .notification-row b{overflow-wrap:anywhere}
.dashboard-shell .owner-config-paths{min-width:0;max-width:100%}
.dashboard-shell .owner-config-paths code{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.dashboard-shell .settings-section-head{flex-wrap:wrap}
.dashboard-shell .settings-section-head>div:last-child{max-width:100%;display:flex;flex-wrap:wrap;gap:6px}
.dashboard-shell .settings-jumpbar{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
.dashboard-shell .settings-jumpbar a{white-space:nowrap}
.dashboard-shell .owner-lock-badge{white-space:normal;text-align:center}
.dashboard-shell .protected-requisites-preview{overflow-wrap:anywhere}

/* Roles and permissions — deliberately practical, not a landing-page card grid. */
.access-page-head-v137{margin-bottom:16px!important}
.access-page-head-v137 p{max-width:760px;margin-bottom:0}
.access-explainer-v137{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:14px;padding:0!important;overflow:hidden;
}
.access-explainer-v137>div{display:grid;gap:3px;padding:15px 18px;background:rgba(255,255,255,.012)}
.access-explainer-v137>div+div{border-left:1px solid var(--line)}
.access-explainer-v137 b{font-size:.88rem}
.access-explainer-v137 span{color:var(--muted);font-size:.78rem;line-height:1.45}
.access-role-list-v137{display:grid;grid-template-columns:1fr;gap:13px}
.access-role-card-v137{padding:21px 22px!important;min-width:0}
.access-role-header-v137{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto);gap:18px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.access-role-identity-v137{display:flex;align-items:center;gap:13px;min-width:0}
.access-role-number-v137{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:rgba(130,91,239,.12);border:1px solid rgba(151,117,255,.17);color:#cbb9ff;font-size:.75rem;font-weight:850}
.access-role-identity-v137 small,.access-public-title-v137 small{display:block;margin-bottom:3px;color:var(--muted);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase}
.access-role-identity-v137 h2{margin:0!important;font-size:clamp(1.35rem,2vw,1.7rem)!important;line-height:1.08!important}
.access-public-title-v137{justify-self:end;max-width:270px;padding:9px 12px;border:1px solid rgba(145,107,255,.18);border-radius:12px;background:rgba(126,87,241,.055)}
.access-public-title-v137 b{display:block;font-size:.88rem;line-height:1.2;color:#e9e3ff}
.access-role-summary-v137{margin:15px 0 16px!important;color:var(--muted);font-size:.91rem;line-height:1.5}
.access-role-details-v137{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:18px;align-items:start}
.access-role-details-v137 h3{margin:0 0 9px;font-size:.76rem!important;text-transform:uppercase;letter-spacing:.1em;color:#a8aec1}
.access-permissions-v137 ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin:0;padding:0;list-style:none}
.access-permissions-v137 li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:start;color:var(--muted);font-size:.83rem;line-height:1.4}
.access-permissions-v137 li>span:first-child{color:#a98aff;font-weight:850}
.access-limits-v137{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015)}
.access-limits-v137 p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.48}

/* Desktop/tablet safeguards discovered in audit. */
@media (max-width:1180px) and (min-width:901px){
  .dashboard-shell .project-row{grid-template-columns:minmax(0,1fr) 180px auto;gap:12px}
  .access-role-details-v137{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}
}

@media (max-width:900px){
  .dashboard-shell .dashboard-main h1{font-size:clamp(1.8rem,8vw,2.25rem)!important;line-height:1.04!important}
  .dashboard-shell .dashboard-main h2{font-size:clamp(1.25rem,6vw,1.6rem)!important}
  .dashboard-shell .dashboard-main h3{font-size:1.08rem}
  .dashboard-shell .section-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:18px!important}
  .dashboard-shell .section-head>.inline-actions,.dashboard-shell .section-head>.link-arrow{justify-self:start}
  .dashboard-shell .file-row,.dashboard-shell .approval-row,.dashboard-shell .contract-row,.dashboard-shell .notification-row{align-items:flex-start;flex-wrap:wrap}
  .dashboard-shell .file-row>.inline-actions,.dashboard-shell .approval-row>.inline-actions,.dashboard-shell .contract-row>.inline-actions{width:100%}
  .dashboard-shell .feature-line{display:grid;grid-template-columns:1fr;gap:4px}
  .dashboard-shell .feature-line b{min-width:0}
  .dashboard-shell .settings-jumpbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .dashboard-shell .settings-jumpbar::-webkit-scrollbar{display:none}
  .dashboard-shell .settings-jumpbar a{flex:0 0 auto}

  .access-explainer-v137{grid-template-columns:1fr}
  .access-explainer-v137>div+div{border-left:0;border-top:1px solid var(--line)}
  .access-role-card-v137{padding:16px!important}
  .access-role-header-v137{grid-template-columns:1fr;gap:12px;align-items:start}
  .access-public-title-v137{justify-self:stretch;max-width:none}
  .access-role-details-v137{grid-template-columns:1fr;gap:13px}
  .access-permissions-v137 ul{grid-template-columns:1fr}
  .access-role-number-v137{width:34px;height:34px;flex-basis:34px;border-radius:10px}

  /* Bottom navigation: consistent vector icons instead of miscellaneous Unicode glyphs. */
  .mobile-admin-bottom-nav .mobile-tab-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;line-height:1!important}
  .mobile-admin-bottom-nav .mobile-tab-icon svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-workspace-quick-add.mobile-workspace-profile svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
}

@media (max-width:430px){
  .access-role-card-v137{padding:14px!important}
  .access-role-identity-v137{gap:10px}
  .access-role-summary-v137{font-size:.86rem}
  .access-public-title-v137{padding:9px 11px}
}


/* ===== legacy module consolidated: v138-seo.css ===== */
/* Cloud Design v1.3.8 — SEO/search-preview controls. */
.seo-control-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:18px;align-items:start}
.seo-preview-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);min-width:0}
.seo-preview-card .seo-preview-label{display:block;margin-bottom:13px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.seo-search-preview{display:grid;gap:5px;min-width:0}
.seo-search-preview .seo-preview-url{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}
.seo-search-preview .seo-preview-title{font-size:1.08rem;line-height:1.35;color:#b9a9ff;font-weight:700;overflow-wrap:anywhere}
html[data-theme="light"] .seo-search-preview .seo-preview-title{color:#4e3fb5}
.seo-search-preview .seo-preview-description{font-size:.88rem;line-height:1.55;color:var(--text-soft,var(--muted));overflow-wrap:anywhere}
.seo-tab-preview{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px}
.seo-tab-chip{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:var(--surface-2,var(--surface))}
.seo-tab-chip img{width:16px;height:16px;object-fit:contain}.seo-tab-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}
.seo-resource-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.seo-resource-links a{font-size:.82rem}
.seo-verification-help{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2,var(--surface));font-size:.82rem;line-height:1.55;color:var(--muted)}
@media(max-width:900px){.seo-control-grid{grid-template-columns:1fr}.seo-preview-card{order:-1}}
@media(max-width:560px){.seo-preview-card{padding:15px;border-radius:15px}.seo-resource-links{display:grid;grid-template-columns:1fr}.seo-resource-links a{text-align:center}}


/* ===== legacy module consolidated: v139-pricing.css ===== */
.pricing-admin-page .dashboard-main{min-width:0}.pricing-admin-head{align-items:flex-end}.pricing-admin-head>div{max-width:760px}.pricing-admin-head h1{max-width:100%;overflow-wrap:anywhere}.pricing-admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.pricing-summary-card{padding:18px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.pricing-summary-card span{color:var(--muted);font-size:.78rem}.pricing-summary-card b{font-size:1.8rem;line-height:1}.pricing-admin-help{padding:20px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);gap:20px;align-items:center;margin-bottom:18px}.pricing-admin-help p{margin:.45rem 0 0}.pricing-help-example{padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:grid;gap:5px}.pricing-help-example span,.pricing-help-example small{color:var(--muted);font-size:.72rem}.pricing-help-example b{font-size:1.05rem}.pricing-service-list{display:grid;gap:16px}.pricing-service-card{padding:22px;min-width:0;overflow:hidden}.pricing-service-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.pricing-service-ident{min-width:0}.pricing-service-ident h2{font-size:clamp(1.25rem,2vw,1.65rem)!important;line-height:1.15!important;margin:6px 0!important;overflow-wrap:anywhere}.pricing-service-slug{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.pricing-state-wrap{flex:0 0 auto}.pricing-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(240px,.7fr);gap:14px;margin-top:18px}.pricing-block,.pricing-preview{border:1px solid var(--line);background:color-mix(in srgb,var(--soft) 70%,transparent);border-radius:18px;padding:17px;min-width:0}.pricing-block{display:grid;align-content:start;gap:13px}.pricing-block-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:2px}.pricing-block-title>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:.7rem;font-weight:800;flex:0 0 auto}.pricing-block-title>div{display:grid;gap:3px}.pricing-block-title small{color:var(--muted);font-size:.72rem}.pricing-block label{display:grid;gap:7px;font-size:.76rem;font-weight:700;color:var(--text)}.pricing-block input:not([type=checkbox]),.pricing-block select{width:100%;min-width:0}.pricing-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pricing-switch-row{grid-template-columns:auto auto 1fr!important;gap:10px!important;align-items:center!important;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);cursor:pointer}.pricing-switch-row>input{position:absolute;opacity:0;pointer-events:none}.pricing-switch-control{width:38px;height:22px;border-radius:99px;background:var(--line);position:relative;transition:.18s}.pricing-switch-control:after{content:"";width:16px;height:16px;border-radius:50%;background:var(--text);position:absolute;left:3px;top:3px;transition:.18s}.pricing-switch-row>input:checked+.pricing-switch-control{background:var(--accent)}.pricing-switch-row>input:checked+.pricing-switch-control:after{left:19px;background:white}.pricing-switch-row>span:last-child{display:grid;gap:2px}.pricing-switch-row small{color:var(--muted);font-weight:500}.pricing-promo-fields{display:grid;gap:12px}.pricing-promo-fields.is-disabled{opacity:.44;filter:saturate(.45)}.pricing-promo-fields.is-disabled input,.pricing-promo-fields.is-disabled select{pointer-events:none}.pricing-calculated-price{display:block;color:var(--accent);font-weight:700;margin-top:5px}.pricing-option-grid{display:grid;gap:8px}.pricing-mini-check{display:flex!important;align-items:center!important;gap:9px!important;font-weight:600!important;color:var(--muted)!important}.pricing-mini-check input{width:18px!important;height:18px!important;accent-color:var(--accent)}.pricing-preview{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;overflow:hidden}.pricing-preview:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--accent);filter:blur(70px);opacity:.10;right:-70px;top:-70px;pointer-events:none}.pricing-preview>*{position:relative;z-index:1}.pricing-preview-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.pricing-preview h3{font-size:1.08rem!important;line-height:1.25!important;margin:2px 0!important}.pricing-preview p{font-size:.82rem;color:var(--muted);margin:0}.pricing-preview .old-price{font-size:.82rem}.pricing-preview-price{font-size:1.45rem;line-height:1.1;letter-spacing:-.035em;margin-top:3px}.pricing-preview-price small{font-size:.65rem;color:var(--muted);font-weight:600}.pricing-preview-note{color:var(--muted);font-size:.72rem;line-height:1.45}.pricing-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:18px}.pricing-card-actions .text-btn:last-child{margin-left:auto}.pricing-state-wrap .status-pill.warn{background:color-mix(in srgb,#e5a928 13%,transparent);color:#e5b950;border-color:color-mix(in srgb,#e5a928 32%,var(--line))}
@media(max-width:1180px){.pricing-edit-grid{grid-template-columns:1fr 1fr}.pricing-preview{grid-column:1/-1;min-height:180px}.pricing-admin-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pricing-admin-page .dashboard-main{padding-bottom:92px}.pricing-admin-head{align-items:flex-start}.pricing-admin-head .ghost-btn{width:100%;justify-content:center}.pricing-admin-summary{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.pricing-summary-card{padding:14px}.pricing-summary-card b{font-size:1.45rem}.pricing-admin-help{grid-template-columns:1fr;padding:15px}.pricing-service-card{padding:14px;border-radius:18px}.pricing-service-top{display:grid;gap:10px}.pricing-state-wrap{justify-self:start}.pricing-edit-grid{grid-template-columns:1fr;gap:10px;margin-top:12px}.pricing-preview{grid-column:auto}.pricing-block,.pricing-preview{padding:14px;border-radius:15px}.pricing-two-cols{grid-template-columns:1fr}.pricing-card-actions{display:grid;grid-template-columns:1fr;gap:8px}.pricing-card-actions .primary-btn,.pricing-card-actions .ghost-btn{width:100%;justify-content:center}.pricing-card-actions .text-btn:last-child{margin-left:0;text-align:center}.pricing-service-ident h2{font-size:1.25rem!important}}
@media(max-width:390px){.pricing-admin-summary{grid-template-columns:1fr}.pricing-summary-card{align-items:center}}


/* ===== legacy module consolidated: v1311-navigation-rebuild.css ===== */
/* Cloud Design v1.3.11 — navigation rebuild
   Desktop: viewport-bounded sidebar with its own scroll.
   Mobile: one admin navigation system (bottom bar + drawer), no duplicate public/top workspace menus. */

/* ---------- Desktop / laptop workspace ---------- */
@media (min-width:901px){
  .dashboard-shell>.container.dashboard-grid,
  .dashboard-grid{
    display:grid!important;
    grid-template-columns:minmax(228px,250px) minmax(0,1fr)!important;
    gap:22px!important;
    align-items:start!important;
  }

  /* app.css turns the sidebar into a horizontal strip below 1060px.
     For the admin workspace that is counterproductive, so keep the normal sidebar down to 901px. */
  .dashboard-shell .workspace-nav.workspace-drawer,
  .dashboard-shell .side-nav.side-nav-final.workspace-nav{
    display:block!important;
    position:sticky!important;
    top:calc(var(--header) + 14px)!important;
    align-self:start!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - var(--header) - 28px)!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(155,129,226,.35) transparent!important;
  }
  .dashboard-shell .workspace-nav.workspace-drawer::-webkit-scrollbar{width:7px!important}
  .dashboard-shell .workspace-nav.workspace-drawer::-webkit-scrollbar-track{background:transparent!important}
  .dashboard-shell .workspace-nav.workspace-drawer::-webkit-scrollbar-thumb{
    background:rgba(155,129,226,.28)!important;
    border-radius:999px!important;
    border:2px solid transparent!important;
    background-clip:padding-box!important;
  }
  .dashboard-shell .workspace-nav.workspace-drawer:hover::-webkit-scrollbar-thumb{background:rgba(166,137,242,.48)!important;background-clip:padding-box!important}

  /* Do not let legacy <=1060 rules turn items into nowrap horizontal pills. */
  .dashboard-shell .workspace-nav.workspace-drawer a.workspace-menu-item{
    min-width:0!important;
    white-space:normal!important;
  }
  .dashboard-shell .workspace-nav.workspace-drawer .workspace-nav-text{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
}

/* ---------- Mobile workspace ---------- */
@media (max-width:900px){
  :root{--mobile-workspace-bottom:76px}

  /* Staff pages should have one navigation system. Hide the public website header
     and the old additional workspace topbar; the bottom bar opens the admin drawer. */
  body.has-mobile-workspace .site-header,
  body.has-mobile-workspace .mobile-menu,
  body.has-mobile-workspace .mobile-workspace-topbar{display:none!important}
  body.has-mobile-workspace .scroll-progress{top:0!important}

  body.has-mobile-workspace{
    padding-bottom:calc(var(--mobile-workspace-bottom) + env(safe-area-inset-bottom,0px))!important;
  }
  body.has-mobile-workspace .dashboard-shell{
    padding-top:12px!important;
    padding-bottom:18px!important;
  }

  /* Drawer is the complete secondary navigation and scrolls independently of the page. */
  body.has-mobile-workspace .workspace-nav.workspace-drawer{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
  body.has-mobile-workspace .workspace-drawer-head{
    top:0!important;
  }

  /* One familiar bottom navigation: the four everyday staff sections + Menu. */
  body.has-mobile-workspace .mobile-admin-bottom-nav{
    display:grid!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    min-height:64px!important;
    padding:6px!important;
    gap:2px!important;
    border-radius:20px!important;
  }
  body.has-mobile-workspace .mobile-admin-bottom-nav.mobile-admin-bottom-nav-five{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  body.has-mobile-workspace .mobile-admin-bottom-nav.mobile-admin-bottom-nav-four{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.has-mobile-workspace .mobile-admin-bottom-nav>a,
  body.has-mobile-workspace .mobile-admin-bottom-nav>button{
    min-width:0!important;
    min-height:52px!important;
    padding:4px 2px!important;
    gap:2px!important;
    border-radius:14px!important;
  }
  body.has-mobile-workspace .mobile-admin-bottom-nav small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.59rem!important;
    line-height:1.05!important;
    letter-spacing:-.015em!important;
  }
  body.has-mobile-workspace .mobile-admin-bottom-nav .mobile-tab-icon{
    width:23px!important;height:23px!important;
  }
  body.has-mobile-workspace .mobile-admin-bottom-nav .mobile-tab-icon svg{
    width:20px!important;height:20px!important;
  }

  /* The page itself no longer reserves room for the removed secondary topbar. */
  body.has-mobile-workspace .dashboard-head{margin-top:4px!important}
  body.has-mobile-workspace .project-savebar-final,
  body.has-mobile-workspace .mobile-sticky-save{
    bottom:calc(var(--mobile-workspace-bottom) + 14px + env(safe-area-inset-bottom,0px))!important;
  }
  body.has-mobile-workspace .chat-composer,
  body.has-mobile-workspace .composer-shell{
    margin-bottom:calc(var(--mobile-workspace-bottom) + 8px)!important;
  }
}

@media (max-width:430px){
  body.has-mobile-workspace .mobile-admin-bottom-nav{
    left:5px!important;right:5px!important;bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;
    padding:5px!important;border-radius:18px!important;
  }
  body.has-mobile-workspace .mobile-admin-bottom-nav>a,
  body.has-mobile-workspace .mobile-admin-bottom-nav>button{min-height:50px!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav small{font-size:.56rem!important}
}


/* ===== legacy module consolidated: v1312-navigation-clarity.css ===== */
/* Cloud Design v1.3.12 — navigation clarity
   One rule everywhere: "Панель" = staff workspace, Cloud Design logo / "На сайт" = public website. */

.workspace-drawer-v1312 .workspace-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:6px 6px 12px;
  margin:0 0 8px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.workspace-drawer-v1312 .workspace-brand-home{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  text-decoration:none!important;
  transform:none!important;
  opacity:.94;
  transition:opacity .18s ease,transform .18s ease!important;
}
.workspace-drawer-v1312 .workspace-brand-home:hover{opacity:1;transform:translateY(-1px)!important;background:transparent!important}
.workspace-drawer-v1312 .workspace-brand-home:active{transform:translateY(0)!important}
.workspace-drawer-v1312 .workspace-brand-home img{
  display:block;
  width:min(170px,100%);
  height:auto;
  max-height:34px;
  object-fit:contain;
  object-position:left center;
}
.workspace-drawer-v1312 .workspace-brand-close{
  display:none;
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(255,255,255,.035);
  color:#c9cbe0;
  font:400 1.35rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.workspace-drawer-v1312 .workspace-site-link .workspace-nav-icon{color:#c7b8ff}

/* "Главная" used to be ambiguous in an admin workspace. "Панель" is now the staff home. */
.workspace-drawer-v1312 a[href*="/staff/"]:focus-visible,
.workspace-drawer-v1312 .workspace-brand-home:focus-visible,
.workspace-drawer-v1312 .workspace-site-link:focus-visible{
  outline:2px solid rgba(174,145,255,.85)!important;
  outline-offset:2px!important;
}

@media (min-width:901px){
  .workspace-drawer-v1312 .workspace-brand-row{
    position:sticky;
    top:0;
    z-index:4;
    margin:-2px -2px 10px;
    padding:8px 8px 12px;
    background:linear-gradient(180deg,rgba(15,17,29,.99) 82%,rgba(15,17,29,.94));
  }
  .workspace-drawer-v1312 .workspace-brand-home img{width:164px;max-height:31px}
}

@media (max-width:900px){
  /* The drawer gets one compact brand row instead of another navigation bar.
     Logo is the conventional, predictable escape back to the public site. */
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 .workspace-brand-row{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    margin:0 -12px 4px!important;
    padding:12px 12px 10px!important;
    min-height:55px!important;
    background:linear-gradient(180deg,rgba(16,18,31,1) 82%,rgba(16,18,31,.97))!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
  }
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 .workspace-brand-home{
    display:inline-flex!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 .workspace-brand-home img{
    width:154px!important;
    max-width:58vw!important;
    max-height:29px!important;
  }
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 .workspace-brand-close{
    display:grid!important;
    place-items:center!important;
    flex:0 0 38px!important;
  }

  /* User identity is useful, but must not pretend to be a second sticky header/menu. */
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 .workspace-drawer-head{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
    margin:0 -12px 4px!important;
    padding:8px 12px 7px!important;
    background:transparent!important;
  }

  /* Legacy mobile rules target every anchor in the drawer; keep the brand logo exempt. */
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 a.workspace-brand-home,
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 a.workspace-brand-home:hover,
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 a.workspace-brand-home:active{
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Public site is deliberately NOT another bottom-tab: it lives behind the familiar logo
     and the explicit compact "На сайт" item in Menu. Everyday workspace tabs remain five. */
  body.has-mobile-workspace .mobile-admin-bottom-nav small{letter-spacing:-.02em!important}
}

@media (max-width:430px){
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1312 .workspace-brand-home img{
    width:146px!important;
    max-width:56vw!important;
  }
}


/* ===== legacy module consolidated: v1312-mobile-first-workspace.css ===== */
/* Cloud Design v1.3.12 — mobile-first staff workspace
   Principle: desktop gets a stable app sidebar; mobile behaves like a native work app.
   The top mobile bar is NOT navigation: it exposes public site, notifications and profile.
   Primary staff navigation lives in one bottom bar. Secondary tools live in a bottom sheet. */

.staff-mobile-appbar{display:none}
.workspace-brand-home{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);color:var(--text);text-decoration:none;transition:.18s ease}
.workspace-brand-home:hover{background:rgba(130,94,236,.08);border-color:rgba(146,111,247,.2);transform:translateY(-1px)}
.workspace-brand-mark{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:rgba(127,91,239,.1)}
.workspace-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
.workspace-brand-copy{min-width:0;flex:1}.workspace-brand-copy strong,.workspace-brand-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-brand-copy strong{font-size:.88rem;letter-spacing:.01em}.workspace-brand-copy small{margin-top:1px;color:var(--muted);font-size:.68rem}
.workspace-brand-arrow{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.workspace-sheet-handle{display:none}
.workspace-nav-icon svg,.mobile-tab-icon svg,.staff-mobile-icon-action svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Desktop/laptop: keep sidebar viewport-bound and independently scrollable. */
@media (min-width:901px){
  .dashboard-shell .workspace-nav.workspace-drawer{position:sticky!important;top:calc(var(--header) + 12px)!important;max-height:calc(100dvh - var(--header) - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-top:12px!important}
  .workspace-drawer-head{display:none!important}
}

@media (max-width:900px){
  :root{--staff-appbar-h:62px;--staff-bottom-h:74px}
  body.has-mobile-workspace .site-header,body.has-mobile-workspace .mobile-menu,body.has-mobile-workspace .mobile-workspace-topbar{display:none!important}
  body.has-mobile-workspace{padding-top:0!important;padding-bottom:calc(var(--staff-bottom-h) + env(safe-area-inset-bottom,0px))!important}
  body.has-mobile-workspace .scroll-progress{top:0!important}

  /* Compact app/status bar. It has no hamburger and therefore is not a second menu. */
  .staff-mobile-appbar{display:flex!important;align-items:center;gap:9px;position:sticky;top:0;z-index:4200;height:calc(var(--staff-appbar-h) + env(safe-area-inset-top,0px));padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;background:rgba(9,11,20,.94);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .staff-mobile-brand{display:flex;align-items:center;gap:8px;min-width:0;max-width:48%;height:44px;padding:4px 7px 4px 5px;border-radius:13px;color:var(--text);text-decoration:none;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
  .staff-mobile-brand:active{transform:scale(.98)}
  .staff-mobile-brand-mark{width:34px;height:34px;flex:0 0 34px;overflow:hidden;border-radius:10px}.staff-mobile-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
  .staff-mobile-brand-copy{min-width:0}.staff-mobile-brand-copy strong,.staff-mobile-brand-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-mobile-brand-copy strong{font-size:.78rem;line-height:1.05}.staff-mobile-brand-copy small{font-size:.61rem;color:#a89ccd;margin-top:2px;letter-spacing:.02em}
  .staff-mobile-brand-arrow{font-size:.8rem;color:#aa9ce0;margin-left:auto}
  .staff-mobile-section{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#969bad;font-size:.72rem;text-align:center}
  .staff-mobile-app-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
  .staff-mobile-icon-action,.staff-mobile-profile-action{position:relative;display:grid;place-items:center;width:42px;height:42px;min-height:42px;border-radius:13px;color:#dadceb;text-decoration:none;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065)}
  .staff-mobile-icon-action svg{width:21px;height:21px}.staff-mobile-icon-action b{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#8c64ff;color:#fff;font-size:.58rem;box-shadow:0 0 0 2px #0b0d17}
  .staff-mobile-profile-action{overflow:hidden;background:linear-gradient(135deg,rgba(126,87,241,.25),rgba(164,118,255,.08));font-weight:800}.staff-mobile-profile-action img{width:100%;height:100%;object-fit:cover}.staff-mobile-profile-action span{font-size:.9rem}

  /* Mobile secondary navigation becomes a bottom sheet, reachable with one thumb. */
  body.has-mobile-workspace .workspace-nav.workspace-drawer{display:block!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important;height:min(86dvh,760px)!important;max-height:calc(100dvh - 18px)!important;margin:0!important;padding:0 12px calc(18px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid rgba(255,255,255,.09)!important;border-radius:25px 25px 0 0!important;background:linear-gradient(180deg,rgba(16,18,31,.997),rgba(8,10,18,.999))!important;box-shadow:0 -28px 80px rgba(0,0,0,.56)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;z-index:5102!important;transform:translate3d(0,105%,0)!important;transition:transform .27s cubic-bezier(.2,.8,.2,1)!important;scrollbar-width:none!important}
  body.has-mobile-workspace .workspace-nav.workspace-drawer::-webkit-scrollbar{display:none!important}
  body.has-mobile-workspace .workspace-nav.workspace-drawer.is-open{transform:translate3d(0,0,0)!important}
  body.workspace-drawer-open{overflow:hidden!important;touch-action:none!important}

  .workspace-brand-home{display:none!important}
  .workspace-primary-nav{display:none!important} /* already permanently reachable in bottom navigation */
  .workspace-drawer-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:9px!important;position:sticky!important;top:0!important;z-index:4!important;margin:0 -12px 8px!important;padding:17px 12px 10px!important;background:linear-gradient(180deg,rgba(16,18,31,1) 82%,rgba(16,18,31,.0))!important}
  .workspace-sheet-handle{display:block!important;position:absolute!important;top:7px!important;left:50%!important;width:42px!important;height:4px!important;transform:translateX(-50%)!important;border-radius:99px!important;background:rgba(255,255,255,.18)!important}
  .workspace-drawer-user{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .workspace-drawer-avatar{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;padding:0!important;border-radius:13px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(126,87,241,.28),rgba(166,123,255,.1))!important;border:1px solid rgba(160,123,255,.2)!important;color:#fff!important;text-decoration:none!important;font-weight:800!important}.workspace-drawer-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  .workspace-drawer-user-copy{min-width:0!important}.workspace-drawer-user-copy strong,.workspace-drawer-user-copy span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.workspace-drawer-user-copy strong{font-size:.9rem!important}.workspace-drawer-user-copy span{margin-top:1px!important;color:var(--muted)!important;font-size:.72rem!important}
  .workspace-drawer-close{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;color:#fff!important;font-size:1.35rem!important}
  .workspace-primary-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:48px!important;margin:6px 0 12px!important;border-radius:14px!important;background:linear-gradient(135deg,#7152df,#936cfa)!important;color:#fff!important;box-shadow:0 10px 28px rgba(111,74,230,.18)!important}
  .workspace-primary-icon{font-size:1.2rem!important}

  body.has-mobile-workspace .workspace-nav-section{display:grid!important;gap:3px!important;margin:0 0 9px!important;padding:0 0 9px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  body.has-mobile-workspace .workspace-nav-section:last-child{border-bottom:0!important}
  body.has-mobile-workspace .workspace-nav-section>.nav-label{margin:4px 8px 3px!important;padding:0!important;color:#858b9f!important;font-size:.64rem!important;letter-spacing:.12em!important;text-transform:uppercase!important}
  body.has-mobile-workspace .workspace-nav.workspace-drawer a.workspace-menu-item,body.has-mobile-workspace .workspace-drawer-logout button{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:46px!important;margin:0!important;padding:7px 10px!important;border-radius:12px!important;border:1px solid transparent!important;background:transparent!important;color:#d7d9e5!important;text-decoration:none!important;font-size:.88rem!important;text-align:left!important}
  body.has-mobile-workspace .workspace-nav-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;background:rgba(255,255,255,.035)!important;color:#a9adbf!important}.workspace-nav-icon svg{width:18px!important;height:18px!important}
  body.has-mobile-workspace .workspace-menu-item.is-active{background:rgba(126,87,241,.13)!important;border-color:rgba(145,107,255,.2)!important;color:#fff!important}
  body.has-mobile-workspace .workspace-drawer-logout button{border-color:rgba(255,94,116,.12)!important;background:rgba(255,79,103,.04)!important;color:#ffb1bb!important}

  .mobile-workspace-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:5101!important;background:rgba(2,3,8,.68)!important;backdrop-filter:blur(4px)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}.mobile-workspace-overlay.is-open{opacity:1!important;pointer-events:auto!important}.mobile-workspace-overlay[hidden]{display:none!important}

  /* One and only one primary navigation menu on mobile. */
  body.has-mobile-workspace .mobile-admin-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed!important;left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;z-index:5000!important;min-height:64px!important;padding:5px!important;gap:1px!important;border-radius:19px!important;background:rgba(12,14,24,.97)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 16px 46px rgba(0,0,0,.48)!important;backdrop-filter:blur(22px)!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav>a,body.has-mobile-workspace .mobile-admin-bottom-nav>button{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:4px 1px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#979bad!important;text-decoration:none!important;font:inherit!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav .mobile-tab-icon{display:grid!important;place-items:center!important;width:23px!important;height:23px!important}.mobile-tab-icon svg{width:20px!important;height:20px!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.58rem!important;line-height:1.05!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav>a.is-active{color:#fff!important;background:rgba(126,87,241,.14)!important}.mobile-admin-bottom-nav>a.is-active .mobile-tab-icon{color:#cdbfff!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav>button[aria-expanded="true"]{color:#fff!important;background:rgba(126,87,241,.14)!important}
  .mobile-tab-with-badge b{position:absolute!important;top:2px!important;left:calc(50% + 7px)!important;min-width:17px!important;height:17px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border-radius:99px!important;background:#8b61ff!important;color:#fff!important;font-size:.56rem!important;box-shadow:0 0 0 2px rgba(12,14,24,.97)!important}

  /* Mobile-first content ergonomics: less wasted space, larger touch targets, no desktop overflow. */
  body.has-mobile-workspace .dashboard-shell{padding-top:8px!important;padding-bottom:16px!important}
  body.has-mobile-workspace .dashboard-shell>.container{padding-left:10px!important;padding-right:10px!important}
  body.has-mobile-workspace .dashboard-grid{display:block!important}
  body.has-mobile-workspace .dashboard-main{width:100%!important;min-width:0!important}
  body.has-mobile-workspace .dashboard-head{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:8px 0 13px!important}
  body.has-mobile-workspace .dashboard-head h1{font-size:clamp(1.55rem,7vw,2.05rem)!important;line-height:1.06!important;overflow-wrap:anywhere!important}
  body.has-mobile-workspace .dashboard-head p{margin-top:4px!important;max-width:none!important;font-size:.88rem!important;line-height:1.5!important}
  body.has-mobile-workspace button,body.has-mobile-workspace .primary-btn,body.has-mobile-workspace .ghost-btn{min-height:44px}
  body.has-mobile-workspace input,body.has-mobile-workspace select,body.has-mobile-workspace textarea{font-size:16px!important;max-width:100%!important}
  body.has-mobile-workspace .dashboard-main>.card,body.has-mobile-workspace .dashboard-main .panel,body.has-mobile-workspace .settings-card,body.has-mobile-workspace .legal-settings-card,body.has-mobile-workspace .access-role-card{border-radius:16px!important;padding:14px!important}
  body.has-mobile-workspace .dashboard-head .inline-actions,body.has-mobile-workspace .messages-head-actions-v131{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  body.has-mobile-workspace .dashboard-head .inline-actions>*,body.has-mobile-workspace .messages-head-actions-v131>*{width:100%!important;justify-content:center!important}
  body.has-mobile-workspace .table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  body.has-mobile-workspace .project-savebar-final,body.has-mobile-workspace .mobile-sticky-save{bottom:calc(var(--staff-bottom-h) + 12px + env(safe-area-inset-bottom,0px))!important}
  body.has-mobile-workspace .chat-composer,body.has-mobile-workspace .composer-shell{margin-bottom:calc(var(--staff-bottom-h) + 6px)!important}
}

@media (max-width:390px){
  .staff-mobile-section{display:none!important}.staff-mobile-brand{max-width:none!important;flex:1!important}.staff-mobile-brand-copy strong{font-size:.76rem!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav{left:4px!important;right:4px!important;bottom:calc(4px + env(safe-area-inset-bottom,0px))!important;padding:4px!important;border-radius:17px!important}
  body.has-mobile-workspace .mobile-admin-bottom-nav small{font-size:.54rem!important}
}


/* ===== legacy module consolidated: v1314-mobile-ux-rebuild.css ===== */
/* Cloud Design v1.3.14 — MOBILE UX REBUILD
   Replaces the bulky v1.3.13 phone layout with a compact, native-feeling workspace.
   Desktop is intentionally untouched. */

@media (max-width:900px){
  :root{
    --cd14-bg:#080b12;
    --cd14-surface:#101521;
    --cd14-surface-2:#151b29;
    --cd14-surface-3:#0c1019;
    --cd14-border:rgba(255,255,255,.075);
    --cd14-border-strong:rgba(151,116,255,.22);
    --cd14-text:#f5f6fb;
    --cd14-muted:#9299ab;
    --cd14-muted-2:#737b8f;
    --cd14-accent:#8b64f7;
    --cd14-accent-2:#a883ff;
    --cd14-danger:#ff7186;
    --cd14-good:#62d6a0;
    --cd14-radius:18px;
    --cd14-pad:12px;
    --staff-appbar-h:54px;
    --staff-bottom-h:64px;
  }

  html{background:var(--cd14-bg)!important;scroll-padding-top:62px}
  body.has-mobile-workspace.cd-mobile-rebuild-1314{
    background:var(--cd14-bg)!important;color:var(--cd14-text)!important;overflow-x:hidden!important;
    padding-top:0!important;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
  }
  body.has-mobile-workspace.cd-mobile-rebuild-1314 *{box-sizing:border-box}
  body.has-mobile-workspace.cd-mobile-rebuild-1314 .site-header,
  body.has-mobile-workspace.cd-mobile-rebuild-1314 .site-footer,
  body.has-mobile-workspace.cd-mobile-rebuild-1314 .mobile-menu,
  body.has-mobile-workspace.cd-mobile-rebuild-1314 .guest-chat{display:none!important}

  /* ---------- Compact top app bar ---------- */
  body.cd-mobile-rebuild-1314 .staff-mobile-appbar{
    display:flex!important;align-items:center!important;position:sticky!important;top:0!important;z-index:4200!important;
    height:calc(54px + env(safe-area-inset-top,0px))!important;
    padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px!important;gap:7px!important;
    background:rgba(8,11,18,.94)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.13)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  body.cd-mobile-rebuild-1314 .staff-mobile-brand{
    display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;
    flex:0 0 38px!important;padding:3px!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.055)!important;
  }
  body.cd-mobile-rebuild-1314 .staff-mobile-brand-mark{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;overflow:hidden!important}
  body.cd-mobile-rebuild-1314 .staff-mobile-brand-mark img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.cd-mobile-rebuild-1314 .staff-mobile-brand-copy,
  body.cd-mobile-rebuild-1314 .staff-mobile-brand-arrow{display:none!important}
  body.cd-mobile-rebuild-1314 .staff-mobile-section{
    display:block!important;flex:1!important;min-width:0!important;padding:0 3px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    text-align:left!important;color:#f2f3f8!important;font-size:.9rem!important;font-weight:760!important;letter-spacing:-.018em!important;
  }
  body.cd-mobile-rebuild-1314 .staff-mobile-app-actions{display:flex!important;gap:5px!important;align-items:center!important}
  body.cd-mobile-rebuild-1314 .staff-mobile-icon-action,
  body.cd-mobile-rebuild-1314 .staff-mobile-profile-action{
    width:38px!important;height:38px!important;min-height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.055)!important;
  }
  body.cd-mobile-rebuild-1314 .staff-mobile-icon-action svg{width:19px!important;height:19px!important}

  /* ---------- Main canvas ---------- */
  body.cd-mobile-rebuild-1314 .dashboard-shell{padding:0 0 14px!important;overflow:visible!important}
  body.cd-mobile-rebuild-1314 .dashboard-shell>.container,
  body.cd-mobile-rebuild-1314 .dashboard-grid,
  body.cd-mobile-rebuild-1314 .dashboard-main{
    width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding-left:0!important;padding-right:0!important;
  }
  body.cd-mobile-rebuild-1314 .dashboard-grid{display:block!important}
  body.cd-mobile-rebuild-1314 .dashboard-main{padding:0 var(--cd14-pad)!important;overflow:visible!important}

  body.cd-mobile-rebuild-1314 .dashboard-head{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;
    margin:12px 0 12px!important;padding:0!important;
  }
  body.cd-mobile-rebuild-1314 .dashboard-head>div{min-width:0!important}
  body.cd-mobile-rebuild-1314 .dashboard-head .eyebrow{margin-bottom:3px!important;color:#9a83ef!important;font-size:.62rem!important;letter-spacing:.11em!important}
  body.cd-mobile-rebuild-1314 .dashboard-head h1{
    margin:0!important;color:#f7f8fc!important;font-size:1.72rem!important;line-height:1.08!important;letter-spacing:-.045em!important;
  }
  body.cd-mobile-rebuild-1314 .dashboard-head p{margin:4px 0 0!important;color:var(--cd14-muted)!important;font-size:.79rem!important;line-height:1.42!important}
  body.cd-mobile-rebuild-1314 .dashboard-user-title{display:flex!important;align-items:center!important;gap:9px!important}
  body.cd-mobile-rebuild-1314 .dashboard-user-title .profile-avatar{width:40px!important;height:40px!important;flex:0 0 40px!important}
  body.cd-mobile-rebuild-1314 .profile-mini-link{font-size:.7rem!important;color:#9ba1b2!important}

  body.cd-mobile-rebuild-1314 .section-tight{margin-top:18px!important}
  body.cd-mobile-rebuild-1314 .section-head{
    display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;margin:0 0 9px!important;
  }
  body.cd-mobile-rebuild-1314 .section-head h2,
  body.cd-mobile-rebuild-1314 .settings-section h2,
  body.cd-mobile-rebuild-1314 .card h2{
    font-size:1.08rem!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:0!important;
  }
  body.cd-mobile-rebuild-1314 .section-head .link-arrow{font-size:.72rem!important;white-space:nowrap!important}

  /* ---------- Surfaces ---------- */
  body.cd-mobile-rebuild-1314 .dashboard-main>.card,
  body.cd-mobile-rebuild-1314 .dashboard-main>.panel,
  body.cd-mobile-rebuild-1314 .dashboard-main .card,
  body.cd-mobile-rebuild-1314 .settings-section,
  body.cd-mobile-rebuild-1314 .settings-card,
  body.cd-mobile-rebuild-1314 .legal-settings-card,
  body.cd-mobile-rebuild-1314 .access-role-card{
    border-color:var(--cd14-border)!important;border-radius:var(--cd14-radius)!important;
  }
  body.cd-mobile-rebuild-1314 .dashboard-main>.card,
  body.cd-mobile-rebuild-1314 .dashboard-main>.panel,
  body.cd-mobile-rebuild-1314 .settings-section,
  body.cd-mobile-rebuild-1314 .legal-settings-card{
    padding:12px!important;background:linear-gradient(180deg,rgba(17,22,34,.98),rgba(11,15,24,.99))!important;
    box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  }
  body.cd-mobile-rebuild-1314 .muted{color:var(--cd14-muted)!important}

  /* ---------- Controls ---------- */
  body.cd-mobile-rebuild-1314 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.cd-mobile-rebuild-1314 select,
  body.cd-mobile-rebuild-1314 textarea{
    width:100%!important;max-width:100%!important;min-width:0!important;border-radius:12px!important;
    border:1px solid rgba(255,255,255,.09)!important;background:#0d121c!important;color:#f4f5f8!important;
    box-shadow:none!important;font-size:16px!important;
  }
  body.cd-mobile-rebuild-1314 input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.cd-mobile-rebuild-1314 select{height:44px!important;min-height:44px!important;padding-top:0!important;padding-bottom:0!important}
  body.cd-mobile-rebuild-1314 textarea{min-height:92px!important;padding:11px!important;line-height:1.45!important}
  body.cd-mobile-rebuild-1314 label{font-size:.72rem!important;color:#aab0bf!important;line-height:1.35!important}
  body.cd-mobile-rebuild-1314 button,
  body.cd-mobile-rebuild-1314 .btn,
  body.cd-mobile-rebuild-1314 .primary-btn,
  body.cd-mobile-rebuild-1314 .ghost-btn{touch-action:manipulation}
  body.cd-mobile-rebuild-1314 .primary-btn,
  body.cd-mobile-rebuild-1314 .ghost-btn,
  body.cd-mobile-rebuild-1314 .danger-btn{
    min-height:42px!important;border-radius:12px!important;padding:9px 13px!important;font-size:.78rem!important;line-height:1.12!important;
  }
  body.cd-mobile-rebuild-1314 .primary-btn{background:linear-gradient(135deg,#7756ea,#9a70ff)!important;box-shadow:0 8px 20px rgba(119,86,234,.18)!important}
  body.cd-mobile-rebuild-1314 .ghost-btn{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.075)!important}
  body.cd-mobile-rebuild-1314 .text-btn{font-size:.75rem!important}

  /* ---------- Header action groups: one clean row, no giant tiles ---------- */
  body.cd-mobile-rebuild-1314 .dashboard-head .inline-actions,
  body.cd-mobile-rebuild-1314 .messages-head-actions-v131,
  body.cd-mobile-rebuild-1314 .project-admin-head-final>.inline-actions{
    display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important;margin:0!important;
  }
  body.cd-mobile-rebuild-1314 .dashboard-head .inline-actions>*{flex:1 1 120px!important;min-width:0!important}
  body.cd-mobile-rebuild-1314 .dashboard-head .inline-actions>a,
  body.cd-mobile-rebuild-1314 .dashboard-head .inline-actions>button,
  body.cd-mobile-rebuild-1314 .dashboard-head .inline-actions form>*{width:100%!important}

  /* ---------- Search/filter bars ---------- */
  body.cd-mobile-rebuild-1314 .user-search-v1217,
  body.cd-mobile-rebuild-1314 .project-search-final{
    display:grid!important;grid-template-columns:minmax(0,1fr) 84px!important;gap:7px!important;padding:8px!important;margin:0 0 10px!important;
    background:rgba(14,18,28,.9)!important;border:1px solid var(--cd14-border)!important;border-radius:15px!important;
  }
  body.cd-mobile-rebuild-1314 .user-search-v1217 input,
  body.cd-mobile-rebuild-1314 .project-search-final input{height:42px!important}
  body.cd-mobile-rebuild-1314 .user-search-v1217 button,
  body.cd-mobile-rebuild-1314 .project-search-final button{width:84px!important;min-width:84px!important;height:42px!important;min-height:42px!important;padding:0 10px!important}
  body.cd-mobile-rebuild-1314 .lead-filter-v130{
    display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px!important;margin:0 0 10px!important;background:rgba(14,18,28,.9)!important;
  }
  body.cd-mobile-rebuild-1314 .lead-filter-v130 button{width:100%!important}

  /* ---------- USERS: dedicated mobile cards, not a table squeezed into cards ---------- */
  body.cd-mobile-rebuild-1314 .users-table-v1217{display:none!important}
  .mobile-users-list-v1314{display:grid!important;gap:9px!important}
  .mobile-user-card-v1314{
    padding:11px!important;border:1px solid var(--cd14-border)!important;border-radius:17px!important;
    background:linear-gradient(180deg,rgba(17,22,35,.99),rgba(11,15,24,.99))!important;box-shadow:0 7px 22px rgba(0,0,0,.11)!important;
  }
  .mobile-user-head-v1314{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  .mobile-user-avatar-v1314{
    display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;
    color:#eeeaff!important;font-size:.88rem!important;font-weight:850!important;background:linear-gradient(135deg,rgba(133,93,245,.32),rgba(133,93,245,.08))!important;border:1px solid rgba(157,122,255,.18)!important;
  }
  .mobile-user-name-v1314{min-width:0!important;flex:1!important}
  .mobile-user-name-v1314 strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.93rem!important;color:#fff!important}
  .mobile-user-name-v1314 small{display:block!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#80889a!important;font-size:.68rem!important}
  .mobile-user-role-pill-v1314{
    max-width:42%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 0 auto!important;
    padding:5px 8px!important;border-radius:999px!important;border:1px solid rgba(154,118,255,.19)!important;background:rgba(130,91,242,.11)!important;color:#beaaff!important;font-size:.64rem!important;font-weight:720!important;
  }
  .mobile-user-protected-v1314{margin-top:8px!important;padding:7px 9px!important;border-radius:11px!important;background:rgba(137,98,244,.08)!important;color:#ac9ada!important;font-size:.68rem!important;line-height:1.35!important}
  .mobile-user-facts-v1314{display:grid!important;gap:0!important;margin-top:8px!important;border-top:1px solid rgba(255,255,255,.055)!important}
  .mobile-user-fact-v1314{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:7px 1px!important;border-bottom:1px solid rgba(255,255,255,.045)!important}
  .mobile-user-fact-v1314:last-child{border-bottom:0!important}
  .mobile-user-fact-v1314>span:first-child{color:#727a8c!important;font-size:.64rem!important;font-weight:680!important}
  .mobile-user-fact-v1314>span:last-child{min-width:0!important;color:#dfe2ea!important;font-size:.74rem!important;overflow-wrap:anywhere!important}
  .mobile-user-badges-v1314{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
  .mobile-user-badges-v1314 .status-pill{min-height:0!important;padding:4px 7px!important;font-size:.61rem!important}
  .mobile-user-admin-v1314{display:grid!important;gap:7px!important;margin-top:9px!important;padding-top:9px!important;border-top:1px solid rgba(151,116,255,.12)!important}
  .mobile-role-form-v1314{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:end!important}
  .mobile-role-form-v1314 label{display:grid!important;gap:4px!important;margin:0!important}
  .mobile-role-form-v1314 select{height:42px!important;min-height:42px!important}
  .mobile-role-form-v1314 button{height:42px!important;min-height:42px!important;white-space:nowrap!important}
  .mobile-user-secondary-actions-v1314{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .mobile-user-secondary-actions-v1314 form{margin:0!important;width:100%!important}
  .mobile-user-secondary-actions-v1314 button{width:100%!important;justify-content:center!important;min-height:40px!important}
  .mobile-user-secondary-actions-v1314 .danger{color:#ff899a!important;background:rgba(255,94,116,.055)!important;border-color:rgba(255,113,134,.13)!important}

  /* compact owner notice */
  body.cd-mobile-rebuild-1314 .primary-owner-note-v1217,
  body.cd-mobile-rebuild-1314 .primary-owner-note-v1219{
    display:block!important;margin:0!important;padding:8px 10px!important;border-radius:12px!important;background:rgba(130,91,242,.075)!important;border:1px solid rgba(151,116,255,.13)!important;
  }
  body.cd-mobile-rebuild-1314 .primary-owner-note-v1217 span{font-size:.69rem!important}
  body.cd-mobile-rebuild-1314 .primary-owner-note-v1217 small{margin-top:2px!important;font-size:.62rem!important;line-height:1.35!important;color:#9299aa!important}

  /* ---------- Generic admin tables: compact cards only when a dedicated mobile layout does not exist ---------- */
  body.cd-mobile-rebuild-1314 .table-wrap.cd14-mobile-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>thead{display:none!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody{display:grid!important;gap:8px!important;width:100%!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr{
    display:block!important;width:100%!important;padding:9px 10px!important;border:1px solid var(--cd14-border)!important;border-radius:15px!important;
    background:linear-gradient(180deg,rgba(16,21,33,.98),rgba(11,15,24,.99))!important;overflow:hidden!important;
  }
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr>td{
    display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;width:100%!important;max-width:100%!important;
    padding:6px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.042)!important;background:transparent!important;white-space:normal!important;text-align:left!important;font-size:.73rem!important;line-height:1.32!important;
  }
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr>td:last-child{border-bottom:0!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr>td::before{content:attr(data-cd14-label);color:#70798b!important;font-size:.61rem!important;font-weight:700!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr>td.cd14-primary-cell{display:block!important;padding:2px 0 8px!important;font-size:.84rem!important;font-weight:760!important;color:#fff!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr>td.cd14-primary-cell::before{display:block!important;margin-bottom:2px!important;color:#9c86e9!important;font-size:.58rem!important;text-transform:uppercase!important;letter-spacing:.07em!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr>td.cd14-actions-cell{display:block!important;padding-top:8px!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table>tbody>tr>td.cd14-actions-cell::before{display:none!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table td form,
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table td .inline-actions{max-width:100%!important}
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table td input,
  body.cd-mobile-rebuild-1314 table.cd14-mobile-table td select{min-width:0!important;max-width:100%!important}

  /* ---------- Dashboard ---------- */
  body.cd-mobile-rebuild-1314 .staff-topline{display:grid!important;gap:7px!important;margin:0 0 10px!important}
  body.cd-mobile-rebuild-1314 .presence-toggle{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;padding:8px 9px!important;border-radius:13px!important}
  body.cd-mobile-rebuild-1314 .presence-toggle span{font-size:.7rem!important;line-height:1.25!important}
  body.cd-mobile-rebuild-1314 .presence-toggle button{min-height:34px!important;height:34px!important;padding:0 9px!important;font-size:.66rem!important}
  body.cd-mobile-rebuild-1314 .backup-status-link{width:max-content!important;max-width:100%!important;font-size:.62rem!important}
  body.cd-mobile-rebuild-1314 .metric-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important}
  body.cd-mobile-rebuild-1314 .metric-card{padding:10px!important;min-height:78px!important;border-radius:15px!important}
  body.cd-mobile-rebuild-1314 .metric-card b{font-size:1.38rem!important;line-height:1!important}
  body.cd-mobile-rebuild-1314 .metric-card span{margin-top:5px!important;font-size:.66rem!important;line-height:1.25!important}
  body.cd-mobile-rebuild-1314 .visitor-summary-final{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.cd-mobile-rebuild-1314 .visitor-summary-final .card{padding:9px 7px!important;border-radius:14px!important;min-width:0!important}
  body.cd-mobile-rebuild-1314 .visitor-summary-final span{font-size:.59rem!important}
  body.cd-mobile-rebuild-1314 .visitor-summary-final b{font-size:1.18rem!important}
  body.cd-mobile-rebuild-1314 .visitor-summary-final small{display:none!important}
  body.cd-mobile-rebuild-1314 .analytics-accuracy-note{font-size:.66rem!important;line-height:1.4!important;margin:8px 0!important}
  body.cd-mobile-rebuild-1314 .analytics-mini{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.cd-mobile-rebuild-1314 .analytics-mini .card{padding:10px!important}
  body.cd-mobile-rebuild-1314 .analytics-event-row{padding:6px 0!important;font-size:.72rem!important}

  /* ---------- Project / lead lists ---------- */
  body.cd-mobile-rebuild-1314 .lead-card-list-v130,
  body.cd-mobile-rebuild-1314 .project-list{display:grid!important;gap:8px!important}
  body.cd-mobile-rebuild-1314 .lead-card-v130{padding:11px!important;border-radius:16px!important}
  body.cd-mobile-rebuild-1314 .lead-card-top{gap:8px!important;align-items:start!important}
  body.cd-mobile-rebuild-1314 .lead-card-top h3{font-size:.92rem!important;margin-top:2px!important}
  body.cd-mobile-rebuild-1314 .lead-card-v130>p{font-size:.72rem!important;line-height:1.4!important;margin:7px 0!important}
  body.cd-mobile-rebuild-1314 .lead-card-contacts{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important;font-size:.67rem!important}
  body.cd-mobile-rebuild-1314 .lead-card-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:8px!important}
  body.cd-mobile-rebuild-1314 .lead-card-actions>*{width:100%!important}
  body.cd-mobile-rebuild-1314 .lead-card-actions form button{width:100%!important}
  body.cd-mobile-rebuild-1314 .project-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 10px!important;align-items:center!important;padding:10px!important;border-radius:16px!important;
  }
  body.cd-mobile-rebuild-1314 .project-row>div:first-child{min-width:0!important}
  body.cd-mobile-rebuild-1314 .project-row h3{font-size:.88rem!important;margin:2px 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.cd-mobile-rebuild-1314 .project-row p{font-size:.66rem!important;margin:0!important}
  body.cd-mobile-rebuild-1314 .project-row>div:nth-child(2){grid-column:1/-1!important}
  body.cd-mobile-rebuild-1314 .project-row>a{grid-row:1!important;grid-column:2!important;min-height:36px!important;height:36px!important;padding:0 10px!important;font-size:.68rem!important}
  body.cd-mobile-rebuild-1314 .progress-label{font-size:.64rem!important;margin-bottom:4px!important}

  /* ---------- Messages ---------- */
  body.cd-mobile-rebuild-1314 .messages-head-v131{margin-bottom:9px!important}
  body.cd-mobile-rebuild-1314 .messages-head-actions-v131{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.cd-mobile-rebuild-1314 .messages-head-actions-v131>*{width:100%!important;min-width:0!important;margin:0!important}
  body.cd-mobile-rebuild-1314 .messages-head-actions-v131 form button,
  body.cd-mobile-rebuild-1314 .messages-head-actions-v131 a{width:100%!important;min-height:40px!important;height:40px!important;padding:0 8px!important;font-size:.69rem!important;justify-content:center!important}

  body.cd-mobile-rebuild-1314 .new-chat-card-v131{
    display:none!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:6100!important;width:100%!important;max-width:none!important;
    max-height:min(78dvh,620px)!important;margin:0!important;padding:15px 12px calc(16px + env(safe-area-inset-bottom,0px))!important;
    border-radius:23px 23px 0 0!important;background:linear-gradient(180deg,#151a28,#0b0f18)!important;border:1px solid rgba(255,255,255,.09)!important;border-bottom:0!important;
    box-shadow:0 -30px 70px rgba(0,0,0,.55)!important;overflow-y:auto!important;
  }
  body.cd-mobile-rebuild-1314 .new-chat-card-v131.cd14-sheet-open{display:block!important}
  body.cd-mobile-rebuild-1314 .mobile-sheet-head-v1314{display:flex!important;align-items:start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
  body.cd-mobile-rebuild-1314 .mobile-sheet-close-v1314{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;padding:0!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;font-size:1.2rem!important}
  body.cd-mobile-rebuild-1314 .new-chat-copy-v131 h2{font-size:1.12rem!important;margin:0!important}
  body.cd-mobile-rebuild-1314 .new-chat-copy-v131 p{font-size:.7rem!important;margin:4px 0 0!important}
  body.cd-mobile-rebuild-1314 .new-chat-form-v131{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.cd-mobile-rebuild-1314 .new-chat-form-v131 label{display:grid!important;gap:4px!important}
  body.cd-mobile-rebuild-1314 .new-chat-form-v131 button{width:100%!important;margin-top:2px!important}
  .cd14-sheet-backdrop{display:none;position:fixed;inset:0;z-index:6000;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  .cd14-sheet-backdrop.is-open{display:block}
  body.cd14-sheet-lock{overflow:hidden!important}

  body.cd-mobile-rebuild-1314 .inbox-shell-v110{padding:9px!important}
  body.cd-mobile-rebuild-1314 .inbox-filter-v110{display:grid!important;gap:7px!important;padding:0 0 9px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  body.cd-mobile-rebuild-1314 .filter-top-v110{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:7px!important}
  body.cd-mobile-rebuild-1314 .filter-top-v110 label{display:grid!important;gap:3px!important}
  body.cd-mobile-rebuild-1314 .filter-actions-v110{display:none!important;grid-template-columns:1fr!important;gap:6px!important;padding-top:2px!important}
  body.cd-mobile-rebuild-1314 .inbox-filter-v110.cd14-filters-open .filter-actions-v110{display:grid!important}
  body.cd-mobile-rebuild-1314 .mobile-filter-toggle-v1314{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:38px!important;height:38px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.03)!important;color:#aab0bf!important;font-size:.68rem!important}
  body.cd-mobile-rebuild-1314 .filter-actions-v110 .check{padding:6px 8px!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;font-size:.68rem!important}
  body.cd-mobile-rebuild-1314 .filter-actions-v110 .ghost-btn{width:100%!important}
  body.cd-mobile-rebuild-1314 .message-list-v110{display:grid!important;gap:7px!important}
  body.cd-mobile-rebuild-1314 .message-row-v110{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;border-radius:15px!important}
  body.cd-mobile-rebuild-1314 .message-row-top-v110{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  body.cd-mobile-rebuild-1314 .message-row-main-v110 h3{font-size:.9rem!important;margin:4px 0!important}
  body.cd-mobile-rebuild-1314 .message-row-meta-v110{display:flex!important;flex-wrap:wrap!important;gap:3px 9px!important;font-size:.64rem!important}
  body.cd-mobile-rebuild-1314 .message-row-actions-v110{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body.cd-mobile-rebuild-1314 .message-row-actions-v110>*{width:100%!important;min-width:0!important;margin:0!important}
  body.cd-mobile-rebuild-1314 .message-row-actions-v110 form button,
  body.cd-mobile-rebuild-1314 .message-row-actions-v110>a,
  body.cd-mobile-rebuild-1314 .message-row-actions-v110>button{width:100%!important;min-width:0!important;min-height:38px!important;height:auto!important;padding:7px!important;font-size:.66rem!important;justify-content:center!important}

  /* ---------- Forms/settings/project editor ---------- */
  body.cd-mobile-rebuild-1314 .settings-grid,
  body.cd-mobile-rebuild-1314 .owner-settings-grid,
  body.cd-mobile-rebuild-1314 .integration-grid,
  body.cd-mobile-rebuild-1314 .owner-integration-grid,
  body.cd-mobile-rebuild-1314 .signature-settings-grid,
  body.cd-mobile-rebuild-1314 .form-grid,
  body.cd-mobile-rebuild-1314 .grid-2,
  body.cd-mobile-rebuild-1314 .grid-3,
  body.cd-mobile-rebuild-1314 .grid-4{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.cd-mobile-rebuild-1314 .raw-form,
  body.cd-mobile-rebuild-1314 .inline-settings,
  body.cd-mobile-rebuild-1314 .partner-row-form{max-width:100%!important;min-width:0!important}
  body.cd-mobile-rebuild-1314 .raw-form{display:grid!important;gap:9px!important}
  body.cd-mobile-rebuild-1314 .raw-form label{display:grid!important;gap:4px!important}
  body.cd-mobile-rebuild-1314 .file-row,
  body.cd-mobile-rebuild-1314 .contract-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:8px 0!important}
  body.cd-mobile-rebuild-1314 .file-row>div,
  body.cd-mobile-rebuild-1314 .contract-row>div{min-width:0!important}
  body.cd-mobile-rebuild-1314 .file-row b,
  body.cd-mobile-rebuild-1314 .contract-row b{font-size:.76rem!important}
  body.cd-mobile-rebuild-1314 .file-row small,
  body.cd-mobile-rebuild-1314 .contract-row small{font-size:.63rem!important}
  body.cd-mobile-rebuild-1314 .file-row .ghost-btn,
  body.cd-mobile-rebuild-1314 .contract-row .ghost-btn{min-height:36px!important;height:36px!important;padding:0 9px!important;font-size:.65rem!important}
  body.cd-mobile-rebuild-1314 .owner-savebar,
  body.cd-mobile-rebuild-1314 .mobile-sticky-save,
  body.cd-mobile-rebuild-1314 .project-savebar-final{
    position:sticky!important;left:auto!important;right:auto!important;bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;z-index:3000!important;
    width:100%!important;margin:10px 0 0!important;padding:7px!important;border-radius:14px!important;background:rgba(11,15,24,.94)!important;border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  }
  body.cd-mobile-rebuild-1314 .owner-savebar>div{display:none!important}
  body.cd-mobile-rebuild-1314 .owner-savebar button,
  body.cd-mobile-rebuild-1314 .mobile-sticky-save button,
  body.cd-mobile-rebuild-1314 .project-savebar-final button{width:100%!important;min-height:42px!important}

  /* ---------- Bottom navigation ---------- */
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;
    position:fixed!important;left:10px!important;right:10px!important;bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;z-index:5000!important;
    width:auto!important;min-height:58px!important;height:58px!important;padding:4px!important;border-radius:18px!important;
    background:rgba(11,15,24,.95)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 14px 36px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  }
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav>a,
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav>button{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:3px!important;border:0!important;border-radius:13px!important;
    background:transparent!important;color:#82899b!important;text-decoration:none!important;
  }
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav .mobile-tab-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important}
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav .mobile-tab-icon svg{width:19px!important;height:19px!important}
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav small{font-size:.56rem!important;line-height:1!important;white-space:nowrap!important}
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav>a.is-active,
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav>button[aria-expanded="true"]{
    color:#e7deff!important;background:linear-gradient(180deg,rgba(132,92,244,.2),rgba(132,92,244,.08))!important;
  }
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav .mobile-tab-with-badge>b{top:1px!important;right:18%!important;min-width:15px!important;height:15px!important;font-size:.5rem!important}

  /* ---------- "More" drawer: clean vertical menu, no 2-column launchpad ---------- */
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer{
    display:block!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;z-index:5102!important;
    width:100%!important;max-width:none!important;height:min(76dvh,640px)!important;max-height:calc(100dvh - 16px)!important;margin:0!important;
    padding:0 10px calc(16px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid rgba(255,255,255,.085)!important;border-radius:23px 23px 0 0!important;
    background:linear-gradient(180deg,#131824,#090d15)!important;box-shadow:0 -28px 70px rgba(0,0,0,.55)!important;overflow-y:auto!important;overflow-x:hidden!important;
    transform:translate3d(0,105%,0)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer.is-open{transform:translate3d(0,0,0)!important}
  body.cd-mobile-rebuild-1314 .workspace-brand-home{display:none!important}
  body.cd-mobile-rebuild-1314 .workspace-primary-nav{display:none!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;position:sticky!important;top:0!important;z-index:4!important;
    margin:0 -10px 6px!important;padding:16px 10px 8px!important;background:linear-gradient(180deg,#131824 82%,rgba(19,24,36,0))!important;
  }
  body.cd-mobile-rebuild-1314 .workspace-sheet-handle{display:block!important;position:absolute!important;top:6px!important;left:50%!important;width:38px!important;height:4px!important;transform:translateX(-50%)!important;border-radius:99px!important;background:rgba(255,255,255,.17)!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-user{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-avatar{
    display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;flex:0 0 36px!important;
    padding:0!important;border-radius:11px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(132,92,244,.28),rgba(132,92,244,.07))!important;
  }
  body.cd-mobile-rebuild-1314 .workspace-drawer-avatar img{display:block!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;object-fit:cover!important;border-radius:11px!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-user-copy strong{font-size:.8rem!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-user-copy span{font-size:.63rem!important;color:#838b9e!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-close{width:36px!important;height:36px!important;min-height:36px!important;border-radius:11px!important;font-size:1.15rem!important}
  body.cd-mobile-rebuild-1314 .workspace-primary-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:42px!important;height:42px!important;margin:4px 0 10px!important;border-radius:12px!important;font-size:.76rem!important}
  body.cd-mobile-rebuild-1314 .workspace-nav-section{
    display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin:0 0 6px!important;padding:0 0 6px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;
  }
  body.cd-mobile-rebuild-1314 .workspace-nav-section>.nav-label{
    grid-column:auto!important;margin:6px 8px 3px!important;padding:0!important;color:#71798c!important;font-size:.57rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;
  }
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer a.workspace-menu-item,
  body.cd-mobile-rebuild-1314 .workspace-drawer-logout button{
    display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:43px!important;height:auto!important;margin:0!important;padding:6px 8px!important;
    border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#d7dbe5!important;text-align:left!important;font-size:.76rem!important;text-decoration:none!important;
  }
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer a.workspace-menu-item.is-active{background:rgba(132,92,244,.1)!important;border-color:rgba(151,116,255,.11)!important;color:#e8e0ff!important}
  body.cd-mobile-rebuild-1314 .workspace-nav-icon{display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;background:rgba(255,255,255,.035)!important}
  body.cd-mobile-rebuild-1314 .workspace-nav-icon svg{width:17px!important;height:17px!important}
  body.cd-mobile-rebuild-1314 .workspace-nav-text{font-size:.76rem!important;line-height:1.2!important;white-space:normal!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-logout{grid-column:auto!important;margin:0!important;width:100%!important}
  body.cd-mobile-rebuild-1314 .workspace-drawer-logout button{color:#ff8d9d!important;background:rgba(255,113,134,.035)!important}

  /* ---------- Tabs/chips ---------- */
  body.cd-mobile-rebuild-1314 .tabs,
  body.cd-mobile-rebuild-1314 .tab-list,
  body.cd-mobile-rebuild-1314 .filter-tabs,
  body.cd-mobile-rebuild-1314 .segmented-control{
    display:flex!important;gap:5px!important;width:calc(100% + 24px)!important;max-width:none!important;margin-left:-12px!important;padding:1px 12px 6px!important;overflow-x:auto!important;scrollbar-width:none!important;
  }
  body.cd-mobile-rebuild-1314 .tabs::-webkit-scrollbar,
  body.cd-mobile-rebuild-1314 .tab-list::-webkit-scrollbar,
  body.cd-mobile-rebuild-1314 .filter-tabs::-webkit-scrollbar{display:none!important}
  body.cd-mobile-rebuild-1314 .tabs>*,
  body.cd-mobile-rebuild-1314 .tab-list>*,
  body.cd-mobile-rebuild-1314 .filter-tabs>*{flex:0 0 auto!important;min-height:36px!important}

  /* Never widen the viewport. */
  body.cd-mobile-rebuild-1314 img,
  body.cd-mobile-rebuild-1314 svg,
  body.cd-mobile-rebuild-1314 video{max-width:100%!important}
  body.cd-mobile-rebuild-1314 .dashboard-main [style*="min-width"]{min-width:0!important}
  body.cd-mobile-rebuild-1314 pre,
  body.cd-mobile-rebuild-1314 code{max-width:100%!important;overflow-x:auto!important}
}

@media (max-width:430px){
  body.cd-mobile-rebuild-1314 .mobile-role-form-v1314{grid-template-columns:1fr!important}
  body.cd-mobile-rebuild-1314 .mobile-role-form-v1314 button{width:100%!important}
  body.cd-mobile-rebuild-1314 .message-row-actions-v110{grid-template-columns:1fr!important}
  body.cd-mobile-rebuild-1314 .filter-top-v110{grid-template-columns:1fr 102px!important}
}

@media (max-width:360px){
  :root{--cd14-pad:10px}
  body.cd-mobile-rebuild-1314 .staff-mobile-section{font-size:.82rem!important}
  body.cd-mobile-rebuild-1314 .mobile-user-fact-v1314{grid-template-columns:64px minmax(0,1fr)!important}
  body.cd-mobile-rebuild-1314 .visitor-summary-final{grid-template-columns:1fr 1fr 1fr!important}
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav small{font-size:.52rem!important}
}

/* Desktop: dedicated mobile markup must never appear. */
@media (min-width:901px){
  .mobile-users-list-v1314,.mobile-sheet-close-v1314,.mobile-filter-toggle-v1314{display:none!important}
}


/* ===== legacy module consolidated: v1315-menu-brand-polish.css ===== */
/* Cloud Design v1.3.15 — menu + brand polish
   Keeps v1.3.14 mobile page rebuild intact. Only navigation/brand are changed. */

/* ---------- Shared brand cleanup ---------- */
.workspace-brand-strip-v1315{display:block}
.workspace-drawer .workspace-brand-home-v1315{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;
}
.workspace-brand-lockup-v1315{display:block;width:min(188px,100%);height:auto;max-height:30px;object-fit:contain;object-position:left center}
.workspace-brand-home-v1315:hover{opacity:1!important;transform:none!important;background:transparent!important}
.workspace-site-link-v1315{display:none!important}

/* ---------- Desktop: a real brand header instead of a mini card ---------- */
@media (min-width:901px){
  .dashboard-shell .workspace-nav.workspace-drawer-v1315{padding-top:10px!important}
  .workspace-drawer-v1315 .workspace-brand-strip-v1315{
    display:flex!important;align-items:center!important;min-height:48px!important;
    margin:0 2px 11px!important;padding:2px 5px 12px!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
  }
  .workspace-drawer-v1315 .workspace-brand-home-v1315{opacity:.96!important}
  .workspace-drawer-v1315 .workspace-brand-home-v1315:hover{opacity:1!important}
  .workspace-drawer-v1315 .workspace-brand-lockup-v1315{width:min(184px,100%)!important;max-height:29px!important}

  /* New project no longer looks like a giant promo banner. */
  .dashboard-shell .workspace-drawer-v1315 .workspace-primary-action-v1315{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
    min-height:44px!important;height:auto!important;margin:0 0 14px!important;padding:7px 10px!important;
    border:1px solid rgba(150,115,255,.16)!important;border-radius:13px!important;
    background:linear-gradient(180deg,rgba(126,87,241,.12),rgba(126,87,241,.055))!important;
    box-shadow:none!important;color:var(--text)!important;font-size:.82rem!important;font-weight:720!important;
  }
  .dashboard-shell .workspace-drawer-v1315 .workspace-primary-action-v1315:hover{
    border-color:rgba(161,128,255,.28)!important;background:linear-gradient(180deg,rgba(126,87,241,.17),rgba(126,87,241,.08))!important;
    transform:none!important;
  }
  .workspace-drawer-v1315 .workspace-primary-icon{
    display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;
    margin:0!important;border-radius:9px!important;background:rgba(145,109,255,.13)!important;color:#cbbcff!important;
    font-size:1rem!important;line-height:1!important;
  }
}

/* ---------- Mobile: compact top bar ---------- */
@media (max-width:900px){
  .staff-mobile-appbar-v1315{
    height:calc(56px + env(safe-area-inset-top,0px))!important;
    padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px!important;gap:8px!important;
  }
  .staff-mobile-brand-v1315{
    display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;
    flex:0 0 38px!important;padding:2px!important;border:0!important;border-radius:11px!important;
    background:transparent!important;box-shadow:none!important;
  }
  .staff-mobile-brand-v1315 .staff-mobile-brand-mark{
    display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;
    border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;
  }
  .staff-mobile-brand-v1315 .staff-mobile-brand-mark img{display:block!important;width:34px!important;height:34px!important;object-fit:contain!important}
  .staff-mobile-section{font-size:.84rem!important;font-weight:760!important;letter-spacing:-.018em!important}
  .staff-mobile-icon-action,.staff-mobile-profile-action{width:38px!important;height:38px!important;border-radius:12px!important}

  /* Bottom sheet: bring back the useful two-column launchpad from v1.3.13, but clean it up. */
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1315,
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer-v1315{
    display:block!important;position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;z-index:5102!important;
    width:100%!important;max-width:none!important;height:min(82dvh,700px)!important;max-height:calc(100dvh - 10px)!important;
    margin:0!important;padding:0 12px calc(18px + env(safe-area-inset-bottom,0px))!important;
    border:0!important;border-top:1px solid rgba(255,255,255,.085)!important;border-radius:24px 24px 0 0!important;
    background:linear-gradient(180deg,#121622 0%,#0a0d15 100%)!important;
    box-shadow:0 -28px 70px rgba(0,0,0,.54)!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
    transform:translate3d(0,105%,0)!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
  }
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1315.is-open,
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer-v1315.is-open{transform:translate3d(0,0,0)!important}

  /* Brand is already in the top appbar. Do not repeat it inside Menu. */
  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-brand-strip-v1315{display:none!important}
  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-primary-nav{display:none!important}

  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-drawer-head,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 .workspace-drawer-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;
    position:sticky!important;top:0!important;z-index:6!important;margin:0 -12px 7px!important;
    padding:17px 12px 9px!important;background:linear-gradient(180deg,#121622 82%,rgba(18,22,34,0))!important;
  }
  .workspace-drawer-v1315 .workspace-sheet-handle{display:block!important;position:absolute!important;top:6px!important;left:50%!important;width:38px!important;height:4px!important;transform:translateX(-50%)!important;border-radius:99px!important;background:rgba(255,255,255,.18)!important}
  .workspace-drawer-v1315 .workspace-drawer-user{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  .workspace-drawer-v1315 .workspace-drawer-avatar{
    display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;flex:0 0 38px!important;
    padding:0!important;border-radius:12px!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(126,87,241,.24),rgba(126,87,241,.07))!important;
    border:1px solid rgba(150,116,255,.14)!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;
  }
  .workspace-drawer-v1315 .workspace-drawer-avatar img{display:block!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;object-fit:cover!important;border-radius:12px!important}
  .workspace-drawer-v1315 .workspace-drawer-user-copy{min-width:0!important}
  .workspace-drawer-v1315 .workspace-drawer-user-copy strong,.workspace-drawer-v1315 .workspace-drawer-user-copy span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .workspace-drawer-v1315 .workspace-drawer-user-copy strong{font-size:.82rem!important;line-height:1.15!important}
  .workspace-drawer-v1315 .workspace-drawer-user-copy span{margin-top:2px!important;color:#878ea1!important;font-size:.64rem!important;line-height:1.15!important}
  .workspace-drawer-v1315 .workspace-drawer-close{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.035)!important;color:#d8dbe5!important;font-size:1.15rem!important}

  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-primary-action-v1315,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 .workspace-primary-action-v1315{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;
    min-height:46px!important;height:46px!important;margin:3px 0 11px!important;padding:6px 10px!important;
    border:1px solid rgba(157,120,255,.18)!important;border-radius:13px!important;
    background:linear-gradient(135deg,rgba(116,78,226,.94),rgba(145,98,244,.94))!important;color:#fff!important;
    box-shadow:0 10px 26px rgba(103,68,210,.17)!important;font-size:.8rem!important;font-weight:760!important;
  }
  .workspace-drawer-v1315 .workspace-primary-action-v1315 .workspace-primary-icon{font-size:1rem!important;color:#fff!important;background:transparent!important;width:auto!important;height:auto!important;flex:0 0 auto!important}

  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-nav-section,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 .workspace-nav-section{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
    margin:0 0 9px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;
  }
  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-nav-section:last-child{border-bottom:0!important;margin-bottom:0!important}
  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-nav-section>.nav-label,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 .workspace-nav-section>.nav-label{
    grid-column:1/-1!important;margin:5px 4px 1px!important;padding:0!important;color:#757d90!important;
    font-size:.57rem!important;line-height:1.2!important;font-weight:680!important;letter-spacing:.12em!important;text-transform:uppercase!important;
  }

  body.has-mobile-workspace .workspace-drawer-v1315 a.workspace-menu-item,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 a.workspace-menu-item,
  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-drawer-logout button,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 .workspace-drawer-logout button{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;min-width:0!important;
    min-height:56px!important;height:auto!important;margin:0!important;padding:8px 9px!important;
    border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;
    color:#daddE7!important;text-align:left!important;text-decoration:none!important;font-size:.75rem!important;
    box-shadow:0 1px 0 rgba(255,255,255,.018) inset!important;
  }
  body.has-mobile-workspace .workspace-drawer-v1315 a.workspace-menu-item:active{transform:scale(.985)!important;background:rgba(132,92,244,.09)!important}
  body.has-mobile-workspace .workspace-drawer-v1315 a.workspace-menu-item.is-active,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 a.workspace-menu-item.is-active{
    border-color:rgba(153,118,255,.17)!important;background:linear-gradient(180deg,rgba(132,92,244,.13),rgba(132,92,244,.055))!important;color:#f0ebff!important;
  }
  .workspace-drawer-v1315 .workspace-nav-icon{
    display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;flex:0 0 30px!important;
    border-radius:9px!important;background:rgba(255,255,255,.04)!important;color:#aeb4c5!important;
  }
  .workspace-drawer-v1315 .workspace-nav-icon svg{width:17px!important;height:17px!important}
  .workspace-drawer-v1315 .workspace-nav-text{min-width:0!important;font-size:.75rem!important;line-height:1.2!important;font-weight:590!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .workspace-drawer-v1315 .nav-count-badge{margin-left:auto!important}

  .workspace-drawer-v1315 .workspace-wide-tile-v1315{grid-column:1/-1!important;min-height:50px!important}
  .workspace-drawer-v1315 .workspace-site-link-v1315{display:flex!important}
  .workspace-drawer-v1315 .workspace-drawer-logout{grid-column:1/-1!important;width:100%!important;margin:0!important}
  .workspace-drawer-v1315 .workspace-drawer-logout button{
    justify-content:center!important;min-height:44px!important;background:rgba(255,92,116,.035)!important;border-color:rgba(255,110,132,.09)!important;color:#ff9baa!important;
  }

  /* Keep the compact v1.3.14 bottom navigation. Only polish its selected More state. */
  body.cd-mobile-rebuild-1314 .mobile-admin-bottom-nav>button[aria-expanded="true"],
  body.has-mobile-workspace .mobile-admin-bottom-nav>button[aria-expanded="true"]{
    color:#e8e0ff!important;background:linear-gradient(180deg,rgba(132,92,244,.18),rgba(132,92,244,.075))!important;
  }
}

@media (max-width:370px){
  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-nav-section,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 .workspace-nav-section{grid-template-columns:1fr!important}
  body.has-mobile-workspace .workspace-drawer-v1315 .workspace-nav-section>.nav-label,
  body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 .workspace-nav-section>.nav-label,
  .workspace-drawer-v1315 .workspace-wide-tile-v1315,
  .workspace-drawer-v1315 .workspace-drawer-logout{grid-column:1!important}
}

/* ---------- Light theme ---------- */
html[data-theme="light"] .workspace-drawer-v1315 .workspace-brand-strip-v1315{border-bottom-color:rgba(31,35,54,.08)!important}
@media (max-width:900px){
  html[data-theme="light"] body.has-mobile-workspace .workspace-nav.workspace-drawer-v1315,
  html[data-theme="light"] body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer-v1315{
    background:linear-gradient(180deg,#ffffff,#f5f7fb)!important;border-top-color:rgba(31,35,54,.09)!important;box-shadow:0 -24px 60px rgba(35,42,64,.18)!important;
  }
  html[data-theme="light"] .workspace-drawer-v1315 .workspace-drawer-head{background:linear-gradient(180deg,#fff 82%,rgba(255,255,255,0))!important}
  html[data-theme="light"] body.has-mobile-workspace .workspace-drawer-v1315 a.workspace-menu-item,
  html[data-theme="light"] body.cd-mobile-rebuild-1314 .workspace-drawer-v1315 a.workspace-menu-item{
    background:linear-gradient(180deg,#fff,#f8f9fc)!important;border-color:rgba(31,35,54,.08)!important;color:#242937!important;box-shadow:0 4px 14px rgba(38,46,70,.045)!important;
  }
  html[data-theme="light"] .workspace-drawer-v1315 .workspace-nav-icon{background:#f0f2f7!important;color:#697085!important}
  html[data-theme="light"] .workspace-drawer-v1315 .workspace-drawer-user-copy span,
  html[data-theme="light"] .workspace-drawer-v1315 .workspace-nav-section>.nav-label{color:#858c9c!important}
}


/* ===== legacy module consolidated: v1316-brand-final.css ===== */
/* Cloud Design v1.3.16 — final brand treatment.
   Purpose: remove the improvised "logo card" and use the official lockup only.
   v1.3.14 page UX and v1.3.15 mobile menu structure are intentionally preserved. */

/* ---------- shared official lockup ---------- */
.workspace-brand-strip-v1316{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  padding:4px 8px 15px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.workspace-brand-home-v1316{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.workspace-brand-home-v1316::before,
.workspace-brand-home-v1316::after{display:none!important;content:none!important}
.workspace-brand-lockup-v1316{
  display:block!important;
  width:min(100%,190px)!important;
  max-width:190px!important;
  height:auto!important;
  max-height:31px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html:not([data-theme="light"]) .workspace-brand-lockup-v1316.theme-logo-light{display:none!important}
html[data-theme="light"] .workspace-brand-lockup-v1316.theme-logo-dark{display:none!important}
html[data-theme="light"] .workspace-brand-lockup-v1316.theme-logo-light{display:block!important}

/* Kill every legacy improvised brand fragment even if an older stylesheet remains cached. */
.workspace-brand-strip-v1316 .workspace-brand-mark,
.workspace-brand-strip-v1316 .workspace-brand-copy,
.workspace-brand-strip-v1316 .workspace-brand-external,
.workspace-brand-strip-v1316 strong,
.workspace-brand-strip-v1316 small{display:none!important}

/* ---------- desktop sidebar ---------- */
@media (min-width:901px){
  .workspace-nav.workspace-drawer-v1316{
    padding-top:13px!important;
  }
  .workspace-nav.workspace-drawer-v1316 .workspace-brand-strip-v1316{
    padding:3px 10px 16px!important;
    margin-bottom:10px!important;
  }
  .workspace-nav.workspace-drawer-v1316 .workspace-brand-lockup-v1316{
    width:188px!important;
    max-width:calc(100% - 8px)!important;
    max-height:30px!important;
  }
  .workspace-nav.workspace-drawer-v1316 .workspace-drawer-head{
    margin-top:0!important;
  }
}

/* ---------- mobile drawer ---------- */
@media (max-width:900px){
  /* v1.3.15 menu remains. Only its top identity area is cleaned. */
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1316 .workspace-brand-strip-v1316,
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer-v1316 .workspace-brand-strip-v1316{
    display:flex!important;
    position:relative!important;
    z-index:7!important;
    padding:14px 42px 10px!important;
    margin:0!important;
    border-bottom:0!important;
  }
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1316 .workspace-brand-lockup-v1316,
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer-v1316 .workspace-brand-lockup-v1316{
    width:154px!important;
    max-width:154px!important;
    max-height:23px!important;
  }
  body.has-mobile-workspace .workspace-nav.workspace-drawer-v1316 .workspace-drawer-head,
  body.cd-mobile-rebuild-1314 .workspace-nav.workspace-drawer-v1316 .workspace-drawer-head{
    margin-top:0!important;
    padding-top:12px!important;
  }

  /* Mobile app bar stays compact: mark only, never duplicated text. */
  .staff-mobile-appbar-v1316 .staff-mobile-brand-copy,
  .staff-mobile-appbar-v1316 .workspace-brand-copy{display:none!important}
  .staff-mobile-appbar-v1316 .staff-mobile-brand-v1316{
    width:36px!important;height:36px!important;min-width:36px!important;
    padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  .staff-mobile-appbar-v1316 .staff-mobile-brand-mark{
    display:grid!important;place-items:center!important;width:36px!important;height:36px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  }
  .staff-mobile-appbar-v1316 .staff-mobile-brand-mark img{
    display:block!important;width:32px!important;height:32px!important;object-fit:contain!important;
  }
}

html[data-theme="light"] .workspace-brand-strip-v1316{border-bottom-color:rgba(27,31,45,.07)!important}


/* ===== legacy module consolidated: v1317-exact-wordmark.css ===== */
/* Cloud Design v1.3.17 — exact official wordmark.
   The exact raster lockup contains the intended CLOUD DESIGN lettering,
   so no browser/system font is involved. */
.workspace-brand-lockup-v1316,
.workspace-brand-lockup-v1317{
  display:block!important;
  width:min(100%,204px)!important;
  max-width:204px!important;
  height:auto!important;
  max-height:36px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media (min-width:901px){
  .workspace-nav .workspace-brand-lockup-v1316,
  .workspace-nav .workspace-brand-lockup-v1317{
    width:198px!important;
    max-width:calc(100% - 6px)!important;
    max-height:35px!important;
  }
}
@media (max-width:900px){
  body.has-mobile-workspace .workspace-nav .workspace-brand-lockup-v1316,
  body.cd-mobile-rebuild-1314 .workspace-nav .workspace-brand-lockup-v1316,
  body.has-mobile-workspace .workspace-nav .workspace-brand-lockup-v1317,
  body.cd-mobile-rebuild-1314 .workspace-nav .workspace-brand-lockup-v1317{
    width:176px!important;
    max-width:176px!important;
    max-height:31px!important;
  }
}


/* ===== legacy module consolidated: contracts-v1318.css ===== */
/* Cloud Design v1.3.18 — contract & signature center */
.signature-center-v1318 .dashboard-main{min-width:0}.signature-center-head-v1318{align-items:flex-start}
.signature-kpis-v1318{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.signature-kpis-v1318>a{display:flex;flex-direction:column;gap:8px;padding:17px 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(139,92,246,.10),rgba(255,255,255,.015));text-decoration:none;color:inherit}.signature-kpis-v1318 span{color:var(--muted);font-size:.82rem}.signature-kpis-v1318 b{font-size:1.45rem}
.signature-tabs-v1318{position:sticky;top:76px;z-index:8;display:flex;gap:8px;overflow:auto;padding:8px;margin:0 0 24px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(20px)}.signature-tabs-v1318 a{white-space:nowrap;padding:10px 14px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:700}.signature-tabs-v1318 a:hover{background:var(--surface-2);color:var(--text)}
.signature-alert-v1318{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;margin:0 0 20px;border:1px solid rgba(168,85,247,.36);border-radius:18px;background:rgba(124,58,237,.10)}.signature-alert-v1318>div{display:grid;gap:4px}.signature-alert-v1318 span{color:var(--muted);font-size:.9rem}.signature-alert-v1318.compact{padding:12px;margin:10px 0}
.signature-section-v1318{scroll-margin-top:150px}.signature-section-v1318 .section-head h2{font-size:2rem}.contract-list-v1318{display:grid;gap:12px}.contract-card-v1318{padding:19px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.contract-card-top-v1318{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.contract-card-top-v1318 h3{margin:2px 0 3px;font-size:1.12rem}.contract-card-top-v1318 p,.contract-card-top-v1318 small{margin:0;color:var(--muted)}
.contract-progress-v1318{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0}.contract-progress-v1318 span{position:relative;padding-top:14px;color:var(--muted);font-size:.72rem;text-align:center}.contract-progress-v1318 span:before{content:"";position:absolute;left:0;right:0;top:3px;height:4px;border-radius:99px;background:var(--line)}.contract-progress-v1318 span.done{color:var(--text);font-weight:700}.contract-progress-v1318 span.done:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.contract-card-meta-v1318{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.78rem}.contract-card-actions-v1318{margin-top:14px}.signature-new-v1318{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.2fr) auto;gap:16px;align-items:center}.signature-new-v1318 p{margin:5px 0 0}.signature-new-v1318 select{margin:0}
.signature-identity-grid-v1318{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:18px}.signature-form-note-v1318{display:grid;gap:5px;padding:13px 15px;margin-bottom:15px;border-radius:16px;background:var(--surface-2)}.signature-form-note-v1318 span,.signature-security-note-v1318{font-size:.84rem}.signature-passport-details-v1318{margin:10px 0 14px;border:1px solid var(--line);border-radius:16px;padding:0 14px}.signature-passport-details-v1318 summary{cursor:pointer;padding:14px 0;font-weight:800}.signature-passport-details-v1318 summary span{font-weight:500;color:var(--muted);font-size:.82rem}.signature-passport-details-v1318[open] summary{margin-bottom:10px;border-bottom:1px solid var(--line)}
.contract-party-preview-v1318{position:sticky;top:145px;align-self:start;padding:19px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.contract-party-preview-v1318 h3{margin:5px 0 15px}.party-paper-v1318{display:grid;gap:7px;padding:20px;border-radius:16px;background:#fff;color:#25283a;box-shadow:0 18px 55px rgba(0,0,0,.16)}.party-paper-v1318>b{font-size:.72rem;letter-spacing:.12em;color:#777b8c}.party-paper-v1318 strong{font-size:1.1rem}.party-paper-v1318 span{font-size:.78rem;color:#5f6474}.contract-party-preview-v1318>p{font-size:.8rem;margin:15px 0 0}
.signature-visual-preview-v1318 h3{margin:5px 0 14px}.signature-demo-box-v1318{display:grid;gap:5px;min-height:205px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfbfe;color:#25283a}.signature-demo-box-v1318 small{font-weight:900;letter-spacing:.08em;color:#606579}.signature-demo-box-v1318 img{width:170px;height:64px;object-fit:contain;object-position:left center;margin:8px 0}.signature-demo-box-v1318 b{margin-top:auto}.signature-demo-box-v1318 span{font-size:.76rem;color:#656a7d}.signature-empty-v1318{display:grid;place-items:center;width:170px;height:60px;border:1px dashed #c8cad4;border-radius:10px;color:#9497a5;font-size:.78rem;margin:8px 0}.pep-rules-card-v1318{margin-top:16px}
.contract-builder-grid-v1318{display:grid;grid-template-columns:minmax(360px,.75fr) minmax(560px,1.25fr);gap:20px;align-items:start}.contract-builder-form-v1318{position:sticky;top:92px}.contract-builder-project-v1318{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.contract-builder-project-v1318>div{display:grid;gap:3px;padding:12px;border-radius:14px;background:var(--surface-2)}.contract-builder-project-v1318 small,.contract-builder-project-v1318 span{font-size:.72rem;color:var(--muted)}.contract-body-editor-v1318{margin:10px 0 15px;border:1px solid var(--line);border-radius:16px;padding:0 14px}.contract-body-editor-v1318 summary{padding:14px 0;cursor:pointer;font-weight:800}.contract-body-editor-v1318 summary span{font-size:.78rem;color:var(--muted);font-weight:500}.contract-body-editor-v1318 textarea{min-height:420px}.contract-create-note-v1318{display:grid;gap:5px;padding:13px 15px;margin:14px 0;border-radius:16px;background:rgba(124,58,237,.09)}.contract-create-note-v1318 span{font-size:.82rem;color:var(--muted)}
.contract-preview-wrap-v1318{min-width:0}.contract-preview-toolbar-v1318{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.contract-preview-toolbar-v1318>div{display:flex;align-items:center;gap:9px}.contract-preview-toolbar-v1318 small{color:var(--muted)}.contract-paper-v1318{width:210mm;min-height:297mm;margin:0 auto;padding:16mm 18mm 18mm;background:#fff;color:#202333;box-shadow:0 22px 70px rgba(0,0,0,.28);transform-origin:top center;transition:.2s ease}.contract-paper-v1318.fit-v1318{transform:scale(.82);margin-bottom:-53mm}.contract-paper-v1318>header{display:flex;justify-content:space-between;align-items:start;padding-bottom:8mm;border-bottom:1px solid #d9dce5}.contract-paper-v1318>header img{width:52mm;height:18mm;object-fit:contain;object-position:left top}.contract-paper-v1318>header>div{display:grid;text-align:right;gap:2px;font-size:10px}.contract-paper-v1318>header small{color:#74798a}.contract-paper-v1318>h2{font-size:19px;margin:10mm 0 2mm}.contract-paper-meta-v1318{font-size:9px;color:#74798a;margin-bottom:8mm}.contract-paper-body-v1318{font-size:10.2px;line-height:1.47;white-space:normal}.contract-paper-signatures-v1318{margin-top:10mm}.contract-paper-signatures-v1318>h3{font-size:10px;margin-bottom:4mm}.contract-paper-sign-grid-v1318{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.contract-paper-sign-grid-v1318>div{display:grid;gap:3px;min-height:49mm;padding:5mm;border:1px solid #d9dce5;border-radius:2mm;background:#fafafd}.contract-paper-sign-grid-v1318 small{font-weight:900;letter-spacing:.07em}.contract-paper-sign-grid-v1318 img{width:42mm;height:16mm;object-fit:contain;object-position:left center;margin:1mm 0}.contract-paper-sign-grid-v1318 span{font-size:7.8px;color:#676c7d}.signature-space-v1318{display:grid;place-items:center;width:42mm;height:16mm;margin:1mm 0;border:1px dashed #d1d4dd;border-radius:2mm;color:#9b9ead;font-size:7.5px;text-align:center}.contract-paper-verify-v1318{display:flex;align-items:center;gap:4mm;margin-top:5mm;padding:3mm;border:1px solid #e1e3ea;border-radius:2mm}.fake-qr-v1318{display:grid;place-items:center;width:22mm;height:22mm;background:repeating-linear-gradient(45deg,#111 0 2px,#fff 2px 4px);color:#fff;font-weight:900;text-shadow:0 1px 3px #000}.contract-paper-verify-v1318>div:last-child{display:grid;gap:2px}.contract-paper-verify-v1318 span{font-size:8px;color:#686d7d}
.contract-sign-page-v1318 .client-contract-sign-main-v1318{max-width:1180px;margin:0 auto}.contract-sign-layout-v1318{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;align-items:start}.contract-sign-dochead-v1318{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.contract-sign-dochead-v1318>div{display:grid;gap:4px}.contract-sign-dochead-v1318 span{font-size:.8rem;color:var(--muted)}.contract-sign-body-v1318{max-height:68vh;overflow:auto;padding:18px 4px 0;line-height:1.7}.contract-sign-panel-v1318{position:sticky;top:90px}.contract-sign-status-icon-v1318,.contract-verify-icon-v1318{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(124,58,237,.14);color:#a78bfa;font-size:1.4rem;font-weight:900}.contract-sign-evidence-v1318{display:grid;gap:8px;padding:13px;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.contract-sign-evidence-v1318 span{display:grid;gap:2px;font-size:.78rem;color:var(--muted);word-break:break-word}.contract-sign-evidence-v1318 b{color:var(--text)}.pep-accept-v1318{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:12px!important;margin:12px 0!important;border:1px solid rgba(124,58,237,.32)!important;border-radius:14px!important;background:rgba(124,58,237,.08)!important}.pep-accept-v1318 input{width:20px!important;height:20px!important;margin-top:2px!important;flex:0 0 auto}.pep-accept-v1318 span{font-size:.85rem;line-height:1.45}.contract-sign-panel-v1318 form .primary-btn{width:100%}.contract-sign-cancel-v1318{display:flex;margin-top:8px;justify-content:center}.client-contract-card-v1318{padding:15px 0;border-bottom:1px solid var(--line)}.client-contract-head-v1318{display:flex;justify-content:space-between;gap:12px}.client-contract-head-v1318>div{display:grid;gap:4px}.client-contract-head-v1318 small{color:var(--muted)}.client-scan-fallback-v1318{margin-top:10px}.client-scan-fallback-v1318 summary{cursor:pointer;color:var(--muted);font-size:.82rem}.client-scan-fallback-v1318 form{display:flex;gap:10px;align-items:center;margin-top:10px}.staff-project-contracts-v1318 .contract-row-v1318{gap:14px}
.contract-verify-page-v1318{padding-top:120px}.contract-verify-card-v1318{max-width:760px;margin:0 auto}.contract-verify-card-v1318 h1{margin:10px 0}.contract-verify-grid-v1318{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.contract-verify-grid-v1318 span{display:grid;gap:3px;padding:12px;border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:.82rem}.contract-verify-grid-v1318 b{color:var(--text)}.contract-hash-v1318{display:grid;gap:5px;margin-top:10px}.contract-hash-v1318 code{display:block;padding:12px;border-radius:12px;background:var(--surface-2);overflow-wrap:anywhere;font-size:.74rem}
@media(max-width:1180px){.contract-builder-grid-v1318{grid-template-columns:1fr}.contract-builder-form-v1318{position:static}.contract-paper-v1318{transform:scale(.78);margin-bottom:-65mm}.contract-paper-v1318.fit-v1318{transform:scale(.68);margin-bottom:-95mm}.signature-identity-grid-v1318{grid-template-columns:1fr}.contract-party-preview-v1318{position:static}.contract-sign-layout-v1318{grid-template-columns:1fr}.contract-sign-panel-v1318{position:static}}
@media(max-width:760px){.signature-kpis-v1318{grid-template-columns:1fr 1fr;gap:8px}.signature-kpis-v1318>a{padding:13px;border-radius:16px}.signature-kpis-v1318 b{font-size:1.15rem}.signature-tabs-v1318{top:8px;margin-inline:-2px}.signature-alert-v1318{align-items:flex-start;flex-direction:column}.signature-new-v1318{grid-template-columns:1fr}.signature-identity-form-v1318 .form-grid.two{grid-template-columns:1fr}.contract-builder-grid-v1318{display:block}.contract-preview-wrap-v1318{overflow:hidden;margin:18px -4px 0}.contract-preview-toolbar-v1318 small{display:none}.contract-paper-v1318,.contract-paper-v1318.fit-v1318{transform:scale(.43);margin:0 auto -168mm}.contract-builder-project-v1318{grid-template-columns:1fr}.contract-body-editor-v1318 textarea{min-height:360px}.contract-sign-dochead-v1318{align-items:flex-start;flex-direction:column}.contract-sign-body-v1318{max-height:none}.contract-verify-grid-v1318{grid-template-columns:1fr}.client-scan-fallback-v1318 form{align-items:stretch;flex-direction:column}.contract-card-top-v1318{gap:8px}.contract-card-actions-v1318 .ghost-btn,.contract-card-actions-v1318 .primary-btn{flex:1 1 calc(50% - 5px)}.contract-progress-v1318 span{font-size:.65rem}}


/* ===== legacy module consolidated: v1319-project-detail-notification-polish.css ===== */
/* Cloud Design v1.3.19 - project detail + notification polish */
.project-detail-page .dashboard-head{
  align-items:flex-start;
  gap:22px;
}
.project-detail-page .project-head-meta{
  margin:10px 0 0;
}
.project-detail-page .dashboard-head > div:first-child{
  min-width:0;
}
.project-detail-page .dashboard-head .inline-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.project-detail-page .dashboard-head .inline-actions > *{
  white-space:nowrap;
}
.project-detail-page .project-detail-grid{
  grid-template-columns:minmax(0,1.38fr) minmax(340px,.72fr);
  gap:22px;
  align-items:start;
}
.project-detail-page .project-detail-sidebar{
  align-content:start;
}
.project-detail-page .project-stage-title{
  align-items:flex-end;
  margin:8px 0 10px;
}
.project-detail-page .project-stage-title h2{
  margin:0;
}
.project-detail-page .project-stage-title > b{
  font-size:2rem;
  line-height:1;
  white-space:nowrap;
}
.project-detail-page .project-stage-card .progress{
  margin:12px 0 16px;
}
.project-detail-page .project-finance-card{
  position:sticky;
  top:calc(var(--header) + 16px);
}
.project-detail-page .project-finance-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
.project-detail-page .project-finance-head h2{
  margin:6px 0 0;
}
.project-detail-page .project-finance-list{
  margin-top:6px;
}
.project-detail-page .project-finance-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  padding:18px 0;
  border-top:1px solid var(--line);
}
.project-detail-page .project-finance-line b{
  min-width:0;
  font-size:1rem;
}
.project-detail-page .project-finance-value{
  justify-self:end;
  text-align:right;
  white-space:nowrap;
  color:var(--text);
  font-size:1.12rem;
  font-weight:800;
  letter-spacing:-.02em;
}
.project-detail-page .project-payment-requisites{
  margin-top:16px;
}
.project-detail-page .project-finance-history{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.project-detail-page .project-finance-history h3{
  margin-bottom:10px;
}
.project-detail-page .project-finance-history .file-row{
  padding:12px 0;
}
@media (max-width:1120px){
  .project-detail-page .project-detail-grid{
    grid-template-columns:1fr;
  }
  .project-detail-page .project-finance-card{
    position:static;
  }
}
@media (max-width:780px){
  .project-detail-page .dashboard-head .inline-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .project-detail-page .dashboard-head .inline-actions > *{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}
@media (max-width:620px){
  .project-detail-page .dashboard-head .inline-actions{
    grid-template-columns:1fr;
  }
  .project-detail-page .project-stage-title{
    display:grid;
    gap:8px;
  }
  .project-detail-page .project-stage-title > b{
    font-size:1.55rem;
  }
  .project-detail-page .project-finance-line{
    grid-template-columns:1fr;
    gap:6px;
    padding:14px 0;
  }
  .project-detail-page .project-finance-value{
    justify-self:start;
    text-align:left;
  }
}


/* ===== legacy module consolidated: v1320-modern-file-ui.css ===== */
/* Cloud Design v1.3.20 — modern upload UI + project invite polish */

/* ---- Modern file picker ------------------------------------------------ */
.cd-file-field-v1320{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:64px;
  padding:10px 12px;
  margin-top:2px;
  border:1px solid color-mix(in srgb,var(--line) 86%,var(--accent) 14%);
  border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 90%,var(--accent) 3%),var(--bg2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cd-file-field-v1320:hover{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 86%,var(--accent) 6%),var(--bg2));
}
.cd-file-field-v1320.is-dragover{
  border-color:var(--accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.04);
  transform:translateY(-1px);
}
.cd-file-field-v1320.has-file{
  border-color:color-mix(in srgb,#60d89a 48%,var(--line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 91%,#60d89a 4%),var(--bg2));
}
.cd-file-native-v1320{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
}
.cd-file-button-v1320{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));
  border-radius:12px;
  color:var(--text);
  background:color-mix(in srgb,var(--accent) 9%,var(--surface));
  font-weight:760;
  font-size:.82rem;
  white-space:nowrap;
  cursor:pointer;
  transition:.18s ease;
}
.cd-file-button-v1320:hover{
  border-color:color-mix(in srgb,var(--accent) 65%,var(--line));
  background:color-mix(in srgb,var(--accent) 14%,var(--surface));
  transform:translateY(-1px);
}
.cd-file-button-v1320 svg{
  width:17px;
  height:17px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
}
.cd-file-copy-v1320{
  min-width:0;
  display:grid;
  gap:2px;
  color:var(--text);
}
.cd-file-name-v1320{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.85rem;
  font-weight:720;
  line-height:1.25;
}
.cd-file-meta-v1320{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:.69rem;
  font-weight:520;
  line-height:1.35;
}
.cd-file-status-v1320{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  color:var(--muted);
  background:rgba(255,255,255,.035);
  border:1px solid var(--line);
  flex:0 0 34px;
}
.cd-file-status-v1320 svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.cd-file-field-v1320.has-file .cd-file-status-v1320{
  color:#60d89a;
  border-color:color-mix(in srgb,#60d89a 35%,var(--line));
  background:color-mix(in srgb,#60d89a 9%,transparent);
}
.cd-file-field-v1320.is-disabled{opacity:.58;pointer-events:none}

/* Do not interfere with custom chat/avatar controls already present. */
.native-avatar-input .cd-file-field-v1320,
[data-chat-file-input] + .cd-file-field-v1320{display:none!important}

/* Old file inputs in Director/Owner settings no longer get native browser chrome. */
.file-setting .cd-file-field-v1320{margin-top:1px}
.file-setting input[type=file].cd-file-native-v1320{min-height:0!important}

/* ---- Project invite block ---------------------------------------------- */
.project-invite-section-v1320{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.project-invite-head-v1320{
  display:grid;
  gap:7px;
  margin-bottom:15px;
}
.project-invite-head-v1320 h3{
  margin:5px 0 0!important;
  font-size:1.15rem;
  line-height:1.15;
}
.project-invite-head-v1320 p{
  margin:0!important;
  max-width:36rem;
  font-size:.79rem;
  line-height:1.5;
}
.project-invite-form-v1320{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);
  gap:12px;
  align-items:end;
}
.project-invite-form-v1320 label{
  min-width:0;
  gap:7px;
}
.project-invite-form-v1320 label > span{
  font-size:.72rem;
  color:var(--muted);
  font-weight:720;
}
.project-invite-form-v1320 input,
.project-invite-form-v1320 select{
  min-width:0;
  min-height:46px;
}
.project-invite-submit-v1320{
  grid-column:1/-1;
  width:100%;
  min-height:44px;
  border-radius:13px;
}

@media(max-width:620px){
  .cd-file-field-v1320{
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px;
    padding:10px;
  }
  .cd-file-button-v1320{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
  }
  .cd-file-copy-v1320{grid-column:1;grid-row:1}
  .cd-file-status-v1320{grid-column:2;grid-row:1}
  .project-invite-form-v1320{grid-template-columns:1fr}
  .project-invite-submit-v1320{grid-column:auto}
}


/* ===== legacy module consolidated: v1321-multi-file-upload.css ===== */
/* Cloud Design v1.3.21 - multi-file project upload */
.cd-file-field-v1320.is-multiple-v1321 .cd-file-meta-v1320{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}
.project-file-upload-batch-v1321{display:grid;gap:12px;padding-top:18px}
.project-file-upload-batch-v1321 .batch-upload-head-v1321{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.project-file-upload-batch-v1321 .batch-upload-head-v1321 b{display:block;font-size:1rem}
.project-file-upload-batch-v1321 .batch-upload-head-v1321 small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}
.project-file-upload-batch-v1321 .batch-upload-fields-v1321{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:12px;align-items:end}
.project-file-upload-batch-v1321 .batch-upload-title-v1321 small{display:block;margin-top:5px;color:var(--muted);font-size:.7rem;line-height:1.4}
.project-file-upload-batch-v1321 .batch-upload-submit-v1321{width:100%;min-height:44px;justify-content:center}
.staff-project-batch-upload-v1321 h3{margin-bottom:4px!important}
.staff-project-batch-upload-v1321 .batch-upload-note-v1321{margin:0 0 4px;color:var(--muted);font-size:.78rem;line-height:1.45}
@media(max-width:720px){.project-file-upload-batch-v1321 .batch-upload-fields-v1321{grid-template-columns:1fr}.project-file-upload-batch-v1321 .batch-upload-head-v1321{display:grid;gap:5px}}


/* ===== legacy module consolidated: v1322-project-files.css ===== */
/* Cloud Design v1.3.22 — project file library */
.project-files-card-v1322{overflow:visible}
.project-files-head-v1322{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.project-files-head-v1322 h2,.project-files-head-v1322 h3{margin:0}
.project-files-head-v1322 p{margin:7px 0 0;max-width:42rem;font-size:.82rem;line-height:1.5}
.project-files-count-v1322{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.72rem;font-weight:720;white-space:nowrap}
.project-file-list-v1322{display:grid;gap:9px}
.project-file-item-v1322{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--line) 92%,var(--accent) 8%);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,var(--accent) 2%),var(--bg2));transition:border-color .16s ease,background .16s ease,transform .16s ease}
.project-file-item-v1322:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 91%,var(--accent) 4%),var(--bg2))}
.project-file-icon-v1322{position:relative;display:grid;place-items:center;width:48px;height:52px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:color-mix(in srgb,var(--text) 90%,var(--accent));overflow:hidden}
.project-file-icon-v1322:before{content:"";position:absolute;top:0;right:0;width:14px;height:14px;background:linear-gradient(225deg,var(--bg2) 50%,transparent 51%)}
.project-file-ext-v1322{position:relative;z-index:1;font-size:.62rem;line-height:1;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.project-file-icon-v1322[data-kind="image"]{background:color-mix(in srgb,#b26dff 10%,var(--surface));border-color:color-mix(in srgb,#b26dff 30%,var(--line))}
.project-file-icon-v1322[data-kind="pdf"]{background:color-mix(in srgb,#ff6f7d 9%,var(--surface));border-color:color-mix(in srgb,#ff6f7d 28%,var(--line))}
.project-file-icon-v1322[data-kind="sheet"]{background:color-mix(in srgb,#58d39b 9%,var(--surface));border-color:color-mix(in srgb,#58d39b 28%,var(--line))}
.project-file-icon-v1322[data-kind="doc"]{background:color-mix(in srgb,#6da8ff 9%,var(--surface));border-color:color-mix(in srgb,#6da8ff 28%,var(--line))}
.project-file-icon-v1322[data-kind="archive"]{background:color-mix(in srgb,#f1b55f 9%,var(--surface));border-color:color-mix(in srgb,#f1b55f 28%,var(--line))}
.project-file-icon-v1322[data-kind="cad"]{background:color-mix(in srgb,#77d8e8 9%,var(--surface));border-color:color-mix(in srgb,#77d8e8 28%,var(--line))}
.project-file-copy-v1322{min-width:0;display:grid;gap:4px}
.project-file-name-v1322{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.9rem;font-weight:760}
.project-file-meta-v1322{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:.7rem;line-height:1.35}
.project-file-meta-v1322 span+span:before{content:"•";margin-right:6px;opacity:.55}
.project-file-actions-v1322{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.project-file-action-v1322{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--text);font-size:.74rem;font-weight:720;cursor:pointer;text-decoration:none;transition:.16s ease}
.project-file-action-v1322:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.project-file-action-v1322 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project-file-delete-v1322{color:#f29a9a}
.project-file-delete-v1322:hover{border-color:color-mix(in srgb,#f06e78 38%,var(--line));background:color-mix(in srgb,#f06e78 7%,var(--surface))}
.project-file-empty-v1322{display:grid;place-items:center;min-height:100px;padding:22px;border:1px dashed var(--line);border-radius:15px;text-align:center;color:var(--muted);font-size:.82rem}
.project-upload-more-v1322{margin-top:14px}
.project-upload-more-v1322>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text);font-size:.8rem;font-weight:780;cursor:pointer;user-select:none}
.project-upload-more-v1322>summary::-webkit-details-marker{display:none}
.project-upload-more-v1322>summary:before{content:"+";font-size:1.15rem;color:color-mix(in srgb,var(--accent) 72%,var(--text));line-height:1}
.project-upload-more-v1322[open]>summary{margin-bottom:12px}
.project-upload-panel-v1322{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.project-upload-panel-v1322 label>span{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem;font-weight:720}
.project-upload-drop-v1322{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 3%,var(--surface));transition:.16s ease;cursor:pointer}
.project-upload-drop-v1322:hover,.project-upload-drop-v1322.is-dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}
.project-upload-drop-icon-v1322{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}
.project-upload-drop-icon-v1322 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project-upload-drop-copy-v1322{min-width:0;display:grid;gap:3px}
.project-upload-drop-copy-v1322 b{font-size:.84rem}.project-upload-drop-copy-v1322 small{color:var(--muted);font-size:.69rem;line-height:1.4}
.project-upload-pick-v1322{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);font-size:.74rem;font-weight:760;white-space:nowrap}
.project-file-native-v1322{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.project-upload-queue-v1322{display:grid;gap:7px}.project-upload-queue-v1322:empty{display:none}
.project-upload-queue-item-v1322{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}
.project-upload-queue-copy-v1322{min-width:0;display:grid;gap:2px}.project-upload-queue-copy-v1322 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.project-upload-queue-copy-v1322 small{color:var(--muted);font-size:.67rem}
.project-upload-queue-remove-v1322{width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:1.05rem;cursor:pointer}.project-upload-queue-remove-v1322:hover{color:#f29a9a;border-color:color-mix(in srgb,#f06e78 38%,var(--line))}
.project-upload-submit-v1322{width:100%;justify-content:center;min-height:44px}.project-upload-submit-v1322:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:680px){.project-files-head-v1322{display:grid;gap:8px}.project-files-count-v1322{justify-self:start}.project-file-item-v1322{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:10px}.project-file-icon-v1322{width:44px;height:48px}.project-file-actions-v1322{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}.project-file-action-v1322{width:100%}.project-upload-drop-v1322{grid-template-columns:42px minmax(0,1fr);gap:10px}.project-upload-pick-v1322{grid-column:1/-1;width:100%}}
@media(max-width:420px){.project-file-actions-v1322{grid-template-columns:1fr}}


/* ===== legacy module consolidated: v1324-project-files-live.css ===== */
/* Cloud Design v1.3.24 — direct picker, list dropzone, AJAX delete */
.project-upload-more-v1322{display:none!important}
.project-upload-direct-v1324{display:block;margin-top:14px}
.project-upload-toolbar-v1324{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.project-file-upload-trigger-v1324{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 15px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--text);font:inherit;font-size:.8rem;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.project-file-upload-trigger-v1324:hover{border-color:color-mix(in srgb,var(--accent) 68%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 9%,transparent);transform:translateY(-1px)}
.project-file-upload-trigger-v1324:active{transform:translateY(0)}
.project-file-upload-trigger-v1324 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project-upload-hint-v1324{color:var(--muted);font-size:.72rem;line-height:1.45}
.project-upload-visibility-v1324{display:flex;align-items:center;gap:8px;margin:0!important;padding:0!important;color:var(--muted);font-size:.72rem;font-weight:720}
.project-upload-visibility-v1324 select{width:auto!important;min-width:170px;min-height:42px!important;margin:0!important;padding-block:0!important}
.project-file-native-v1322{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.project-file-list-v1322{position:relative;min-height:92px;isolation:isolate}
.project-file-list-v1322.is-file-dragover-v1324:after{content:"Отпустите файлы — загрузка начнётся сразу";position:absolute;z-index:30;inset:-7px;display:grid;place-items:center;padding:20px;border:1.5px dashed color-mix(in srgb,var(--accent) 82%,white 8%);border-radius:18px;background:color-mix(in srgb,var(--surface) 84%,var(--accent) 10%);box-shadow:0 16px 46px rgba(0,0,0,.28),0 0 0 5px color-mix(in srgb,var(--accent) 8%,transparent);backdrop-filter:blur(10px);color:var(--text);font-size:.9rem;font-weight:820;text-align:center;pointer-events:none}
.project-file-empty-v1322{gap:5px;align-content:center}
.project-file-empty-v1322 b{color:var(--text);font-size:.86rem}
.project-file-empty-v1322 span{max-width:420px;color:var(--muted);font-size:.75rem;line-height:1.45}
.project-file-uploading-v1324{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.project-file-uploading-v1324[data-state="error"]{border-color:color-mix(in srgb,#ef6e79 42%,var(--line));background:color-mix(in srgb,#ef6e79 5%,var(--surface))}
.project-file-progress-v1324{height:4px;margin-top:6px;border-radius:999px;background:color-mix(in srgb,var(--line) 65%,transparent);overflow:hidden}
.project-file-progress-v1324>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,white));transition:width .14s linear}
.project-file-upload-percent-v1324{min-width:64px;text-align:right;color:color-mix(in srgb,var(--accent) 62%,var(--text));font-size:.72rem;font-weight:820}
.project-file-item-new-v1324{animation:projectFileArriveV1324 .45s ease both}
@keyframes projectFileArriveV1324{from{opacity:0;transform:translateY(-8px) scale(.992)}to{opacity:1;transform:none}}
.project-file-item-v1322.is-deleting-v1324{opacity:.48;pointer-events:none;transform:scale(.992)}
.project-file-item-v1322.is-deleted-v1324{opacity:0;transform:translateX(12px) scale(.985);max-height:0;margin:0;padding-top:0;padding-bottom:0;border-width:0;overflow:hidden;transition:.2s ease}
.project-file-delete-v1322:disabled{opacity:.55;cursor:wait}
@media(max-width:680px){
  .project-upload-toolbar-v1324{display:grid;grid-template-columns:1fr;gap:8px}
  .project-file-upload-trigger-v1324{width:100%}
  .project-upload-hint-v1324{text-align:center}
  .project-upload-visibility-v1324{display:grid;grid-template-columns:auto minmax(0,1fr);width:100%}
  .project-upload-visibility-v1324 select{width:100%!important;min-width:0}
  .project-file-upload-percent-v1324{grid-column:1/-1;justify-self:stretch;text-align:left;padding-left:55px;margin-top:-5px}
}


/* ===== legacy module consolidated: v1325-client-project-notifications.css ===== */
/* Cloud Design v1.3.25 — client project clarity, releasable finance panel, notification read-on-view */
.project-finance-head-actions-v1325{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.project-finance-release-v1325{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--line) 92%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 86%,var(--soft));color:var(--muted);font:inherit;font-size:.69rem;font-weight:760;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.project-finance-release-v1325:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface));transform:translateY(-1px)}
.project-finance-release-v1325 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project-finance-release-v1325[aria-pressed="true"]{color:color-mix(in srgb,var(--accent) 58%,var(--text));border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.project-finance-card.is-released-v1325{position:static!important;top:auto!important}
.notification-popover-item.is-read-v1325{background:color-mix(in srgb,var(--soft) 45%,transparent)}
.notification-popover-item.is-read-v1325>a{opacity:.78}
.notification-popover-foot>a:last-child{color:var(--accent)}
@media(max-width:1120px){.project-finance-release-v1325{display:none!important}}
@media(max-width:680px){.project-finance-head-actions-v1325{justify-content:flex-start}}


/* ===== legacy module consolidated: v1327-lead-status-colors.css ===== */
/* Cloud Design v1.3.27 — semantic lead status system */
.lead-status-pill{
  --lead-color:#b8bfd3;
  --lead-bg:rgba(150,160,190,.08);
  --lead-border:rgba(150,160,190,.18);
  color:var(--lead-color)!important;
  background:var(--lead-bg)!important;
  border-color:var(--lead-border)!important;
  font-weight:750;
  letter-spacing:.01em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.lead-card-v130[class*="lead-card-status-"]{
  --lead-edge:rgba(150,160,190,.28);
  --lead-wash:rgba(150,160,190,.025);
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--lead-edge) 68%,var(--line))!important;
  background:
    linear-gradient(90deg,var(--lead-wash),transparent 34%),
    var(--surface)!important;
}
.lead-card-v130[class*="lead-card-status-"]::before{
  content:"";
  position:absolute;
  left:0;top:13px;bottom:13px;
  width:3px;
  border-radius:0 99px 99px 0;
  background:var(--lead-edge);
  box-shadow:0 0 20px color-mix(in srgb,var(--lead-edge) 55%,transparent);
}

/* attention / new */
.lead-status-new{--lead-color:#d7c8ff;--lead-bg:rgba(128,88,255,.14);--lead-border:rgba(151,116,255,.34)}
.lead-card-status-new{--lead-edge:#8d6cff;--lead-wash:rgba(128,88,255,.08)}

/* active work */
.lead-status-contacted,.lead-status-discussing{--lead-color:#9edcff;--lead-bg:rgba(56,157,255,.11);--lead-border:rgba(80,174,255,.30)}
.lead-card-status-contacted,.lead-card-status-discussing{--lead-edge:#45a8f7;--lead-wash:rgba(55,151,238,.06)}

/* client decision / waiting */
.lead-status-waiting_client,.lead-status-thinking{--lead-color:#ffd68a;--lead-bg:rgba(238,169,55,.11);--lead-border:rgba(242,180,72,.28)}
.lead-card-status-waiting_client,.lead-card-status-thinking{--lead-edge:#e8a83f;--lead-wash:rgba(232,168,63,.055)}
.lead-status-deferred,.lead-status-no_response{--lead-color:#efbd86;--lead-bg:rgba(194,124,58,.09);--lead-border:rgba(210,142,75,.23)}
.lead-card-status-deferred,.lead-card-status-no_response{--lead-edge:#b98555;--lead-wash:rgba(185,133,85,.045)}

/* commercially positive */
.lead-status-ready_project{--lead-color:#8ef3ce;--lead-bg:rgba(44,191,139,.12);--lead-border:rgba(70,210,159,.32)}
.lead-card-status-ready_project{--lead-edge:#35cf98;--lead-wash:rgba(53,207,152,.07)}
.lead-status-won,.lead-status-completed,.lead-status-support{--lead-color:#96ebb3;--lead-bg:rgba(66,184,107,.10);--lead-border:rgba(83,203,125,.27)}
.lead-card-status-won,.lead-card-status-completed,.lead-card-status-support{--lead-edge:#53bd7d;--lead-wash:rgba(83,189,125,.052)}

/* neutral completed */
.lead-status-consultation{--lead-color:#a7dbe5;--lead-bg:rgba(75,161,177,.08);--lead-border:rgba(94,177,193,.23)}
.lead-card-status-consultation{--lead-edge:#5a9ead;--lead-wash:rgba(90,158,173,.04)}
.lead-status-closed{--lead-color:#aeb5c7;--lead-bg:rgba(125,134,156,.07);--lead-border:rgba(135,144,166,.18)}
.lead-card-status-closed{--lead-edge:#697184;--lead-wash:rgba(105,113,132,.035)}

/* negative */
.lead-status-rejected,.lead-status-client_declined{--lead-color:#ff9ca6;--lead-bg:rgba(213,70,84,.10);--lead-border:rgba(233,86,101,.28)}
.lead-card-status-rejected,.lead-card-status-client_declined{--lead-edge:#d65360;--lead-wash:rgba(214,83,96,.055)}

/* service / trash */
.lead-status-empty,.lead-status-duplicate{--lead-color:#9aa1b3;--lead-bg:rgba(87,94,112,.11);--lead-border:rgba(115,122,141,.21)}
.lead-card-status-empty,.lead-card-status-duplicate{--lead-edge:#555d70;--lead-wash:rgba(70,77,94,.05)}
.lead-status-spam{
  --lead-color:#ff6f7f;
  --lead-bg:rgba(43,9,14,.72);
  --lead-border:rgba(255,73,91,.48);
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:850;
}
.lead-card-status-spam{
  --lead-edge:#ed3f52;
  --lead-wash:rgba(79,10,19,.18);
  border-color:rgba(190,44,58,.34)!important;
  background:
    linear-gradient(90deg,rgba(73,8,17,.22),transparent 48%),
    color-mix(in srgb,#0a0b0f 42%,var(--surface))!important;
}
.lead-card-status-spam::after{
  content:"ДЕЙСТВИЙ НЕ ТРЕБУЕТСЯ";
  position:absolute;
  right:18px;
  bottom:16px;
  font-size:.61rem;
  line-height:1;
  letter-spacing:.12em;
  font-weight:850;
  color:rgba(255,103,119,.55);
  pointer-events:none;
}
.lead-card-status-spam .lead-card-contacts{opacity:.62}
.lead-card-status-spam .lead-card-actions-v132{padding-right:152px}

/* detail page status badge and select */
.lead-detail-v133 .lead-head-v133 .lead-status-pill{align-self:flex-start}
.lead-status-select-v1327{
  --lead-select-color:var(--text);
  --lead-select-border:var(--line);
  --lead-select-bg:var(--surface);
  color:var(--lead-select-color)!important;
  border-color:var(--lead-select-border)!important;
  background-color:var(--lead-select-bg)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;
}
.lead-status-select-v1327:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--lead-select-border) 35%,transparent)!important}
.lead-status-select-new{--lead-select-color:#e2d8ff;--lead-select-border:#7f65dd;--lead-select-bg:rgba(83,58,151,.18)}
.lead-status-select-contacted,.lead-status-select-discussing{--lead-select-color:#b7e5ff;--lead-select-border:#3b83b4;--lead-select-bg:rgba(38,102,142,.15)}
.lead-status-select-waiting_client,.lead-status-select-thinking{--lead-select-color:#ffe0a5;--lead-select-border:#9f7132;--lead-select-bg:rgba(120,82,28,.14)}
.lead-status-select-deferred,.lead-status-select-no_response{--lead-select-color:#e9c49d;--lead-select-border:#765638;--lead-select-bg:rgba(92,65,37,.13)}
.lead-status-select-ready_project,.lead-status-select-won,.lead-status-select-completed,.lead-status-select-support{--lead-select-color:#a8f0c3;--lead-select-border:#38885a;--lead-select-bg:rgba(31,106,63,.14)}
.lead-status-select-consultation{--lead-select-color:#b9dfe6;--lead-select-border:#4c7f89;--lead-select-bg:rgba(42,91,101,.13)}
.lead-status-select-closed,.lead-status-select-empty,.lead-status-select-duplicate{--lead-select-color:#bcc2cf;--lead-select-border:#515869;--lead-select-bg:rgba(61,67,81,.17)}
.lead-status-select-rejected,.lead-status-select-client_declined{--lead-select-color:#ffb0b8;--lead-select-border:#9c4650;--lead-select-bg:rgba(117,36,46,.16)}
.lead-status-select-spam{--lead-select-color:#ff7d8b;--lead-select-border:#b83344;--lead-select-bg:rgba(53,8,14,.62);font-weight:800}

.lead-no-action-note-v1327{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(255,73,91,.20);
  border-radius:12px;
  background:rgba(69,10,18,.13);
  color:#dca1a8;
  font-size:.78rem;
}
.lead-no-action-note-v1327::before{
  content:"";
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#df4557;
  box-shadow:0 0 0 5px rgba(223,69,87,.09);
}

html[data-theme="light"] .lead-card-status-spam{
  background:linear-gradient(90deg,rgba(239,69,85,.08),transparent 48%),#fff!important;
  border-color:rgba(190,44,58,.25)!important;
}
html[data-theme="light"] .lead-status-spam{--lead-color:#b72f3f;--lead-bg:#fff0f1;--lead-border:#e4a2a9}
html[data-theme="light"] .lead-status-select-spam{--lead-select-color:#a72938;--lead-select-border:#cf8790;--lead-select-bg:#fff4f5}

@media(max-width:720px){
  .lead-card-status-spam::after{display:none}
  .lead-card-status-spam .lead-card-actions-v132{padding-right:0}
  .lead-card-v130[class*="lead-card-status-"]::before{top:10px;bottom:10px}
}


/* ===== legacy module consolidated: v1329-project-owner-link.css ===== */
/* Cloud Design v1.3.28 - project creation UX */
.project-client-field-v1328{grid-column:1/-1;display:grid;gap:8px;min-width:0}.project-client-label-v1328{font-weight:800;font-size:.86rem;color:var(--text)}.project-client-picker-v1328{position:relative;min-width:0}.project-client-native-v1328{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.project-client-trigger-v1328{width:100%;min-height:78px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--accent) 6%),var(--surface));color:var(--text);display:flex;align-items:center;gap:13px;padding:12px 14px;text-align:left;cursor:pointer;transition:.18s}.project-client-trigger-v1328:hover,.project-client-picker-v1328.is-open .project-client-trigger-v1328{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.project-client-avatar-v1328{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 25%,var(--surface)),var(--soft));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-weight:850;font-size:1.05rem}.project-client-avatar-v1328 img{width:100%;height:100%;object-fit:cover;display:block}.project-client-trigger-copy-v1328{display:grid;gap:3px;min-width:0;flex:1}.project-client-trigger-copy-v1328 strong,.project-client-trigger-copy-v1328 span,.project-client-trigger-copy-v1328 small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-client-trigger-copy-v1328 strong{font-size:1rem}.project-client-trigger-copy-v1328 span{font-size:.82rem;color:var(--muted)}.project-client-trigger-copy-v1328 small{font-size:.72rem;color:color-mix(in srgb,var(--accent) 70%,var(--text))}.project-client-chevron-v1328{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--soft);color:var(--muted);transition:transform .18s}.project-client-picker-v1328.is-open .project-client-chevron-v1328{transform:rotate(180deg)}.project-client-panel-v1328{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:90;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--surface) 97%,#000 3%);box-shadow:0 24px 70px rgba(0,0,0,.36);padding:12px;backdrop-filter:blur(22px)}.project-client-panel-v1328[hidden]{display:none!important}.project-client-search-wrap-v1328{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);padding:0 12px;margin-bottom:10px}.project-client-search-wrap-v1328 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;color:var(--muted)}.project-client-search-v1328{border:0!important;background:transparent!important;box-shadow:none!important;padding:13px 0!important;min-height:46px!important;width:100%!important}.project-client-panel-meta-v1328{display:flex;justify-content:space-between;gap:10px;padding:2px 4px 9px;color:var(--muted);font-size:.72rem}.project-client-list-v1328{display:grid;gap:5px;max-height:360px;overflow:auto;padding-right:3px}.project-client-option-v1328{appearance:none;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--text);width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 10px;text-align:left;cursor:pointer}.project-client-option-v1328:hover,.project-client-option-v1328.is-selected{background:color-mix(in srgb,var(--accent) 10%,var(--soft));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.project-client-option-v1328[hidden]{display:none!important}.project-client-option-v1328 .project-client-avatar-v1328{width:42px;height:42px;flex-basis:42px;border-radius:13px}.project-client-option-copy-v1328{min-width:0;display:grid;gap:3px}.project-client-option-copy-v1328 strong,.project-client-option-copy-v1328 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-client-option-copy-v1328 strong{font-size:.91rem}.project-client-option-copy-v1328 span{font-size:.76rem;color:var(--muted)}.project-client-badges-v1328{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:180px}.project-client-badge-v1328{border:1px solid var(--line);border-radius:999px;padding:4px 7px;font-size:.64rem;color:var(--muted);white-space:nowrap}.project-client-badge-v1328.good{color:#70dca2;border-color:rgba(112,220,162,.25);background:rgba(112,220,162,.06)}.project-client-badge-v1328.warn{color:#f0c273;border-color:rgba(240,194,115,.25);background:rgba(240,194,115,.06)}.project-client-empty-v1328{padding:24px 12px;text-align:center;color:var(--muted);font-size:.82rem}.project-client-helper-v1328{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:var(--muted);font-size:.74rem}.project-client-helper-v1328 a{color:var(--accent);text-decoration:none}.project-core-grid-v1328{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-start-default-v1328{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.project-start-default-v1328 div{display:grid;gap:2px}.project-start-default-v1328 b{font-size:.9rem}.project-start-default-v1328 small{color:var(--muted);font-size:.75rem}.project-start-default-v1328 .status-pill{white-space:nowrap}.project-savebar-v1328{display:flex!important;align-items:center!important;justify-content:space-between!important;grid-template-columns:none!important;gap:14px!important}.project-create-save-summary-v1328{display:grid;gap:2px;min-width:0;flex:1}.project-create-save-summary-v1328 small{color:var(--muted);font-size:.7rem}.project-create-save-summary-v1328 b{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-save-actions-v1328{display:flex;gap:8px;align-items:center}.project-save-actions-v1328>*{width:auto!important}.project-editor-final .project-form-section-final:first-of-type{overflow:visible!important;position:relative;z-index:4}
@media(max-width:760px){.project-core-grid-v1328{grid-template-columns:1fr}.project-client-field-v1328{grid-column:auto}.project-client-panel-v1328{position:fixed;left:10px;right:10px;top:auto;bottom:calc(86px + env(safe-area-inset-bottom));max-height:min(66svh,560px);border-radius:22px;z-index:500}.project-client-list-v1328{max-height:calc(min(66svh,560px) - 100px)}.project-client-badges-v1328{display:none}.project-client-option-v1328{grid-template-columns:42px minmax(0,1fr)}.project-savebar-v1328{display:grid!important;grid-template-columns:1fr!important}.project-save-actions-v1328{display:grid;grid-template-columns:1fr 1fr;width:100%}.project-save-actions-v1328>*{width:100%!important;justify-content:center!important}}
@media(max-width:430px){.project-save-actions-v1328{grid-template-columns:1fr}.project-client-helper-v1328{display:grid}}
.project-client-trigger-v1328.is-error{border-color:#e46c78!important;box-shadow:0 0 0 4px rgba(228,108,120,.1)!important}

/* v1.3.29: any account + pending email ownership */
.project-client-panel-v1328{overflow:hidden}
.project-client-list-v1328{overscroll-behavior:contain}
.project-client-option-v1328 .project-client-badges-v1328{align-items:center}
.project-client-badge-v1329-role{color:color-mix(in srgb,var(--accent) 78%,var(--text));background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
.project-pending-email-option-v1329{appearance:none;width:100%;margin-top:8px;border:1px dashed color-mix(in srgb,var(--accent) 44%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--text);display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;text-align:left;cursor:pointer;transition:.18s}
.project-pending-email-option-v1329:hover{border-style:solid;border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:color-mix(in srgb,var(--accent) 11%,var(--surface));transform:translateY(-1px)}
.project-pending-email-option-v1329[hidden]{display:none!important}
.project-pending-email-icon-v1329{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--soft));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));font-weight:900;color:color-mix(in srgb,var(--accent) 76%,var(--text));font-size:1.1rem}
.project-pending-email-copy-v1329{display:grid;gap:3px;min-width:0}.project-pending-email-copy-v1329 strong{font-size:.88rem}.project-pending-email-copy-v1329 span{font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-pending-email-badge-v1329{padding:4px 8px;border-radius:999px;border:1px solid rgba(240,194,115,.28);background:rgba(240,194,115,.07);color:#f0c273;font-size:.64rem;white-space:nowrap}
.project-client-separator-v1329{height:1px;background:var(--line);margin:9px 3px 2px}
.project-client-pending-note-v1329{display:flex;gap:8px;align-items:flex-start;padding:8px 4px 0;color:var(--muted);font-size:.7rem;line-height:1.4}.project-client-pending-note-v1329 b{color:var(--text)}
.project-client-trigger-v1328.is-pending{border-color:rgba(240,194,115,.28);background:linear-gradient(145deg,rgba(240,194,115,.05),var(--surface))}.project-client-trigger-v1328.is-pending .project-client-avatar-v1328{color:#f0c273;border-color:rgba(240,194,115,.25);background:rgba(240,194,115,.07)}
.project-pending-owner-status-v1329{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid rgba(240,194,115,.25);background:rgba(240,194,115,.07);color:#f0c273;font-size:.7rem}
@media(max-width:760px){.project-pending-email-option-v1329{grid-template-columns:42px minmax(0,1fr)}.project-pending-email-badge-v1329{display:none}.project-client-panel-v1328{padding-bottom:14px}.project-client-pending-note-v1329{padding-bottom:2px}}


/* ===== legacy module consolidated: v1331-user-blocking.css ===== */
/* Cloud Design v1.3.31 — USER BLOCKING SYSTEM */
.user-block-status-v1331{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:5px 10px;border-radius:999px;border:1px solid rgba(99,211,154,.24);background:rgba(99,211,154,.07);color:#84deb0;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap}
.user-block-status-v1331::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 10%,transparent)}
.user-block-status-v1331.is-blocked{color:#ff8b98;border-color:rgba(255,91,109,.3);background:rgba(255,73,96,.085)}
.mobile-user-card-v1314.is-blocked-v1331,.users-table-v1217 tr.is-blocked-v1331{border-color:rgba(255,73,96,.26)!important;background:linear-gradient(135deg,rgba(255,73,96,.055),rgba(255,73,96,.012))!important}
.users-table-v1217 tr.is-blocked-v1331 td:first-child{box-shadow:inset 3px 0 0 rgba(255,80,99,.62)}
.user-block-form-v1331{margin:0}.mobile-user-block-control-v1331{margin-top:12px}.user-block-btn-v1331{min-width:132px}
.user-block-btn-v1331[data-blocked="1"]{color:#8be0b4!important;border-color:rgba(99,211,154,.25)!important;background:rgba(99,211,154,.055)!important}
.user-block-btn-v1331[data-blocked="0"]{color:#ff9aa5!important;border-color:rgba(255,91,109,.25)!important;background:rgba(255,73,96,.055)!important}
.user-block-btn-v1331[disabled]{opacity:.55;cursor:wait}.user-block-protected-v1331{color:var(--muted);font-size:.76rem;line-height:1.35}
.user-block-help-v1331{margin:0 0 14px;padding:13px 15px;display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(154,108,255,.18);border-radius:15px;background:rgba(133,88,255,.035);color:var(--muted);font-size:.8rem;line-height:1.5}.user-block-help-v1331 b{color:var(--text)}
.user-block-toast-v1331{position:fixed;z-index:99999;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px);font-size:.84rem;font-weight:700}
.user-block-toast-v1331.error{border-color:rgba(255,91,109,.32);color:#ff9ca7}
.auth-blocked-notice-v1331{margin:16px 0;padding:14px 15px;border-radius:15px;border:1px solid rgba(255,91,109,.3);background:rgba(255,73,96,.075);color:#ffb1ba;line-height:1.5;font-size:.88rem}.auth-blocked-notice-v1331 b{display:block;margin-bottom:3px;color:#ffd7dc}
@media(max-width:720px){.user-block-btn-v1331{width:100%;justify-content:center}.user-block-toast-v1331{right:12px;bottom:90px;max-width:calc(100vw - 24px)}}


/* ===== legacy module consolidated: v1332-desktop-users-nav-fix.css ===== */
/* Cloud Design v1.3.32 — NAV ACTIVE FIX + DESKTOP USERS REBUILD */

/* Desktop users: replace the oversized technical table with the already existing rich cards. */
@media (min-width: 901px) {
  .dashboard-main{
    min-width:0!important;
  }

  .mobile-users-list-v1314{
    display:grid!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }

  .users-table-v1217{
    display:none!important;
  }

  .mobile-user-card-v1314{
    display:grid!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    padding:18px 20px!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    background:
      linear-gradient(135deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface))!important;
    box-shadow:0 8px 28px rgba(0,0,0,.08)!important;
  }

  .mobile-user-card-v1314:hover{
    border-color:color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  }

  .mobile-user-card-v1314.is-primary-owner{
    border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
  }

  .mobile-user-card-v1314.is-blocked-v1331{
    border-color:rgba(255,73,96,.26)!important;
    background:linear-gradient(135deg,rgba(255,73,96,.045),var(--surface))!important;
  }

  .mobile-user-head-v1314{
    display:grid!important;
    grid-template-columns:46px minmax(160px,1fr) auto auto!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    padding-bottom:13px!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent)!important;
  }

  .mobile-user-avatar-v1314{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 46px!important;
    background:color-mix(in srgb,var(--accent) 13%,var(--soft))!important;
    border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
    color:#ddd4ff!important;
    font-size:1rem!important;
    font-weight:800!important;
  }

  .mobile-user-name-v1314{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
  }

  .mobile-user-name-v1314 strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:1.03rem!important;
  }

  .mobile-user-name-v1314 small{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:var(--muted)!important;
  }

  .mobile-user-role-pill-v1314,
  .user-block-status-v1331{
    justify-self:end!important;
    max-width:220px!important;
    white-space:nowrap!important;
  }

  .mobile-user-protected-v1314{
    padding:10px 12px!important;
    border-radius:12px!important;
    border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
    background:color-mix(in srgb,var(--accent) 5%,transparent)!important;
    color:var(--muted)!important;
    font-size:.78rem!important;
  }

  .mobile-user-facts-v1314{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:10px!important;
    min-width:0!important;
  }

  .mobile-user-fact-v1314{
    display:grid!important;
    align-content:start!important;
    gap:6px!important;
    min-width:0!important;
    min-height:74px!important;
    padding:12px 13px!important;
    border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
    border-radius:13px!important;
    background:color-mix(in srgb,var(--soft) 56%,transparent)!important;
  }

  .mobile-user-fact-v1314 > span:first-child{
    color:var(--muted)!important;
    font-size:.68rem!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  .mobile-user-fact-v1314 > span:last-child{
    min-width:0!important;
    overflow-wrap:anywhere!important;
    color:var(--text)!important;
    font-size:.84rem!important;
  }

  .mobile-user-badges-v1314{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  .mobile-user-block-control-v1331{
    margin:0!important;
    padding-top:13px!important;
    border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)!important;
  }

  .mobile-user-block-control-v1331 .user-block-form-v1331{
    display:flex!important;
    justify-content:flex-start!important;
  }

  .mobile-user-block-control-v1331 .user-block-btn-v1331{
    width:auto!important;
    min-width:150px!important;
  }

  .mobile-user-admin-v1314{
    display:grid!important;
    gap:12px!important;
    min-width:0!important;
    padding-top:13px!important;
    border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)!important;
  }

  .mobile-role-form-v1314{
    display:grid!important;
    grid-template-columns:minmax(240px,1fr) auto!important;
    align-items:end!important;
    gap:10px!important;
    width:min(620px,100%)!important;
  }

  .mobile-role-form-v1314 label{
    display:grid!important;
    gap:6px!important;
    min-width:0!important;
  }

  .mobile-role-form-v1314 label > span{
    color:var(--muted)!important;
    font-size:.72rem!important;
    font-weight:750!important;
  }

  .mobile-role-form-v1314 select{
    width:100%!important;
    min-width:0!important;
  }

  .mobile-role-form-v1314 .primary-btn{
    min-width:120px!important;
    justify-content:center!important;
  }

  .mobile-user-secondary-actions-v1314{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    align-items:center!important;
  }

  .mobile-user-secondary-actions-v1314 form{
    margin:0!important;
  }

  .mobile-user-secondary-actions-v1314 .ghost-btn{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  .user-block-help-v1331{
    margin-bottom:14px!important;
  }
}

/* Compact desktop / notebook widths: preserve the card layout instead of introducing horizontal scroll. */
@media (min-width:901px) and (max-width:1180px){
  .mobile-user-head-v1314{
    grid-template-columns:44px minmax(0,1fr) auto!important;
  }
  .mobile-user-head-v1314 .user-block-status-v1331{
    grid-column:2 / -1!important;
    justify-self:start!important;
  }
  .mobile-user-facts-v1314{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (min-width:901px) and (max-width:1030px){
  .mobile-user-facts-v1314{
    grid-template-columns:1fr!important;
  }
  .mobile-role-form-v1314{
    grid-template-columns:1fr!important;
  }
  .mobile-role-form-v1314 .primary-btn{
    width:100%!important;
  }
}


/* ===== legacy module consolidated: v1333-users-ux-rebuild.css ===== */
/* Cloud Design v1.3.33 — USERS UX REBUILD */
.users-page-v1333 .dashboard-main{min-width:0}
.users-head-v1333{align-items:flex-start}.users-head-note-v1333{margin:7px 0 0}
.users-search-v1333{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:12px!important;margin-bottom:14px}
.users-search-field-v1333{position:relative;min-width:0}.users-search-field-v1333 input{width:100%;padding-left:42px!important}.users-search-icon-v1333{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.15rem;pointer-events:none}
.users-list-v1333{display:grid;gap:14px;min-width:0}
.user-card-v1333{min-width:0;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),var(--surface));box-shadow:0 10px 30px rgba(0,0,0,.07);transition:border-color .18s ease,transform .18s ease,background .18s ease}
.user-card-v1333:hover{border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.user-card-v1333.is-blocked-v1331{border-color:rgba(255,73,96,.28);background:linear-gradient(135deg,rgba(255,73,96,.045),var(--surface))}
.user-card-head-v1333{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding-bottom:15px;border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent)}
.user-identity-v1333{display:flex;align-items:center;gap:13px;min-width:0}.user-avatar-v1333{width:54px;height:54px;flex:0 0 54px;border-radius:16px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--soft)),var(--soft));color:#e3dcff;font-weight:850;font-size:1.15rem}.user-avatar-v1333 img{width:100%;height:100%;display:block;object-fit:cover}.user-avatar-v1333.has-photo{background:var(--soft)}
.user-identity-copy-v1333{display:grid;gap:5px;min-width:0}.user-name-line-v1333{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.user-name-line-v1333 h2{margin:0;font-size:1.05rem;line-height:1.2}.user-me-badge-v1333{padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent);color:#d9ceff;font-size:.68rem;font-weight:850}
.user-identity-sub-v1333{display:flex;gap:6px;align-items:center;min-width:0;color:var(--muted);font-size:.77rem}.user-identity-sub-v1333 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dot-v1333{flex:0 0 auto!important}
.user-head-statuses-v1333{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.user-role-v1333{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--soft) 65%,transparent);font-size:.73rem;font-weight:800;white-space:nowrap}
.user-overview-v1333{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(180px,.8fr) minmax(260px,1fr);gap:10px;padding:14px 0}
.user-info-item-v1333{min-width:0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:13px;background:color-mix(in srgb,var(--soft) 46%,transparent)}.user-info-label-v1333{display:block;margin-bottom:7px;color:var(--muted);font-size:.65rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.user-info-value-v1333{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;font-size:.8rem}.user-ellipsis-v1333{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-mini-badge-v1333{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:.66rem;font-weight:800;white-space:nowrap}.user-mini-badge-v1333.good{color:#8be0b4;border-color:rgba(99,211,154,.24);background:rgba(99,211,154,.06)}.user-mini-badge-v1333.warn{color:#efbf72;border-color:rgba(239,191,114,.25);background:rgba(239,191,114,.055)}.user-mini-badge-v1333.requirement{color:#efbf72;border-color:rgba(239,191,114,.25);background:rgba(239,191,114,.055)}.user-mini-badge-v1333.neutral{color:var(--muted);background:color-mix(in srgb,var(--soft) 62%,transparent)}
.user-management-v1333{padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 84%,transparent)}.user-management-title-v1333{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.user-management-title-v1333 .eyebrow{font-size:.64rem}.user-management-title-v1333 p{margin:4px 0 0;color:var(--muted);font-size:.76rem}.user-management-title-v1333 p b{color:var(--text)}
.user-management-grid-v1333{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(240px,1fr) minmax(220px,.9fr);gap:10px}.user-control-v1333{display:flex;flex-direction:column;gap:11px;min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:14px;background:color-mix(in srgb,var(--soft) 34%,transparent)}.user-control-head-v1333{display:flex;gap:9px;align-items:flex-start}.user-control-icon-v1333{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--soft));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));color:#cfc3ff}.user-control-head-v1333 div{display:grid;gap:2px}.user-control-head-v1333 b{font-size:.79rem}.user-control-head-v1333 small{color:var(--muted);font-size:.69rem;line-height:1.35}
.user-role-form-v1333{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:auto}.user-role-form-v1333 select{min-width:0;width:100%}.user-role-form-v1333 button{white-space:nowrap}.user-control-readonly-v1333{display:grid;gap:3px;margin-top:auto;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--soft) 66%,transparent);border:1px solid var(--line)}.user-control-readonly-v1333 b{font-size:.79rem}.user-control-readonly-v1333 span,.user-control-permission-v1333{color:var(--muted);font-size:.68rem;line-height:1.4}
.user-2fa-control-body-v1333{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;margin-top:auto}.user-2fa-current-v1333{display:grid;gap:2px}.user-2fa-current-v1333>span{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.user-2fa-current-v1333>b{font-size:.82rem}.user-2fa-current-v1333>small{color:var(--muted);font-size:.67rem}.user-2fa-policy-form-v1333{margin:0}.user-2fa-policy-form-v1333 button{white-space:nowrap}
.user-account-actions-v1333{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto}.user-account-actions-v1333 form{margin:0}.user-account-actions-v1333 .user-block-btn-v1331{min-width:0!important;width:auto!important}.user-delete-v1333 .danger{white-space:nowrap}
@media(max-width:1240px) and (min-width:901px){.user-overview-v1333{grid-template-columns:1fr 1fr}.user-2fa-overview-v1333{grid-column:1/-1}.user-management-grid-v1333{grid-template-columns:1fr 1fr}.user-account-control-v1333{grid-column:1/-1}.user-account-control-v1333 .user-account-actions-v1333{justify-content:flex-start}}
@media(max-width:1020px) and (min-width:901px){.user-management-grid-v1333{grid-template-columns:1fr}.user-account-control-v1333{grid-column:auto}.user-role-form-v1333{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:900px){.users-head-v1333{display:grid;gap:10px}.users-search-v1333{grid-template-columns:minmax(0,1fr) auto}.users-search-reset-v1333{grid-column:1/-1}.user-card-v1333{padding:14px;border-radius:17px}.user-card-head-v1333{align-items:flex-start}.user-avatar-v1333{width:48px;height:48px;flex-basis:48px;border-radius:14px}.user-head-statuses-v1333{display:grid;justify-items:end}.user-identity-sub-v1333{display:grid;gap:2px}.user-dot-v1333{display:none}.user-overview-v1333{grid-template-columns:1fr}.user-management-grid-v1333{grid-template-columns:1fr}.user-role-form-v1333{grid-template-columns:1fr}.user-role-form-v1333 button{width:100%}.user-2fa-control-body-v1333{display:grid;align-items:stretch}.user-2fa-policy-form-v1333 button{width:100%}.user-account-actions-v1333{display:grid}.user-account-actions-v1333 form,.user-account-actions-v1333 button{width:100%!important}.user-identity-v1333{align-items:flex-start}}
@media(max-width:560px){.users-search-v1333{grid-template-columns:1fr}.users-search-v1333 button,.users-search-v1333 a{width:100%;justify-content:center}.user-card-head-v1333{display:grid}.user-head-statuses-v1333{display:flex;justify-content:flex-start}.user-info-value-v1333{align-items:flex-start}.user-management-title-v1333 p{line-height:1.45}}


/* ===== legacy module consolidated: v1334-compact-users.css ===== */
/* Cloud Design v1.3.34 — COMPACT USERS CARDS */

/* This layer intentionally only compacts v1.3.33. No backend / permission logic changes. */
@media (min-width: 901px) {
  .users-list-v1333{
    gap:10px!important;
  }

  .user-card-v1333{
    padding:14px 15px!important;
    border-radius:17px!important;
  }

  .user-card-head-v1333{
    gap:14px!important;
    padding-bottom:10px!important;
  }

  .user-identity-v1333{
    gap:10px!important;
  }

  .user-avatar-v1333{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
    border-radius:13px!important;
  }

  .user-identity-copy-v1333{
    gap:3px!important;
  }

  .user-name-line-v1333{
    gap:6px!important;
  }

  .user-name-line-v1333 h2{
    font-size:.98rem!important;
  }

  .user-identity-sub-v1333{
    font-size:.72rem!important;
  }

  .user-role-v1333,
  .user-block-status-v1331{
    min-height:25px!important;
    padding:5px 9px!important;
    font-size:.68rem!important;
  }

  .user-overview-v1333{
    grid-template-columns:minmax(0,1.15fr) minmax(170px,.75fr) minmax(250px,1fr)!important;
    gap:8px!important;
    padding:10px 0!important;
  }

  .user-info-item-v1333{
    padding:8px 10px!important;
    border-radius:11px!important;
  }

  .user-info-label-v1333{
    margin-bottom:4px!important;
    font-size:.60rem!important;
  }

  .user-info-value-v1333{
    gap:5px!important;
    font-size:.76rem!important;
  }

  .user-mini-badge-v1333{
    min-height:21px!important;
    padding:3px 7px!important;
    font-size:.61rem!important;
  }

  .user-management-v1333{
    padding-top:10px!important;
  }

  .user-management-title-v1333{
    margin-bottom:7px!important;
  }

  .user-management-title-v1333 .eyebrow{
    font-size:.60rem!important;
  }

  /* The sentence is useful on mobile, but on desktop it wastes a whole row per user. */
  .user-management-title-v1333 p{
    display:none!important;
  }

  .user-management-grid-v1333{
    grid-template-columns:minmax(225px,1.05fr) minmax(245px,1.08fr) minmax(200px,.87fr)!important;
    gap:8px!important;
  }

  .user-control-v1333{
    gap:7px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    min-height:100px!important;
  }

  .user-control-head-v1333{
    gap:7px!important;
    align-items:center!important;
  }

  .user-control-icon-v1333{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    border-radius:7px!important;
    font-size:.76rem!important;
  }

  .user-control-head-v1333 div{
    gap:0!important;
  }

  .user-control-head-v1333 b{
    font-size:.74rem!important;
  }

  /* The short descriptions are redundant once the section names are clear. */
  .user-control-head-v1333 small{
    display:none!important;
  }

  .user-role-form-v1333{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
  }

  .user-role-form-v1333 select{
    height:40px!important;
    min-height:40px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    font-size:.75rem!important;
  }

  .user-role-form-v1333 .primary-btn{
    min-height:40px!important;
    padding:8px 13px!important;
    font-size:.73rem!important;
    white-space:nowrap!important;
  }

  .user-control-readonly-v1333{
    padding:7px 9px!important;
    border-radius:9px!important;
  }

  .user-control-readonly-v1333 b{
    font-size:.74rem!important;
  }

  .user-control-readonly-v1333 span,
  .user-control-permission-v1333{
    font-size:.63rem!important;
  }

  .user-2fa-control-body-v1333{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
  }

  .user-2fa-current-v1333{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }

  .user-2fa-current-v1333 > span{
    display:none!important;
  }

  .user-2fa-current-v1333 > b{
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    background:color-mix(in srgb,var(--soft) 66%,transparent)!important;
    border:1px solid var(--line)!important;
    font-size:.72rem!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .user-2fa-current-v1333 > small{
    display:none!important;
  }

  .user-2fa-policy-form-v1333{
    flex:0 0 auto!important;
  }

  .user-2fa-policy-form-v1333 button{
    min-height:36px!important;
    padding:7px 10px!important;
    font-size:.69rem!important;
    white-space:nowrap!important;
  }

  .user-account-actions-v1333{
    gap:6px!important;
    margin-top:auto!important;
  }

  .user-account-actions-v1333 button{
    min-height:36px!important;
    padding:7px 10px!important;
    font-size:.69rem!important;
  }

  .user-account-actions-v1333 .user-block-btn-v1331{
    min-width:0!important;
  }

  .users-search-v1333{
    padding:9px!important;
    margin-bottom:10px!important;
  }
}

/* Typical 1366px laptop + staff sidebar. Keep the compact three-column controls longer. */
@media (min-width: 1041px) and (max-width: 1240px){
  .user-overview-v1333{
    grid-template-columns:minmax(0,1fr) minmax(150px,.65fr) minmax(230px,1fr)!important;
  }

  .user-management-grid-v1333{
    grid-template-columns:minmax(210px,1fr) minmax(230px,1.05fr) minmax(190px,.85fr)!important;
  }

  .user-role-form-v1333{
    grid-template-columns:1fr!important;
  }

  .user-role-form-v1333 .primary-btn{
    width:100%!important;
  }

  .user-2fa-control-body-v1333{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .user-2fa-policy-form-v1333 button{
    width:100%!important;
  }
}

/* Do not let v1.3.33's older breakpoint expand the account block full width. */
@media (min-width: 901px) and (max-width: 1040px){
  .user-overview-v1333{
    grid-template-columns:1fr 1fr!important;
  }

  .user-2fa-overview-v1333{
    grid-column:1 / -1!important;
  }

  .user-management-grid-v1333{
    grid-template-columns:1fr 1fr!important;
  }

  .user-account-control-v1333{
    grid-column:1 / -1!important;
  }

  .user-role-form-v1333{
    grid-template-columns:1fr!important;
  }

  .user-role-form-v1333 .primary-btn{
    width:100%!important;
  }

  .user-2fa-control-body-v1333{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .user-2fa-policy-form-v1333 button{
    width:100%!important;
  }
}

/* Mobile keeps explanatory text and larger touch targets from v1.3.33. */


/* ===== legacy module consolidated: v1336-rich-chat-media.css ===== */
/* Cloud Design v1.3.36 — RICH CHAT MEDIA */
.chat-media-shell-v1336{margin-top:10px;max-width:min(100%,620px);overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:16px;background:color-mix(in srgb,var(--soft) 64%,transparent)}
.chat-media-shell-v1336.is-image,.chat-media-shell-v1336.is-video,.chat-media-shell-v1336.is-animation{background:#0b0d12}.chat-media-visual-v1336{display:block;width:100%;max-height:430px;object-fit:contain;background:#0b0d12}.chat-media-image-link-v1336{display:block;cursor:zoom-in}
.chat-media-shell-v1336.is-sticker{width:min(230px,70vw);border:0;background:transparent}.chat-media-shell-v1336.is-sticker .chat-media-visual-v1336{max-height:230px;background:transparent;object-fit:contain}
.chat-media-shell-v1336.is-video_note{width:min(270px,72vw);border-radius:50%;aspect-ratio:1;overflow:hidden;background:#07080c}.chat-media-shell-v1336.is-video_note video{width:100%;height:100%;object-fit:cover}
.chat-media-caption-v1336{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:color-mix(in srgb,var(--surface) 93%,transparent);font-size:.68rem}.chat-media-caption-v1336>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.chat-media-actions-v1336{display:flex;align-items:center;gap:6px;flex:0 0 auto}.chat-media-action-v1336{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:color-mix(in srgb,var(--soft) 70%,transparent);text-decoration:none;font-size:.64rem;font-weight:800}
.chat-audio-v1336,.chat-file-v1336{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px}.chat-media-icon-v1336{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,var(--soft));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));font-size:1rem}.chat-media-copy-v1336{display:grid;gap:2px;min-width:0}.chat-media-copy-v1336 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.chat-media-copy-v1336 small{color:var(--muted);font-size:.64rem}.chat-audio-player-v1336{grid-column:1/-1;width:100%;height:38px}
.chat-media-shell-v1336.is-voice{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--soft)),var(--soft))}.chat-voice-wave-v1336{display:flex;align-items:center;gap:2px;height:18px}.chat-voice-wave-v1336 i{display:block;width:2px;border-radius:3px;background:color-mix(in srgb,var(--accent) 70%,white 8%)}.chat-voice-wave-v1336 i:nth-child(1),.chat-voice-wave-v1336 i:nth-child(8){height:5px}.chat-voice-wave-v1336 i:nth-child(2),.chat-voice-wave-v1336 i:nth-child(7){height:9px}.chat-voice-wave-v1336 i:nth-child(3),.chat-voice-wave-v1336 i:nth-child(6){height:14px}.chat-voice-wave-v1336 i:nth-child(4),.chat-voice-wave-v1336 i:nth-child(5){height:18px}
.chat-attachment-v110[data-cd-media-pending]{opacity:.72}.cd-media-lightbox-v1336{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(3,5,10,.88);backdrop-filter:blur(12px)}.cd-media-lightbox-v1336[hidden]{display:none}.cd-media-lightbox-v1336 img{max-width:min(95vw,1500px);max-height:90vh;object-fit:contain;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.cd-media-lightbox-close-v1336{position:fixed;top:18px;right:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(14,16,23,.84);color:#fff;font-size:1.35rem;cursor:pointer}
@media(max-width:720px){.chat-media-shell-v1336{max-width:100%;border-radius:14px}.chat-media-visual-v1336{max-height:58vh}.chat-audio-v1336,.chat-file-v1336{grid-template-columns:auto minmax(0,1fr)}.chat-file-v1336>.chat-media-action-v1336{grid-column:1/-1;width:100%}.cd-media-lightbox-v1336{padding:10px}}


/* ===== legacy module consolidated: v1338-safe-media-team-chat.css ===== */
/* Cloud Design v1.3.38 — SAFE MEDIA PLAYER + TEAM CHAT CLEANUP */
.chat-board-v110.is-team-chat-v1338{grid-template-columns:minmax(0,1fr)!important}
.chat-board-v110.is-team-chat-v1338>.chat-context-v110,.chat-board-v110.is-team-chat-v1338>.chat-side-v110{display:none!important}
.chat-board-v110.is-team-chat-v1338>.chat-thread-v110{min-width:0!important;width:100%!important;border-left:0!important;border-right:0!important}
.chat-board-v110.is-team-chat-v1338 .chat-thread-head-v110{padding-left:22px!important;padding-right:22px!important}
.team-chat-search-v1338{display:flex;align-items:center;gap:7px;min-width:min(310px,38vw);margin:0}.team-chat-search-v1338 input{width:100%;min-width:0;height:36px;padding:7px 11px!important;border-radius:11px!important;font-size:.75rem!important}.team-chat-search-v1338 button{min-height:36px!important;padding:7px 11px!important;white-space:nowrap}
.team-chat-chip-v1338{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:#d9ceff;font-size:.67rem;font-weight:800}.team-chat-chip-v1338:before{content:"";width:6px;height:6px;border-radius:50%;background:#8be0b4;box-shadow:0 0 0 4px rgba(99,211,154,.08)}
.chat-media-shell-v1336.is-voice:not(.is-polished-v1338)>.chat-audio-v1336{display:grid!important}.chat-media-shell-v1336.is-voice.is-polished-v1338>.chat-audio-v1336{display:none!important}
.chat-media-shell-v1336.is-voice{width:min(390px,100%)!important;max-width:100%!important;margin-top:8px!important;border-radius:15px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--soft)),color-mix(in srgb,var(--surface) 97%,var(--accent) 3%))!important}
.cd-voice-v1338{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:9px;min-width:0;padding:9px 10px}.cd-voice-play-v1338{width:40px;height:40px;min-width:40px;padding:0;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 75%,white 5%),color-mix(in srgb,var(--accent) 87%,black 7%));color:#fff;cursor:pointer;box-shadow:0 7px 17px color-mix(in srgb,var(--accent) 20%,transparent)}.cd-voice-play-v1338:active{transform:scale(.96)}.cd-voice-play-v1338 svg{width:16px;height:16px;fill:currentColor}
.cd-voice-main-v1338{display:grid;gap:5px;min-width:0}.cd-voice-line-v1338{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.cd-voice-title-v1338{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.70rem;font-weight:850}.cd-voice-time-v1338{flex:0 0 auto;color:var(--muted);font-size:.64rem;font-weight:750;font-variant-numeric:tabular-nums}
.cd-voice-wave-v1338{height:19px;display:flex;align-items:center;gap:2px;min-width:0;cursor:pointer;user-select:none}.cd-voice-wave-v1338 i{display:block;flex:1 1 0;min-width:2px;max-width:4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 40%,transparent)}.cd-voice-wave-v1338 i.is-passed{background:color-mix(in srgb,var(--accent) 82%,white 8%)}
.cd-voice-download-v1338{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--soft) 68%,transparent);color:var(--muted);text-decoration:none}.cd-voice-download-v1338:hover{color:var(--text)}.cd-voice-download-v1338 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}
.chat-media-shell-v1336.is-video_note:not(.is-polished-v1338) video{cursor:default!important}.chat-media-shell-v1336.is-video_note:not(.is-polished-v1338) video::-webkit-media-controls{display:flex!important}
.chat-media-shell-v1336.is-video_note{position:relative!important;width:188px!important;height:188px!important;max-width:58vw!important;max-height:58vw!important;margin-top:8px!important;border:2px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;border-radius:50%!important;overflow:hidden!important;background:#08090d!important;box-shadow:0 10px 27px rgba(0,0,0,.22)!important}.chat-media-shell-v1336.is-video_note .chat-media-visual-v1336{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:50%!important}.chat-media-shell-v1336.is-video_note.is-polished-v1338 video::-webkit-media-controls{display:none!important}
.cd-vnote-ui-v1338{position:absolute;inset:0;pointer-events:none;border-radius:50%}.cd-vnote-play-v1338{position:absolute;pointer-events:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(7,9,14,.58);color:#fff;backdrop-filter:blur(8px);box-shadow:0 7px 23px rgba(0,0,0,.27);cursor:pointer;transition:opacity .16s ease,transform .16s ease}.cd-vnote-play-v1338.is-playing{opacity:0}.chat-media-shell-v1336.is-video_note:hover .cd-vnote-play-v1338.is-playing{opacity:.9}.cd-vnote-play-v1338:hover{transform:translate(-50%,-50%) scale(1.05)}.cd-vnote-play-v1338 svg{width:18px;height:18px;fill:currentColor}
.cd-vnote-bottom-v1338{position:absolute;pointer-events:none;left:11px;right:11px;bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:7px}.cd-vnote-time-v1338,.cd-vnote-mute-v1338{min-height:25px;padding:4px 7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(6,8,13,.62);color:#fff;backdrop-filter:blur(7px);font-size:.61rem;font-weight:800;font-variant-numeric:tabular-nums}.cd-vnote-mute-v1338{pointer-events:auto;width:27px;padding:0;display:grid;place-items:center;cursor:pointer}.cd-vnote-mute-v1338 svg{width:12px;height:12px;fill:currentColor}.cd-vnote-progress-v1338{position:absolute;left:24%;right:24%;bottom:4px;height:2px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.18)}.cd-vnote-progress-v1338 span{display:block;width:0;height:100%;border-radius:inherit;background:#fff}
@media(max-width:720px){.chat-board-v110.is-team-chat-v1338 .chat-thread-head-v110{padding-left:14px!important;padding-right:14px!important}.team-chat-search-v1338{width:100%;min-width:0}.chat-board-v110.is-team-chat-v1338 .thread-actions-v110{width:100%;margin-top:9px}.chat-media-shell-v1336.is-voice{width:100%!important}.cd-voice-v1338{grid-template-columns:38px minmax(0,1fr) 29px;gap:7px;padding:8px}.cd-voice-play-v1338{width:38px;height:38px;min-width:38px}.chat-media-shell-v1336.is-video_note{width:176px!important;height:176px!important;max-width:63vw!important;max-height:63vw!important}.cd-vnote-play-v1338{width:42px;height:42px}}


/* ===== legacy module consolidated: v1340-local-shorts-video-note.css ===== */
/* Cloud Design v1.3.40 — LOCAL SHORTS CACHE + NORMAL VIDEO NOTE */

/* TEAM CHAT: client context stays removed, staff notes stay available. */
.chat-board-v110.is-team-chat-v1338{
  grid-template-columns:minmax(0,1fr) 310px!important;
}
.chat-board-v110.is-team-chat-v1338>.chat-context-v110{display:none!important}
.chat-board-v110.is-team-chat-v1338>.chat-side-v110{
  display:block!important;
  min-width:0!important;
}
.chat-board-v110.is-team-chat-v1338>.chat-side-v110>.chat-side-card-v110:not(.notes-card-v110){display:none!important}
.chat-board-v110.is-team-chat-v1338>.chat-side-v110>.notes-card-v110{display:block!important;margin:0!important}
.chat-board-v110.is-team-chat-v1338>.chat-thread-v110{min-width:0!important;width:100%!important}
.chat-board-v110.is-team-chat-v1338 .notes-card-v110{
  position:sticky!important;
  top:12px!important;
  max-height:calc(100vh - 28px)!important;
  overflow:auto!important;
}
.chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340{
  grid-template-columns:minmax(0,1fr)!important;
}
.chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340>.chat-side-v110{display:none!important}
.team-notes-toggle-v1340{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;
  background:color-mix(in srgb,var(--soft) 66%,transparent);color:var(--text);
  font-size:.70rem;font-weight:800;cursor:pointer;
}

/* VIDEO NOTE: stop imitating the Telegram circle on the site.
   Show the full square frame, large enough to understand, with native controls/fullscreen. */
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340{
  display:block!important;
  width:min(360px,100%)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin-top:9px!important;
  padding:9px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--soft) 55%,transparent)!important;
  box-shadow:none!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 .cd-vnote-ui-v1338,
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 .cd-vnote-card-controls-v1339{
  display:none!important;
}
.vnote-head-v1340{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:1px 2px 8px;
}
.vnote-head-v1340 b{font-size:.72rem}
.vnote-head-v1340 a{
  color:var(--muted);font-size:.65rem;font-weight:800;text-decoration:none;
}
.vnote-head-v1340 a:hover{color:var(--text)}
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 video,
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340.is-polished-v1338 video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:min(62vh,420px)!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:12px!important;
  background:#06070a!important;
  cursor:default!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 video::-webkit-media-controls{
  display:flex!important;
}

/* LOCAL SHORTS */
.cd-short-local-v1340{
  width:min(310px,100%);
  margin-top:9px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--soft) 55%,transparent);
}
.cd-short-local-head-v1340{
  display:flex;align-items:center;gap:8px;min-width:0;
  padding:9px 10px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);
}
.cd-short-youtube-v1340{
  width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;
  border-radius:6px;background:#ff3838;color:#fff;font-size:.65rem;font-weight:900;
}
.cd-short-local-link-v1340{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#9fc8ff;text-decoration:none;font-size:.68rem;font-weight:800;
}
.cd-short-local-link-v1340:hover{text-decoration:underline}
.cd-short-stage-v1340{
  min-height:150px;
  display:grid;place-items:center;
  padding:11px;
}
.cd-short-status-v1340{
  display:grid;justify-items:center;gap:9px;text-align:center;
  color:var(--muted);font-size:.70rem;line-height:1.45;
}
.cd-short-spinner-v1340{
  width:28px;height:28px;border-radius:50%;
  border:3px solid color-mix(in srgb,var(--line) 80%,transparent);
  border-top-color:var(--accent);
  animation:cdShortSpin1340 .8s linear infinite;
}
@keyframes cdShortSpin1340{to{transform:rotate(360deg)}}
.cd-short-video-v1340{
  display:block;width:100%;max-height:540px;
  aspect-ratio:9/16;object-fit:contain;background:#050609;
}
.cd-short-footer-v1340{
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  padding:8px 9px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent);
}
.cd-short-meta-v1340{
  display:grid;gap:2px;min-width:0;
}
.cd-short-meta-v1340 b{
  max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:.67rem;
}
.cd-short-meta-v1340 small{color:var(--muted);font-size:.59rem}
.cd-short-actions-v1340{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cd-short-btn-v1340{
  display:inline-flex;align-items:center;justify-content:center;min-height:31px;
  padding:6px 9px;border:1px solid var(--line);border-radius:9px;
  background:color-mix(in srgb,var(--soft) 68%,transparent);
  color:var(--text);font-size:.65rem;font-weight:800;text-decoration:none;cursor:pointer;
}
.cd-short-btn-v1340.primary{
  border-color:color-mix(in srgb,var(--accent) 35%,var(--line));
  background:color-mix(in srgb,var(--accent) 18%,var(--soft));color:#eeeaff;
}
.cd-short-btn-v1340:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.cd-short-expired-v1340{
  display:grid;justify-items:center;gap:8px;max-width:250px;text-align:center;
}
.cd-short-expired-v1340 b{font-size:.76rem;color:var(--text)}
.cd-short-expired-v1340 span{font-size:.66rem;color:var(--muted);line-height:1.45}
.cd-short-error-v1340{color:#ff9ca7!important}

@media(max-width:820px){
  .chat-board-v110.is-team-chat-v1338,
  .chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .chat-board-v110.is-team-chat-v1338>.chat-side-v110{
    grid-column:1!important;width:100%!important;
  }
  .chat-board-v110.is-team-chat-v1338.is-notes-collapsed-v1340>.chat-side-v110{display:none!important}
  .chat-board-v110.is-team-chat-v1338 .notes-card-v110{position:static!important;max-height:none!important}
}
@media(max-width:600px){
  .chat-media-shell-v1336.is-video_note.is-vnote-player-v1340{width:100%!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-player-v1340 video{max-height:58vh!important}
  .cd-short-local-v1340{width:min(290px,100%)}
}


/* ===== legacy module consolidated: v1341-video-note-dns.css ===== */
/* Cloud Design v1.3.41 — NATIVE VIDEO NOTE + SHORTS DNS FIX */

/* Telegram video notes are stored as normal square MP4 files.
   Cloud Design now shows the whole frame instead of cropping it into a circle. */
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-polished-v1338,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-player-v1340{
  position:relative!important;
  display:block!important;
  width:min(420px,100%)!important;
  height:auto!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin-top:9px!important;
  padding:9px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--soft) 55%,transparent)!important;
  box-shadow:none!important;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341 .cd-vnote-ui-v1338,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341 .cd-vnote-card-controls-v1339,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341 .vnote-head-v1340{
  display:none!important;
}

.cd-vnote-native-head-v1341{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:1px 2px 8px;
}

.cd-vnote-native-head-v1341 b{
  color:var(--text);
  font-size:.73rem;
  font-weight:850;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341 video,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-polished-v1338 video,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-player-v1340 video{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:min(68vh,560px)!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:12px!important;
  background:#050609!important;
  box-shadow:none!important;
  cursor:default!important;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341 video::-webkit-media-controls{
  display:flex!important;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341::before,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341::after{
  display:none!important;
}

/* Never dump urllib/WinError walls into a client-visible message card. */
.cd-short-error-v1340{
  max-width:250px;
  color:#ffabb4!important;
  overflow-wrap:anywhere;
  line-height:1.45;
}

@media(min-width:721px){
  .cd-short-local-v1340{
    width:min(330px,100%)!important;
  }
}

@media(max-width:600px){
  .chat-media-shell-v1336.is-video_note.is-vnote-native-v1341{
    width:100%!important;
    padding:8px!important;
  }
  .chat-media-shell-v1336.is-video_note.is-vnote-native-v1341 video{
    max-height:62vh!important;
  }
}


/* ===== legacy module consolidated: v1342-round-video-note.css ===== */
/* Cloud Design v1.3.42 — BIG ROUND VIDEO NOTE + CONTROLS UNDER IT */

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342,
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  width:min(420px,100%)!important;
  height:auto!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin-top:9px!important;
  padding:10px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent) 12%,var(--soft)),
    color-mix(in srgb,var(--surface) 96%,var(--accent) 4%)
  )!important;
  box-shadow:none!important;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .cd-vnote-native-head-v1341,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .cd-vnote-ui-v1338,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .cd-vnote-card-controls-v1339,
.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 .vnote-head-v1340{
  display:none!important;
}

.cd-vnote-stage-v1342{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 video,
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{
  position:static!important;
  display:block!important;
  width:min(320px,100%)!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#050609!important;
  border:2px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
}

.chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 video::-webkit-media-controls{
  display:none!important;
}

.cd-vnote-controls-v1342{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cd-vnote-progress-row-v1342{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

.cd-vnote-time-v1342{
  flex:0 0 auto;
  min-width:74px;
  text-align:right;
  color:var(--muted);
  font-size:.68rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

.cd-vnote-progress-v1342{
  width:100%;
  margin:0;
  accent-color:var(--accent);
  cursor:pointer;
}

.cd-vnote-actions-v1342{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}

.cd-vnote-btn-v1342,
.cd-vnote-download-v1342{
  min-height:34px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--line);
  border-radius:11px;
  background:color-mix(in srgb,var(--soft) 70%,transparent);
  color:var(--text);
  font-size:.68rem;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}

.cd-vnote-btn-v1342:hover,
.cd-vnote-download-v1342:hover{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 10%,var(--soft));
}

.cd-vnote-btn-v1342.primary{
  border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
  background:color-mix(in srgb,var(--accent) 22%,var(--soft));
  color:#f1ecff;
}

.cd-vnote-btn-v1342 svg,
.cd-vnote-download-v1342 svg{
  width:14px;
  height:14px;
  fill:currentColor;
}

@media(max-width:600px){
  .chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342,
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{
    width:100%!important;
    padding:9px!important;
    gap:10px!important;
  }

  .chat-media-shell-v1336.is-video_note.is-vnote-native-v1341.is-vnote-circle-v1342 video,
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{
    width:min(300px,100%)!important;
  }

  .cd-vnote-progress-row-v1342{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .cd-vnote-time-v1342{
    min-width:0;
    width:100%;
    text-align:center;
  }
}


/* ===== legacy module consolidated: v1343-root-hard-delete.css ===== */
/* Cloud Design v1.3.43 — ROOT PERMANENT MESSAGE DELETE */
.permanent-delete-form-v1343{display:inline-flex!important;margin:0!important}
.permanent-delete-v1343{color:#ff919e!important;border-color:color-mix(in srgb,#ff6476 30%,var(--line))!important}
.permanent-delete-v1343:hover{color:#ffd5da!important;background:color-mix(in srgb,#ff4057 11%,transparent)!important;border-color:color-mix(in srgb,#ff6476 55%,var(--line))!important}
.message-v110.deleted .permanent-delete-v1343,.chat-message-v110.deleted .permanent-delete-v1343{font-weight:850!important}


/* ===== legacy module consolidated: v1344-live-chat-workspace.css ===== */
/* Cloud Design v1.3.44 — LIVE CHAT ACTIONS + VIEWPORT WORKSPACE */

/* ---------- viewport-fit desktop workspace ---------- */
body.cd-chat-page-v1344{
  overscroll-behavior:none;
}

.chat-board-v110.cd-chat-fit-v1344{
  height:var(--cd-chat-fit-height,calc(100dvh - 108px))!important;
  max-height:var(--cd-chat-fit-height,calc(100dvh - 108px))!important;
  min-height:480px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}

.chat-board-v110.cd-chat-fit-v1344>.chat-context-v110,
.chat-board-v110.cd-chat-fit-v1344>.chat-thread-v110,
.chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
  min-height:0!important;
  max-height:100%!important;
}

.chat-board-v110.cd-chat-fit-v1344>.chat-context-v110,
.chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

.chat-board-v110.cd-chat-fit-v1344>.chat-thread-v110{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

.chat-board-v110.cd-chat-fit-v1344 .chat-thread-head-v110{
  flex:0 0 auto!important;
}

.chat-board-v110.cd-chat-fit-v1344 #chatMessages{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
}

/* Everything after the message viewport (composer/status area) stays visible. */
.chat-board-v110.cd-chat-fit-v1344 #chatMessages~*{
  flex:0 0 auto;
}

/* ---------- live action feedback ---------- */
.cd-live-busy-v1344{
  opacity:.62!important;
  pointer-events:none!important;
}

.cd-live-action-v1344{
  transition:opacity .16s ease,transform .16s ease;
}

.cd-live-action-v1344.is-removing-v1344{
  opacity:0!important;
  transform:scale(.985)!important;
}

.cd-chat-toast-stack-v1344{
  position:fixed;
  z-index:120000;
  right:18px;
  bottom:18px;
  display:grid;
  gap:8px;
  width:min(360px,calc(100vw - 28px));
  pointer-events:none;
}

.cd-chat-toast-v1344{
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface) 95%,black 5%);
  color:var(--text);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  font-size:.72rem;
  font-weight:760;
  line-height:1.4;
  animation:cdToastIn1344 .18s ease both;
}
.cd-chat-toast-v1344.is-error-v1344{
  border-color:rgba(255,91,112,.38);
  color:#ffb2bd;
}
@keyframes cdToastIn1344{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* ---------- mobile workspace ---------- */
.cd-chat-mobile-tools-v1344{
  display:none;
}
.cd-chat-mobile-backdrop-v1344{
  display:none;
}

@media(max-width:820px){
  body.cd-chat-page-v1344{
    overflow:hidden!important;
  }

  .chat-board-v110.cd-chat-fit-v1344{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:var(--cd-chat-fit-height,calc(100dvh - 72px))!important;
    max-height:var(--cd-chat-fit-height,calc(100dvh - 72px))!important;
    min-height:320px!important;
    overflow:hidden!important;
    border-radius:0!important;
  }

  .chat-board-v110.cd-chat-fit-v1344>.chat-thread-v110{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    border-left:0!important;
    border-right:0!important;
  }

  .chat-board-v110.cd-chat-fit-v1344>.chat-context-v110,
  .chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
    position:absolute!important;
    z-index:45!important;
    top:0!important;
    bottom:0!important;
    width:min(92vw,390px)!important;
    height:100%!important;
    max-height:100%!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    background:color-mix(in srgb,var(--surface) 98%,black 2%)!important;
    box-shadow:0 0 48px rgba(0,0,0,.42)!important;
    transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344:not(.is-team-chat-v1338)>.chat-context-v110{
    display:block!important;
    left:0!important;
    transform:translateX(-104%)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344>.chat-side-v110{
    display:block!important;
    right:0!important;
    transform:translateX(104%)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344.is-context-open-v1344>.chat-context-v110{
    transform:translateX(0)!important;
  }

  .chat-board-v110.cd-chat-fit-v1344.is-side-open-v1344>.chat-side-v110{
    transform:translateX(0)!important;
  }

  /* In the internal team room the deliberately removed client context stays removed. */
  .chat-board-v110.cd-chat-fit-v1344.is-team-chat-v1338>.chat-context-v110{
    display:none!important;
  }

  .cd-chat-mobile-backdrop-v1344{
    position:absolute;
    z-index:40;
    inset:0;
    background:rgba(3,5,10,.58);
    backdrop-filter:blur(4px);
  }
  .chat-board-v110.cd-chat-fit-v1344.is-context-open-v1344>.cd-chat-mobile-backdrop-v1344,
  .chat-board-v110.cd-chat-fit-v1344.is-side-open-v1344>.cd-chat-mobile-backdrop-v1344{
    display:block;
  }

  .cd-chat-mobile-tools-v1344{
    display:flex;
    align-items:center;
    gap:6px;
    margin-left:auto;
  }

  .cd-chat-mobile-tool-v1344{
    min-height:32px;
    padding:6px 9px;
    border:1px solid var(--line);
    border-radius:9px;
    background:color-mix(in srgb,var(--soft) 68%,transparent);
    color:var(--text);
    font-size:.65rem;
    font-weight:820;
    cursor:pointer;
  }

  .chat-board-v110.cd-chat-fit-v1344 #chatMessages{
    padding-bottom:10px!important;
  }

  .cd-chat-toast-stack-v1344{
    right:10px;
    left:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    width:auto;
  }
}

@media(max-width:520px){
  .chat-board-v110.cd-chat-fit-v1344 .chat-thread-head-v110{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .cd-chat-mobile-tool-v1344{
    padding:6px 8px;
  }
}


/* ===== legacy module consolidated: v1348-compact-chat-leads.css ===== */
/* Cloud Design v1.3.48 — compact chat + modern lead forms */

/* =========================
   CHAT DENSITY — DESKTOP
   ========================= */
@media (min-width:821px){
  .chat-thread-head-v110{
    padding:17px 20px 15px!important;
    gap:14px!important;
  }
  .chat-thread-head-v110 .eyebrow{margin-bottom:7px!important;font-size:.66rem!important}
  .chat-thread-head-v110 h3{font-size:1.38rem!important;line-height:1.08!important;margin:0 0 5px!important}
  .chat-thread-head-v110 p{font-size:.82rem!important;line-height:1.35!important;margin:0!important}
  .chat-thread-head-v110 .thread-actions-v110{gap:8px!important;align-items:center!important}
  .chat-thread-head-v110 .team-chat-search-v1338{min-width:0!important;width:min(300px,31vw)!important;gap:7px!important}
  .chat-thread-head-v110 .team-chat-search-v1338 input{min-height:36px!important;height:36px!important;padding:7px 10px!important;font-size:.72rem!important}
  .chat-thread-head-v110 .team-chat-search-v1338 button,
  .chat-thread-head-v110 .team-notes-toggle-v1340,
  .chat-thread-head-v110 .team-notes-toggle-v1339{min-height:34px!important;padding:6px 10px!important;font-size:.68rem!important}

  .chat-messages-v110{
    padding:13px 18px!important;
    gap:9px!important;
  }
  .chat-bubble-v110{
    max-width:min(72%,640px)!important;
    padding:10px 12px!important;
    border-radius:17px!important;
    box-shadow:0 7px 20px rgba(0,0,0,.11)!important;
  }
  .chat-meta-v110{gap:8px!important;margin-bottom:7px!important}
  .chat-meta-avatar{width:30px!important;height:30px!important;min-width:30px!important;font-size:.68rem!important}
  .chat-meta-main{gap:2px!important}
  .chat-meta-name-row{gap:6px!important}
  .chat-meta-name,.profile-link-v109{font-size:.78rem!important;font-weight:800!important;line-height:1.12!important}
  .staff-role-chip{min-height:22px!important;padding:2px 7px!important;font-size:.62rem!important;border-radius:999px!important}
  .chat-meta-sub,.read-state{font-size:.65rem!important;line-height:1.15!important}
  .message-body{font-size:.84rem!important;line-height:1.42!important}
  .reply-quote{margin:5px 0 7px!important;padding:6px 8px!important;font-size:.72rem!important;line-height:1.35!important;border-radius:9px!important}
  .message-actions-v110{gap:8px!important;padding-top:7px!important;margin-top:7px!important;min-height:25px!important}
  .message-actions-v110 .text-btn{min-height:24px!important;font-size:.64rem!important;padding:2px 0!important}
  .message-actions-v110 form{margin:0!important}
  .chat-attachment-v110{margin-top:7px!important;padding:7px 9px!important;border-radius:10px!important;font-size:.70rem!important}
  .status-pill{min-height:23px!important;padding:3px 7px!important;font-size:.63rem!important}

  .chat-compose-v112{padding:10px 16px 14px!important}
  .composer-shell-v112{border-radius:18px!important}
  .composer-shell-v112 textarea{min-height:56px!important;max-height:130px!important;padding:12px 14px 9px!important;font-size:.86rem!important}
  .composer-toolbar-v112{min-height:46px!important;padding:7px 9px 8px!important;gap:8px!important}
  .composer-tools-v112,.composer-send-v112{gap:6px!important}
  .composer-tool-v112{min-height:32px!important;padding:0 10px!important;border-radius:10px!important;font-size:.69rem!important}
  .composer-submit-v112{min-width:102px!important;min-height:36px!important;border-radius:11px!important;font-size:.74rem!important}
  .composer-file-chip-v112{min-height:32px!important;font-size:.70rem!important}
  .typing-line{min-height:19px!important;height:19px!important;font-size:.65rem!important}

  .chat-side-v110 .chat-side-card-v110,
  .chat-context-v110 .chat-context-card-v110{padding:14px!important;border-radius:16px!important}
  .chat-side-v110 textarea{min-height:88px!important}
}

/* =========================
   CHAT DENSITY — MOBILE
   Touch targets remain sane.
   ========================= */
@media (max-width:820px){
  .chat-thread-head-v110{padding:12px 13px 10px!important;gap:9px!important}
  .chat-thread-head-v110 h3{font-size:1.14rem!important;line-height:1.12!important;margin-bottom:4px!important}
  .chat-thread-head-v110 p{font-size:.76rem!important;line-height:1.3!important}
  .chat-messages-v110{padding:10px 10px!important;gap:8px!important}
  .chat-bubble-v110{max-width:95%!important;padding:9px 10px!important;border-radius:15px!important}
  .chat-meta-v110{gap:7px!important;margin-bottom:6px!important}
  .chat-meta-avatar{width:30px!important;height:30px!important;min-width:30px!important}
  .chat-meta-name,.profile-link-v109{font-size:.76rem!important}
  .staff-role-chip{min-height:22px!important;padding:2px 7px!important;font-size:.62rem!important}
  .chat-meta-sub,.read-state{font-size:.64rem!important}
  .message-body{font-size:.86rem!important;line-height:1.4!important}
  .message-actions-v110{gap:8px!important;padding-top:7px!important;margin-top:7px!important;overflow-x:auto!important;scrollbar-width:none}
  .message-actions-v110::-webkit-scrollbar{display:none}
  .message-actions-v110 .text-btn{min-height:34px!important;font-size:.66rem!important;white-space:nowrap!important}
  .chat-attachment-v110{margin-top:6px!important;padding:7px 9px!important;font-size:.70rem!important}
  .chat-compose-v112{padding:8px 9px 10px!important}
  .composer-shell-v112 textarea{min-height:48px!important;max-height:100px!important;padding:10px 11px 7px!important;font-size:.86rem!important}
  .composer-toolbar-v112{padding:7px!important;gap:7px!important}
  .composer-tool-v112{min-height:34px!important;font-size:.66rem!important;border-radius:9px!important}
  .composer-submit-v112{min-height:38px!important}
}

/* =========================
   MEDIA — compact at rest
   ========================= */
.chat-media-shell-v1336.is-image{max-width:260px!important;margin-top:7px!important;border-radius:12px!important}
.chat-media-shell-v1336.is-image .chat-media-visual-v1336{max-height:165px!important;object-fit:cover!important}
.chat-media-shell-v1336.is-sticker{width:min(150px,45vw)!important;margin-top:5px!important}
.chat-media-shell-v1336.is-sticker .chat-media-visual-v1336{max-height:145px!important}
.chat-media-caption-v1336{padding:5px 7px!important;font-size:.59rem!important}
.chat-media-action-v1336{min-height:24px!important;padding:3px 6px!important;font-size:.58rem!important}
.chat-media-shell-v1336.is-voice,.chat-media-shell-v1336.is-audio{max-width:360px!important;margin-top:6px!important}

/* Telegram video note: tiny/compact while idle, grows only when opened/playing. */
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{
  width:164px!important;
  max-width:100%!important;
  padding:7px!important;
  gap:0!important;
  border-radius:16px!important;
  transition:width .22s ease,padding .22s ease,background .22s ease!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 .cd-vnote-stage-v1342{position:relative!important;width:100%!important}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{
  width:138px!important;
  max-width:100%!important;
  transition:width .22s ease!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 .cd-vnote-controls-v1342{display:none!important}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348{
  width:min(390px,100%)!important;
  padding:9px!important;
  gap:9px!important;
}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348 video{width:min(300px,100%)!important}
.chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348 .cd-vnote-controls-v1342{display:flex!important}
.cd-vnote-mini-play-v1348{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:42px;height:42px;display:grid;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.24);border-radius:50%;
  background:rgba(7,8,14,.66);color:#fff;backdrop-filter:blur(8px);cursor:pointer;
  box-shadow:0 7px 22px rgba(0,0,0,.28);z-index:4;
}
.cd-vnote-mini-play-v1348 svg{width:17px;height:17px;fill:currentColor}
.is-open-v1348 .cd-vnote-mini-play-v1348{display:none!important}

/* Ordinary video/Shorts: small preview in the message, full player in modal. */
.chat-media-shell-v1336.is-video:not(.is-video_note),
.cd-short-local-v1340{max-width:270px!important}
.chat-media-shell-v1336.is-video:not(.is-video_note) video,
.cd-short-video-v1340.cd-video-modal-preview-v1348{
  width:100%!important;max-height:155px!important;min-height:0!important;aspect-ratio:16/9!important;
  object-fit:contain!important;background:#050609!important;cursor:pointer!important;border-radius:11px!important;
}
.cd-video-preview-wrap-v1348{position:relative;display:block;cursor:pointer}
.cd-video-preview-play-v1348{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  display:grid;place-items:center;background:rgba(7,8,14,.64);color:#fff;backdrop-filter:blur(8px);pointer-events:none;
}
.cd-video-preview-play-v1348 svg{width:18px;height:18px;fill:currentColor}
.cd-video-modal-v1348{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;padding:22px;background:rgba(4,5,10,.88);backdrop-filter:blur(12px)}
.cd-video-modal-v1348[hidden]{display:none!important}
.cd-video-modal-card-v1348{position:relative;width:min(980px,96vw);max-height:92dvh;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#090b12;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.cd-video-modal-card-v1348 video{display:block;width:100%;max-height:calc(92dvh - 30px);background:#030406;border-radius:12px}
.cd-video-modal-close-v1348{position:absolute;right:18px;top:18px;z-index:2;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,8,13,.72);color:#fff;font-size:1.25rem;cursor:pointer}
@media(max-width:600px){
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342{width:150px!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342 video{width:126px!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348{width:min(340px,100%)!important}
  .chat-media-shell-v1336.is-video_note.is-vnote-circle-v1342.is-open-v1348 video{width:min(270px,100%)!important}
  .chat-media-shell-v1336.is-image{max-width:230px!important}
  .cd-video-modal-v1348{padding:8px!important}
  .cd-video-modal-card-v1348{width:100%!important;padding:7px!important;border-radius:14px!important}
}

/* =========================
   MODERN APPLICATION FORMS
   ========================= */
.lead-form-v1348,.callback-form-v1348,.project-request-v1348{
  position:relative;overflow:hidden;padding:22px!important;border-radius:22px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--accent) 2%),color-mix(in srgb,var(--surface2) 99%,transparent))!important;
}
.lead-form-head-v1348{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}
.lead-form-head-v1348 h3{margin:0 0 5px;font-size:1.26rem;line-height:1.12}
.lead-form-head-v1348 p{margin:0;color:var(--muted);font-size:.80rem;line-height:1.45}
.required-chip-v1348{flex:0 0 auto;display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:#cdbbff;font-size:.62rem;font-weight:800}
.smart-form-grid-v1348{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.smart-field-v1348{display:grid;gap:6px;min-width:0;color:var(--text);font-size:.72rem;font-weight:760}
.smart-field-v1348>span{display:flex;align-items:center;gap:5px}
.smart-field-v1348 .req-v1348{color:#f28ba0}
.smart-field-v1348 input,.smart-field-v1348 textarea{
  width:100%;margin:0;border-radius:13px!important;border:1px solid var(--line)!important;
  background:color-mix(in srgb,var(--surface2) 94%,transparent)!important;box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.smart-field-v1348 input{min-height:44px!important;padding:10px 12px!important}
.smart-field-v1348 textarea{min-height:108px!important;padding:11px 12px!important;resize:vertical}
.smart-field-v1348 input:focus,.smart-field-v1348 textarea:focus{border-color:color-mix(in srgb,var(--accent) 52%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)!important}
.smart-field-v1348 small{color:var(--muted);font-size:.61rem;font-weight:500;line-height:1.35}
.smart-field-v1348.is-wide-v1348{grid-column:1/-1}
.smart-field-v1348.is-error-v1348 input,.smart-field-v1348.is-error-v1348 textarea{border-color:#d45b70!important;box-shadow:0 0 0 3px rgba(212,91,112,.08)!important}
.smart-error-v1348{display:none;color:#ff98aa;font-size:.61rem;font-weight:650;line-height:1.3}
.is-error-v1348 .smart-error-v1348{display:block}
.optional-row-v1348{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.smart-form-footer-v1348{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:15px}
.smart-form-footer-v1348 .check{font-size:.70rem;max-width:620px}
.smart-submit-v1348{min-width:160px!important}
.smart-form-status-v1348{display:none;margin-top:11px;padding:9px 11px;border-radius:11px;border:1px solid var(--line);font-size:.69rem;line-height:1.4}
.smart-form-status-v1348.is-visible{display:block}
.smart-form-status-v1348.is-success{border-color:rgba(77,205,145,.28);background:rgba(77,205,145,.07);color:#8ce5b7}
.smart-form-status-v1348.is-error{border-color:rgba(232,92,113,.28);background:rgba(232,92,113,.07);color:#ff9dad}
.smart-form-v1348.is-busy-v1348{pointer-events:none;opacity:.72}
.smart-form-v1348.is-busy-v1348 .smart-submit-v1348:after{content:' · отправляем…';font-weight:600}
.smart-trust-v1348{margin-top:10px;color:var(--muted);font-size:.60rem;line-height:1.4}
.smart-trust-v1348 b{color:var(--text)}
.promo-details-v1348{margin-top:12px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:12px;background:color-mix(in srgb,var(--soft) 55%,transparent)}
.promo-details-v1348 summary{padding:9px 11px;cursor:pointer;color:var(--muted);font-size:.68rem;font-weight:700}
.promo-details-v1348>div{padding:0 11px 11px}

@media(max-width:720px){
  .lead-form-v1348,.callback-form-v1348,.project-request-v1348{padding:16px!important;border-radius:18px!important}
  .lead-form-head-v1348{display:grid;gap:8px;margin-bottom:14px}
  .required-chip-v1348{justify-self:start}
  .smart-form-grid-v1348,.optional-row-v1348{grid-template-columns:1fr!important;gap:10px!important}
  .smart-field-v1348.is-wide-v1348{grid-column:auto}
  .smart-field-v1348 input{min-height:46px!important;font-size:16px!important}
  .smart-field-v1348 textarea{font-size:16px!important;min-height:96px!important}
  .smart-form-footer-v1348{display:grid;gap:10px}
  .smart-submit-v1348{width:100%!important;min-height:44px!important}
}