/* Projet 360° Cockpit — customer control centre. */
.at-cockpit{--cockpit-navy:#073C61;--cockpit-blue:#0872C3;--cockpit-ink:#172432;--cockpit-muted:#627382;--cockpit-line:#D6E0E7;--cockpit-soft:#F4F8FA;--cockpit-green:#1D6B46;display:grid;gap:20px}
.at-cockpit *{box-sizing:border-box}
.at-cockpit-hero{align-items:end;background:linear-gradient(135deg,#073C61 0%,#0B5586 64%,#0872C3 100%);border-radius:18px;color:#fff;display:flex;gap:28px;justify-content:space-between;overflow:hidden;padding:28px;position:relative}
.at-cockpit-hero:after{border:1px solid rgba(255,255,255,.14);border-radius:50%;content:"";height:240px;position:absolute;right:-80px;top:-105px;width:240px}
.at-cockpit-hero>div,.at-cockpit-switcher{position:relative;z-index:1}
.at-cockpit-kicker{color:var(--cockpit-blue);display:block;font-size:11px;font-weight:900;letter-spacing:.09em;margin-bottom:7px;text-transform:uppercase}
.at-cockpit-hero .at-cockpit-kicker{color:#BDE2FA}
.at-cockpit-hero h1{color:#fff;font-size:clamp(29px,3.6vw,46px);letter-spacing:-.045em;line-height:1.04;margin:0 0 8px}
.at-cockpit-hero p{color:#E8F4FB;font-size:15px;line-height:1.55;margin:0;max-width:690px}
.at-cockpit-switcher{display:grid;flex:0 0 min(340px,42%);gap:7px}
.at-cockpit-switcher span{font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.at-cockpit :is(select,input){background:#fff;border:1px solid #B9C9D5;border-radius:9px;color:var(--cockpit-ink);font:inherit;min-height:46px;padding:9px 12px;width:100%}
.at-cockpit-switcher select{border:0;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.at-cockpit-tabs{background:#fff;border:1px solid var(--cockpit-line);border-radius:12px;display:flex;gap:5px;overflow-x:auto;padding:6px;scrollbar-width:thin}
.at-cockpit-tabs a{border-radius:8px;color:var(--cockpit-muted);flex:0 0 auto;font-size:13px;font-weight:800;padding:10px 12px;text-decoration:none}
.at-cockpit-tabs a:first-child,.at-cockpit-tabs a:hover{background:#EAF4FA;color:var(--cockpit-blue)}
.at-cockpit-panel{background:#fff;border:1px solid var(--cockpit-line);border-radius:16px;box-shadow:0 10px 30px rgba(7,60,97,.05);padding:22px;scroll-margin-top:24px}
.at-cockpit-project-head,.at-cockpit-panel__head{align-items:start;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}
.at-cockpit-project-head h2,.at-cockpit-panel h2{color:var(--cockpit-ink);font-size:24px;letter-spacing:-.025em;line-height:1.15;margin:0}
.at-cockpit-panel h3{color:var(--cockpit-ink);font-size:18px;margin:0}
.at-cockpit-panel p{color:var(--cockpit-muted);font-size:14px;line-height:1.55;margin:7px 0 0}
.at-cockpit-panel>a{color:var(--cockpit-blue);display:inline-block;font-size:13px;font-weight:850;margin-top:16px}
.at-cockpit-state,.at-cockpit-badge{background:#EAF8F0;border-radius:999px;color:var(--cockpit-green);font-size:11px;font-weight:900;padding:8px 12px;white-space:nowrap}
.at-cockpit-metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.at-cockpit-metrics article{background:var(--cockpit-soft);border-radius:12px;display:flex;flex-direction:column;min-height:126px;padding:16px}
.at-cockpit-metrics article>span{color:var(--cockpit-muted);font-size:11px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
.at-cockpit-metrics strong{color:var(--cockpit-ink);font-size:clamp(18px,2vw,25px);letter-spacing:-.03em;line-height:1.15;margin:12px 0 6px}
.at-cockpit-metrics small{color:var(--cockpit-muted);font-size:12px;margin-top:auto}
.at-cockpit-progress{background:#D8E5EC;border-radius:999px;height:7px;margin-top:auto;overflow:hidden}
.at-cockpit-progress i{background:var(--cockpit-blue);border-radius:inherit;display:block;height:100%}
.at-cockpit-two-columns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.at-cockpit-panel__head>p{margin:0;max-width:520px}
.at-cockpit-team{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}
.at-cockpit-person{align-items:center;background:var(--cockpit-soft);border:1px solid transparent;border-radius:12px;display:grid;gap:12px;grid-template-columns:44px minmax(0,1fr) auto;padding:13px}
.at-cockpit-person.is-owner{background:#EDF7FC;border-color:#C9DDEA}
.at-cockpit-avatar{align-items:center;background:var(--cockpit-navy);border-radius:12px;color:#fff;display:flex;font-size:17px;font-weight:900;height:44px;justify-content:center;width:44px}
.at-cockpit-person strong,.at-cockpit-person span,.at-cockpit-person small{display:block}
.at-cockpit-person strong{color:var(--cockpit-ink);font-size:14px}
.at-cockpit-person div>span{color:var(--cockpit-blue);font-size:12px;font-weight:750;margin-top:2px}
.at-cockpit-person small{color:var(--cockpit-muted);font-size:11px;margin-top:3px}
.at-cockpit-text-button{background:transparent;border:0;color:#A13F30;cursor:pointer;font-size:12px;font-weight:800;padding:8px}
.at-cockpit-invite{background:#F4F7EF;border-radius:14px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px}
.at-cockpit-invite__title{grid-column:1/-1}
.at-cockpit-invite label{color:var(--cockpit-ink);display:grid;font-size:12px;font-weight:800;gap:6px}
.at-cockpit-invite button{align-self:end;background:var(--cockpit-navy)!important;border:0!important;border-radius:9px!important;color:#fff!important;min-height:46px!important;padding:10px 14px!important}
.at-cockpit-empty{background:var(--cockpit-soft);border:1px dashed var(--cockpit-line);border-radius:16px;padding:42px;text-align:center}
.at-cockpit-empty h1{color:var(--cockpit-ink);font-size:30px;margin:0 0 8px}
.at-account-priority-card.is-cockpit{background:#EDF7FC;border-color:#BFD9E8;border-left:4px solid #0872C3}
@media(max-width:960px){.at-cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.at-cockpit-invite{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.at-cockpit-hero,.at-cockpit-project-head,.at-cockpit-panel__head{align-items:stretch;flex-direction:column}.at-cockpit-switcher{flex-basis:auto}.at-cockpit-two-columns,.at-cockpit-team{grid-template-columns:1fr}.at-cockpit-invite{grid-template-columns:1fr}.at-cockpit-panel{padding:18px 15px}.at-cockpit-hero{padding:22px 17px}}
@media(max-width:480px){.at-cockpit-metrics{grid-template-columns:1fr}.at-cockpit-person{grid-template-columns:40px minmax(0,1fr)}.at-cockpit-person>form,.at-cockpit-person>.at-cockpit-badge{grid-column:2}.at-cockpit-empty{padding:30px 18px}}