Cockpit CFO — V0

.cfo-v0{–paper:#fbf8f2;–ink:#123744;–rust:#a53c2e;–line:#e7e0d7;–muted:#66777d;font-family:Arial,Helvetica,sans-serif;color:var(–ink);max-width:1220px;margin:0 auto;padding:0 18px 40px}.cfo-v0 *{box-sizing:border-box}.cfo-v0 h2,.cfo-v0 h3{font-family:Georgia,’Times New Roman’,serif}.cfo-v0 .tabs{display:flex;gap:34px;border-bottom:1px solid #d8d3cc;margin:0 0 24px;overflow:auto}.cfo-v0 .tabs span{white-space:nowrap;padding:15px 0 12px;font-family:Georgia,’Times New Roman’,serif}.cfo-v0 .tabs span:first-child{color:var(–rust);border-bottom:4px solid var(–rust);font-weight:700}.cfo-v0 .head{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.cfo-v0 .ttl{border-left:3px solid var(–rust);padding-left:10px}.cfo-v0 .ttl h2{margin:0 0 3px;font-size:28px}.cfo-v0 .ttl p{margin:0;color:var(–muted);font-family:Georgia,’Times New Roman’,serif}.cfo-v0 .grid6{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cfo-v0 .kpi,.cfo-v0 .card{background:#fffdfa;border:1px solid var(–line)}.cfo-v0 .kpi{padding:14px;min-height:118px}.cfo-v0 .kpi b{display:block;color:var(–rust);font-family:Georgia,’Times New Roman’,serif;font-size:24px}.cfo-v0 .kpi small{color:var(–muted)}.cfo-v0 .section{margin:0 0 24px}.cfo-v0 .certs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cfo-v0 .cert{padding:16px}.cfo-v0 .cert h3{margin:0 0 6px;font-size:20px}.cfo-v0 .pct{font-family:Georgia,’Times New Roman’,serif;color:var(–rust);font-size:34px;margin-top:18px}.cfo-v0 .bar{height:9px;background:#ddd;border-radius:2px;overflow:hidden}.cfo-v0 .bar i{display:block;height:100%;background:var(–rust);width:0}.cfo-v0 .two{display:grid;grid-template-columns:2.1fr .9fr;gap:12px}.cfo-v0 .card{padding:16px}.cfo-v0 .chart{height:220px;margin-top:12px;background:linear-gradient(#eee8e1 1px,transparent 1px),linear-gradient(90deg,#eee8e1 1px,transparent 1px);background-size:100% 44px,10% 100%;position:relative}.cfo-v0 .chart:after{content:’Données Soundcharts / Supabase à brancher’;position:absolute;left:16px;bottom:14px;color:var(–muted);font-size:12px}.cfo-v0 .donut{width:150px;height:150px;border-radius:50%;margin:22px auto 10px;background:conic-gradient(#174959 0 62%,#c96f58 62% 80%,#758990 80% 88%,#9aa9ad 88% 94%,#d6d7d4 94%);position:relative}.cfo-v0 .donut:after{content:’Mix’;position:absolute;inset:34px;background:#fffdfa;border-radius:50%;display:grid;place-items:center;font-family:Georgia,’Times New Roman’,serif}.cfo-v0 table{width:100%;border-collapse:collapse;font-size:12px}.cfo-v0 th,.cfo-v0 td{text-align:left;padding:9px 8px;border-bottom:1px solid var(–line)}.cfo-v0 th{font-family:Georgia,’Times New Roman’,serif;color:#526a74}.cfo-v0 .bottom{display:grid;grid-template-columns:1.45fr .75fr .8fr;gap:12px}.cfo-v0 .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cfo-v0 .project{padding:12px;border:1px solid var(–line);background:white;min-height:130px}.cfo-v0 .project strong{font-family:Georgia,’Times New Roman’,serif}.cfo-v0 .note{color:var(–muted);font-size:12px}.cfo-v0 .retain{padding-left:18px}.cfo-v0 .retain li{margin:12px 0}@media(max-width:900px){.cfo-v0 .grid6{grid-template-columns:repeat(3,1fr)}.cfo-v0 .certs,.cfo-v0 .two,.cfo-v0 .bottom{grid-template-columns:1fr}}@media(max-width:600px){.cfo-v0 .grid6{grid-template-columns:repeat(2,1fr)}.cfo-v0 .certs,.cfo-v0 .project-grid{grid-template-columns:1fr}}