:root{--bg:#0d0f12;--panel:#15181d;--muted:#9da3ad;--line:#272c34;--orange:#f05a00;--orange2:#ff8124;--white:#f7f7f8;--light:#f4f5f7;--text:#111317;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.topbar{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#0e1115;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #242933}.topbar nav{display:flex;gap:28px;font-size:14px}.topbar nav a:hover{color:var(--orange2)}.brand{font-weight:900;letter-spacing:-1.5px;font-size:27px;display:inline-flex;align-items:baseline;gap:0}.brand span{color:#fff}.brand b{color:var(--orange);font-weight:900}.brand small{font-size:9px;letter-spacing:5px;margin-left:7px;color:#b7bcc5}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange),#ff6d12);color:#fff;border:0;border-radius:12px;padding:14px 20px;font-weight:800;cursor:pointer}.btn.secondary{background:transparent;border:1px solid #58606c;color:inherit}.hero{min-height:610px;padding:72px 6vw 56px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;background:radial-gradient(circle at 75% 30%,#3a1a0c 0,#14171c 24%,#0c0f13 62%);color:white;overflow:hidden}.hero-copy{max-width:710px}.eyebrow{color:var(--orange2);font-weight:800;letter-spacing:.08em;font-size:12px}.hero h1{font-size:clamp(48px,6.2vw,86px);line-height:.98;letter-spacing:-4px;margin:14px 0 24px}.lead{font-size:19px;line-height:1.55;color:#c7cbd2;max-width:700px}.actions{display:flex;gap:14px;margin-top:28px}.trust{display:flex;gap:28px;margin-top:42px;font-size:13px;color:#c9cdd3;flex-wrap:wrap}.hero-visual{position:relative;height:430px}.screen{position:absolute;inset:18px 55px 20px 0;border:1px solid #343943;border-radius:20px;padding:48px;background:linear-gradient(145deg,#101318,#050607);box-shadow:0 30px 80px #0008;transform:perspective(900px) rotateY(-8deg);overflow:hidden}.screen:before{content:"";position:absolute;width:520px;height:520px;border:3px solid #f05a00;border-radius:50%;right:-250px;top:-80px;box-shadow:0 0 60px #f05a0055}.screen-brand{font-size:31px;font-weight:900}.screen-brand span{color:var(--orange)}.screen-brand small{font-size:10px;letter-spacing:5px;margin-left:10px}.screen-title{font-size:34px;font-weight:800;max-width:350px;margin-top:95px;line-height:1.05}.screen-title em{color:var(--orange2);font-style:normal}.bars{display:flex;gap:8px;align-items:end;height:80px;margin-top:35px}.bars i{width:36px;background:linear-gradient(var(--orange2),var(--orange));border-radius:7px 7px 0 0}.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:52%}.bars i:nth-child(3){height:80%}.bars i:nth-child(4){height:65%}.phone{position:absolute;right:0;bottom:15px;width:180px;background:#0e1115;border:1px solid #343943;border-radius:28px;padding:45px 16px 18px;box-shadow:0 24px 55px #0009}.phone div{border:1px solid #2a3038;border-radius:10px;padding:12px;margin:9px 0;font-size:12px}.section{padding:75px 6vw}.light{background:#fff}.dark{background:#0c0f13;color:white}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:32px}.section-head h2,.about h2,.contact h2{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:8px 0;max-width:750px}.section-head>p{max-width:540px;color:#68707c;line-height:1.6}.cards{display:grid;gap:18px}.services{grid-template-columns:repeat(5,1fr)}.services article,.portfolio article{border:1px solid #e4e7eb;border-radius:var(--radius);padding:25px;background:linear-gradient(#fff,#fafafa)}.services article:first-child{background:#fff5ee}.services .icon{font-size:27px;color:var(--orange)}.services h3{margin:18px 0 8px}.services p{color:#606875;line-height:1.55;font-size:14px}.services a{color:var(--orange);font-weight:800;font-size:13px}.portfolio{grid-template-columns:repeat(3,1fr)}.dark .portfolio article{background:#12161b;border-color:#242a31}.project-art{height:180px;border-radius:13px;background:linear-gradient(145deg,#222831,#0e1014);position:relative;overflow:hidden}.project-art:after{content:"INFOART";position:absolute;right:16px;bottom:12px;color:#fff;font-weight:900;opacity:.75}.project-art.villas{background:linear-gradient(135deg,#b5773a,#49a2bd)}.project-art.cars{background:linear-gradient(135deg,#090b0d,#424b58)}.project-art.medical{background:linear-gradient(135deg,#dff5f9,#57b7c3)}.portfolio p{color:#aeb4bc}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.about>div>p:not(.eyebrow){line-height:1.7;color:#59616d}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats div{background:#0e1115;color:white;border-radius:18px;padding:28px}.stats b{font-size:29px;color:var(--orange2);display:block}.stats span{font-size:13px;color:#b4bac2}.contact{background:#111419;color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact input,.contact textarea,.ops input,.ops textarea,.ops select,.login-card input{width:100%;border:1px solid #303641;background:#15191f;color:inherit;border-radius:10px;padding:13px 14px;font:inherit}.contact textarea{margin:12px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.success{color:#7de2a8}footer{background:#080a0d;color:#9aa1aa;padding:28px 6vw;text-align:center;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#3b1809,#0c0f13 42%);color:white}.login-card{width:min(430px,92vw);background:#12161b;border:1px solid #29303a;border-radius:24px;padding:34px;box-shadow:0 30px 90px #0009}.login-card h1{margin:30px 0 5px}.login-card p{color:#9fa6af}.login-card label{display:block;margin:18px 0;font-size:13px}.login-card label input{margin-top:8px}.alert{background:#521e1e;border:1px solid #883a3a;padding:12px;border-radius:10px}.full{width:100%}.ghost{background:transparent;border:1px solid #343b45;color:#d6d9dd;border-radius:10px;padding:11px}.ops{background:#0c0f13;color:#eef0f2;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#0a0c0f;border-right:1px solid #222831;padding:28px 22px;display:flex;flex-direction:column}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin:35px 0 auto}.sidebar nav a{padding:12px 13px;border-radius:10px;color:#bbc1c9;font-size:14px}.sidebar nav a:hover{background:#171b21;color:white}.ops-main{margin-left:245px;padding:32px 36px 60px}.ops-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.ops-head h1{margin:4px 0;font-size:34px}.ops-head>span{font-size:13px;color:#a5acb5}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpis article,.panel{background:#12161b;border:1px solid #242a32;border-radius:16px}.kpis article{padding:22px}.kpis span{display:block;font-size:12px;color:#9fa7b0}.kpis b{font-size:34px;color:var(--orange2);display:block;margin-top:8px}.ops-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.panel{padding:22px;margin-bottom:18px;overflow:auto}.panel h2{margin-top:0;font-size:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head a{color:var(--orange2);font-size:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #252b33;vertical-align:middle}th{color:#8f97a1;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;border:1px solid #38414c;border-radius:999px;padding:5px 9px;color:#cbd0d7;font-size:11px}.progress{width:100px;height:6px;background:#2a3038;border-radius:8px;display:inline-block;margin-right:6px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:inherit}.stack{display:flex;flex-direction:column}.row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #252b33}.row small{display:block;color:#929aa4;margin-top:4px}.row>span{color:#d2d6da;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;align-items:center}.form-grid .btn{height:46px}.check{display:flex;align-items:center;gap:9px;font-size:12px;color:#c8cdd3}.check input{width:auto}.danger{border:0;background:#3a1717;color:#ff9292;padding:7px 10px;border-radius:8px;cursor:pointer}.wide{min-width:260px;max-width:480px}.narrow{max-width:850px}.form-stack{display:grid;gap:15px}.form-stack label{font-size:12px;color:#aab1ba}.form-stack input,.form-stack textarea{margin-top:7px}@media(max-width:1100px){.services{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{height:380px}.ops-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar nav{display:none}.topbar .btn{display:none}.hero{padding-top:45px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-visual{height:330px}.screen{inset:10px 25px 10px 0;padding:28px}.phone{display:none}.section{padding:55px 5vw}.section-head,.about,.contact{grid-template-columns:1fr;display:grid}.services,.portfolio,.stats{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.sidebar{position:static;width:auto;height:auto}.sidebar nav{display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.ops-main{margin-left:0;padding:20px 14px}.kpis{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}table{min-width:800px}}
/* Complete CRM modules */
.sidebar-user{border-top:1px solid #232933;padding:16px 4px;margin:8px 0 14px;display:grid;gap:3px}.sidebar-user small,.sidebar-user span{color:#808995;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.sidebar-user b{font-size:12px;color:#e1e4e8;overflow:hidden;text-overflow:ellipsis}.muted{color:#929aa4!important}.small{font-size:12px}.block{display:block;margin-top:4px}.link{color:var(--orange2);font-size:12px;font-weight:700}.strong{font-size:13px}.tiny-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3b444f;background:#1a1f26;color:#e9ebed;border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer}.tiny-btn:hover{border-color:var(--orange);color:var(--orange2)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-kpis div,.project-summary div{background:#181d24;border:1px solid #29313a;border-radius:12px;padding:18px}.mini-kpis b{display:block;color:var(--orange2);font-size:28px}.mini-kpis span,.project-summary span{display:block;color:#929aa4;font-size:11px;margin-top:4px}.project-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.project-summary b{font-size:17px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input,.inline-form select{min-width:0}.form-grid.compact{grid-template-columns:2fr .8fr 1fr 1fr 1.5fr auto;margin-bottom:18px}.money{width:95px!important}.success-box{background:#143a27;border:1px solid #2a704c;color:#8eebbc;padding:12px;border-radius:10px;margin-bottom:14px}.service-editor{display:grid;gap:12px}.service-editor form{display:grid;grid-template-columns:1.2fr 80px 80px 2fr auto auto;gap:10px;align-items:center;border-bottom:1px solid #252b33;padding-bottom:12px}.service-editor textarea{min-height:46px}.kpis.six{grid-template-columns:repeat(6,1fr)}.kpis.six b{font-size:27px}.timeline{display:grid;gap:0}.timeline>div{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #242a32}.timeline .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:7px;flex:0 0 auto}.timeline p{margin:0;font-size:12px;color:#c5cad0}.timeline small{display:block;color:#7f8791;margin-top:4px}.chart-bars{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:80px 1fr 90px;gap:10px;align-items:center;font-size:12px}.bar-row>div{height:8px;background:#262d35;border-radius:99px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:inherit}.bar-row b{text-align:right}.ops .alert{margin:10px 0}.panel select{cursor:pointer}
@media(max-width:1300px){.kpis.six{grid-template-columns:repeat(3,1fr)}.project-summary{grid-template-columns:repeat(3,1fr)}.form-grid.compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.project-summary{grid-template-columns:1fr 1fr}.service-editor form{grid-template-columns:1fr 70px 70px}.service-editor textarea{grid-column:1/-1}.kpis.six{grid-template-columns:1fr 1fr}}

/* ===== PUBLIC TEMPLATE SELECTED BY CLIENT ===== */
.public-site{background:#fff;color:#0b0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.public-header{position:sticky;top:0;z-index:50;background:rgba(7,10,14,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}.public-header-inner{height:70px;max-width:1500px;margin:auto;padding:0 6.5vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}.public-logo{display:grid;grid-template-columns:auto auto;align-items:center;line-height:.72;font-weight:1000;font-size:31px;letter-spacing:-2.5px;color:white;position:relative}.public-logo .logo-art{color:#ff4d00}.public-logo small{grid-column:1/3;font-size:10px;letter-spacing:7px;color:#fff;text-align:center;margin-top:8px;font-weight:600}.public-nav{display:flex;justify-content:center;gap:28px;color:#fff;font-size:13px}.public-nav a{height:70px;display:flex;align-items:center;position:relative}.public-nav a:hover,.public-nav .active{color:#ff5a00}.public-nav .active:after{content:"";height:2px;background:#ff5a00;left:0;right:0;bottom:13px;position:absolute}.public-actions{display:flex;align-items:center;gap:22px}.search-pill{width:46px;height:46px;border-radius:50%;border:1px solid #39424e;background:#11161d;color:white;font-size:25px}.quote-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#ff4d00;color:white;border-radius:11px;border:0;padding:14px 24px;font-weight:800;font-size:13px;box-shadow:0 8px 24px rgba(255,77,0,.18)}.quote-btn span{font-size:18px}.public-hero{position:relative;min-height:560px;background:radial-gradient(circle at 88% 20%,rgba(255,115,25,.28),transparent 24%),linear-gradient(90deg,#08121c 0%,#08111a 45%,#0c1117 100%);color:white;overflow:hidden}.public-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,10,15,.96) 0%,rgba(4,10,15,.86) 43%,rgba(4,10,15,.25) 75%,rgba(4,10,15,.25) 100%)}.hero-inner{position:relative;z-index:2;max-width:1500px;margin:auto;padding:34px 6.5vw 0;display:grid;grid-template-columns:.88fr 1.12fr;align-items:end;min-height:560px}.hero-left{align-self:center;padding-bottom:22px;max-width:610px}.orange-kicker{display:flex;align-items:center;gap:12px;color:#ff5900;font-size:12px;font-weight:900;letter-spacing:.02em;margin:0 0 10px}.orange-kicker>span{width:22px;height:3px;background:#ff5900;display:inline-block}.hero-left h1{font-size:clamp(48px,5.1vw,76px);line-height:.96;letter-spacing:-3px;margin:8px 0 16px}.hero-left h1 em{font-style:normal;color:#ff4d00}.hero-lead{font-size:18px;line-height:1.34;color:#d7dce2;max-width:565px}.hero-buttons{display:flex;gap:15px;margin:22px 0 28px}.video-btn{display:inline-flex;align-items:center;gap:12px;border:1px solid #d9dee4;color:#fff;border-radius:10px;padding:13px 20px;font-weight:700;font-size:13px}.video-btn b{width:26px;height:26px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}.hero-benefits{display:flex;gap:28px}.hero-benefits>div{display:flex;align-items:flex-start;gap:10px;min-width:145px}.hero-benefits i{font-style:normal;color:#ff5900;font-size:26px}.hero-benefits p{margin:0;display:grid}.hero-benefits b{font-size:12px}.hero-benefits span{font-size:11px;color:#bbc3cb;margin-top:3px}.hero-tech-scene{height:515px;position:relative;align-self:end}.ambient-one{position:absolute;right:-80px;top:0;width:400px;height:400px;background:radial-gradient(circle,#ff6b001f,transparent 65%)}.ambient-two{position:absolute;left:35%;bottom:110px;width:300px;height:260px;background:radial-gradient(circle,#ffb36a25,transparent 67%)}.desk{position:absolute;left:0;right:-80px;bottom:0;height:100px;background:linear-gradient(#4e2b1d,#21130f);transform:skewX(-12deg);filter:brightness(.75)}.monitor{position:absolute;right:20px;top:18px;width:67%;height:315px;border:10px solid #161b22;border-radius:15px;background:linear-gradient(135deg,#07121e,#11161d 55%,#36180d);box-shadow:0 25px 50px #0009;overflow:hidden}.monitor:before{content:"";position:absolute;left:32%;top:-50px;width:240px;height:360px;background:linear-gradient(125deg,transparent 40%,#ff4d00 42%,#ff9b4d 47%,transparent 50%);opacity:.38}.monitor-brand,.mini-brand,.scene-logo{position:absolute;font-weight:1000;color:white;letter-spacing:-2px}.monitor-brand{left:50px;top:58px;font-size:33px}.monitor-brand b,.mini-brand b,.scene-logo b{color:#ff4d00}.monitor-brand small,.mini-brand small,.scene-logo small{display:block;font-size:9px;letter-spacing:6px;text-align:center;margin-top:3px}.monitor-copy{position:absolute;left:52px;top:132px;font-weight:900;font-size:18px;line-height:1.25}.monitor-copy em{font-style:normal;color:#ff4d00}.monitor-menu{position:absolute;right:24px;top:92px;display:grid;gap:18px;font-size:11px}.monitor-menu span{color:#fff}.laptop{position:absolute;left:75px;bottom:76px;width:38%;height:180px;background:#080c12;border:8px solid #1b222b;border-radius:11px;transform:skewY(-2deg);box-shadow:0 18px 35px #0008}.tablet{position:absolute;left:-35px;bottom:77px;width:28%;height:150px;background:#0a0d12;border:6px solid #181d24;border-radius:13px;box-shadow:0 16px 28px #0007}.mobile{position:absolute;right:-10px;bottom:57px;width:72px;height:164px;background:#090c10;border:5px solid #1b2229;border-radius:16px;box-shadow:0 14px 22px #0008}.mini-brand{left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:16px}.mobile .mini-brand{font-size:9px}.template-services{padding:20px 6.5vw 24px;display:grid;grid-template-columns:360px 1fr;gap:25px;align-items:center;background:#fff}.template-title-block h2,.projects-intro h2,.about-copy h2,.template-contact h2{font-size:31px;line-height:1.03;letter-spacing:-1.5px;margin:4px 0 9px}.template-title-block>p:not(.orange-kicker),.projects-intro>p:not(.orange-kicker),.about-copy>p:not(.orange-kicker){font-size:13px;color:#4f5965;line-height:1.35}.outline-orange,.outline-dark{display:inline-flex;gap:20px;align-items:center;border:1px solid #ff4d00;color:#ff4d00;border-radius:18px;padding:9px 16px;font-size:12px;font-weight:800}.service-row{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.service-row article{min-height:158px;border-radius:12px;padding:18px;background:linear-gradient(145deg,#f6f7f9,#fff);border:1px solid #f0f1f2}.service-row article.featured{background:#fff4ee}.service-icon{font-size:31px;color:#ff4d00}.service-row h3{font-size:15px;margin:8px 0}.service-row p{font-size:12px;color:#56616c;line-height:1.35;min-height:48px}.service-row a{font-size:12px;color:#ff4d00;font-weight:800}.template-projects{position:relative;background:#07101a;color:white;padding:22px 6.5vw 22px;display:grid;grid-template-columns:360px 1fr;gap:25px}.projects-intro>p:not(.orange-kicker){color:#c8d0d8}.outline-dark{border-color:#ff4d00;color:#fff}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{min-height:155px;border-radius:8px;overflow:hidden;background:#121820;position:relative;padding-bottom:10px}.project-thumb{height:103px;background:linear-gradient(135deg,#3e6d86,#d79b5e);position:relative}.project-cars .project-thumb{background:linear-gradient(135deg,#0e1115,#242a31 60%,#55301e)}.project-medical .project-thumb{background:linear-gradient(135deg,#dceff2,#6bbbc8)}.project-thumb span{position:absolute;left:12px;bottom:8px;border:1px solid #fff;border-radius:999px;padding:3px 9px;font-size:10px;background:#0007}.project-card h3{font-size:13px;margin:8px 11px 3px}.project-card p{font-size:11px;color:#d0d4d9;margin:0 11px}.project-card>b{position:absolute;right:9px;bottom:9px;width:30px;height:30px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}.project-arrows{position:absolute;right:6.5vw;top:10px;display:flex;gap:8px}.project-arrows button{width:32px;height:32px;border-radius:50%;border:1px solid #fff;background:transparent;color:#fff}.project-arrows .active{background:#ff4d00;border-color:#ff4d00}.template-about{display:grid;grid-template-columns:.95fr 1.25fr 270px;min-height:265px;background:#fff}.about-copy{padding:20px 20px 20px 6.5vw;align-self:center}.about-copy>p:not(.orange-kicker){max-width:520px}.small-btn{padding:10px 17px;font-size:12px}.about-visual{min-height:265px;background:linear-gradient(135deg,#c98250,#7a4227 40%,#221611);position:relative;overflow:hidden}.team-scene{position:absolute;inset:0}.screen-stack{position:absolute;left:34%;right:25%;bottom:28px;display:flex;gap:8px}.screen-stack i{display:block;width:100px;height:83px;border:6px solid #10151b;background:linear-gradient(135deg,#203142,#080b0f)}.person{position:absolute;bottom:0;width:78px;height:150px;background:#111;border-radius:45px 45px 10px 10px}.p1{left:15%}.p2{left:46%;height:165px}.p3{right:10%;height:145px}.scene-logo{left:53%;top:18px;transform:translateX(-50%);font-size:28px}.about-stats{padding:16px 25px;background:#fff;display:grid;align-content:center;gap:16px}.about-stats div{display:grid;grid-template-columns:52px 1fr;align-items:center}.about-stats b{font-size:22px;color:#ff4d00}.about-stats span{font-size:11px;color:#38414b}.template-blog{padding:45px 6.5vw;background:#f6f7f8;display:flex;justify-content:space-between;align-items:center}.template-blog h2{font-size:31px;margin:4px 0}.template-blog p:not(.orange-kicker){color:#5a6470}.template-contact{background:#0a1017;color:white;padding:55px 6.5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.template-contact form input,.template-contact form textarea{width:100%;background:#121820;border:1px solid #323a45;border-radius:9px;padding:13px;color:white;font:inherit}.template-contact form textarea{margin:12px 0}.public-footer{background:#05080c;color:#8d96a0;text-align:center;padding:24px;font-size:12px}
@media(max-width:1100px){.public-header-inner{grid-template-columns:auto 1fr}.public-actions{display:none}.public-nav{justify-content:flex-end}.hero-inner{grid-template-columns:1fr}.hero-tech-scene{display:none}.public-hero{min-height:auto}.hero-left{padding:55px 0}.template-services,.template-projects{grid-template-columns:1fr}.service-row{grid-template-columns:repeat(3,1fr)}.template-about{grid-template-columns:1fr 1fr}.about-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.public-header-inner{display:flex;justify-content:space-between}.public-nav{display:none}.public-logo{font-size:24px}.hero-left h1{font-size:48px}.hero-benefits{display:grid;grid-template-columns:1fr}.service-row,.project-cards{grid-template-columns:1fr}.template-services,.template-projects,.template-contact{padding-left:5vw;padding-right:5vw}.template-about{grid-template-columns:1fr}.about-copy{padding:35px 5vw}.about-visual{min-height:220px}.about-stats{grid-template-columns:1fr 1fr}.template-contact{grid-template-columns:1fr}.template-blog{padding:35px 5vw;display:grid;gap:20px}.hero-buttons{flex-wrap:wrap}.grid2{grid-template-columns:1fr}}

/* ===== FINAL MULTI-PAGE PUBLIC SITE ===== */
.public-site{background:#fff;color:#0a0d12}.site-footer{background:#070a0e;color:#aeb5bd;padding:56px 6.5vw 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px;max-width:1500px;margin:auto}.footer-grid h4{color:#fff;margin:0 0 14px}.footer-grid a,.footer-grid p{display:block;color:#aeb5bd;font-size:13px;line-height:1.7;margin:4px 0}.footer-grid>div:first-child p{max-width:340px;margin-top:22px}.footer-logo{display:inline-grid}.footer-bottom{border-top:1px solid #242a31;margin-top:40px;padding:20px 0;text-align:center;font-size:12px;color:#7e8792}

.final-hero{position:relative;min-height:625px;overflow:hidden;background:#071019;color:#fff}.final-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.final-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06101bf2 0%,#07101ddd 42%,#07101d8f 64%,#07101d66 100%),linear-gradient(0deg,#071019 0%,transparent 25%)}.final-hero-content{position:relative;z-index:3;max-width:1500px;margin:auto;padding:68px 6.5vw 40px;max-width:760px;margin-left:0}.final-hero-content h1{font-size:clamp(52px,5.5vw,84px);line-height:.96;letter-spacing:-4px;margin:10px 0 20px}.final-hero-content h1 em,.page-hero h1 em,.about-page-hero h1 em,.contact-copy h1 em{font-style:normal;color:#ff4d00}.final-hero-content>p:not(.orange-kicker){font-size:19px;line-height:1.5;color:#d3d9df;max-width:650px}.hero-brand-panel{position:absolute;z-index:4;right:6.5vw;top:88px;width:360px;padding:30px;background:rgba(8,14,21,.86);border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 20px 60px #0008}.hero-brand-panel .monitor-brand{position:static;font-size:31px;margin-bottom:28px}.hero-brand-panel p{font-size:21px;font-weight:900;line-height:1.25}.hero-brand-panel strong{color:#ff4d00}.hero-brand-panel ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:11px;font-size:13px;color:#d7dce2}.hero-brand-panel li:before{content:"▣";color:#ff4d00;margin-right:10px}

.home-services{padding:45px 6.5vw;display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:center}.section-intro h2{font-size:38px;line-height:1.02;letter-spacing:-2px;margin:6px 0 14px}.section-intro>p:not(.orange-kicker){color:#59616b;line-height:1.5;font-size:14px}.home-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.home-service-grid article{min-height:210px;border:1px solid #e8ebee;border-radius:14px;padding:22px;background:#f8f9fa}.home-service-grid article.featured{background:#fff2ea;border-color:#ffd7c2}.home-service-grid span{font-size:30px;color:#ff4d00}.home-service-grid h3{font-size:16px;margin:15px 0 8px}.home-service-grid p{font-size:13px;line-height:1.45;color:#5c6570;min-height:74px}.home-service-grid a{color:#ff4d00;font-weight:800;font-size:12px}

.home-projects{background:#071019;color:#fff;padding:45px 6.5vw;display:grid;grid-template-columns:350px 1fr;gap:32px}.dark-intro>p:not(.orange-kicker){color:#c4cbd2}.home-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-project{position:relative;display:block;min-height:280px;border-radius:14px;overflow:hidden;background:#111820}.photo-project img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.35s}.photo-project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06090df2 0%,#06090d2c 66%)}.photo-project:hover img{transform:scale(1.05)}.photo-project>div{position:absolute;z-index:2;left:20px;right:20px;bottom:17px}.photo-project span{font-size:10px;border:1px solid #fff8;border-radius:999px;padding:4px 9px}.photo-project h3{font-size:18px;margin:9px 0 3px}.photo-project p{font-size:12px;color:#ccd2d8;margin:0}

.home-about{display:grid;grid-template-columns:.9fr 1.2fr 260px;min-height:355px}.home-about .about-copy{padding:50px 36px 50px 6.5vw}.home-about .about-copy h2{font-size:38px;line-height:1.05}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.home-about .about-stats{display:grid;align-content:center;padding:30px;background:#f6f7f8}.home-about .about-stats div{display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:1px solid #dde1e5;padding:14px 0}.home-about .about-stats b{color:#ff4d00;font-size:25px}.home-about .about-stats span{font-size:12px;color:#48515c}

.cta-band{padding:42px 6.5vw;background:linear-gradient(90deg,#11161d,#20120d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin:5px 0;font-size:34px;letter-spacing:-1px}.cta-band .orange-kicker{margin-bottom:0}

.page-hero{position:relative;min-height:420px;background:#071019;color:white;display:flex;align-items:center;overflow:hidden}.page-hero>div{position:relative;z-index:2;max-width:850px;padding:70px 6.5vw}.page-hero h1{font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-3px;margin:8px 0 18px}.page-hero>div>p:not(.orange-kicker){font-size:18px;line-height:1.5;color:#d1d8de;max-width:650px}.image-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero-overlay{position:absolute!important;inset:0!important;max-width:none!important;padding:0!important;background:linear-gradient(90deg,#071019f5 0%,#071019d6 45%,#07101967 100%)}.compact-hero{min-height:330px;background:radial-gradient(circle at 85% 20%,#56220f 0%,#111820 28%,#071019 65%)}

.service-detail-list{padding:50px 6.5vw;max-width:1500px;margin:auto;display:grid;gap:18px}.service-detail-list article{display:grid;grid-template-columns:90px 1fr;border:1px solid #e3e7ea;border-radius:18px;padding:30px;background:#fff}.service-detail-list article:nth-child(even){background:#f7f8f9}.service-number{font-size:31px;color:#ff4d00;font-weight:900}.service-big-icon{font-size:33px;color:#ff4d00}.service-detail-list h2{font-size:30px;margin:8px 0}.service-detail-list p{color:#58616c;max-width:760px}.service-detail-list ul{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:9px 24px;padding:0;list-style:none;max-width:760px}.service-detail-list li:before{content:"→";color:#ff4d00;margin-right:9px}

.portfolio-page-grid{padding:50px 6.5vw;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1500px;margin:auto}.portfolio-case{border-radius:18px;overflow:hidden;background:#0c1117;color:#fff;border:1px solid #242c35;display:grid;grid-template-columns:1.2fr 1fr;min-height:300px}.portfolio-case img{width:100%;height:100%;object-fit:cover}.case-copy{padding:30px;align-self:center}.case-copy>span{color:#ff5a00;font-size:10px;font-weight:900;letter-spacing:.08em}.case-copy h2{font-size:28px;margin:8px 0 10px}.case-copy p{font-size:14px;color:#c3cad1;line-height:1.5}.case-copy b{font-size:12px;color:#ff6b20}.generated-cover{display:grid;place-items:center;background:radial-gradient(circle,#3b1a0d,#09111a 65%);font-size:38px;font-weight:1000}.generated-cover span{color:#ff4d00}

.about-page-hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#071019;color:#fff}.about-page-hero>div{padding:85px 6.5vw;align-self:center}.about-page-hero h1{font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-3px;margin:10px 0 18px}.about-page-hero p:not(.orange-kicker){font-size:18px;line-height:1.5;color:#c9d0d7;max-width:650px}.about-page-hero img{width:100%;height:100%;object-fit:cover}.values-grid{padding:50px 6.5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.values-grid article{padding:28px;border:1px solid #e2e6e9;border-radius:16px}.values-grid b{color:#ff4d00}.values-grid h3{font-size:22px;margin:15px 0 9px}.values-grid p{font-size:14px;color:#5b6470;line-height:1.5}.mission-section{padding:70px 6.5vw;background:#f5f6f7;display:grid;grid-template-columns:1fr 1fr;gap:70px}.mission-section h2{font-size:44px;line-height:1.05;margin:7px 0}.mission-section>div:last-child p{font-size:17px;line-height:1.65;color:#4f5963}

.blog-grid{padding:50px 6.5vw;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1500px;margin:auto}.blog-card{display:grid;grid-template-columns:220px 1fr;border:1px solid #e1e5e8;border-radius:17px;overflow:hidden;background:#fff}.blog-card img{width:100%;height:100%;min-height:250px;object-fit:cover}.blog-card>div{padding:26px}.blog-card span{font-size:10px;color:#ff4d00;font-weight:900}.blog-card h2{font-size:25px;margin:9px 0}.blog-card p{color:#5d6671;line-height:1.5}.blog-card b{font-size:12px;color:#ff4d00}.blog-featured{grid-column:1/-1;grid-template-columns:1fr 1fr}.blog-featured img{min-height:370px}

.article-page{max-width:1050px;margin:auto;padding:60px 6vw}.article-page header{text-align:center;max-width:850px;margin:auto}.article-page header span{color:#ff4d00;font-size:11px;font-weight:900}.article-page h1{font-size:clamp(42px,5vw,66px);line-height:1.05;letter-spacing:-2px;margin:12px 0}.article-page header p{font-size:18px;color:#5a6470}.article-cover{width:100%;height:480px;object-fit:cover;border-radius:20px;margin:35px 0}.article-content{max-width:760px;margin:auto}.article-content h2{font-size:30px;margin-top:35px}.article-content p{font-size:17px;line-height:1.75;color:#3f4852}

.contact-page{min-height:680px;background:linear-gradient(105deg,#071019,#111820);color:#fff;padding:70px 6.5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-copy h1{font-size:clamp(50px,5vw,74px);line-height:1;letter-spacing:-3px}.contact-copy>p:not(.orange-kicker){font-size:18px;line-height:1.55;color:#c6cdd4;max-width:520px}.contact-details{display:grid;gap:16px;margin-top:40px}.contact-details div{padding:15px 0;border-bottom:1px solid #2b333d}.contact-details small{display:block;color:#7f8994;font-size:10px;text-transform:uppercase}.contact-details b{font-size:15px}.contact-form-final{align-self:center;background:#fff;color:#111;border-radius:20px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form-final label{font-size:12px;font-weight:800}.contact-form-final input,.contact-form-final textarea{width:100%;margin-top:7px;border:1px solid #d9dee3;background:#f8f9fa;color:#111;border-radius:9px;padding:13px;font:inherit}.full-field{grid-column:1/-1}.contact-form-final .quote-btn{width:100%}

@media(max-width:1200px){.hero-brand-panel{display:none}.final-hero-content{max-width:820px}.home-services,.home-projects{grid-template-columns:1fr}.home-service-grid{grid-template-columns:repeat(3,1fr)}.home-about{grid-template-columns:1fr 1fr}.home-about .about-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.portfolio-page-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.final-hero{min-height:600px}.final-hero-content{padding:55px 5vw}.final-hero-content h1{font-size:50px;letter-spacing:-2px}.hero-benefits{display:grid}.home-service-grid,.home-project-grid{grid-template-columns:1fr}.home-about{grid-template-columns:1fr}.home-about .about-stats{grid-template-columns:1fr 1fr}.cta-band{align-items:flex-start;flex-direction:column}.page-hero>div{padding:55px 5vw}.service-detail-list{padding:35px 5vw}.service-detail-list article{grid-template-columns:1fr}.service-number{margin-bottom:15px}.service-detail-list ul{grid-template-columns:1fr}.portfolio-page-grid{padding:35px 5vw}.portfolio-case{grid-template-columns:1fr}.portfolio-case img{height:250px}.about-page-hero{grid-template-columns:1fr}.about-page-hero>div{padding:55px 5vw}.about-page-hero img{height:320px}.values-grid{padding:35px 5vw;grid-template-columns:1fr}.mission-section{padding:50px 5vw;grid-template-columns:1fr}.blog-grid{padding:35px 5vw;grid-template-columns:1fr}.blog-card,.blog-featured{grid-template-columns:1fr;grid-column:auto}.blog-card img{height:240px}.contact-page{padding:50px 5vw;grid-template-columns:1fr}.contact-form-final{grid-template-columns:1fr}.full-field{grid-column:auto}.footer-grid{grid-template-columns:1fr}.site-footer{padding-left:5vw;padding-right:5vw}}

/* ===== 2026-10-01 REFERENCE TEMPLATE LOCK ===== */
.public-logo-img,.footer-logo-img{display:block}.public-logo-img img{width:220px;height:58px;object-fit:contain;display:block}.footer-logo-img img{width:210px;height:auto}.reference-home .public-header{background:rgba(5,12,20,.96)}.reference-home .public-header-inner{height:70px;max-width:none;padding:0 6.4vw;grid-template-columns:235px 1fr auto}.reference-home .public-nav{gap:30px;font-size:13px}.reference-home .public-nav a{height:70px}.reference-home .public-actions{gap:22px}.reference-home .quote-btn{border-radius:13px;padding:14px 28px;background:#ff4b00}.reference-home .search-pill{display:grid;place-items:center}

.ref-hero{height:368px;position:relative;overflow:hidden;background:#071019;color:#fff}.ref-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 45%;filter:saturate(.9) contrast(1.05)}.ref-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#071019 0%,rgba(7,16,25,.98) 35%,rgba(7,16,25,.68) 57%,rgba(7,16,25,.2) 100%)}.ref-hero-inner{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:48% 52%;padding:19px 6.4vw 0;max-width:1600px;margin:auto}.ref-hero-copy{align-self:center;max-width:600px}.ref-hero-copy h1{font-size:49px;line-height:.94;letter-spacing:-2.8px;margin:7px 0 11px}.ref-hero-copy h1 em{font-style:normal;color:#ff4b00}.ref-lead{font-size:17px;line-height:1.25;color:#d8dee5;max-width:520px;margin:0}.ref-hero-copy .hero-buttons{margin:16px 0 20px}.ref-hero-copy .video-btn{padding:11px 20px}.ref-benefits{gap:26px}.ref-benefits>div{min-width:0}.ref-benefits i{font-size:25px}.ref-benefits b{font-size:11px}.ref-benefits span{font-size:10px}

.device-stage{position:relative;height:100%;align-self:end}.device-monitor{position:absolute;right:0;top:0;width:78%;height:300px;padding:10px;border-radius:16px;background:#101720;box-shadow:0 22px 45px #0009}.device-screen{position:relative;width:100%;height:100%;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 35% 30%,#122233,#071019 55%,#241108);background-image:linear-gradient(135deg,rgba(255,90,0,.18),transparent 36%),linear-gradient(160deg,#0c1b2a,#071019 58%,#2b1208)}.device-screen:before{content:"";position:absolute;inset:-20% 38% -20% 44%;background:linear-gradient(140deg,transparent 38%,#ff4d00 42%,#ff8d4d 45%,transparent 49%);opacity:.45;transform:rotate(5deg)}.device-screen>img{position:absolute;left:42px;top:48px;width:190px;height:auto}.device-slogan{position:absolute;left:45px;top:145px;font-size:18px;line-height:1.14;font-weight:900}.device-slogan strong{color:#ff4b00}.device-screen ul{position:absolute;right:30px;top:70px;list-style:none;margin:0;padding:0;display:grid;gap:20px;font-size:11px}.device-screen li:before{content:"▣";color:#ff4b00;margin-right:9px}.device-laptop{position:absolute;left:5%;bottom:13px;width:41%;height:155px;border:8px solid #171e27;border-radius:11px;background:#080c12;box-shadow:0 18px 35px #0009}.device-laptop>div,.device-phone>div{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#08121d,#15100d)}.device-laptop img{width:135px}.device-phone{position:absolute;right:-4%;bottom:10px;width:64px;height:155px;border:5px solid #171e27;border-radius:17px;background:#080c12;box-shadow:0 18px 35px #0009}.device-phone img{width:52px}

.ref-services{min-height:200px;padding:18px 6.4vw 20px;display:grid;grid-template-columns:390px 1fr;gap:25px;align-items:center;background:#fff}.ref-intro h2{font-size:31px;line-height:.99;letter-spacing:-1.4px;margin:4px 0 8px}.ref-intro>p:not(.orange-kicker){font-size:13px;line-height:1.3;color:#4d5762;margin:0 0 9px}.ref-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.ref-service-grid article{height:160px;border-radius:12px;padding:17px 18px;border:1px solid #eff1f3;background:linear-gradient(145deg,#f7f8fa,#fff)}.ref-service-grid article.featured{background:#fff1e8}.ref-service-icon{display:block;color:#ff4b00;font-size:28px}.ref-service-grid h3{font-size:15px;margin:6px 0}.ref-service-grid p{font-size:11.5px;line-height:1.25;color:#57616d;height:43px;overflow:hidden}.ref-service-grid a{font-size:11px;color:#ff4b00;font-weight:800}

.ref-projects{min-height:195px;padding:20px 6.4vw;background:#06111b;color:#fff;display:grid;grid-template-columns:390px 1fr;gap:25px;align-items:center}.ref-intro.dark>p:not(.orange-kicker){color:#cad0d6}.ref-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ref-project-card{height:156px;border-radius:8px;overflow:hidden;background:#0d1319;position:relative}.ref-project-card>img{width:100%;height:100%;object-fit:cover;display:block}.ref-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.05) 66%)}.ref-project-card>div{position:absolute;z-index:2;left:12px;right:12px;bottom:9px}.ref-project-card span{font-size:10px;padding:2px 9px;border:1px solid #fff;border-radius:999px;background:#0008}.ref-project-card h3{font-size:13px;margin:6px 0 1px}.ref-project-card p{font-size:10.5px;margin:0;color:#e1e4e7}.ref-project-card b{position:absolute;right:0;bottom:0;width:30px;height:30px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}

.ref-about{min-height:190px;display:grid;grid-template-columns:40% 43% 17%;background:#fff}.ref-about-copy{padding:16px 25px 16px 6.4vw;align-self:center}.ref-about-copy h2{font-size:25px;line-height:.98;letter-spacing:-1px;margin:3px 0 7px}.ref-about-copy>p:not(.orange-kicker){font-size:11.5px;line-height:1.25;color:#48535e;margin:0 0 10px}.ref-about-photo{position:relative;overflow:hidden;min-height:190px;background:#171717}.ref-about-photo>img:first-child{width:100%;height:100%;object-fit:cover;display:block}.ref-about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent)}.about-watermark{position:absolute!important;z-index:2!important;left:50%!important;top:25%!important;width:200px!important;height:auto!important;transform:translateX(-50%);filter:drop-shadow(0 3px 7px #0008)}.ref-about-stats{display:grid;align-content:center;gap:8px;padding:14px 20px;background:#fff}.ref-about-stats div{display:grid;grid-template-columns:45px 1fr;align-items:center}.ref-about-stats b{color:#ff4b00;font-size:16px}.ref-about-stats span{font-size:10px;color:#4f5963}.reference-home .site-footer{margin-top:0}

@media(max-width:1200px){.reference-home .public-logo-img img{width:190px}.ref-hero-inner{grid-template-columns:55% 45%}.device-stage{transform:scale(.88);transform-origin:right center}.ref-services,.ref-projects{grid-template-columns:300px 1fr}.ref-service-grid{gap:9px}.ref-about{grid-template-columns:42% 42% 16%}}
@media(max-width:900px){.reference-home .public-header-inner{grid-template-columns:auto 1fr}.reference-home .public-actions{display:none}.ref-hero{height:auto;min-height:520px}.ref-hero-inner{grid-template-columns:1fr;padding:45px 5vw}.device-stage{display:none}.ref-hero-copy h1{font-size:52px}.ref-services,.ref-projects{grid-template-columns:1fr;padding:30px 5vw}.ref-service-grid{grid-template-columns:repeat(2,1fr)}.ref-project-grid{grid-template-columns:1fr}.ref-project-card{height:210px}.ref-about{grid-template-columns:1fr}.ref-about-copy{padding:35px 5vw}.ref-about-photo{min-height:300px}.ref-about-stats{grid-template-columns:repeat(2,1fr);padding:25px 5vw}}
@media(max-width:700px){.reference-home .public-header-inner{display:flex}.reference-home .public-logo-img img{width:175px}.ref-hero-copy h1{font-size:44px}.ref-service-grid{grid-template-columns:1fr}.ref-service-grid article{height:auto;min-height:150px}.ref-project-card{height:190px}}

/* ===== CHOSEN OFFICIAL INFOART LOGO ===== */
.chosen-logo{display:block;background-image:url("data:image/webp;base64,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");background-repeat:no-repeat;background-position:center;background-size:contain}
.public-logo-img .chosen-logo{width:220px;height:62px}
.footer-logo-img .chosen-logo{width:210px;height:70px}
.device-screen .chosen-logo{position:absolute;left:42px;top:40px;width:205px;height:70px}
.device-laptop .chosen-logo{width:150px;height:58px}
.device-phone .chosen-logo{width:52px;height:45px}
.about-watermark.chosen-logo{position:absolute!important;left:50%!important;top:18%!important;transform:translateX(-50%);width:220px!important;height:75px!important;z-index:3!important}

/* Official logo image dimensions */
.public-logo-img .official-logo-img{display:block;width:220px;height:auto;max-height:62px;object-fit:contain}
.footer-logo-img .official-logo-img{display:block;width:210px;height:auto;object-fit:contain}
.device-screen .official-logo-img{position:absolute;left:42px;top:40px;width:205px;height:auto;object-fit:contain}
.device-laptop .official-logo-img{width:150px;height:auto;object-fit:contain}
.device-phone .official-logo-img{width:52px;height:auto;object-fit:contain}
.about-watermark.official-logo-img{position:absolute!important;left:50%!important;top:18%!important;transform:translateX(-50%);width:220px!important;height:auto!important;z-index:3!important;object-fit:contain!important}

/* Hero device photos */
.device-screen.photo-screen,
.device-laptop .photo-screen,
.device-phone .photo-screen{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative;
  overflow:hidden;
}
.device-screen.photo-screen:after,
.device-laptop .photo-screen:after,
.device-phone .photo-screen:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(3,8,13,.2),rgba(3,8,13,.65));
  z-index:0;
}
.device-screen.photo-screen>*,
.device-laptop .photo-screen>*,
.device-phone .photo-screen>*{
  position:relative;
  z-index:1;
}

/* Force visible project photos inside hero devices */
.photo-screen{position:relative!important;overflow:hidden!important;background:#0b0f14!important}
.photo-screen .device-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;z-index:0!important}
.photo-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,7,12,.12),rgba(2,7,12,.48));z-index:1}
.photo-screen .official-logo-img,.photo-screen .device-slogan,.photo-screen ul{z-index:2!important}
.device-laptop .photo-screen,.device-phone .photo-screen{width:100%;height:100%}

/* ===== Correct official logo placement inside showcase images ===== */
.device-screen.photo-screen .official-logo-img{
  position:absolute!important;
  left:34px!important;
  top:24px!important;
  width:155px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  z-index:3!important;
}
.device-screen.photo-screen .device-slogan{
  position:absolute!important;
  left:36px!important;
  top:118px!important;
  z-index:3!important;
}
.device-screen.photo-screen ul{
  position:absolute!important;
  right:25px!important;
  top:62px!important;
  z-index:3!important;
}
.device-laptop .photo-screen .official-logo-img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:105px!important;
  height:auto!important;
  object-fit:contain!important;
  z-index:3!important;
}
.device-phone .photo-screen .official-logo-img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:38px!important;
  height:auto!important;
  object-fit:contain!important;
  z-index:3!important;
}
.ref-about-photo .about-watermark.official-logo-img{
  left:50%!important;
  top:20px!important;
  transform:translateX(-50%)!important;
  width:165px!important;
  height:auto!important;
  z-index:3!important;
}

/* ===== OFFICIAL INFOART LOGO: remove dark rectangle everywhere ===== */
.official-logo-img{
  background:transparent!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.22));
}
.public-logo-img,
.footer-logo-img{
  background:transparent!important;
  overflow:visible!important;
}
.device-screen .official-logo-img,
.device-laptop .official-logo-img,
.device-phone .official-logo-img,
.ref-about-photo .official-logo-img{
  mix-blend-mode:screen!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Official transparent logo: preserve original colors and proportions */
.official-logo-img{
  background:transparent!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  box-shadow:none!important;
}

/* ===== CRM V2 / Approved premium operations workspace ===== */
.crm-v2{background:#f4f7fb;color:#182033}
.crm-sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,#0e1a29,#0b1420);color:#dce5ef;z-index:60;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}
.crm-brand{height:78px;padding:14px 24px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}
.crm-brand img{width:155px;height:52px;object-fit:contain;object-position:left center}
.crm-nav{padding:16px 0;display:flex;flex-direction:column;gap:3px;overflow:auto}
.crm-nav a{position:relative;display:flex;align-items:center;gap:13px;padding:12px 22px;color:#d2dbe5;font-size:13px}
.crm-nav a span{width:22px;text-align:center;font-size:17px;color:#aab6c5}
.crm-nav a:hover{background:#152539;color:#fff}
.crm-nav a.active{background:linear-gradient(90deg,rgba(255,82,0,.24),rgba(255,82,0,.08));color:#fff;font-weight:800}
.crm-nav a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ff5200}
.crm-nav a.active span{color:#ff6a22}
.crm-sidebar-bottom{margin-top:auto;padding:15px;border-top:1px solid rgba(255,255,255,.08)}
.crm-user-mini,.crm-owner-line,.crm-account{display:flex;align-items:center;gap:10px}
.crm-user-mini div:last-child,.crm-owner-line div,.crm-account>span:last-child{display:grid}
.crm-user-mini b,.crm-owner-line b,.crm-account b{font-size:12px}
.crm-user-mini small,.crm-owner-line small,.crm-account small{font-size:9px;color:#8e9bac;text-transform:uppercase;letter-spacing:.05em}
.crm-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff6a22,#ff3c00);color:#fff;font-weight:900;flex:0 0 auto}
.crm-avatar.small{width:34px;height:34px}

.crm-topbar{position:fixed;left:220px;right:0;top:0;height:62px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e3e8ef;z-index:55;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.crm-top-search{width:min(560px,48vw);height:40px;background:#f5f7fa;border:1px solid #e0e5ec;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:10px}
.crm-top-search input{border:0!important;background:transparent!important;color:#394457!important;padding:0!important;outline:0;box-shadow:none}
.crm-top-search span{font-size:20px;color:#718095}.crm-top-search kbd{font-size:10px;border:1px solid #d9dfe7;background:#fff;border-radius:6px;padding:3px 6px;color:#8290a0;white-space:nowrap}
.crm-top-actions{display:flex;align-items:center;gap:10px}
.crm-new-btn{background:#ff5200;color:#fff;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:800}
.crm-icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid #dfe5ec;display:grid;place-items:center;color:#455267}
.crm-account{padding-left:6px}.crm-account>span:last-child{min-width:110px}.crm-account b{color:#1f2938}.crm-account small{color:#7b8795}
.crm-main{margin-left:220px!important;padding:86px 24px 50px!important;color:#182033;max-width:none!important}
.crm-main input,.crm-main textarea,.crm-main select{background:#fff;color:#273247;border:1px solid #dfe5ec}
.crm-breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#788599;margin-bottom:10px}.crm-breadcrumb a{font-size:18px;color:#2f3a4c}.crm-breadcrumb strong{color:#263143}

.crm-project-hero{background:#fff;border:1px solid #e3e8ee;border-radius:15px;padding:16px;display:grid;grid-template-columns:220px 1fr 250px;gap:20px;align-items:center;box-shadow:0 8px 25px rgba(35,54,83,.04)}
.crm-project-cover{height:126px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#112031,#284d70 55%,#ff6b21);position:relative}
.crm-project-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.25),transparent 35%)}
.crm-cover-mark{position:absolute;z-index:2;left:18px;bottom:17px;color:#fff;font-weight:1000;font-size:24px;letter-spacing:-2px}.crm-cover-mark span{color:#ff5a00}.crm-cover-mark small{display:block;font-size:8px;letter-spacing:7px;text-align:center;margin-top:2px}
.crm-title-line{display:flex;align-items:center;gap:12px}.crm-title-line h1{font-size:28px;margin:0;letter-spacing:-1px}.crm-project-info>p{margin:6px 0 13px;color:#687588;font-size:13px}
.crm-status{font-size:10px;padding:6px 9px;border-radius:999px;background:#edf1f5;color:#566376;text-transform:capitalize}.crm-status.livre{background:#e8f8ee;color:#22824a}.crm-status.en_cours{background:#fff0e8;color:#d65414}.crm-status.bloque{background:#ffeded;color:#be3030}
.crm-project-meta,.crm-tags{display:flex;flex-wrap:wrap;gap:8px}.crm-project-meta span,.crm-project-meta a{font-size:11px;color:#59667a;background:#f7f9fb;border:1px solid #e8edf2;padding:6px 9px;border-radius:8px}.crm-project-meta a{color:#ff5200;font-weight:700}
.crm-tags{margin-top:9px}.crm-tags span{font-size:10px;background:#eef2f6;color:#5b6879;padding:5px 8px;border-radius:7px}
.crm-project-owner{border-left:1px solid #e7ebf0;padding-left:20px}.crm-project-owner>small{color:#8894a3;font-size:10px}.crm-team-avatars{display:flex;margin-top:12px}.crm-team-avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f3f6;color:#455368;border:2px solid #fff;margin-left:-6px;font-size:10px;font-weight:800}.crm-team-avatars span:first-child{margin-left:0}

.crm-project-tabs{margin:0 0 16px;background:#fff;border:1px solid #e3e8ee;border-top:0;border-radius:0 0 15px 15px;padding:0 16px;display:flex;gap:28px;overflow:auto}
.crm-project-tabs a{position:relative;padding:14px 0;color:#5e6b7e;font-size:12px;white-space:nowrap}.crm-project-tabs a.active{color:#ff5200;font-weight:800}.crm-project-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ff5200;border-radius:3px 3px 0 0}

.crm-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}
.crm-metrics-grid article{background:#fff;border:1px solid #e1e7ee;border-radius:14px;min-height:98px;padding:15px;display:flex;align-items:center;gap:12px}
.crm-metrics-grid article>i{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0e9;color:#ff5200;font-size:18px}
.crm-metrics-grid article>i.green{background:#eaf8ef;color:#22a052}.crm-metrics-grid article>i.red{background:#ffeded;color:#c63b3b}.crm-metrics-grid article>i.orange{background:#fff3e6;color:#e87a14}.crm-metrics-grid article>i.blue{background:#edf4ff;color:#3478d3}
.crm-metrics-grid article>div:not(.crm-ring){display:grid;gap:2px}.crm-metrics-grid small{color:#8c97a6;font-size:10px}.crm-metrics-grid b{font-size:16px}.crm-metrics-grid em{font-style:normal;color:#768497;font-size:9px}.crm-metrics-grid b.green{color:#25a257}.crm-metrics-grid b.red{color:#c93b3b}.crm-metrics-grid b.orange{color:#e57b15}.crm-metrics-grid b.blue{color:#3478d3}
.crm-ring,.crm-big-ring{--p:0;position:relative;border-radius:50%;background:conic-gradient(#25b360 calc(var(--p)*1%),#e8edf2 0);display:grid;place-items:center}.crm-ring{width:48px;height:48px}.crm-ring:before,.crm-big-ring:before{content:"";position:absolute;border-radius:50%;background:#fff}.crm-ring:before{inset:6px}.crm-ring span{position:relative;font-size:10px;font-weight:900}

.crm-overview-grid{display:grid;grid-template-columns:1fr 1.15fr 1.05fr;gap:14px;margin-bottom:14px}.crm-card{background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:16px;box-shadow:0 5px 20px rgba(34,54,80,.025);overflow:visible;margin:0}.crm-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.crm-card-head h2{margin:0;font-size:15px}.crm-card-head span,.crm-card-head a{font-size:10px;color:#8a96a6}.crm-card-head a{color:#ff5200;font-weight:800}
.crm-health-body{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center}.crm-big-ring{width:112px;height:112px}.crm-big-ring:before{inset:12px}.crm-big-ring>span{position:relative;display:grid;text-align:center}.crm-big-ring b{font-size:22px}.crm-big-ring small{font-size:9px;color:#8995a5}.crm-health-body ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.crm-health-body li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;font-size:11px;color:#5d697b}.crm-health-body li b{color:#263143}.green-dot,.red-dot,.orange-dot{width:8px;height:8px;border-radius:50%}.green-dot{background:#20b05b}.red-dot{background:#e34242}.orange-dot{background:#f19227}.crm-health-message{margin-top:13px;padding:10px;border-radius:9px;font-size:11px;font-weight:700}.crm-health-message.green{background:#eaf8ef;color:#228a4b}.crm-health-message.red{background:#ffeded;color:#ba3737}.crm-health-message.orange{background:#fff3e7;color:#c66c12}.crm-health-message.blue{background:#eef5ff;color:#3370bd}

.crm-milestones{display:grid}.crm-milestone{position:relative;display:grid;grid-template-columns:24px 72px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f4}.crm-milestone-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef2f5;color:#7c8999;font-size:10px}.crm-milestone-dot.valide{background:#22b25b;color:#fff}.crm-milestone-dot.en_cours{background:#ff6a22;color:#fff}.crm-milestone small{font-size:9px;color:#8591a0;margin-top:3px}.crm-milestone b{font-size:11px}.crm-milestone p{font-size:9px;color:#8994a2;margin:2px 0 0}
.crm-priority-tasks{display:grid}.crm-priority-task{display:grid;grid-template-columns:24px 1fr 75px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f4}.crm-check{width:18px;height:18px;border-radius:5px;border:1px solid #cfd7e1;display:grid;place-items:center;color:#fff;font-size:10px}.crm-check.done{background:#ff5a00;border-color:#ff5a00}.crm-priority-task b{font-size:11px}.crm-priority-task small{display:block;font-size:9px;color:#8b96a4}.crm-date{font-size:9px;color:#8390a0;text-align:right}
.crm-inline-editor{margin-top:10px}.crm-inline-editor summary{cursor:pointer;font-size:10px;color:#ff5200;font-weight:800}.crm-mini-form{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr auto;gap:7px;margin-top:9px}.crm-mini-form input,.crm-mini-form select{padding:9px!important;font-size:10px}.crm-mini-form .btn{padding:9px 12px;font-size:10px}

.crm-lower-grid{display:grid;grid-template-columns:1.05fr .9fr 1fr;gap:14px;margin-bottom:14px}.crm-finance-bars{display:grid;gap:12px}.crm-finance-bars>div{display:grid;grid-template-columns:100px 90px 1fr;gap:10px;align-items:center}.crm-finance-bars span{font-size:10px;color:#758295}.crm-finance-bars b{font-size:11px;text-align:right}.crm-finance-bars i{height:9px;background:#edf1f5;border-radius:20px;overflow:hidden}.crm-finance-bars u{display:block;height:100%;background:linear-gradient(90deg,#ff5200,#ff8a44);border-radius:20px;text-decoration:none}
.crm-team-grid{display:flex;gap:15px;align-items:flex-start;overflow:auto;padding-bottom:4px}.crm-team-person{min-width:66px;text-align:center;display:grid;justify-items:center;gap:4px}.crm-team-person .crm-avatar{width:42px;height:42px}.crm-team-person b{font-size:9px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-team-person small{font-size:8px;color:#8b96a4}.crm-team-person.future .crm-avatar{background:#fff;border:1px dashed #cfd7e1;color:#ff5200}
.crm-activity-list{display:grid}.crm-activity-list>div{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid #eef1f4}.crm-activity-list>div>span{color:#25ae5a;font-size:8px;margin-top:4px}.crm-activity-list p{margin:0;font-size:10px;color:#4c586a}.crm-activity-list small{display:block;font-size:8px;color:#909baa;margin-top:2px}

.crm-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.crm-resource-row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f4}.crm-resource-row>span{color:#ff5200}.crm-resource-row b{font-size:10px}.crm-resource-row small{display:block;font-size:8px;color:#8b96a5}.crm-resource-row a{font-size:9px;color:#ff5200;font-weight:700}.crm-resource-row em{font-size:9px;color:#7d8998;font-style:normal}.crm-empty{font-size:10px;color:#909ba9}
.crm-settings summary{font-weight:800;cursor:pointer;color:#273247}.crm-settings form{margin-top:16px}.crm-settings label{color:#687588}
.crm-task-board{display:grid}.crm-task-line{display:grid;grid-template-columns:24px minmax(220px,1fr) 90px 90px 145px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f4}.crm-task-main b{font-size:12px}.crm-task-main small{display:block;font-size:9px;color:#8a96a5}.crm-task-main a{color:#ff5200}.crm-priority{font-size:9px;border-radius:999px;padding:5px 7px;text-align:center;background:#f0f3f6;color:#657183}.crm-priority.urgente{background:#ffeded;color:#c43d3d}.crm-priority.haute{background:#fff1e7;color:#ce6414}.crm-priority.normale{background:#eef5ff;color:#3974b9}.crm-task-line select{font-size:10px;padding:8px!important}
.crm-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.crm-page-head h1{font-size:27px;margin:2px 0}.crm-page-head p:not(.eyebrow){color:#7e8b9b;font-size:12px;margin:4px 0}

@media(max-width:1350px){.crm-metrics-grid{grid-template-columns:repeat(3,1fr)}.crm-overview-grid,.crm-lower-grid{grid-template-columns:1fr 1fr}.crm-overview-grid>*:last-child,.crm-lower-grid>*:last-child{grid-column:1/-1}.crm-project-hero{grid-template-columns:180px 1fr 210px}}
@media(max-width:980px){.crm-sidebar{width:76px}.crm-brand{padding:12px}.crm-brand img{width:52px;object-fit:cover;object-position:left}.crm-nav a{padding:12px 0;justify-content:center}.crm-nav a span{width:auto}.crm-nav a{font-size:0}.crm-sidebar-bottom{display:none}.crm-topbar{left:76px}.crm-main{margin-left:76px!important}.crm-account>span:last-child{display:none}.crm-project-hero{grid-template-columns:130px 1fr}.crm-project-owner{grid-column:1/-1;border-left:0;border-top:1px solid #e7ebf0;padding:12px 0 0;display:flex;align-items:center;justify-content:space-between}.crm-overview-grid,.crm-lower-grid,.crm-resource-grid{grid-template-columns:1fr}.crm-overview-grid>*:last-child,.crm-lower-grid>*:last-child{grid-column:auto}}
@media(max-width:700px){.crm-sidebar{position:static;width:auto;height:auto}.crm-brand{height:60px}.crm-brand img{width:145px;object-fit:contain}.crm-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:7px}.crm-nav a{font-size:9px;justify-content:flex-start;padding:9px}.crm-topbar{position:static;height:auto;padding:8px}.crm-top-search{width:100%}.crm-top-actions{display:none}.crm-main{margin-left:0!important;padding:16px 10px 40px!important}.crm-project-hero{grid-template-columns:1fr}.crm-project-cover{height:160px}.crm-project-owner{grid-column:auto}.crm-project-tabs{gap:18px}.crm-metrics-grid{grid-template-columns:1fr 1fr}.crm-overview-grid,.crm-lower-grid,.crm-resource-grid{grid-template-columns:1fr}.crm-health-body{grid-template-columns:1fr;justify-items:center}.crm-mini-form,.crm-task-line{grid-template-columns:1fr}.crm-task-line{gap:6px}.crm-task-line .crm-date{text-align:left}.crm-finance-bars>div{grid-template-columns:1fr}.crm-finance-bars b{text-align:left}.crm-resource-grid{grid-template-columns:1fr}}

/* ===== CRM V3 / Full module system ===== */
.crm-head-date{font-size:11px;color:#8190a2}
.crm-dashboard-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px}
.crm-dashboard-kpis article,.crm-finance-kpis article{background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:16px}
.crm-dashboard-kpis span,.crm-finance-kpis span{font-size:10px;color:#8592a2}.crm-dashboard-kpis b,.crm-finance-kpis b{display:block;font-size:24px;margin:7px 0 2px}.crm-dashboard-kpis small,.crm-finance-kpis small{font-size:9px;color:#9aa5b2}
.crm-dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px}.crm-span-2{grid-column:span 2}.crm-span-3{grid-column:1/-1}
.crm-card-head>div{display:grid;gap:2px}.crm-card-head>div small{font-size:9px;color:#94a0ae}
.crm-table-wrap{overflow:auto}.crm-table{width:100%;border-collapse:collapse}.crm-table th{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#8c98a7;padding:10px;border-bottom:1px solid #e9edf2}.crm-table td{padding:12px 10px;border-bottom:1px solid #edf1f4;font-size:11px;color:#4a576a}.crm-table td b{color:#263143}.crm-table-link{color:#253044}.crm-message-cell{max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#eff3f7;color:#5f6d80;font-size:9px;text-transform:capitalize}
.crm-progress-line{height:6px;background:#edf1f5;border-radius:999px;overflow:hidden;min-width:100px}.crm-progress-line i{display:block;height:100%;background:linear-gradient(90deg,#ff5200,#ff8b48);border-radius:inherit}.wide-line{width:170px}
.crm-list{display:grid}.crm-list-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f4}.crm-list-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff0e8;color:#ff5200}.crm-list-row b{font-size:10px}.crm-list-row small{display:block;font-size:8px;color:#8a96a5}.crm-list-row em{font-style:normal;font-size:9px;color:#7b8898}
.crm-activity-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}
.crm-page-stat{background:#fff;border:1px solid #e1e7ee;border-radius:12px;padding:10px 16px;display:grid;text-align:center}.crm-page-stat b{font-size:20px;color:#ff5200}.crm-page-stat span{font-size:9px;color:#8b96a4}
.crm-inline-select,.crm-invoice-form select,.crm-invoice-form input{font-size:9px!important;padding:7px!important}
.crm-action-btn{border:1px solid #dce3ea;background:#fff;color:#354154;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.crm-action-btn:hover{border-color:#ff5200;color:#ff5200}.crm-success-text{font-size:9px;color:#25a05a;font-weight:800}
.crm-client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.crm-client-card{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid #e5eaf0;border-radius:13px;padding:14px;background:#fff;transition:.2s}.crm-client-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(40,57,80,.08)}.crm-client-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#16263a,#ff5a00);color:#fff;display:grid;place-items:center;font-weight:900}.crm-client-avatar.large{width:66px;height:66px;border-radius:16px;font-size:20px}.crm-client-main h3{margin:0;font-size:14px}.crm-client-main p{margin:3px 0;font-size:10px;color:#667386}.crm-client-main small{font-size:9px;color:#909ba9}.crm-client-meta{display:grid;gap:5px;justify-items:end}.crm-client-meta span{font-size:9px;color:#778395}.crm-client-meta b{color:#263143}
.crm-dialog{border:0;border-radius:16px;padding:24px;width:min(560px,92vw);box-shadow:0 30px 80px rgba(20,31,47,.25);color:#243045}.crm-dialog::backdrop{background:rgba(9,17,27,.55);backdrop-filter:blur(3px)}.wide-dialog{width:min(760px,94vw)}.crm-dialog h2{margin:0 0 16px}.crm-dialog-close{position:absolute;right:12px;top:10px}.crm-dialog-close button{border:0;background:#f0f3f6;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer}
.crm-modal-form{display:grid;gap:10px}.crm-modal-form.two-col{grid-template-columns:1fr 1fr}.crm-modal-form label{display:grid;gap:5px;font-size:10px;color:#6c798b}.crm-modal-form input,.crm-modal-form textarea,.crm-modal-form select{background:#fff;color:#273247;border:1px solid #dfe5ec;border-radius:9px;padding:11px;font:inherit}.crm-modal-form textarea{min-height:80px}.crm-modal-form.two-col textarea,.crm-modal-form.two-col .btn,.crm-modal-form.two-col label.check{grid-column:1/-1}
.crm-client-hero{background:#fff;border:1px solid #e2e8ef;border-radius:14px;padding:16px;display:flex;align-items:center;gap:15px;margin-bottom:14px}.crm-client-hero h1{font-size:25px;margin:0}.crm-client-hero p{font-size:11px;color:#6f7c8e;margin:5px 0}.crm-client-metrics{grid-template-columns:repeat(4,1fr)}.crm-client-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;margin-bottom:14px}
.crm-project-list{display:grid;gap:12px}.crm-project-list-card{background:#fff;border:1px solid #e2e8ef;border-radius:14px;padding:12px;display:grid;grid-template-columns:140px 1fr;gap:14px;transition:.2s}.crm-project-list-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(39,56,78,.07)}.crm-project-list-cover{border-radius:10px;background:linear-gradient(135deg,#102033,#274b6d 62%,#ff5a00);display:grid;place-items:center;color:#fff;font-size:21px;font-weight:900}.crm-project-list-cover b{color:#ff5a00}.crm-project-list-main>div:first-child{display:flex;align-items:center;justify-content:space-between}.crm-project-list-main h3{margin:0;font-size:15px}.crm-project-list-main>p{font-size:10px;color:#7b8797;margin:4px 0 14px}.crm-project-list-bottom{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:14px}.crm-project-list-bottom>div,.crm-project-list-bottom>span{display:grid;gap:4px}.crm-project-list-bottom small{font-size:8px;color:#8d98a7}.crm-project-list-bottom b{font-size:10px}
.crm-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crm-doc-card{background:#fff;border:1px solid #e2e7ed;border-radius:14px;padding:15px;display:grid;grid-template-columns:42px 1fr;gap:12px;position:relative}.crm-doc-icon{width:42px;height:42px;border-radius:10px;background:#fff0e8;color:#ff5200;display:grid;place-items:center;font-size:20px}.crm-doc-card h3{font-size:13px;margin:8px 0 3px}.crm-doc-card p,.crm-doc-card small{font-size:9px;color:#8390a0}.crm-doc-actions{grid-column:1/-1;border-top:1px solid #edf1f4;padding-top:10px;display:flex;gap:12px}.crm-doc-actions a,.crm-doc-actions button{font-size:9px;border:0;background:none;color:#ff5200;cursor:pointer;padding:0}
.crm-infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crm-infra-card{background:#fff;border:1px solid #e1e7ed;border-radius:14px;padding:15px}.crm-infra-top{display:flex;align-items:center;gap:8px}.crm-infra-top .crm-status{margin-left:auto}.crm-infra-card h3{font-size:14px;margin:14px 0 3px}.crm-infra-card>p{font-size:9px;color:#8b97a5}.crm-infra-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.crm-infra-meta span{display:grid;gap:2px}.crm-infra-meta small{font-size:8px;color:#8c98a7}.crm-infra-meta b{font-size:9px}.crm-infra-foot{border-top:1px solid #edf1f4;margin-top:12px;padding-top:10px;display:flex;align-items:center;justify-content:space-between}.crm-infra-foot small{font-size:8px;color:#8491a0}.crm-danger-link{border:0;background:none;color:#c64848;font-size:8px;cursor:pointer}
.crm-status.actif{background:#e8f8ee;color:#23834b}.crm-status.a_renouveler{background:#fff2e5;color:#cf6e11}.crm-status.expire{background:#ffeded;color:#ba3838}
.crm-finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.crm-finance-kpis b.green{color:#23a259}.crm-finance-kpis b.orange{color:#ff640f}.crm-invoice-form{display:grid;grid-template-columns:105px 90px 32px;gap:5px;align-items:center}
.crm-report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.crm-bars-chart{height:280px;display:flex;align-items:end;gap:16px;padding:20px 5px 0}.crm-bar-item{flex:1;height:100%;display:grid;grid-template-rows:32px 1fr 20px;align-items:end;text-align:center}.crm-bar-value b{font-size:10px}.crm-bar-value span{font-size:7px;color:#8b97a6}.crm-bar-track{height:100%;background:#f1f4f7;border-radius:8px;display:flex;align-items:end;overflow:hidden}.crm-bar-track i{width:100%;min-height:4px;background:linear-gradient(180deg,#ff8a44,#ff5200);border-radius:8px 8px 0 0}.crm-bar-item small{font-size:8px;color:#7e8b9a;margin-top:6px}.crm-stat-list{display:grid}.crm-stat-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f4}.crm-stat-list b{font-size:14px}
.crm-cms-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.secondary-btn{background:#fff!important;color:#ff5200!important;border:1px solid #ff5200}.crm-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crm-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crm-service-card{border:1px solid #e2e7ed;border-radius:13px;padding:14px;display:grid;gap:9px}.crm-service-card input,.crm-service-card textarea{background:#fff;color:#283347;border:1px solid #e0e5eb;border-radius:8px;padding:9px;font:inherit}.crm-service-card textarea{min-height:80px}.crm-service-icon input{width:55px;text-align:center;font-size:20px;color:#ff5200}.crm-service-title{font-weight:800}.crm-service-foot{display:grid;grid-template-columns:55px 1fr auto;gap:7px;align-items:center}.crm-service-foot label,.new-service label{font-size:9px;color:#708093}.new-service{border-style:dashed;background:#fbfcfd}
.crm-team-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.crm-user-card{background:#fff;border:1px solid #e1e7ed;border-radius:14px;padding:18px;display:grid;justify-items:center;text-align:center;gap:8px}.crm-user-card h3{font-size:13px;margin:3px 0 0}.crm-user-card p{font-size:9px;color:#7f8b9b;margin:0}.crm-user-card>div:not(.crm-avatar){display:flex;gap:6px}.crm-user-card>small{font-size:8px;color:#98a2ae}.crm-avatar.large{width:58px;height:58px;font-size:18px}.crm-avatar.xlarge{width:78px;height:78px;font-size:26px}.ai-future{background:linear-gradient(145deg,#fff,#fff5ef);border-style:dashed}
.crm-profile-layout{display:grid;grid-template-columns:300px 1fr;gap:14px;max-width:900px}.crm-profile-card{display:grid;justify-items:center;text-align:center;align-content:center;min-height:280px}.crm-profile-card h2{margin:12px 0 2px}.crm-profile-card p{font-size:10px;color:#7d8998}
.crm-login-page{min-height:100vh;background:#0c1622;display:grid;place-items:center;padding:30px;font-family:Inter,ui-sans-serif,system-ui}.crm-login-shell{width:min(1050px,96vw);display:grid;grid-template-columns:1.25fr .75fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.35)}.crm-login-brand{min-height:560px;background:linear-gradient(135deg,rgba(6,16,27,.97),rgba(15,31,49,.92)),url('/assets/images/infoart-agence-digitale-developpement-web-ia.webp') center/cover;color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between}.crm-login-brand img{width:230px}.crm-login-brand h1{font-size:44px;line-height:1.03;max-width:560px;letter-spacing:-2px}.crm-login-brand p:not(.eyebrow){color:#c0cad4}.crm-login-card{padding:55px 42px;display:grid;align-content:center;gap:15px;color:#243045}.crm-login-card h2{font-size:29px;margin:0}.crm-login-card>p{color:#7c8898;margin:0 0 10px}.crm-login-card label{display:grid;gap:6px;font-size:10px;color:#687588}.crm-login-card input{border:1px solid #dfe5eb;border-radius:9px;padding:12px}.crm-login-card>a{font-size:9px;color:#ff5200;text-align:center}

@media(max-width:1250px){.crm-dashboard-kpis{grid-template-columns:repeat(3,1fr)}.crm-client-grid{grid-template-columns:1fr}.crm-doc-grid,.crm-infra-grid,.crm-service-grid{grid-template-columns:repeat(2,1fr)}.crm-team-admin-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.crm-dashboard-grid,.crm-client-layout,.crm-report-grid,.crm-cms-grid,.crm-profile-layout{grid-template-columns:1fr}.crm-span-2,.crm-span-3{grid-column:auto}.crm-activity-wide{grid-template-columns:1fr}.crm-doc-grid,.crm-infra-grid,.crm-service-grid{grid-template-columns:1fr}.crm-team-admin-grid{grid-template-columns:repeat(2,1fr)}.crm-project-list-card{grid-template-columns:100px 1fr}.crm-project-list-bottom{grid-template-columns:1fr 1fr}.crm-login-shell{grid-template-columns:1fr}.crm-login-brand{display:none}}
@media(max-width:650px){.crm-dashboard-kpis,.crm-finance-kpis,.crm-client-metrics{grid-template-columns:1fr 1fr}.crm-modal-form.two-col{grid-template-columns:1fr}.crm-modal-form.two-col>*{grid-column:auto!important}.crm-client-card{grid-template-columns:44px 1fr}.crm-client-meta{grid-column:1/-1;display:flex;justify-content:flex-start}.crm-project-list-card{grid-template-columns:1fr}.crm-project-list-cover{height:90px}.crm-project-list-bottom{grid-template-columns:1fr}.crm-team-admin-grid{grid-template-columns:1fr}.crm-form-two{grid-template-columns:1fr}.crm-invoice-form{grid-template-columns:1fr}}

.crm-logout-form{margin-top:10px}.crm-logout-form button{width:100%;border:1px solid rgba(255,255,255,.12);background:transparent;color:#aeb9c6;border-radius:9px;padding:9px 10px;font-size:9px;cursor:pointer}.crm-logout-form button:hover{border-color:#ff5a00;color:#fff;background:rgba(255,82,0,.08)}

/* Project cover screenshot/logo */
.crm-project-cover{position:relative}
.crm-project-cover.has-image{background:#eef2f6}
.crm-project-cover.has-image:after{display:none}
.crm-project-cover>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}
.crm-cover-edit{position:absolute;right:9px;bottom:9px;width:30px;height:30px;border:0;border-radius:9px;background:rgba(10,19,30,.82);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:4;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.crm-cover-edit:hover{background:#ff5200}
.crm-dialog-help{font-size:10px;color:#7e8a99;margin:-6px 0 14px}
.crm-or{text-align:center;font-size:9px;color:#9aa4af;text-transform:uppercase;letter-spacing:.08em}

/* Make project cover editing obvious and reliable */
.crm-project-cover{position:relative;overflow:hidden}
.crm-project-cover .crm-cover-mark{z-index:1}
.crm-project-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;border-radius:12px}
.crm-cover-edit-full{left:10px!important;right:auto!important;bottom:10px!important;width:auto!important;height:auto!important;padding:8px 10px!important;border-radius:8px!important;font-size:9px!important;font-weight:800!important;gap:5px;display:flex!important;align-items:center!important}
.crm-project-actions{margin:7px 0 8px}
.crm-cover-link-btn{border:1px solid #dfe5ec;background:#fff;color:#ff5200;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}
.crm-cover-link-btn:hover{background:#fff5ef;border-color:#ff5200}
.crm-cover-preview{height:150px;border:1px solid #e2e7ed;border-radius:10px;overflow:hidden;background:#f3f6f9;margin-bottom:12px}
.crm-cover-preview img{width:100%;height:100%;object-fit:cover;display:block}

/* Anti-spam honeypot */
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* ===== CRM BUSINESS WORKFLOW ===== */
.crm-nav-groups{padding-top:10px}
.crm-nav-section{padding:13px 22px 5px;color:#738399;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.crm-nav-groups a{padding-top:9px;padding-bottom:9px}
.crm-page-actions,.crm-filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crm-filter-row select{background:#fff;border:1px solid #dfe5ec;border-radius:8px;padding:8px 10px;color:#566376;font-size:10px}
.crm-business-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}
.crm-business-kpis article{background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:16px}
.crm-business-kpis span{font-size:10px;color:#7c8999}.crm-business-kpis b{display:block;margin:7px 0 3px;font-size:18px;color:#263143}.crm-business-kpis small{font-size:9px;color:#909baa}
.crm-pipeline-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.crm-pipeline-summary>div{background:#f7f9fb;border:1px solid #edf1f4;border-radius:10px;padding:11px;display:grid;gap:4px}
.crm-pipeline-summary span{text-transform:capitalize;font-size:9px;color:#778496}.crm-pipeline-summary b{font-size:18px}.crm-pipeline-summary small{font-size:8px;color:#9aa4b1}
.crm-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;overflow:auto;padding-bottom:10px}
.crm-kanban-col{background:#eef2f6;border:1px solid #e1e7ed;border-radius:12px;padding:10px;min-height:520px}
.crm-kanban-title{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 10px;text-transform:capitalize}.crm-kanban-title b{font-size:11px}.crm-kanban-title span{font-size:9px;color:#7f8b9b;background:#fff;border-radius:999px;padding:3px 7px}
.crm-kanban-card{background:#fff;border:1px solid #dde4eb;border-radius:10px;padding:11px;margin-bottom:8px;box-shadow:0 3px 10px rgba(30,48,69,.03)}
.crm-kanban-card-head{display:flex;justify-content:space-between;gap:6px;align-items:start}.crm-kanban-card h3{font-size:11px;margin:0}.crm-kanban-card p{font-size:9px;color:#778497;margin:6px 0}.crm-kanban-card small{display:block;font-size:8px;color:#929daa;margin-top:5px}.crm-kanban-card select{width:100%;font-size:9px!important;padding:6px!important;margin-top:8px}.crm-money{font-size:11px;color:#ff5200}
.crm-kanban-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #eef1f4}.crm-kanban-actions a,.crm-kanban-actions button{font-size:8px;color:#ff5200;border:0;background:none;padding:0;cursor:pointer;font-weight:800}
.crm-post-kanban{grid-auto-columns:minmax(190px,1fr)}
.crm-project-list-cover img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.crm-ai-note{margin-top:14px;padding:12px;background:#fff5ef;border:1px dashed #ffb995;border-radius:10px}.crm-ai-note b{font-size:10px;color:#ff5200}.crm-ai-note p{font-size:9px;color:#7d8998;margin:4px 0 0}
@media(max-width:1250px){.crm-business-kpis{grid-template-columns:repeat(3,1fr)}.crm-pipeline-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.crm-business-kpis{grid-template-columns:1fr 1fr}.crm-pipeline-summary{grid-template-columns:1fr 1fr}.crm-filter-row{display:none}.crm-nav-section{padding-left:10px}.crm-kanban{grid-auto-columns:82vw}}

/* ===== CRM COLLAPSIBLE SUBMENUS ===== */
.crm-nav-groups{gap:3px}
.crm-nav-home{margin-bottom:5px}
.crm-menu-group{border:0;margin:0;padding:0}
.crm-menu-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;color:#8fa0b4;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;user-select:none}
.crm-menu-group>summary::-webkit-details-marker{display:none}
.crm-menu-group>summary:hover{color:#fff;background:#132236}
.crm-menu-group>summary b{font-size:12px;color:#66788e;transition:transform .18s ease}
.crm-menu-group[open]>summary{color:#ff6a22}
.crm-menu-group[open]>summary b{transform:rotate(180deg);color:#ff6a22}
.crm-submenu{display:grid;gap:2px;padding:0 0 5px}
.crm-submenu a{padding:9px 18px 9px 28px!important;font-size:12px!important}
.crm-submenu a span{font-size:14px!important}
.crm-submenu a.active{background:linear-gradient(90deg,rgba(255,82,0,.24),rgba(255,82,0,.06))!important}
@media(max-width:700px){
  .crm-menu-group>summary{padding:9px 10px;font-size:8px}
  .crm-submenu{grid-template-columns:1fr}
  .crm-submenu a{font-size:9px!important;padding:8px 10px!important}
}

/* ===== AI PROSPECTING ===== */
.crm-priority.urgent{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#fff0eb;color:#d8470a;font-size:9px;font-weight:800}
.crm-dialog-help{font-size:10px;color:#7f8b9b;margin:-4px 0 12px}

/* ===== PROSPECT DETAIL & SELECTION ===== */
.crm-selected-row{background:#fff9f5}
.crm-inline-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.crm-mini-btn{border:1px solid #dfe5ec;background:#fff;color:#ff5200;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800;cursor:pointer}
.crm-error-mini{display:block;margin-top:4px;color:#c23b22;font-size:8px;max-width:220px}
.crm-detail-list{display:grid;gap:10px}
.crm-detail-list>div{display:grid;gap:3px;padding-bottom:9px;border-bottom:1px solid #edf1f4}
.crm-detail-list span{font-size:9px;color:#8290a0}
.crm-detail-list b{font-size:10px;color:#263143;word-break:break-word}
.crm-conversation-timeline{display:grid;gap:10px}
.crm-conversation-item{border:1px solid #e2e8ee;border-radius:12px;padding:12px;background:#fff}
.crm-conversation-item.inbound{border-left:3px solid #22aa66}
.crm-conversation-item.outbound{border-left:3px solid #ff5b0a}
.crm-conversation-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.crm-conversation-meta b{font-size:9px}.crm-conversation-meta small{font-size:8px;color:#8e99a7}
.crm-conversation-item h3{font-size:11px;margin:0 0 6px}
.crm-conversation-item p{font-size:10px;line-height:1.6;white-space:pre-wrap;margin:0;color:#4d5b6d}
.crm-conversation-item footer{margin-top:8px;font-size:8px;color:#929daa}


/* ===== AUTONOMOUS PROSPECT DETAIL — APPROVED UI ===== */
.ai-prospect-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:end;margin:2px 0 18px;padding:0 2px}.ai-prospect-main{min-width:0}.ai-back{display:inline-flex;margin-bottom:14px;font-size:12px;color:#526174}.ai-prospect-title-row{display:flex;align-items:center;gap:16px}.ai-company-avatar{width:74px;height:74px;flex:0 0 74px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#d8c4a7,#69513d);color:#fff;font-weight:900;font-size:23px;border:1px solid #d8dee7;box-shadow:0 7px 20px rgba(15,23,42,.08)}.ai-name-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ai-name-line h1{margin:0;font-size:29px;letter-spacing:-.7px;color:#0b1b38}.ai-priority{font-size:11px;font-weight:800;color:#ff5a00;background:#fff0e8;border:1px solid #ffd9c7;border-radius:999px;padding:6px 10px}.ai-prospect-title-row p{margin:4px 0 7px;color:#637188;font-size:14px}.ai-contact-line{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#39475a}.ai-contact-line a{color:#0874e8;font-weight:700}.ai-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px;display:grid;gap:7px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.ai-status-card span,.ai-status-card small{font-size:11px;color:#7b8798}.ai-status-card b{display:inline-flex;width:max-content;background:#eaf3ff;color:#1261d5;padding:6px 9px;border-radius:999px;font-size:12px}

.ai-auto-dashboard{display:grid;gap:16px}.ai-flow{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:11px 18px;box-shadow:0 4px 18px rgba(15,23,42,.035)}.ai-flow-step{display:flex;align-items:center;gap:9px;min-width:0}.ai-step-num{width:37px;height:37px;flex:0 0 37px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;border:4px solid #f0f3f7;background:#fff;color:#758198}.ai-flow-step b{display:block;font-size:12px;color:#213049;white-space:nowrap}.ai-flow-step small{display:block;font-size:10px;margin-top:2px}.ai-flow-step.done .ai-step-num{background:#11a45a;border-color:#d7f4e5;color:#fff}.ai-flow-step.done small{color:#059251;font-weight:700}.ai-flow-step.active .ai-step-num{background:#1976ed;border-color:#d9eaff;color:#fff}.ai-flow-step.active small{color:#1976ed;font-weight:800}.ai-flow-step.pending small{color:#8b96a7}.ai-flow-arrow{text-align:center;color:#9aa6b6;font-size:20px}

.ai-work-grid{display:grid;grid-template-columns:1fr 1fr 1.45fr .9fr .9fr;gap:12px}.ai-work-card{background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:14px;min-width:0;box-shadow:0 4px 14px rgba(15,23,42,.025)}.ai-work-card.featured{border-color:#cfe0ff;background:linear-gradient(180deg,#f8fbff,#fff 30%)}.ai-work-card.muted-card{background:#fbfcfe}.ai-card-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ai-card-title h3{margin:0;font-size:14px;color:#17243b}.ai-card-title small{display:block;font-size:10px;color:#7d8999;margin-top:2px}.ai-icon{width:35px;height:35px;flex:0 0 35px;border-radius:12px;display:grid;place-items:center;background:#eef2f7;color:#657287;font-weight:900}.ai-icon.green{background:#dcf7e8;color:#0a9a50}.ai-icon.blue{background:#dceaff;color:#166dde}.ai-score-ring{width:88px;height:88px;border-radius:50%;margin:8px auto 12px;display:grid;place-items:center;position:relative;background:conic-gradient(#0aaa58 calc(var(--score) * 1%),#edf1f5 0)}.ai-score-ring:before{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}.ai-score-ring b,.ai-score-ring span{position:relative;z-index:1}.ai-score-ring b{font-size:20px;color:#14213a}.ai-score-ring span{font-size:9px;position:absolute;top:53px;color:#657287}.ai-check-list,.ai-task-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ai-check-list li,.ai-task-list li{font-size:11px;color:#40506a;display:flex;justify-content:space-between;gap:7px}.ai-check-list li:before{content:"✓";color:#0aa95a;font-weight:900;margin-right:5px}.ai-check-list li b{font-size:10px;text-align:right}.ai-task-list li{justify-content:flex-start;line-height:1.35}.ai-task-list li:before{content:"●";color:#8995a6;font-size:8px;margin-top:3px}.ai-work-card details{margin-top:11px}.ai-work-card summary{cursor:pointer;font-size:10px;font-weight:800;color:#1266df}.ai-work-card details p{font-size:10px;line-height:1.45;color:#667389}.ai-mockup-preview{display:block;height:120px;overflow:hidden;border-radius:10px;border:1px solid #e7ebf1;background:#f3f5f8}.ai-mockup-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.ai-mini-score{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;color:#69778b}.ai-mini-score b{font-size:14px;color:#17243b}.ai-site-shot{position:relative;height:155px;border-radius:10px;overflow:hidden;border:1px solid #dce4ef;background:#f4f7fa}.ai-site-shot iframe{width:200%;height:310px;border:0;transform:scale(.5);transform-origin:0 0;pointer-events:none}.ai-site-shot>a{position:absolute;right:7px;bottom:7px;background:#126fe9;color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.ai-score-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.ai-score-trio>div{border:1px solid #dce7f5;border-radius:999px;padding:7px 4px;text-align:center;background:#fff}.ai-score-trio b{display:block;font-size:13px;color:#0b7b45}.ai-score-trio span{font-size:8px;color:#637188}.ai-empty-visual{display:grid;place-items:center;min-height:120px;border:1px dashed #ccd5e0;border-radius:10px;color:#8190a4;font-size:11px;background:#fafbfd}.ai-empty-visual.large{min-height:390px}.ai-ready-pill{display:inline-flex;margin-top:14px;padding:6px 9px;border-radius:999px;background:#e4f8ec;color:#0a914c;font-size:10px;font-weight:800}.ai-primary-link{display:block;text-align:center;margin-top:15px;padding:10px;border-radius:10px;background:#eaf3ff;color:#1269df;font-size:11px;font-weight:800}

.ai-results-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,.9fr);gap:14px}.ai-preview-panel,.ai-version-panel,.ai-final-review,.ai-history{background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:14px;box-shadow:0 4px 14px rgba(15,23,42,.025)}.ai-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ai-panel-head h2{margin:0;font-size:16px;color:#17243b}.ai-panel-head p{margin:3px 0 0;font-size:11px;color:#6e7c90}.ai-big-preview{margin-top:12px;height:400px;overflow:hidden;border:1px solid #dce3ec;border-radius:12px;background:#f4f7fa}.ai-big-preview iframe{width:160%;height:640px;border:0;transform:scale(.625);transform-origin:0 0;pointer-events:none}.ai-tabs{display:flex;gap:20px;align-items:center;border-bottom:1px solid #e9edf3;padding-bottom:9px;font-size:11px;color:#7b8798}.ai-tabs b{color:#17243b;border-bottom:2px solid #ff5a00;padding-bottom:9px;margin-bottom:-10px}.ai-version-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.ai-version-card{display:grid;gap:6px;border:1px solid #dde4ed;border-radius:12px;padding:10px;color:#24324a;background:#fff}.ai-version-card.best{border:2px solid #ff5a00;background:#fffaf7}.ai-version-card>div{display:flex;justify-content:space-between;gap:5px;align-items:center}.ai-version-card em{font-style:normal;font-size:8px;background:#ff5a00;color:#fff;padding:4px 5px;border-radius:999px}.ai-version-card span{font-size:9px;color:#67758a}.ai-principal-note{margin-top:12px;border-radius:12px;padding:12px;background:#eaf4ff;border:1px solid #d1e7ff}.ai-principal-note b{font-size:11px;color:#1265d8}.ai-principal-note p{font-size:10px;line-height:1.45;color:#40516c;margin:7px 0 0}.ai-history{padding:0}.ai-history>summary{cursor:pointer;padding:14px 16px;font-weight:800;font-size:12px;color:#26354d}.ai-history-list{display:grid;gap:7px;padding:0 14px 14px}.ai-history-list>div{display:grid;grid-template-columns:100px 120px 1fr auto;gap:10px;align-items:start;border-top:1px solid #edf0f4;padding-top:8px;font-size:10px}.ai-history-list p{margin:0;color:#4d5c72}.ai-history-list small,.ai-history-list span{color:#7c8999}

.ai-final-review{scroll-margin-top:20px}.ai-review-status{font-size:10px;font-weight:900;color:#c35b00;background:#fff1e6;padding:7px 10px;border-radius:999px}.ai-review-status.approved{color:#087f43;background:#e4f7ec}.ai-review-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;margin-top:14px}.ai-review-site,.ai-review-message{border:1px solid #e5eaf0;border-radius:13px;padding:14px}.ai-review-site h3,.ai-review-message h3{margin:0 0 8px;font-size:13px}.ai-review-site p{font-size:11px;color:#5e6c80}.ai-review-message label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#758197;margin:8px 0 4px}.ai-review-message textarea,.ai-review-message input,.ai-review-form textarea{width:100%;border:1px solid #dce3eb;border-radius:9px;background:#fbfcfe;color:#20304a;padding:10px;font:inherit;font-size:11px}.ai-review-message textarea{min-height:80px}.ai-review-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px}.ai-review-form textarea{min-height:76px}.ai-review-form>div{display:flex;gap:8px;flex-wrap:wrap}.ai-send-actions{display:flex;gap:8px;margin-top:12px}

@media(max-width:1400px){.ai-work-grid{grid-template-columns:repeat(3,1fr)}.ai-work-card.featured{grid-column:span 1}.ai-results-grid{grid-template-columns:1fr}.ai-flow{overflow-x:auto;min-width:0}.ai-flow-step b{white-space:normal}.ai-version-panel{min-width:0}}
@media(max-width:1000px){.ai-prospect-head{grid-template-columns:1fr}.ai-status-card{display:none}.ai-work-grid{grid-template-columns:1fr 1fr}.ai-flow{grid-template-columns:1fr;gap:8px}.ai-flow-arrow{transform:rotate(90deg)}.ai-results-grid,.ai-review-grid{grid-template-columns:1fr}.ai-big-preview{height:320px}}
@media(max-width:700px){.ai-prospect-title-row{align-items:flex-start}.ai-company-avatar{width:52px;height:52px;flex-basis:52px;font-size:16px}.ai-name-line h1{font-size:22px}.ai-contact-line{display:grid;gap:7px}.ai-work-grid{grid-template-columns:1fr}.ai-version-list{grid-template-columns:1fr}.ai-review-form{grid-template-columns:1fr}.ai-history-list>div{grid-template-columns:1fr}.ai-big-preview{height:260px}.ai-big-preview iframe{width:220%;transform:scale(.455)}}


/* ===== PROSPECTING RESULTS — APPROVED LIST UI ===== */
.prospecting-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:16px}.prospecting-title{display:flex;align-items:center;gap:14px}.prospecting-target{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#fff0e8;color:#ff5a00;font-size:29px;border:1px solid #ffd9c7}.prospecting-title h1{margin:0;font-size:30px;letter-spacing:-.7px;color:#0d1a34}.prospecting-title p{margin:4px 0 0;color:#66758b;font-size:13px}.prospecting-kpis{display:flex;gap:10px;flex-wrap:wrap}.prospecting-kpis article{min-width:128px;padding:11px 13px;border:1px solid #e3e9f1;border-radius:13px;background:#fff;display:flex;align-items:center;gap:10px}.prospecting-kpis article>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#146fe7;font-weight:900}.prospecting-kpis article:nth-child(3)>span{background:#fff5df;color:#dc8a00}.prospecting-kpis article:nth-child(4)>span{background:#e8f8ef;color:#0b9c55}.prospecting-kpis b{display:block;font-size:18px;color:#13213b}.prospecting-kpis small{display:block;font-size:9px;color:#77849a}.prospecting-launch{justify-self:end;white-space:nowrap}

.prospecting-filterbar{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:13px 14px;display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(130px,.7fr)) auto;gap:10px;align-items:end;margin-bottom:16px;box-shadow:0 4px 16px rgba(15,23,42,.025)}.prospecting-filterbar label{display:grid;gap:5px}.prospecting-filterbar label>span{font-size:10px;color:#708097}.prospecting-filterbar input,.prospecting-filterbar select,.prospecting-sort{height:40px;border:1px solid #dce3ed;border-radius:10px;background:#fbfcfe;padding:0 12px;color:#26354d;font:inherit;font-size:12px}.prospecting-search{position:relative}.prospecting-search>span{position:absolute;left:12px;bottom:10px;font-size:17px;color:#617188}.prospecting-search input{padding-left:36px}

.prospecting-list-card{background:#fff;border:1px solid #e1e7ef;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.025)}.prospecting-list-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf1f5}.prospecting-selection{display:flex;align-items:center;gap:10px;font-size:11px;color:#526176}.prospecting-selection input{width:auto}.prospecting-toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.prospecting-sort{min-width:130px;background:#fff}

.prospecting-table{min-width:1380px;color:#20304a}.prospecting-table thead th{background:#fafbfd;color:#718095;font-size:9px;letter-spacing:.04em;padding:10px 8px}.prospecting-table thead th small{display:block;font-size:8px;font-weight:500;text-transform:none;letter-spacing:0;color:#98a3b2;margin-top:2px}.prospecting-table tbody tr{transition:.18s ease}.prospecting-table tbody tr:hover{background:#f8fbff}.prospecting-table tbody tr.crm-selected-row{background:#eef6ff}.prospecting-table td{padding:10px 8px;border-bottom:1px solid #edf1f5;font-size:11px}.prospecting-company{display:flex;align-items:center;gap:10px;min-width:260px}.prospecting-company img,.prospecting-thumb-fallback{width:48px;height:48px;flex:0 0 48px;border-radius:10px;object-fit:cover;object-position:center;border:1px solid #dfe5ec;background:#eef2f6}.prospecting-thumb-fallback{display:grid;place-items:center;color:#33425a;font-weight:900}.prospecting-company b{display:block;font-size:11px;color:#12213b}.prospecting-company small{display:block;color:#718097;font-size:9px;margin-top:3px;max-width:220px;line-height:1.3}.prospecting-zone,.prospecting-category,.prospecting-phone{color:#42516a;white-space:nowrap}.prospecting-category{display:inline-flex;align-items:center;gap:5px}.prospecting-site-link{color:#0b6ee8;font-weight:800}.prospecting-no-site{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff0ec;color:#d95022;font-size:9px;font-weight:800}.prospecting-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.prospecting-badge.done{background:#e7f7ee;color:#078e4a}.prospecting-badge.pending{background:#fff2eb;color:#d95822}.prospecting-score-row{display:flex;align-items:center;gap:7px}.score-ring{width:43px;height:43px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#ffb10a 0 75%,#f0f2f5 75%);border:1px solid #f0f1f3}.score-ring.site{background:conic-gradient(#ff9f1a 0 60%,#f0f2f5 60%)}.score-ring.visual{background:conic-gradient(#f0a3b5 0 45%,#f0f2f5 45%)}.score-ring.potential{background:conic-gradient(#0eb15e 0 70%,#f0f2f5 70%)}.score-ring:before{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}.score-ring b,.score-ring small{position:relative;z-index:1}.score-ring b{font-size:11px;color:#182741}.score-ring small{display:none}.prospecting-priority{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:9px;font-size:9px;font-weight:800;white-space:nowrap}.prospecting-priority.high{background:#ffe8ec;color:#e4405b}.prospecting-priority.medium{background:#fff5df;color:#ca8300}.prospecting-priority.low{background:#edf1f6;color:#6f7c8e}.prospecting-service{white-space:nowrap}.prospecting-status{display:inline-flex;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800;white-space:nowrap}.prospecting-status.new{background:#e8f3ff;color:#0a6bdc}.prospecting-status.contacted{background:#e5f8ed;color:#098e4b}.prospecting-row-actions{display:flex;gap:6px}.prospecting-row-actions a{width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:9px;color:#25344c;background:#fff;font-size:11px}.prospecting-row-actions a:hover{border-color:#1372e8;color:#1372e8}.prospecting-list-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#627187;font-size:10px}.prospecting-pagination{display:flex;align-items:center;gap:5px}.prospecting-pagination button{width:30px;height:30px;border:1px solid #dce3ec;background:#fff;border-radius:8px;color:#4b5a70}.prospecting-pagination button.active{background:#126fe9;color:#fff;border-color:#126fe9}.prospecting-jobs{margin-top:14px;background:#fff;border:1px solid #e2e8ef;border-radius:14px}.prospecting-jobs>summary{cursor:pointer;padding:13px 15px;font-size:11px;font-weight:800;color:#3f4f66}.prospecting-jobs[open]>summary{border-bottom:1px solid #edf1f5}

@media(max-width:1450px){.prospecting-hero{grid-template-columns:1fr auto}.prospecting-kpis{grid-column:1/-1}.prospecting-filterbar{grid-template-columns:2fr repeat(2,1fr)}.prospecting-filterbar button{height:40px}.prospecting-launch{grid-column:2}}
@media(max-width:900px){.prospecting-hero{grid-template-columns:1fr}.prospecting-launch{grid-column:auto;justify-self:start}.prospecting-kpis{display:grid;grid-template-columns:1fr 1fr}.prospecting-filterbar{grid-template-columns:1fr 1fr}.prospecting-list-toolbar{align-items:flex-start;flex-direction:column}.prospecting-toolbar-actions{width:100%}}
@media(max-width:650px){.prospecting-kpis,.prospecting-filterbar{grid-template-columns:1fr}.prospecting-title h1{font-size:24px}.prospecting-target{width:48px;height:48px}.prospecting-list-footer{flex-direction:column;gap:10px;align-items:flex-start}}


/* ===== PROSPECTING TOOLBAR COMPACT ===== */
.prospecting-list-toolbar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:10px 14px;
}
.prospecting-selection{
  min-width:150px;
  padding:7px 10px;
  border:1px solid #e3e8ef;
  border-radius:10px;
  background:#fafbfd;
}
.prospecting-toolbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
  width:100%;
}
.prospecting-bulk-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.prospecting-bulk-actions .crm-action-btn{
  height:36px;
  padding:0 12px;
  white-space:nowrap;
  border-radius:9px;
  font-size:10px;
}
.prospecting-sort-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:190px;
  margin-left:auto;
}
.prospecting-sort-wrap>span{
  font-size:10px;
  font-weight:700;
  color:#738097;
  white-space:nowrap;
}
.prospecting-sort{
  width:140px !important;
  min-width:140px !important;
  height:36px !important;
  padding:0 30px 0 10px !important;
  background:#fff;
  font-size:10px !important;
}
@media(max-width:1450px){
  .prospecting-list-toolbar{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .prospecting-toolbar-actions{
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .prospecting-sort-wrap{
    margin-left:0;
  }
}
@media(max-width:780px){
  .prospecting-toolbar-actions,
  .prospecting-bulk-actions{
    align-items:stretch;
  }
  .prospecting-toolbar-actions{
    flex-direction:column;
  }
  .prospecting-bulk-actions{
    width:100%;
  }
  .prospecting-bulk-actions .crm-action-btn{
    flex:1 1 140px;
  }
  .prospecting-sort-wrap{
    width:100%;
    justify-content:space-between;
  }
  .prospecting-sort{
    width:180px !important;
  }
}


/* ===== PROSPECTING FILTERS + SCORE LABELS + STICKY HEADER ===== */
#prospect-reset{
  height:40px;
  min-width:122px;
  padding:0 18px;
  border-radius:10px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.prospecting-score-row{
  display:flex;
  align-items:flex-start;
  gap:9px;
}
.prospecting-score-item{
  display:grid;
  justify-items:center;
  gap:5px;
  min-width:46px;
}
.prospecting-score-item>span:first-child{
  font-size:8px;
  font-weight:800;
  color:#6d7a8f;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.prospecting-score-item .score-ring{
  width:43px;
  height:43px;
}
@media(min-width:1101px){
  .prospecting-list-card{overflow:visible}
  .prospecting-list-card .crm-table-wrap{overflow:visible}
  .prospecting-table thead th{
    position:sticky;
    top:62px;
    z-index:30;
    background:#fafbfd;
    box-shadow:0 1px 0 #e3e8ef,0 6px 12px rgba(15,23,42,.04);
  }
}
@media(max-width:1100px){
  .prospecting-list-card .crm-table-wrap{
    overflow-x:auto;
    overflow-y:hidden;
  }
  .prospecting-table thead th{position:static}
}
@media(max-width:700px){
  #prospect-reset{
    width:100%;
    min-width:0;
    height:44px;
  }
}

/* ===== PROSPECT ROW CONTEXT MENU ===== */
.prospecting-pin{margin-right:5px;font-size:11px}.prospecting-priority-manual{display:block;margin-top:4px;font-size:8px;color:#7b8797}.prospecting-more{position:relative}.prospecting-more summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:9px;background:#fff;color:#25344c;cursor:pointer;font-weight:900}.prospecting-more summary::-webkit-details-marker{display:none}.prospecting-more[open] summary{border-color:#1372e8;color:#1372e8}.prospecting-more-menu{position:absolute;right:0;top:38px;z-index:80;min-width:210px;padding:7px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.16)}.prospecting-more-menu form{margin:0}.prospecting-more-menu button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px 10px;text-align:left;font:inherit;font-size:10px;color:#25344c;cursor:pointer}.prospecting-more-menu button:hover{background:#f5f8fc}.prospecting-more-menu button.danger{color:#c62828}.prospecting-more-menu button.danger:hover{background:#fff0f0}.prospecting-menu-sep{height:1px;background:#edf1f5;margin:5px 0}.prospecting-row-actions{overflow:visible}.prospecting-table td:last-child{overflow:visible}


/* ===== SALES PIPELINE REDESIGN ===== */
.sales-page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.sales-page-head h1{margin:0;font-size:31px;color:#0e1b34;letter-spacing:-.7px}.sales-page-head p:not(.eyebrow){margin:5px 0 0;color:#6d7b8e;font-size:13px}.sales-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.sales-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:13px 15px;display:flex;gap:11px;align-items:center;box-shadow:0 4px 14px rgba(15,23,42,.025)}.sales-kpis article>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef4ff;color:#136de2}.sales-kpis article:nth-child(2)>span{background:#fff4e8;color:#e76c00}.sales-kpis article:nth-child(3)>span{background:#f1edff;color:#6c50d8}.sales-kpis article:nth-child(4)>span{background:#e8f8ef;color:#07914c}.sales-kpis b{display:block;font-size:19px;color:#13213b}.sales-kpis small{display:block;font-size:9px;color:#7c899a}.sales-stage-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-bottom:14px}.sales-stage{border:1px solid #e0e6ef;background:#fff;border-radius:13px;padding:10px 11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;color:#26344c}.sales-stage>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0f4f8}.sales-stage b{display:block;font-size:10px}.sales-stage small{display:block;font-size:8px;color:#8490a1;margin-top:2px}.sales-stage:hover,.sales-stage.active{border-color:#ff7a34;background:#fff8f4}.sales-stage.active>span{background:#ffede4;color:#ff5a00}.sales-table-card{background:#fff;border:1px solid #e1e7ef;border-radius:16px;overflow:hidden}.sales-table-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #edf1f5}.sales-table-head h2{margin:0;font-size:16px;color:#17243b}.sales-table-head p{margin:3px 0 0;font-size:10px;color:#7a8798}.sales-search{width:min(360px,100%);position:relative}.sales-search>span{position:absolute;left:12px;top:10px;color:#718098}.sales-search input{width:100%;height:38px;border:1px solid #dce3ed;border-radius:10px;padding:0 12px 0 34px;background:#fbfcfe}.sales-table{min-width:1100px}.sales-table th{font-size:9px;color:#738198;background:#fafbfd}.sales-company{display:flex;align-items:center;gap:9px}.sales-company>span{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#eef3f8;display:grid;place-items:center;font-weight:900;color:#33425a}.sales-company b{display:block;font-size:11px}.sales-company small{display:block;font-size:9px;color:#77859a;margin-top:2px}.sales-source{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0f3f7;color:#5b687b;font-size:9px;font-weight:800}.sales-source.ai{background:#efeaff;color:#6750c9}.sales-status-select{height:34px;border:1px solid #dae2eb;border-radius:9px;background:#fff;padding:0 28px 0 9px;font-size:10px}.sales-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sales-actions a,.sales-actions button{border:0;background:transparent;color:#ff5a00;font:inherit;font-size:9px;font-weight:800;cursor:pointer;padding:0}.sales-actions form{margin:0}
.crm-card-danger-row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f5}.crm-danger-btn{border:1px solid #f1b9b9;background:#fff6f6;color:#b42318;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.crm-danger-btn:hover{background:#fff0f0;border-color:#e88}
@media(max-width:1100px){.sales-stage-strip{grid-template-columns:repeat(4,1fr)}.sales-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sales-page-head,.sales-table-head{align-items:flex-start;flex-direction:column}.sales-kpis,.sales-stage-strip{grid-template-columns:1fr 1fr}.sales-search{width:100%}}


/* ===== CRM MANAGED CARDS DELETE ===== */
.crm-client-card-manage,.crm-project-card-manage{position:relative}.crm-client-card-link,.crm-project-card-link{color:inherit;text-decoration:none}.crm-client-card-link{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%}.crm-project-card-link{display:flex;width:100%;color:inherit}.crm-card-delete{position:absolute;right:10px;top:10px;width:32px;height:32px;border:1px solid #f0c6c6;border-radius:9px;background:#fff8f8;color:#b42318;cursor:pointer;opacity:0;transition:.15s ease;z-index:3}.crm-client-card-manage:hover .crm-card-delete,.crm-project-card-manage:hover .crm-card-delete{opacity:1}.crm-card-delete:hover{background:#fff0f0;border-color:#e99}.crm-client-card-manage .crm-client-meta{padding-right:36px}.crm-project-card-manage .crm-project-list-main{padding-right:42px}
@media(max-width:700px){.crm-card-delete{opacity:1}.crm-client-card-link{grid-template-columns:auto 1fr}.crm-client-card-manage .crm-client-meta{grid-column:1/-1;padding-right:0}}


/* ===== CRM GLOBAL READABILITY + WINDOW SYSTEM ===== */
body.ops.crm-v2{
  --crm-text:#17243a;
  --crm-muted:#66758a;
  --crm-soft:#f6f8fb;
  --crm-border:#dfe6ee;
  --crm-panel:#ffffff;
  --crm-orange:#ff5a00;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.45;
  color:var(--crm-text);
  background:#f4f7fb;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.ops.crm-v2 .crm-main{
  color:var(--crm-text);
  font-size:14px;
  line-height:1.45;
}
.ops.crm-v2 .crm-page-head{
  margin-bottom:20px;
  align-items:center;
}
.ops.crm-v2 .crm-page-head h1,
.ops.crm-v2 .sales-page-head h1,
.ops.crm-v2 .prospecting-title h1{
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.55px;
  font-weight:800;
  color:#10203a;
}
.ops.crm-v2 .crm-page-head p:not(.eyebrow),
.ops.crm-v2 .sales-page-head p:not(.eyebrow),
.ops.crm-v2 .prospecting-title p{
  font-size:13px;
  line-height:1.5;
  color:#68778d;
}
.ops.crm-v2 .eyebrow{
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
}
.ops.crm-v2 h2{
  font-size:18px;
  line-height:1.25;
  color:#17243a;
}
.ops.crm-v2 h3{
  font-size:15px;
  line-height:1.3;
  color:#1b2940;
}
.ops.crm-v2 p,
.ops.crm-v2 li,
.ops.crm-v2 label,
.ops.crm-v2 td,
.ops.crm-v2 button,
.ops.crm-v2 a{
  line-height:1.45;
}
.ops.crm-v2 small{
  line-height:1.4;
}
.ops.crm-v2 .crm-card,
.ops.crm-v2 .sales-table-card,
.ops.crm-v2 .prospecting-list-card,
.ops.crm-v2 .prospecting-filterbar,
.ops.crm-v2 .ai-preview-panel,
.ops.crm-v2 .ai-version-panel,
.ops.crm-v2 .ai-final-review,
.ops.crm-v2 .crm-project-hero,
.ops.crm-v2 .crm-client-hero{
  background:var(--crm-panel);
  border:1px solid var(--crm-border);
  border-radius:16px;
  box-shadow:0 6px 22px rgba(28,48,76,.045);
}
.ops.crm-v2 .crm-card{
  padding:20px;
}
.ops.crm-v2 .crm-card-head{
  margin-bottom:16px;
  gap:12px;
}
.ops.crm-v2 .crm-card-head h2{
  font-size:17px;
  font-weight:800;
}
.ops.crm-v2 .crm-card-head span,
.ops.crm-v2 .crm-card-head a,
.ops.crm-v2 .crm-card-head>div small{
  font-size:11px;
}
.ops.crm-v2 .crm-main input,
.ops.crm-v2 .crm-main select,
.ops.crm-v2 .crm-main textarea{
  min-height:42px;
  padding:10px 12px;
  border:1px solid #d8e0ea;
  border-radius:9px;
  background:#fff;
  color:#24324a;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:13px;
  line-height:1.4;
  outline:none;
}
.ops.crm-v2 .crm-main textarea{
  min-height:96px;
  resize:vertical;
}
.ops.crm-v2 .crm-main input:focus,
.ops.crm-v2 .crm-main select:focus,
.ops.crm-v2 .crm-main textarea:focus{
  border-color:#8cb8f0;
  box-shadow:0 0 0 3px rgba(27,111,226,.09);
}
.ops.crm-v2 .crm-main input::placeholder,
.ops.crm-v2 .crm-main textarea::placeholder{
  color:#8b97a7;
  opacity:1;
}
.ops.crm-v2 .crm-modal-form{
  gap:13px;
}
.ops.crm-v2 .crm-modal-form label,
.ops.crm-v2 .crm-main label>span{
  font-size:11px;
  font-weight:700;
  color:#5e6c81;
}
.ops.crm-v2 .crm-dialog{
  border-radius:18px;
  padding:28px;
  color:#1d2b42;
}
.ops.crm-v2 .crm-dialog h2{
  font-size:21px;
  font-weight:800;
  margin:0 0 20px;
}
.ops.crm-v2 .crm-table{
  font-size:12px;
}
.ops.crm-v2 .crm-table th{
  padding:12px 10px;
  font-size:10px;
  line-height:1.3;
  font-weight:800;
  color:#65748a;
  letter-spacing:.045em;
  background:#f8fafc;
}
.ops.crm-v2 .crm-table td{
  padding:13px 10px;
  font-size:12px;
  line-height:1.4;
  color:#425168;
}
.ops.crm-v2 .crm-table td b{
  font-size:12px;
  color:#1d2c43;
}
.ops.crm-v2 .crm-pill,
.ops.crm-v2 .prospecting-badge,
.ops.crm-v2 .prospecting-status,
.ops.crm-v2 .prospecting-priority,
.ops.crm-v2 .sales-source{
  font-size:10px;
  line-height:1.2;
}
.ops.crm-v2 .crm-new-btn,
.ops.crm-v2 .crm-action-btn,
.ops.crm-v2 .btn{
  min-height:40px;
  padding:9px 15px;
  border-radius:10px;
  font-size:11px;
  font-weight:800;
}
.ops.crm-v2 .crm-mini-btn,
.ops.crm-v2 .crm-inline-actions button{
  min-height:32px;
  padding:6px 10px;
  font-size:10px;
}
.ops.crm-v2 .crm-client-main h3,
.ops.crm-v2 .crm-project-list-main h3{
  font-size:15px;
}
.ops.crm-v2 .crm-client-main p,
.ops.crm-v2 .crm-project-list-main>p{
  font-size:12px;
}
.ops.crm-v2 .crm-client-main small,
.ops.crm-v2 .crm-client-meta span,
.ops.crm-v2 .crm-project-list-bottom small{
  font-size:10px;
}
.ops.crm-v2 .crm-project-list-bottom b{
  font-size:12px;
}
.ops.crm-v2 .crm-dashboard-kpis span,
.ops.crm-v2 .crm-finance-kpis span,
.ops.crm-v2 .crm-dashboard-kpis small,
.ops.crm-v2 .crm-finance-kpis small{
  font-size:10px;
}
.ops.crm-v2 .crm-list-row b,
.ops.crm-v2 .crm-task-main b{
  font-size:12px;
}
.ops.crm-v2 .crm-list-row small,
.ops.crm-v2 .crm-task-main small{
  font-size:10px;
}
.ops.crm-v2 .crm-submenu a{
  font-size:12px!important;
}
.ops.crm-v2 .crm-subnav a{
  font-size:11px!important;
}
.ops.crm-v2 .crm-top-search input{
  font-size:13px;
}
.ops.crm-v2 .crm-account b{
  font-size:12px;
}
.ops.crm-v2 .crm-account small{
  font-size:10px;
}
.ops.crm-v2 .crm-health-body li,
.ops.crm-v2 .crm-milestone b{
  font-size:11px;
}
.ops.crm-v2 .crm-health-body li b{
  font-size:11px;
}
.ops.crm-v2 .crm-milestone small{
  font-size:10px;
}
.ops.crm-v2 .crm-message-cell{
  font-size:12px;
}
.ops.crm-v2 .crm-page-stat span{
  font-size:10px;
}
.ops.crm-v2 .crm-page-stat b{
  font-size:22px;
}
.ops.crm-v2 .sales-table-head p,
.ops.crm-v2 .prospecting-list-footer,
.ops.crm-v2 .prospecting-filterbar label>span{
  font-size:11px;
}
.ops.crm-v2 .sales-company b,
.ops.crm-v2 .prospecting-company b{
  font-size:12px;
}
.ops.crm-v2 .sales-company small,
.ops.crm-v2 .prospecting-company small{
  font-size:10px;
}
.ops.crm-v2 .sales-status-select{
  font-size:11px;
}
.ops.crm-v2 .sales-actions a,
.ops.crm-v2 .sales-actions button{
  font-size:10px;
}
.ops.crm-v2 .score-ring b{
  font-size:11px;
}
.ops.crm-v2 .prospecting-score-item>span:first-child{
  font-size:9px;
}
.ops.crm-v2 .ai-work-card,
.ops.crm-v2 .ai-status-card{
  font-size:12px;
}
.ops.crm-v2 .ai-card-title h3{
  font-size:14px;
}
.ops.crm-v2 .ai-card-title small,
.ops.crm-v2 .ai-flow-step small,
.ops.crm-v2 .ai-panel-head p{
  font-size:10px;
}
.ops.crm-v2 .ai-panel-head h2{
  font-size:17px;
}
.ops.crm-v2 .ai-principal-note p,
.ops.crm-v2 .ai-history-list>div{
  font-size:11px;
}
.ops.crm-v2 .ai-review-message textarea,
.ops.crm-v2 .ai-review-message input,
.ops.crm-v2 .ai-review-form textarea{
  font-size:12px;
}
.ops.crm-v2 .crm-main a:focus-visible,
.ops.crm-v2 .crm-main button:focus-visible,
.ops.crm-v2 .crm-main input:focus-visible,
.ops.crm-v2 .crm-main select:focus-visible,
.ops.crm-v2 .crm-main textarea:focus-visible{
  outline:2px solid #2b7de9;
  outline-offset:2px;
}
@media(max-width:900px){
  .ops.crm-v2 .crm-page-head h1,
  .ops.crm-v2 .sales-page-head h1,
  .ops.crm-v2 .prospecting-title h1{font-size:25px}
  .ops.crm-v2 .crm-card{padding:16px}
}


/* ===== AI BLOG ADMIN ===== */
.blog-ai-head{align-items:center!important}.blog-ai-alert{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:12px}.blog-ai-alert b{font-size:12px}.blog-ai-alert.error{background:#fff0f0;border:1px solid #f2caca;color:#9f2727}.blog-ai-alert.success{background:#eaf8ef;border:1px solid #cdebd8;color:#147845}.blog-ai-generator{background:linear-gradient(135deg,#0f1d30 0%,#142743 72%,#193155 100%);border-radius:18px;padding:22px;color:#fff;box-shadow:0 14px 36px rgba(16,32,56,.12);margin-bottom:16px}.blog-ai-generator-copy{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.blog-ai-generator-copy h2{color:#fff!important;margin:0 0 5px;font-size:20px!important}.blog-ai-generator-copy p{margin:0;color:#b9c8d9;font-size:12px;max-width:760px}.blog-ai-spark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,90,0,.15);color:#ff7a32;font-size:22px}.blog-ai-form textarea{width:100%;min-height:130px!important;background:#fff!important;color:#24324a!important;border:0!important;border-radius:13px!important;padding:15px!important;font-size:13px!important;box-shadow:none!important}.blog-ai-generation-notes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.blog-ai-generation-notes span{font-size:10px;color:#d7e1eb;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);padding:6px 9px;border-radius:999px}.blog-ai-generate-btn{min-width:220px}.blog-ai-list-card{background:#fff;border:1px solid #e1e7ef;border-radius:16px;overflow:hidden}.blog-ai-list-head{padding:16px 18px;border-bottom:1px solid #edf1f5}.blog-ai-list-head h2{margin:0;font-size:17px!important}.blog-ai-list-head p{margin:3px 0 0;color:#7b8798;font-size:10px}.blog-ai-posts{display:grid}.blog-ai-post{display:grid;grid-template-columns:190px minmax(0,1fr) 150px;gap:16px;padding:15px 18px;border-bottom:1px solid #edf1f5;align-items:center}.blog-ai-post:last-child{border-bottom:0}.blog-ai-thumb{height:112px;border-radius:12px;overflow:hidden;background:#eef2f6}.blog-ai-thumb img{width:100%;height:100%;object-fit:cover}.blog-ai-noimage{height:100%;display:grid;place-items:center;color:#8290a2;font-size:10px}.blog-ai-post-main h3{margin:6px 0 5px;font-size:15px!important}.blog-ai-post-main>p{margin:0 0 9px;color:#69778a;font-size:11px}.blog-ai-post-top{display:flex;gap:8px;align-items:center}.blog-ai-category,.blog-ai-status{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:9px;font-weight:800}.blog-ai-category{background:#eef3f8;color:#5a687c}.blog-ai-status.draft{background:#fff3df;color:#b36d00}.blog-ai-status.published{background:#e5f7ec;color:#087e43}.blog-ai-seo{display:grid;gap:4px}.blog-ai-seo span{font-size:9px;color:#798698;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-ai-seo b{display:inline-block;min-width:64px;color:#40506a}.blog-ai-post-actions{display:grid;gap:7px}.blog-ai-post-actions form{margin:0}.blog-ai-post-actions button,.blog-ai-post-actions a{width:100%;justify-content:center;text-align:center}.blog-ai-empty{padding:50px;text-align:center;color:#718097}.blog-ai-empty>span{display:block;font-size:28px;color:#ff5a00}.blog-ai-empty h3{margin:8px 0 3px}.blog-ai-empty p{margin:0;font-size:11px}.generated-article-section h3{font-size:22px;margin:28px 0 10px}.article-insight{margin:32px 0;padding:18px 20px;border-left:3px solid #ff5a00;background:#fff7f2;border-radius:0 12px 12px 0}.crm-card-delete{opacity:1!important}
@media(max-width:900px){.blog-ai-post{grid-template-columns:140px 1fr}.blog-ai-post-actions{grid-column:1/-1;display:flex}.blog-ai-post-actions>*{flex:1}.blog-ai-post-actions button,.blog-ai-post-actions a{height:38px}}@media(max-width:620px){.blog-ai-post{grid-template-columns:1fr}.blog-ai-thumb{height:190px}.blog-ai-post-actions{display:grid}.blog-ai-generation-notes{display:none}}


/* ===== AI BLOG JOB STATUS ===== */
.blog-ai-jobs-card{background:#fff;border:1px solid #e1e7ef;border-radius:16px;overflow:hidden;margin-bottom:16px}.blog-ai-jobs{display:grid}.blog-ai-job{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 16px;border-top:1px solid #edf1f5;align-items:center}.blog-ai-job:first-child{border-top:0}.blog-ai-job-status{display:flex;align-items:center;gap:8px}.blog-ai-job-status span{width:9px;height:9px;border-radius:50%;background:#9aa7b8}.blog-ai-job.generating .blog-ai-job-status span,.blog-ai-job.queued .blog-ai-job-status span{background:#ff7a32;box-shadow:0 0 0 5px rgba(255,122,50,.12)}.blog-ai-job.done .blog-ai-job-status span{background:#18a05e}.blog-ai-job.error .blog-ai-job-status span{background:#d64545}.blog-ai-job-status b{font-size:10px;color:#4f5d72}.blog-ai-job strong{display:block;font-size:11px;color:#1d2b42}.blog-ai-job small{display:block;margin-top:3px;font-size:9px;color:#7c899a}


/* ===== BRANDED CRM CONFIRMATION MODAL ===== */
.crm-confirm-dialog{
  width:min(460px,calc(100vw - 32px));
  border:0;
  border-radius:20px;
  padding:0;
  overflow:hidden;
  background:#fff;
  color:#17243a;
  box-shadow:0 26px 70px rgba(15,23,42,.28);
}
.crm-confirm-dialog::backdrop{
  background:rgba(7,16,29,.58);
  backdrop-filter:blur(3px);
}
.crm-confirm-dialog[open]{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:14px;
  padding:22px;
  animation:crmConfirmIn .16s ease-out;
}
.crm-confirm-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff1eb;
  color:#ff5a00;
  font-size:22px;
  font-weight:900;
}
.crm-confirm-dialog.danger .crm-confirm-icon{
  background:#fff0f0;
  color:#c62828;
}
.crm-confirm-copy{
  min-width:0;
}
.crm-confirm-eyebrow{
  display:block;
  margin-bottom:4px;
  color:#ff5a00;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.crm-confirm-dialog.danger .crm-confirm-eyebrow{
  color:#c62828;
}
.crm-confirm-copy h2{
  margin:0 0 7px;
  font-size:20px!important;
  line-height:1.2;
  color:#152238;
}
.crm-confirm-copy p{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.55;
}
.crm-confirm-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:8px;
}
.crm-confirm-actions button{
  min-width:110px;
  height:40px;
  border-radius:10px;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.crm-confirm-cancel{
  border:1px solid #dbe2ea;
  background:#fff;
  color:#425168;
}
.crm-confirm-cancel:hover{
  background:#f5f7fa;
}
.crm-confirm-accept{
  border:1px solid #ff5a00;
  background:#ff5a00;
  color:#fff;
  box-shadow:0 7px 16px rgba(255,90,0,.18);
}
.crm-confirm-dialog.danger .crm-confirm-accept{
  border-color:#c62828;
  background:#c62828;
  box-shadow:0 7px 16px rgba(198,40,40,.15);
}
.crm-confirm-accept:hover{
  filter:brightness(.96);
}
@keyframes crmConfirmIn{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(max-width:560px){
  .crm-confirm-dialog[open]{
    grid-template-columns:44px 1fr;
    padding:18px;
  }
  .crm-confirm-icon{
    width:40px;
    height:40px;
    border-radius:12px;
  }
  .crm-confirm-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .crm-confirm-actions button{
    min-width:0;
    width:100%;
  }
}


/* ===== INFOART GLOBAL CONFIRM UI ===== */
.infoart-confirm-dialog{
  width:min(470px,calc(100vw - 30px));
  padding:0;
  border:0;
  border-radius:22px;
  background:transparent;
  overflow:visible;
}
.infoart-confirm-dialog::backdrop{
  background:rgba(6,14,26,.62);
  backdrop-filter:blur(4px);
}
.infoart-confirm-card{
  position:relative;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:16px;
  padding:24px;
  border-radius:22px;
  background:#fff;
  border:1px solid #e6ebf1;
  box-shadow:0 28px 80px rgba(8,20,38,.28);
  animation:infoartModalIn .18s ease-out;
}
.infoart-confirm-x{
  position:absolute;
  top:12px;
  right:12px;
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:#f3f6f9;
  color:#637187;
  font-size:18px;
  cursor:pointer;
}
.infoart-confirm-x:hover{background:#e9eef4;color:#26344b}
.infoart-confirm-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#fff1e8;
  color:#ff5a00;
  font-size:23px;
  font-weight:900;
}
.infoart-confirm-dialog.is-danger .infoart-confirm-icon{
  background:#fff0f0;
  color:#c62828;
}
.infoart-confirm-content{
  padding-right:34px;
}
.infoart-confirm-kicker{
  display:block;
  margin-bottom:5px;
  color:#ff5a00;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.infoart-confirm-dialog.is-danger .infoart-confirm-kicker{color:#c62828}
.infoart-confirm-content h2{
  margin:0 0 8px!important;
  color:#152238!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.infoart-confirm-content p{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.6;
}
.infoart-confirm-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:5px;
}
.infoart-confirm-actions button{
  min-width:112px;
  height:42px;
  padding:0 16px;
  border-radius:11px;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.infoart-confirm-cancel{
  border:1px solid #d9e1ea;
  background:#fff;
  color:#415068;
}
.infoart-confirm-cancel:hover{background:#f6f8fb}
.infoart-confirm-ok{
  border:1px solid #ff5a00;
  background:#ff5a00;
  color:#fff;
  box-shadow:0 8px 20px rgba(255,90,0,.18);
}
.infoart-confirm-dialog.is-danger .infoart-confirm-ok{
  border-color:#c62828;
  background:#c62828;
  box-shadow:0 8px 20px rgba(198,40,40,.18);
}
.infoart-confirm-ok:hover{filter:brightness(.96)}
@keyframes infoartModalIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(max-width:560px){
  .infoart-confirm-card{
    grid-template-columns:44px 1fr;
    gap:12px;
    padding:20px;
  }
  .infoart-confirm-icon{
    width:42px;
    height:42px;
  }
  .infoart-confirm-content h2{font-size:18px!important}
  .infoart-confirm-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .infoart-confirm-actions button{
    min-width:0;
    width:100%;
  }
}



/* ===== WEBSITE CONTACT REQUESTS ===== */
.crm-request-message{min-width:260px;max-width:520px;white-space:normal;line-height:1.45;color:#455366}