/* Écrans des logiciels (Deal, Reach, factu, Content), extraits de /tour-6/logiciels/index.html
   par atelier/cas-logiciels/extraire-css.cjs et rangés sous .ecr. Ne pas modifier à la main : relancer le script. */
.ecr{--ui:var(--z-font-ui);--body:var(--z-font-body);--serif:var(--z-font-serif)}
.ecr{--page-ink:#f2ede5;--page-muted:#b2ada4;--gold:#f5b81e}
.ecr figure{margin:0;min-width:0}
.ecr .stage-viewport{position:relative;display:block;width:100%;overflow:hidden;border-radius:18px;background:#161514;isolation:isolate;contain:layout paint}
.ecr .stage{position:absolute;left:0;top:0;width:1100px;height:calc(var(--stage-height)*1px);transform-origin:top left;overflow:hidden;font:400 13px/1.4 var(--z-font-ui);font-variant-numeric:tabular-nums;color-scheme:light}
.ecr .stage-label{position:absolute;left:38px;top:23px;display:flex;align-items:center;gap:9px;color:#f1e7d6;font:600 13px/1.3 var(--z-font-ui);z-index:2}
.ecr .stage-label>svg{width:17px;height:17px}
.ecr .stage-label>span{font-size:9px;font-weight:500;letter-spacing:.12em;color:#c5af8c;margin-left:10px}
.ecr .gradient-stage{background:radial-gradient(ellipse at 88% 86%,#f5b81e 0,rgba(245,184,30,.65) 16%,transparent 52%),radial-gradient(ellipse at 12% 8%,#a34322 0,rgba(122,49,25,.76) 23%,transparent 64%),linear-gradient(130deg,#111 8%,#262018 53%,#5f451c)}
.ecr .gradient-stage.ads{background:radial-gradient(ellipse at 84% 88%,#d8a83b 0,rgba(216,168,59,.6) 18%,transparent 57%),radial-gradient(ellipse at 9% 0,#71391e,transparent 60%),linear-gradient(120deg,#111 8%,#28251a 62%,#443a1c)}
.ecr .gradient-stage.factu{background:radial-gradient(ellipse at 85% 84%,#e8a62b 0,rgba(232,166,43,.65) 14%,transparent 55%),radial-gradient(ellipse at 0 0,#9f421f 0,transparent 68%),linear-gradient(120deg,#111 10%,#3f2116 60%,#6d421b)}
.ecr .grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.ecr .browser{position:absolute;left:54px;top:65px;width:992px;height:554px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 26px 58px #0005;z-index:2;text-align:left;color:#20252d}
.ecr .browser-chrome{height:34px;background:#f4f5f7;display:flex;align-items:center;gap:13px;padding:0 12px;border-bottom:1px solid #e1e3e7;color:#7b8089;font:400 10px/1 var(--z-font-ui)}
.ecr .browser-chrome svg{width:12px;height:12px;flex-shrink:0}
.ecr .traffic{display:flex;gap:5px;margin-right:3px}
.ecr .traffic i{width:7px;height:7px;border-radius:50%;background:#ef867d}
.ecr .traffic i:nth-child(2){background:#e7bf5c}
.ecr .traffic i:nth-child(3){background:#75b786}
.ecr .browser-arrows{display:flex;gap:8px}
.ecr .address{height:21px;max-width:500px;width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:7px;background:#e9ebee;border-radius:5px;color:#636a76;position:relative}
.ecr .address>svg:last-child{position:absolute;right:7px;width:10px;height:10px}
.ecr .address>svg:first-child{width:10px;height:10px}
.ecr .app-viewport{position:relative;width:992px;height:520px;overflow:hidden;background:#f8f9fa}
.ecr .app{position:absolute;left:0;top:0;transform:scale(.8);transform-origin:top left;width:1240px;height:650px;overflow:hidden;display:grid;grid-template-columns:164px 1076px;background:var(--app-bg);color:var(--text);--app-bg:#f7f8fa;--panel:#fff;--sidebar:#f9fafb;--line:#e6e8ed;--text:#242a33;--muted:#68727f;--subtle:#f3f4f6;--selected:#eff5ff;--app-accent:#2563eb;--accent-soft:#eff5ff;--accent-border:#c9dafa;font:400 12px/1.35 var(--z-font-ui);font-variant-numeric:tabular-nums;color-scheme:light}
.ecr .app.ads,.ecr .ads{--app-accent:#059669;--accent-soft:#edf9f4;--accent-border:#bfe6d5;--selected:#eef8f4}
.ecr .app.factu,.ecr .factu{--app-accent:#c2410c;--accent-soft:#fff3ed;--accent-border:#f1cdbb;--selected:#fff5ef}
.ecr .closing{--app-accent:#2563eb;--accent-soft:#eff5ff;--accent-border:#c9dafa}
.ecr .app *{box-sizing:border-box}
.ecr .app svg,.ecr .floating-menu svg{width:15px;height:15px;flex-shrink:0;vertical-align:middle}
.ecr .app h3,.ecr .app h4,.ecr .app p{font-family:var(--z-font-ui);margin:0}
.ecr .app b,.ecr .app strong{font-weight:600}
.ecr .app .muted{color:var(--muted)}
.ecr .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ecr .app .accent-text{color:var(--app-accent)}
.ecr .sidebar{position:relative;background:var(--sidebar);border-right:1px solid var(--line);height:650px;padding:0 9px}
.ecr .app-logo{height:55px;display:flex;align-items:center;gap:8px;padding:0 8px;font-weight:600;font-size:19px;letter-spacing:-.035em}
.ecr .app-logo>span{background:var(--app-accent);color:white;width:25px;height:25px;border-radius:6px;display:grid;place-items:center}
.ecr .app-logo>span svg{width:17px;height:17px}
.ecr .app-logo>svg{margin-left:auto;width:12px;color:var(--muted)}
.ecr .workspace-switch{display:flex;align-items:center;gap:7px;margin:3px 2px 23px;padding:8px 3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;font-weight:600}
.ecr .workspace-switch small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:2px}
.ecr .avatar{width:24px;height:24px;border-radius:50%;background:var(--subtle,#f3f4f6);color:var(--muted,#68727f);display:inline-flex;align-items:center;justify-content:center;font:500 9px/1 var(--z-font-ui);flex-shrink:0;letter-spacing:0}
.ecr .avatar.large{height:33px;width:33px;font-size:11px;background:var(--accent-soft);color:var(--app-accent)}
.ecr .nav-group-label{font-size:8px;letter-spacing:.09em;color:var(--muted);padding:0 10px;margin:19px 0 8px}
.ecr .side-link{display:flex;align-items:center;gap:8px;min-height:34px;margin:2px 0;padding:0 9px;border-radius:5px;font-size:11px;color:var(--muted);white-space:nowrap}
.ecr .side-link svg{width:15px;height:15px}
.ecr .side-link b{font-size:9px;margin-left:auto;background:var(--subtle);border-radius:4px;min-width:17px;text-align:center;padding:1px 3px}
.ecr .side-link.active{background:var(--accent-soft);color:var(--app-accent);font-weight:600}
.ecr .sidebar-bottom{position:absolute;bottom:8px;left:9px;right:9px}
.ecr .sync-state{font-size:9px;color:var(--muted);margin:0 7px 17px}
.ecr .sync-state i,.ecr .app-status i{display:inline-block;width:5px;height:5px;background:var(--app-accent);border-radius:50%;margin-right:5px}
.ecr .sync-state small{display:block;font-size:8px;margin:3px 0 0 10px}
.ecr .profile{border-top:1px solid var(--line);padding:12px 3px 2px;display:flex;gap:7px;align-items:center;font-size:10px}
.ecr .profile small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.ecr .profile>svg{margin-left:auto;width:12px}
.ecr .app-main{min-width:0;height:650px;overflow:hidden;background:var(--panel)}
.ecr .leads-app .app-main{display:grid;grid-template-rows:44px 78px 48px 450px 30px}
.ecr .app-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);height:44px}
.ecr .app-topbar>div{display:flex;align-items:center;gap:12px}
.ecr .app-topbar b{font-weight:500;color:var(--text)}
.ecr .slash{opacity:.5}
.ecr .app-topbar .global-search{padding:0;border:0;height:auto;font-size:10px}
.ecr .app-topbar .global-search svg{width:12px}
.ecr .keycap{padding:2px 4px;border:1px solid var(--line);border-radius:3px;font-size:8px;margin-left:-7px}
.ecr .app-topbar .avatar{width:23px;height:23px}
.ecr .app-heading{height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px}
.ecr .app-heading h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;font-weight:600;color:var(--text)}
.ecr .app-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}
.ecr .heading-actions{display:flex;gap:7px}
.ecr .tool{height:29px;padding:0 9px;border:1px solid var(--line,#e6e8ed);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:500;white-space:nowrap;color:var(--text,#242a33);background:var(--panel,#fff)}
.ecr .tool svg{width:13px;height:13px}
.ecr .tool.primary{background:var(--app-accent);border-color:var(--app-accent);color:#fff}
.ecr .app-toolbar{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px}
.ecr .app-toolbar>div{display:flex;gap:7px;align-items:center}
.ecr .view-name{font-weight:600;border:0;padding-left:7px;background:transparent}
.ecr .view-name>svg{order:1;width:11px}
.ecr .search-field{color:var(--muted);width:152px;justify-content:flex-start}
.ecr .segmented{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:2px;gap:2px;height:29px;background:var(--subtle)}
.ecr .segmented>span,.ecr .segmented>b{display:inline-flex;gap:4px;align-items:center;padding:4px 8px;color:var(--muted);font-size:10px;line-height:16px;border-radius:3px;white-space:nowrap}
.ecr .segmented>b{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0000000c}
.ecr .segmented svg{height:12px;width:12px}
.ecr .leads-workspace{height:450px;display:grid;grid-template-columns:792px 284px;overflow:hidden}
.ecr .leads-table{width:792px;min-width:0;overflow:hidden}
.ecr table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px;color:var(--text)}
.ecr th,.ecr td{text-align:left;padding:0 9px;border-bottom:1px solid var(--line);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecr th{height:34px;background:var(--sidebar);font-size:9px;color:var(--muted);font-weight:500;line-height:1.2}
.ecr th svg{height:10px!important;width:10px!important;margin-left:4px}
.ecr td{height:38px}
.ecr tbody tr.selected{background:var(--selected)}
.ecr .checkbox{display:inline-block;width:11px;height:11px;border:1px solid #cdd2da;border-radius:3px;vertical-align:middle}
.ecr .lead-open{display:flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;width:100%;font-size:10px}
.ecr .lead-open .avatar{width:23px;height:23px;font-size:8px}
.ecr .lead-open b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecr .lead-open:hover b{text-decoration:underline;text-underline-offset:3px}
.ecr .lead-open:focus-visible{outline:2px solid var(--app-accent);outline-offset:1px;border-radius:3px}
.ecr .badge{font-size:9px;font-weight:500;line-height:17px;padding:0 5px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background:var(--subtle,#f3f4f6);color:var(--muted,#68727f)}
.ecr .badge i{height:4px;width:4px;border-radius:50%;background:currentColor;flex-shrink:0}
.ecr .badge.accent{background:var(--accent-soft);color:var(--app-accent)}
.ecr .date-cell{color:var(--muted);font-size:9px}
.ecr .date-cell svg{width:11px;height:11px;margin-right:5px}
.ecr .table-footer{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}
.ecr .table-footer>span{display:flex;align-items:center;gap:8px}
.ecr .table-footer svg{width:12px;height:12px}
.ecr .app-status{height:30px;background:var(--sidebar);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--muted);font-size:9px}
.ecr .app-status>span{display:flex;align-items:center;gap:3px}
.ecr .app-status svg{height:11px;width:11px;margin-left:4px}
.ecr .detail-panel{height:450px;width:284px;overflow:hidden;border-left:1px solid var(--line);background:var(--panel)}
.ecr .detail-head{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:8px;font-weight:500;letter-spacing:.07em;color:var(--muted)}
.ecr .detail-head svg{width:12px;height:12px}
.ecr .identity{height:51px;display:flex;align-items:center;gap:8px;padding:0 14px}
.ecr .identity h4{font-size:14px;font-weight:600;line-height:1.3}
.ecr .identity small{font-size:8px;color:var(--muted);display:block;margin-top:3px;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecr .detail-properties{padding:7px 14px 9px}
.ecr .detail-properties>div{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:25px;font-size:9px}
.ecr .detail-properties>div>span{color:var(--muted)}
.ecr .detail-properties b{font-size:9px}
.ecr .detail-tabs{height:34px;display:flex;gap:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 14px;align-items:center;font-size:9px;color:var(--muted)}
.ecr .detail-tabs b{color:var(--app-accent);height:34px;display:flex;align-items:center;border-bottom:2px solid var(--app-accent)}
.ecr .timeline{padding:13px 14px 0 40px;height:179px;overflow:hidden}
.ecr .timeline>div{position:relative;padding:0 0 16px 0;border-left:1px solid var(--line)}
.ecr .timeline-icon{position:absolute;left:-26px;top:0;width:19px;height:19px;background:var(--sidebar);color:var(--muted);display:grid;place-items:center;border-radius:50%}
.ecr .timeline-icon svg{width:11px;height:11px}
.ecr .timeline b{display:block;font-size:10px;margin-left:0}
.ecr .timeline small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.ecr .timeline p{font-size:10px;line-height:1.5;margin:6px 0 0;color:var(--muted);max-width:220px;white-space:normal}
.ecr .detail-bottom{padding:9px 14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px}
.ecr .detail-bottom .tool{font-size:9px;height:26px}
.ecr .detail-panel>.detail-bottom{height:65px}
.ecr .detail-bottom .primary{flex:1 1 100%;justify-content:center}
.ecr .floating-menu{position:absolute;z-index:4;left:83px;top:470px;width:221px;border-radius:8px;background:#fff;color:#30343c;box-shadow:0 14px 35px #0004;font:400 10px/1.3 var(--z-font-ui);color-scheme:light;overflow:hidden}
.ecr .menu-title{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;padding:12px 12px 9px;border-bottom:1px solid #ebedf0}
.ecr .menu-title svg{height:13px;width:13px;color:var(--app-accent)}
.ecr .menu-title>span{margin-left:auto;font-size:9px;color:#707985;font-weight:400}
.ecr .menu-option{display:flex;align-items:center;gap:9px;height:25px;padding:0 13px;font-size:10px}
.ecr .menu-option:first-of-type{margin-top:4px}
.ecr .menu-check{height:12px;width:12px;border:1px solid #d1d5dc;border-radius:3px;display:grid;place-items:center}
.ecr .menu-check.on{background:var(--app-accent);border-color:var(--app-accent);color:#fff}
.ecr .menu-check svg{height:10px;width:10px}
.ecr .menu-foot{border-top:1px solid #e9ebef;padding:8px 12px;color:#6a7280;font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:5px}
.ecr .floating-menu.ads{left:768px;top:457px;width:268px}
.ecr .floating-menu.ads .menu-title{padding:13px 14px}
.ecr .funnel-line{position:relative;height:29px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:10px}
.ecr .funnel-line>span,.ecr .funnel-line>b{z-index:1}
.ecr .funnel-line i{position:absolute;left:0;top:0;bottom:0;max-width:100%;background:var(--accent-soft);border-bottom:1px solid #fff}
.ecr .funnel-line b{font-weight:600}
.ecr .attribution-menu .menu-foot b{color:var(--app-accent)}
.ecr .floating-menu.factu{left:84px;top:516px;width:257px}
.ecr .direction-menu{top:500px;width:258px}
.ecr .direction-menu .audit-event{padding-left:0}
.ecr .audit-event{position:relative;margin:10px 12px 12px;padding-left:17px}
.ecr .audit-dot{position:absolute;left:1px;top:3px;width:6px;height:6px;border-radius:50%;background:var(--app-accent)}
.ecr .audit-event b{display:block;font-size:10px;font-weight:600}
.ecr .audit-event small{display:block;font-size:9px;margin-top:3px;color:#68727f}
.ecr .audit-menu .menu-foot{justify-content:flex-start}
.ecr .case-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 3px 0;font:400 13px/1.45 var(--z-font-ui)}
.ecr .case-identity{display:flex;align-items:center;gap:12px;min-width:0}
.ecr .case-icon{display:grid;place-items:center;width:42px;height:42px;background:#1c1d20;color:var(--app-accent);border-radius:10px;flex-shrink:0}
.ecr .case-icon svg{height:23px;width:23px}
.ecr .case-identity strong{display:block;font-size:15px;line-height:1.3;font-weight:500}
.ecr .case-identity>div>span{display:block;font-size:12px;color:#a9a398;margin-top:4px}
.ecr .case-metric{text-align:right;flex-shrink:0;max-width:260px}
.ecr .case-metric strong{color:#f5cf65;font:500 24px/1.1 var(--z-font-ui);letter-spacing:-.025em;display:block}
.ecr .case-metric>span{color:#b5ad9d;font-size:11px;display:block;margin-top:5px}
.ecr .devices-stage .browser{left:32px;top:82px}
.ecr .devices-stage .stage-label{top:30px;color:#d2cbbd}
.ecr .devices-stage .stage-label>svg:nth-child(2){margin-left:14px}
.ecr .device-orbit{position:absolute;left:103px;top:102px;width:900px;height:580px;border:1px solid #3a352b;border-radius:50%;transform:rotate(-14deg)}
.ecr .phone{position:absolute;left:802px;top:227px;width:242px;height:518px;border:6px solid #212225;outline:1px solid #4a4b50;border-radius:34px;background:#212225;box-shadow:0 26px 40px #0007;z-index:5;overflow:hidden}
.ecr .phone-screen{height:506px;width:230px;border-radius:28px;overflow:hidden;position:relative;background:#f7f8fa;color:#242a33;--muted:#68727f;--subtle:#edf0f3;font:400 11px/1.4 var(--z-font-ui)}
.ecr .phone-status{height:32px;display:flex;align-items:center;padding:0 16px;gap:4px;font-size:9px;background:#fff}
.ecr .phone-island{position:absolute;top:7px;left:83px;width:65px;height:17px;background:#171719;border-radius:12px}
.ecr .signal-bars{display:flex;gap:1px;align-items:flex-end;margin-left:auto;height:9px}
.ecr .signal-bars i{width:2px;height:4px;background:#333;border-radius:1px}
.ecr .signal-bars i:nth-child(2){height:6px}
.ecr .signal-bars i:nth-child(3){height:8px}
.ecr .battery{height:7px;width:12px;border:1px solid #444;border-radius:2px;margin-left:3px;box-shadow:inset 0 0 0 1px white;background:#444}
.ecr .mobile-header{height:38px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6e8ed}
.ecr .mobile-brand{font-size:14px;letter-spacing:-.025em;font-weight:600;display:flex;gap:6px;align-items:center}
.ecr .mobile-brand svg{width:17px;height:17px;color:var(--app-accent)}
.ecr .mobile-header .avatar{width:22px;height:22px;font-size:8px}
.ecr .mobile-title{padding:14px 14px 10px}
.ecr .mobile-title>span{font-size:7px;letter-spacing:.08em;color:#68727f}
.ecr .mobile-title h4{font:600 20px/1.2 var(--z-font-ui);margin:5px 0}
.ecr .mobile-title p{font-size:9px;color:#68727f;margin:0}
.ecr .mobile-tabs{height:28px;display:flex;align-items:center;gap:17px;padding:0 14px;font-size:9px;color:#68727f}
.ecr .mobile-tabs b{font-weight:500;color:var(--app-accent);height:28px;border-bottom:2px solid var(--app-accent);display:flex;align-items:center;gap:6px}
.ecr .mobile-tabs b>span{background:var(--accent-soft);padding:1px 4px;border-radius:3px;font-size:8px}
.ecr .mobile-task{margin:7px 10px 0;padding:10px;background:#fff;border:1px solid #e6e8ed;border-radius:7px}
.ecr .mobile-task>div:first-child{display:flex;gap:7px;align-items:center}
.ecr .mobile-task .avatar{font-size:8px;width:24px;height:24px}
.ecr .mobile-task b{font-weight:600;font-size:10px;display:block}
.ecr .mobile-task small{font-size:8px;color:#68727f;display:block}
.ecr .mobile-task .badge{margin-left:auto;font-size:7px;gap:3px;line-height:14px;padding:0 4px}
.ecr .mobile-task .badge i{height:3px;width:3px}
.ecr .mobile-task p{font:400 10px/1.45 var(--z-font-ui);color:#68727f;margin:10px 0 8px}
.ecr .mobile-task-context{font-size:8px;color:#68727f;display:flex;align-items:center;gap:5px}
.ecr .mobile-task-context svg{width:11px;height:11px}
.ecr .mobile-action{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;background:var(--app-accent);color:white;font-size:9px;font-weight:500;height:26px;border-radius:4px}
.ecr .mobile-action svg{width:12px;height:12px}
.ecr .mobile-secondary{display:flex;justify-content:space-around;font-size:8px;color:#68727f;margin-top:7px}
.ecr .mobile-task>div:first-child>svg{width:12px;height:12px;margin-left:auto;color:#68727f}
.ecr .mobile-nav{position:absolute;left:0;right:0;bottom:14px;height:39px;border-top:1px solid #e6e8ed;background:#fff;display:flex;justify-content:space-around;align-items:center;gap:7px}
.ecr .mobile-nav>span,.ecr .mobile-nav>b{display:flex;align-items:center;flex-direction:column;gap:3px;font-size:7px;color:#68727f;font-weight:400}
.ecr .mobile-nav>b{color:var(--app-accent);font-weight:600}
.ecr .mobile-nav svg{height:15px;width:15px}
.ecr .home-indicator{position:absolute;bottom:5px;left:78px;width:75px;height:3px;border-radius:2px;background:#2b2b30}
.ecr .floating-stat{position:absolute;left:86px;top:606px;z-index:4;display:flex;align-items:center;gap:12px;padding:14px 19px;border-radius:9px;background:#fff;color:#242a33;box-shadow:0 12px 25px #0004}
.ecr .floating-stat>svg{width:29px;height:29px;color:#2563eb}
.ecr .floating-stat strong{font-size:19px;letter-spacing:-.02em;display:block;font-weight:600}
.ecr .floating-stat small{color:#68727f;font-size:10px;display:block;margin-top:3px}
.ecr .annotated-stage .browser{top:45px;box-shadow:0 18px 45px #0004}
.ecr .annotation-lines{position:absolute;inset:0;width:1100px;height:770px;z-index:1;pointer-events:none}
.ecr .annotation-lines path{fill:none;stroke:#d1ac61;stroke-width:1;stroke-dasharray:3 4}
.ecr .annotation-pin{position:absolute;z-index:4;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#f5b81e;color:#1f190c;font:600 11px/1 var(--z-font-ui);box-shadow:0 2px 7px #0003}
.ecr .pin-one{left:606.5px;top:225.5px}
.ecr .pin-two{left:930.5px;top:422.5px}
.ecr .pin-three{left:953.5px;top:575.5px}
.ecr .annotation-note{position:absolute;top:672px;width:320px;z-index:4;color:#f1eadf;text-align:center}
.ecr .note-one{left:33px}
.ecr .note-two{left:390px}
.ecr .note-three{left:747px}
.ecr .annotation-note b{font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:7px}
.ecr .annotation-note b>span{font-size:10px;color:#edc875;border:1px solid #766139;width:17px;height:17px;display:grid;place-items:center;border-radius:50%}
.ecr .annotation-note p{font:400 11px/1.5 var(--z-font-ui);color:#bdb5a7;margin:7px 0 0}
.ecr .stats{display:grid;gap:10px}
.ecr .stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ecr .stats.seven{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.ecr .stat{min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:11px 13px;display:flex;flex-direction:column;justify-content:center}
.ecr .stat>span{font-size:10px;color:var(--muted);white-space:nowrap}
.ecr .stat strong{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:5px 0 4px;font-weight:600;white-space:nowrap}
.ecr .stat small{font-size:8px;color:var(--muted);white-space:nowrap}
.ecr .stat.accent-stat{background:var(--accent-soft);border-color:var(--accent-border)}
.ecr .accent-stat strong{color:var(--app-accent)}
.ecr .stats.seven .stat{border:0;border-right:1px solid var(--line);border-radius:0;padding:8px 12px}
.ecr .stats.seven .stat:last-child{border-right:0}
.ecr .stats.seven .stat strong{font-size:23px}
.ecr .stats.seven .stat>span{font-size:9px}
.ecr .stats.seven .stat small{font-size:7.5px}
.ecr .direction-app .app-main,.ecr .ads-app .app-main{display:grid;grid-template-rows:44px 78px 528px}
.ecr .direction-body{height:528px;padding:12px 24px;display:grid;grid-template-rows:78px 168px 236px;gap:10px;background:var(--app-bg);overflow:hidden}
.ecr .direction-body .stat{padding:8px 13px}
.ecr .direction-body .stat strong{font-size:26px;margin:4px 0}
.ecr .direction-charts{display:grid;grid-template-columns:690px 328px;gap:10px}
.ecr .chart-panel{border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden;color:var(--app-accent)}
.ecr .panel-heading{height:31px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);font-size:11px}
.ecr .panel-heading>span{color:var(--muted);font-size:9px;display:flex;gap:5px;align-items:center}
.ecr .panel-heading>span svg{height:12px;width:12px}
.ecr .panel-heading b{font-weight:600;white-space:nowrap}
.ecr .chart-panel svg.cash-chart{height:135px!important;width:100%!important;max-width:688px;display:block}
.ecr .chart-panel svg.ads-chart{width:100%!important;height:109px!important;display:block}
.ecr .chart-grid line{stroke:var(--line);stroke-width:1}
.ecr .chart-grid text,.ecr .chart-label text{fill:var(--muted);font:400 10px var(--z-font-ui)}
.ecr .rdv-panel{position:relative}
.ecr .rdv-panel>svg{width:310px;height:128px;display:block;margin:0 auto}
.ecr .chart-legend{position:absolute;top:26px;right:11px;display:flex;gap:8px;font-size:8px;color:var(--muted)}
.ecr .chart-legend span{display:flex;align-items:center;gap:4px}
.ecr .chart-legend i,.ecr .legend-dot{background:var(--app-accent);display:inline-block;width:5px;height:5px;border-radius:2px}
.ecr .chart-legend .soft{background:#bcc3cc}
.ecr .team-panel{border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden}
.ecr .team-panel .panel-heading{height:30px}
.ecr .count-label{font-size:9px;color:var(--muted);font-weight:400;margin-left:6px}
.ecr .team-table{width:1026px}
.ecr .team-table th{white-space:normal;height:36px;font-size:8px;padding:0 7px}
.ecr .team-table td{height:36px;padding:0 7px;font-size:9px}
.ecr .person{display:flex;align-items:center;gap:6px}
.ecr .person .avatar{width:22px;height:22px;font-size:8px}
.ecr .team-table .person b{font-size:9px}
.ecr .team-note{height:24px;display:flex;align-items:center;padding:0 12px;font-size:8px;color:var(--muted)}
.ecr .ads-body{height:528px;padding:12px 24px;display:grid;grid-template-rows:32px 76px 140px 198px 20px;gap:8px;overflow:hidden;background:var(--app-bg)}
.ecr .inset-toolbar{height:32px;padding:0;border:0}
.ecr .ads-body .segmented{height:28px}
.ecr .ads-body .tool{height:28px}
.ecr .ads-graph .panel-heading{height:29px}
.ecr .ads-chart{width:100%;height:109px;display:block}
.ecr .ads-chart .chart-grid text,.ecr .ads-chart .chart-label text{font-size:11px}
.ecr .campaign-panel{border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden}
.ecr .campaign-panel .panel-heading{height:29px}
.ecr .campaign-panel th{height:30px}
.ecr .campaign-panel td{height:36px;font-size:10px}
.ecr .campaign-panel tfoot td{height:29px;font-weight:600;background:var(--sidebar);border-bottom:0}
.ecr .campaign-name{display:flex;align-items:center;gap:8px}
.ecr .creative-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;background:var(--accent-soft);color:var(--app-accent)}
.ecr .creative-mark svg{height:13px;width:13px}
.ecr .campaign-name small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.ecr .data-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;white-space:nowrap}
.ecr .data-note svg{height:11px;width:11px}
.ecr .factu-app .app-main{display:grid;grid-template-rows:44px 78px 90px 44px 364px 30px}
.ecr .factu-stats{padding:0 22px 12px;background:var(--panel)}
.ecr .factu-stats .stat{padding:6px 12px}
.ecr .factu-stats .stat strong{font-size:24px;margin:4px 0 3px}
.ecr .factu-app .app-toolbar{height:44px;padding:0 16px}
.ecr .text-tab{font-size:10px;display:inline-flex;gap:6px;align-items:center;height:44px;padding:0 7px;color:var(--muted)}
.ecr .text-tab b{font-size:8px;background:var(--subtle);padding:1px 4px;border-radius:3px}
.ecr .text-tab.active{color:var(--app-accent);border-bottom:2px solid var(--app-accent);font-weight:600}
.ecr .payments-workspace{display:grid;grid-template-columns:772px 304px;height:364px;overflow:hidden}
.ecr .payment-table{width:772px;overflow:hidden}
.ecr .payment-table th{font-size:8px;height:30px;padding:0 7px}
.ecr .payment-table td{height:36px;font-size:9px;padding:0 7px}
.ecr .payment-table .badge{font-size:8px;line-height:16px;padding:0 4px;gap:3px}
.ecr .payment-table .table-footer{height:29px;font-size:8px}
.ecr .invoice-ref{color:var(--app-accent)}
.ecr .payment-explanation{height:17px;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:8px;color:var(--muted)}
.ecr .payment-explanation svg{width:10px;height:10px}
.ecr .payment-detail{width:304px;height:364px}
.ecr .payment-detail .detail-head{height:23px;padding:0 12px;font-size:8px}
.ecr .payment-amount{position:relative;padding:3px 12px 7px;height:57px}
.ecr .payment-amount>span:first-child{font-size:9px;color:var(--muted);display:block}
.ecr .payment-amount strong{font-size:24px;letter-spacing:-.02em;line-height:1.4}
.ecr .payment-amount>.badge{position:absolute;right:12px;bottom:12px}
.ecr .payment-detail .detail-properties{height:44px;padding:0 12px}
.ecr .payment-detail .detail-properties>div{min-height:20px;font-size:9px}
.ecr .candidate{margin:4px 12px 0;padding:8px;border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:5px;height:83px}
.ecr .candidate-title{display:flex;justify-content:space-between;font-size:7px;font-weight:500;color:var(--app-accent);margin-bottom:6px}
.ecr .candidate-title>span{font-size:8px}
.ecr .candidate .person{align-items:center}
.ecr .candidate .person b{font-size:10px}
.ecr .candidate .person small{font-size:8px;color:var(--muted);display:block}
.ecr .candidate p{font-size:8px;line-height:1.3;color:var(--muted);margin:5px 0 0}
.ecr .reconciliation{height:46px;padding:6px 12px;position:relative}
.ecr .reconciliation>span{font-size:9px;color:var(--muted)}
.ecr .reconciliation>b{float:right;font-size:11px}
.ecr .reconciliation small{font-size:8px;color:var(--muted);display:block;margin-top:4px}
.ecr .review-note{height:42px;padding:0 12px;font-size:8px;color:var(--muted)}
.ecr .review-note>div{height:23px;margin-top:3px;border:1px solid var(--line);border-radius:4px;padding:5px 7px;font-size:8px}
.ecr .payment-detail>.detail-bottom{height:65px;padding:6px 12px;gap:4px}
.ecr .payment-detail>.detail-bottom .tool{height:24px;font-size:9px}
.ecr .payment-detail .detail-bottom .primary{flex-basis:auto;flex-grow:1}
.ecr .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media (min-width:761px) and (max-width:1163px){
.ecr .stage{transform:scale(.8)}
}
@media (max-width:760px){
.ecr .stage-viewport{border-radius:9px}
.ecr .stage{transform:scale(.3)}
.ecr .case-caption{align-items:flex-start;gap:12px;padding-top:14px}
.ecr .case-icon{width:31px;height:31px;border-radius:7px}
.ecr .case-icon svg{width:18px;height:18px}
.ecr .case-identity{gap:8px;flex:1;align-items:flex-start}
.ecr .case-identity strong{font-size:11px;line-height:1.4}
.ecr .case-identity>div>span{font-size:9px;line-height:1.5;margin-top:3px}
.ecr .case-metric{width:104px;flex-shrink:0}
.ecr .case-metric strong{font-size:20px;line-height:1.1}
.ecr .case-metric>span{font-size:8px;line-height:1.5;margin-top:3px}
}
@media (prefers-reduced-motion:reduce){
.ecr *,.ecr *::before,.ecr *::after{animation:none!important;transition:none!important}
}
.ecr .stage::before{pointer-events:none}
.ecr .devices-stage{--solar-top:64px}
.ecr .annotated-stage{--solar-top:27px}
.ecr .address{opacity:.65}
.ecr .badge.green{background:#e2f3e8;color:#266341}
.ecr .badge.amber{background:#fff0d3;color:#875b13}
.ecr .badge.blue{background:#e5efff;color:#2d5895}
.ecr .badge.red{background:#fbe5e3;color:#9c4542}
.ecr .badge.gray{background:#eceef1;color:#626974}
.ecr .logo-chip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:2px;border-radius:4px;background:#fff;flex:0 0 20px;vertical-align:middle;box-sizing:border-box}
.ecr .logo-chip img{display:block;width:16px;height:16px;object-fit:contain;flex-shrink:0}
.ecr .logo-strip{display:inline-flex;align-items:center;gap:3px}
.ecr .source-label{display:inline-flex;align-items:center;gap:5px;max-width:100%;vertical-align:middle}
.ecr .source-label>span:last-child{overflow:hidden;text-overflow:ellipsis}
.ecr .source-label>svg{width:16px;height:16px;color:var(--muted)}
.ecr .connections{height:30px;display:flex;align-items:center;gap:13px;font-size:9px;color:var(--muted)}
.ecr .connections>span{display:flex;align-items:center;gap:4px;white-space:nowrap}
.ecr .connections>span:first-child{font-weight:600}
.ecr .connections small{font-size:8px;margin-left:auto}
.ecr .case-problem{max-width:650px;color:#e1dacd!important;font-size:13px!important;line-height:1.5}
.ecr .case-metric{max-width:260px}
.ecr .case-metric>span{max-width:210px}
.ecr .case-identity>div{min-width:0}
.ecr .case-identity>div>span:last-child{font-size:10px}
.ecr .stats.eight{grid-template-columns:120px 128px 113px 131px 109px 97px 194px 134px;gap:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.ecr .stats.eight .stat{border:0;border-right:1px solid var(--line);border-radius:0;padding:8px 10px}
.ecr .stats.eight .stat:last-child{border-right:0}
.ecr .stats.eight .stat strong{font-size:22px}
.ecr .stats.eight .stat>span{font-size:9px}
.ecr .stats.eight .stat small{font-size:7.5px}
.ecr .ads-body{grid-template-rows:32px 76px 106px 228px 30px}
.ecr .ads-graph .panel-heading{height:25px}
.ecr .chart-panel svg.ads-chart{height:79px!important}
.ecr .campaign-panel .panel-heading{height:27px}
.ecr .campaign-panel th{height:28px}
.ecr .campaign-panel td{height:35px}
.ecr .campaign-panel tfoot td{height:31px}
.ecr .team-table th,.ecr .team-table td{height:30px}
.ecr .team-table tfoot td{height:24px;background:var(--sidebar);font-size:9px;font-weight:600}
.ecr .team-note{height:25px}
.ecr .payment-table th{height:30px}
.ecr .payment-table td{height:31px}
.ecr .payment-table tfoot td{height:22px;background:var(--sidebar);font-weight:600;font-size:8px}
.ecr .payment-table .table-footer{height:17px}
.ecr .payment-explanation{height:16px}
.ecr .payment-amount>span:first-child{display:flex;align-items:center;gap:4px}
.ecr .payment-detail .source-label{font-size:9px}
.ecr .payment-detail .logo-chip{height:18px;width:18px;flex-basis:18px;padding:1px}
.ecr .floating-stat>svg{color:var(--app-accent)}
.ecr .phone,.ecr .phone *{box-sizing:border-box}
.ecr .phone{width:242px;height:518px}
.ecr .phone-screen{width:230px;height:506px}
.ecr .phone-screen svg{flex-shrink:0}
.ecr .mobile-header{height:38px;width:230px;padding:0 14px}
.ecr .mobile-brand{min-width:0}
.ecr .mobile-title{height:78px;padding:12px 14px 8px}
.ecr .mobile-title h4{font-size:20px}
.ecr .mobile-tabs{height:28px}
.ecr .mobile-task{width:210px;height:48px;margin:7px 10px 0;padding:9px 10px}
.ecr .mobile-task>div:first-child{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;gap:6px;height:28px}
.ecr .mobile-task>div:first-child>span{min-width:0}
.ecr .mobile-task b,.ecr .mobile-task small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ecr .mobile-task>div:first-child>svg{margin-left:0}
.ecr .mobile-task.current{height:154px;display:grid;grid-template-rows:28px 28px 14px 26px 12px;gap:4px;padding:10px}
.ecr .mobile-task.current>div:first-child{grid-template-columns:24px minmax(0,1fr) 43px}
.ecr .mobile-task .badge{margin:0;justify-content:center}
.ecr .mobile-task.current p{margin:0;font-size:10px;line-height:14px}
.ecr .mobile-task-context{min-width:0;font-size:8px;gap:4px;white-space:nowrap}
.ecr .mobile-action{width:100%;min-width:0;margin:0;height:26px;gap:6px}
.ecr .mobile-action svg{margin:0!important;color:inherit!important;width:12px;height:12px}
.ecr .mobile-secondary{margin:0;height:12px}
.ecr .mobile-nav{height:39px;bottom:14px}
.ecr .mobile-conversations{margin:7px 10px 0;width:210px;display:grid;gap:5px}
.ecr .mobile-conversation{height:62px;padding:4px 8px;background:#fff;border:1px solid #e6e8ed;border-radius:6px}
.ecr .mobile-conversation>div{display:grid;grid-template-columns:23px minmax(0,1fr) 20px;gap:6px;align-items:center;height:23px}
.ecr .mobile-conversation .avatar{height:23px;width:23px;font-size:8px}
.ecr .mobile-conversation b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecr .mobile-conversation p{font-size:8px;color:#68727f;margin:2px 0;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ecr .mobile-conversation footer{display:flex;align-items:center;justify-content:space-between;height:13px}
.ecr .mobile-conversation .badge{font-size:7px;line-height:13px;padding:0 4px}
.ecr .mobile-conversation time{font-size:7px;color:#68727f}
@media (max-width:760px){
.ecr .case-caption{flex-wrap:wrap}
.ecr .case-identity{flex-basis:100%}
.ecr .case-problem{font-size:11px!important;max-width:none}
.ecr .case-metric{width:auto;text-align:left;padding-left:39px;display:flex;align-items:baseline;gap:8px;max-width:none}
.ecr .case-metric>span{font-size:10px;max-width:215px}
.ecr .case-identity>div>span:last-child{font-size:9px}
}
.ecr .annotation-note{background:rgba(14,13,12,.78);border:1px solid rgba(245,184,30,.28);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ecr .annotation-note p{color:#d4ccbe}
.ecr .chart-panel svg.ads-chart{width:100%!important;height:79px!important}
.ecr .app.content,.ecr .content{--app-accent:#E11D48;--accent-soft:#fff1f3;--accent-border:#fecdd6;--selected:#fff1f3}
.ecr .content button{font-family:var(--z-font-ui);cursor:pointer}
.ecr .content button:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
.ecr .content .side-link[type=button]{width:100%;border:0;background:transparent;text-align:left;font-weight:400}
.ecr .content .side-link[type=button].active{background:var(--accent-soft);color:var(--app-accent);font-weight:600}
.ecr .content .side-link[type=button]:hover{background:var(--accent-soft)}
.ecr .content-watch .app-main{display:grid;grid-template-rows:44px 78px 88px 44px 366px 30px}
.ecr .content-stats{padding:0 22px 12px}
.ecr .content-stats .stat{padding:7px 12px}
.ecr .content-stats .stat strong{font-size:24px;margin:3px 0}
.ecr .content .app-toolbar{height:44px}
.ecr .content-filters .tool{font-size:9px;height:28px;padding:0 7px;gap:4px}
.ecr .content-filters>.muted{font-size:9px}
.ecr .content-filters .filter-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--app-accent)}
.ecr .content-filters .logo-chip{width:18px;height:18px;flex-basis:18px}
.ecr .content-filters .logo-chip img{width:14px;height:14px}
.ecr .content-workspace{display:grid;grid-template-columns:772px 304px;height:366px}
.ecr .content-table{width:772px}
.ecr .content-table th{height:28px;font-size:8px;padding:0 6px}
.ecr .content-table td{height:38px;font-size:9px;padding:0 6px}
.ecr .content-table .lead-open{gap:5px;font-size:9px}
.ecr .content-table .avatar{width:22px;height:22px;font-size:8px}
.ecr .content-table .badge{font-size:8px;padding:0 4px;gap:3px}
.ecr .content-table .table-footer{height:32px;font-size:8px}
.ecr .performance{font-size:9px;color:var(--muted)}
.ecr .performance.strong{color:#266341;font-weight:600}
.ecr .content-detail{height:366px;width:304px;border-left:1px solid var(--line);padding:0 14px 8px;background:var(--panel);display:grid;grid-template-rows:25px 40px 35px 20px 40px minmax(0,1fr) 28px;gap:6px}
.ecr .content-detail .detail-head{height:25px;padding:0}
.ecr .content-detail .identity{height:40px;padding:0}
.ecr .content-detail .identity h4{font-size:13px}
.ecr .content-detail blockquote{margin:0;font-size:12px;font-weight:600;line-height:1.45}
.ecr .content-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:0}
.ecr .content-tags .badge{font-size:8px}
.ecr .content-ratio{height:40px;display:flex;align-items:center;gap:10px;border-block:1px solid var(--line);margin-bottom:0;color:#266341}
.ecr .content-ratio strong{font-size:22px}
.ecr .content-ratio>span{font-size:9px}
.ecr .content-ratio small{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.ecr .content-analysis{font-size:10px;line-height:1.45}
.ecr .content-analysis b{font-size:9px}
.ecr .content-analysis p{margin:3px 0 8px;color:var(--muted)}
.ecr .content-detail>.tool{width:100%;height:28px;margin-top:0;font-size:10px}
.ecr .content-radar .app-main,.ecr .content-studio .app-main{display:grid;grid-template-rows:44px 78px 528px}
.ecr .content-radar-body{height:528px;padding:12px 22px;display:grid;grid-template-rows:64px 76px minmax(0,1fr) 30px;gap:8px;background:var(--app-bg)}
.ecr .content-alert{display:flex;align-items:center;gap:12px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:6px;padding:10px 14px}
.ecr .content-alert>svg{width:21px;height:21px;color:var(--app-accent)}
.ecr .content-alert b{font-size:12px}
.ecr .content-alert p{font-size:10px;margin:5px 0 0;color:#9f1239}
.ecr .content-alert>.tool{margin-left:auto}
.ecr .content-radar-body .stat{padding:6px 12px}
.ecr .content-radar-body .stat strong{font-size:24px;margin:3px 0}
.ecr .content-news-panel{border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.ecr .content-news-panel .panel-heading{height:30px}
.ecr .content-news-panel th{height:28px;font-size:9px}
.ecr .content-news-panel td{height:62px;font-size:10px;white-space:normal;line-height:1.4}
.ecr .content-news-panel td small{display:block;font-size:8px;color:var(--muted);margin-top:4px}
.ecr .content-news-panel td>b{display:block;font-size:10px}
.ecr .content-news-panel tr:last-child td{border-bottom:0}
.ecr .content-news-panel .news-angle{color:var(--muted);padding-right:20px}
.ecr .content-sources{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.ecr .content-sources>span{display:inline-flex;align-items:center;justify-content:center;height:20px;width:20px;background:var(--sidebar);border-radius:4px}
.ecr .content-sources>span>svg{width:14px;height:14px;color:var(--muted)}
.ecr .content-sources small{flex-basis:100%}
.ecr .content .connections{gap:10px}
.ecr .content .connections small{font-size:8px}
.ecr .content-studio-body{height:528px;padding:12px 22px;display:grid;grid-template-rows:300px 194px;gap:10px;background:var(--app-bg)}
.ecr .content-studio-top{display:grid;grid-template-columns:520px minmax(0,1fr);gap:10px;min-height:0}
.ecr .linkedin-preview,.ecr .content-carousel-panel,.ecr .content-calendar{border:1px solid var(--line);border-radius:6px;background:var(--panel);min-width:0}
.ecr .linkedin-preview .panel-heading,.ecr .content-carousel-panel .panel-heading{height:30px;border-bottom:1px solid var(--line);font-size:10px;padding:0 12px}
.ecr .linkedin-person{display:flex;gap:8px;align-items:center;padding:9px 14px 5px}
.ecr .linkedin-person>div{flex:1}
.ecr .linkedin-person b{font-size:11px}
.ecr .linkedin-person small{display:block;font-size:8px;line-height:1.4;color:var(--muted);margin-top:2px}
.ecr .linkedin-person small svg{width:9px;height:9px}
.ecr .linkedin-copy{padding:0 14px;font-size:10px;line-height:1.42}
.ecr .linkedin-copy p{margin:6px 0}
.ecr .linkedin-copy p:first-child{font-weight:600}
.ecr .linkedin-preview>footer{display:flex;align-items:center;gap:5px;font-size:7px;color:var(--muted);margin:6px 14px 0;border-top:1px solid var(--line);padding-top:5px}
.ecr .linkedin-preview>footer svg{height:11px;width:11px}
.ecr .linkedin-preview>footer span{margin-left:auto}
.ecr .content-carousel-panel>p{font-size:9px;color:var(--muted);margin:10px 12px}
.ecr .content-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 12px}
.ecr .content-thumbnails>div{aspect-ratio:4/5;position:relative;display:flex;flex-direction:column;justify-content:center;padding:9px;background:#fff1f3;border:1px solid #fecdd6;border-radius:4px;color:#881337}
.ecr .content-thumbnails>div:first-child{background:#E11D48;color:#fff;border-color:#E11D48}
.ecr .content-thumbnails>div:nth-child(3){background:#fff8e7;color:#674517;border-color:#eedcb6}
.ecr .content-thumbnails>div>span{position:absolute;top:6px;left:8px;font-size:7px;opacity:.8}
.ecr .content-thumbnails b{font-size:13px;line-height:1.15;letter-spacing:-.02em}
.ecr .content-thumbnails small{font-size:8px;line-height:1.4;margin-top:8px}
.ecr .content-thumbnails i{position:absolute;bottom:6px;left:8px;font-size:5px;font-style:normal;letter-spacing:.05em}
.ecr .content-format-note{display:flex;gap:5px;align-items:center;margin:14px 12px 0;font-size:8px;color:var(--muted)}
.ecr .content-format-note .logo-chip{margin-left:4px}
.ecr .content-format-note .logo-chip:first-child{margin-left:0}
.ecr .content-calendar .panel-heading{height:31px;border-bottom:1px solid var(--line)}
.ecr .content-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:161px}
.ecr .content-day{border-right:1px solid var(--line);min-width:0;padding:0 7px}
.ecr .content-day:last-child{border:0}
.ecr .content-day>header{height:29px;display:flex;align-items:center;font-size:9px;color:var(--muted)}
.ecr .calendar-post{border:1px solid #c9def1;background:#eef6fd;padding:8px;border-radius:5px;height:127px}
.ecr .calendar-post.network-instagram{background:#fff1f3;border-color:#fecdd6}
.ecr .calendar-post>span{display:flex;align-items:center;gap:4px;font-size:8px;color:#22547a;white-space:nowrap}
.ecr .calendar-post.network-instagram>span{color:#9f1239}
.ecr .calendar-post>b{display:block;font-size:10px;line-height:1.4;margin:6px 0;min-height:28px}
.ecr .calendar-post>.badge{font-size:8px;line-height:15px}
.ecr .calendar-post>small{display:block;color:var(--muted);font-size:8px;margin-top:6px}
.ecr .calendar-post .logo-chip{height:16px;width:16px;flex-basis:16px;padding:1px}
.ecr .calendar-post img{width:13px;height:13px}
.ecr .devices-stage.content .browser{left:24px}
.ecr .devices-stage.content .phone{left:835px}
.ecr .devices-stage.content .content-studio-body{width:846px}
.ecr .devices-stage.content .content-studio-top{grid-template-columns:440px minmax(0,1fr)}
.ecr .devices-stage.content .linkedin-copy{font-size:9px;line-height:1.4}
.ecr .devices-stage.content .linkedin-copy p{margin:5px 0}
.ecr .devices-stage.content .linkedin-preview>footer{display:block;line-height:1.4}
.ecr .devices-stage.content .linkedin-preview>footer span{display:block;margin-left:0}
.ecr .devices-stage.content .content-calendar .panel-heading>span{font-size:8px}
.ecr .devices-stage.content .calendar-post>span{font-size:7px}
.ecr .devices-stage.content .floating-stat{top:639px;left:60px}
.ecr .devices-stage.content .floating-stat strong{font-size:18px}
.ecr .phone-screen.content .mobile-title h4{font-size:19px}
.ecr .content-mobile-brief{margin:7px 10px 0;display:grid;gap:5px;width:210px}
.ecr .content-mobile-brief article{height:48px;border:1px solid #e6e8ed;border-radius:6px;padding:5px 7px;background:#fff;min-width:0}
.ecr .content-mobile-brief article>span{display:flex;align-items:center;gap:5px}
.ecr .content-mobile-brief article b{font-size:9px;line-height:12px;font-weight:600}
.ecr .content-mobile-brief .logo-chip{height:17px;width:17px;flex-basis:17px;padding:1px}
.ecr .content-mobile-brief img{width:14px;height:14px}
.ecr .content-mobile-brief footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:2px}
.ecr .content-mobile-brief small{font-size:7px;color:#68727f}
.ecr .content-mobile-brief button{height:16px;padding:0 6px;border:1px solid #fecdd6;border-radius:3px;background:#fff1f3;color:#9f1239;font-size:8px;font-weight:500;white-space:nowrap}
.ecr .annotated-stage .annot-ecran{position:absolute;width:992px;height:554px;transform-origin:0 0;z-index:2;border-radius:10px;box-shadow:0 34px 70px -24px rgba(0,0,0,.7)}
.ecr .annotated-stage .annot-ecran .browser{left:0;top:0;box-shadow:none}
.ecr .annot-spot{position:absolute;left:0;top:0;width:992px;height:554px;z-index:3;pointer-events:none}
.ecr .annot-zones rect{fill:none;stroke:#f5b81e;stroke-width:2.6;filter:drop-shadow(0 0 6px rgba(245,184,30,.55))}
.ecr .annot-lines{position:absolute;left:0;top:0;width:1100px;z-index:4;pointer-events:none;overflow:visible}
.ecr .annot-lines path{fill:none;stroke:#f5b81e;stroke-width:1.5}
.ecr .annot-lines circle{fill:#f5b81e;stroke:#fff6dc;stroke-width:1.5}
.ecr .annot-note{position:absolute;z-index:5;width:196px;transform:translateY(-50%);padding:11px 13px 12px;border-radius:10px;background:#fffdf8;color:#1d1b18;box-shadow:0 0 0 1px rgba(245,184,30,.6),0 16px 36px -14px rgba(0,0,0,.65);text-align:left}
.ecr .annot-note.left{left:22px}
.ecr .annot-note.right{right:22px}
.ecr .annot-note b{display:block;font:600 13.5px/1.3 var(--z-font-ui)}
.ecr .annot-note span{display:block;margin-top:4px;font:400 12px/1.4 var(--z-font-ui);color:#5d574d}
.ecr .annot-liste{display:none;margin:14px 0 0;padding:0 0 0 20px;font:400 14px/1.5 var(--z-font-ui);color:var(--page-muted,#b2ada4)}
.ecr .annot-liste li+li{margin-top:6px}
.ecr .annot-liste b{color:var(--page-ink,#f2ede5);font-weight:600}
@media (max-width:700px){
.ecr .annotated-stage .annot-note,.ecr .annotated-stage .annot-lines{display:none}
.ecr .annot-liste{display:block}
}
.ecr .badge.tag-bleu{background:#e5efff;color:#2d5895}
.ecr .badge.tag-ciel{background:#e0f2fe;color:#075985}
.ecr .badge.tag-marine{background:#e2e7f3;color:#25386a}
.ecr .badge.tag-ardoise{background:#eceef1;color:#475467}
.ecr .badge.tag-orange{background:#ffedd5;color:#9a3412}
.ecr .badge.tag-jaune{background:#fdf3c4;color:#6f5806}
.ecr .badge.tag-sable{background:#f3ece2;color:#6d5639}
.ecr .badge.tag-brun{background:#f0e2d4;color:#6b3f1d}
.ecr .badge.tag-angle{background:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 38%,transparent)}
.ecr .studio-tags{display:inline-flex;align-items:center;gap:4px;margin-left:auto}
.ecr .studio-tags .badge{margin-left:0}
.ecr .calendar-post small{display:flex;align-items:center;gap:4px}
.ecr .calendar-post small .badge{margin:0;font-size:7px;line-height:13px;padding:0 4px}
.ecr .phone-visual{margin:0}
.ecr .phone-stage{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:34px 28px;border-radius:18px}
.ecr .phone-stage .phone{position:relative;left:auto;top:auto;z-index:2}
.ecr .phone-row{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}
.ecr .phone-row>div>p{font:400 16px/1.75 var(--z-font-body);color:var(--page-muted);margin:0 0 14px;max-width:60ch}
@media (max-width:760px){
.ecr .phone-row{grid-template-columns:minmax(0,1fr);gap:24px}
}
.ecr .adapte-factu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin:18px 0 0;padding:14px 18px;border:1px solid #393120;border-radius:12px;background:#17150f}
.ecr .adapte-factu p{margin:0;max-width:640px;font:400 14px/1.65 var(--z-font-ui);color:#cfc7b7}
.ecr .adapte-factu ul{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;font:500 13px/1 var(--z-font-ui);color:#f2ede5}
.ecr .adapte-factu li{display:flex;align-items:center;gap:7px}