/* Idéal Web — couche plan-aware du workspace client commun */
:root{--plan-accent:#0a8f52;--plan-accent-2:#13ad65;--plan-soft:#eaf7ef;--plan-ink:#0c4a2f}
html[data-iw-plan="free"]{--plan-accent:#168b57;--plan-accent-2:#7ccda4;--plan-soft:#eef9f3;--plan-ink:#115a3a}
html[data-iw-plan="site"]{--plan-accent:#0a8f78;--plan-accent-2:#19b596;--plan-soft:#eaf9f6;--plan-ink:#0b5b51}
html[data-iw-plan="pro"]{--plan-accent:#0a6e46;--plan-accent-2:#0d392b;--plan-soft:#e9f2ed;--plan-ink:#0c3b2c}
.client-plan-card{margin:0 0 18px;border:1px solid #dbe8e1;border-radius:22px;background:linear-gradient(135deg,#fff 0,var(--plan-soft) 100%);padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;box-shadow:0 16px 44px rgba(13,61,44,.07)}.client-plan-copy{display:flex;align-items:flex-start;gap:14px}.client-plan-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--plan-accent),var(--plan-accent-2));color:#fff;font-size:21px;box-shadow:0 10px 24px rgba(10,110,70,.16)}.client-plan-text small{display:block;margin-bottom:3px;color:#71837a;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.client-plan-text strong{display:block;color:#17382d;font-size:19px;letter-spacing:-.02em}.client-plan-text p{margin:5px 0 0;color:#64786f;font-size:13px;line-height:1.5}.client-plan-side{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.client-plan-badge,.client-billing-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:950}.client-plan-badge{background:var(--plan-accent);color:#fff}.client-billing-badge{background:#fff;border:1px solid #dbe8e1;color:#526a60}.client-upgrade-btn{display:inline-flex;text-decoration:none;border-radius:12px;padding:10px 12px;background:#fff;border:1px solid #cee1d6;color:var(--plan-ink);font-size:11px;font-weight:950}.client-upgrade-btn[hidden]{display:none!important}
.client-plan-note{margin:0 0 20px;padding:15px 17px;border-radius:16px;background:#fff;border:1px solid #dfeae4;color:#5a7066;font-size:12px;line-height:1.55}.client-plan-note strong{color:var(--plan-ink)}
[data-plan-hidden="true"]{display:none!important}.pro-button.is-coming{opacity:.74;cursor:not-allowed;background:#eef3f0!important;color:#596a62!important;border-color:#dae5df!important;box-shadow:none!important;}.pro-button.is-coming:after{content:" · à configurer";font-size:.8em}.client-coming-card{border:1px dashed #cfded6;border-radius:18px;padding:18px;background:#fbfdfc}.client-coming-card strong{display:block;color:#244b3c;margin-bottom:5px}.client-coming-card p{margin:0;color:#718179;font-size:12px;line-height:1.5}.client-roadmap{margin-top:20px}.client-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-roadmap-card{border:1px solid #dce8e1;border-radius:18px;background:#fff;padding:17px}.client-roadmap-card span{display:inline-flex;margin-bottom:10px;padding:6px 8px;border-radius:999px;background:#eef5f1;color:#49665a;font-size:10px;font-weight:950;text-transform:uppercase}.client-roadmap-card h3{margin:0 0 7px;font-size:16px}.client-roadmap-card p{margin:0;color:#6a7e74;font-size:12px;line-height:1.5}
html[data-iw-plan="free"] .pro-project-head{background:linear-gradient(135deg,#fff,#eff9f4)}html[data-iw-plan="site"] .pro-project-head{background:linear-gradient(135deg,#fff,#eaf8f5)}html[data-iw-plan="pro"] .pro-project-head{background:linear-gradient(135deg,#fff,#edf4f0)}
@media(max-width:820px){.client-plan-card{grid-template-columns:1fr}.client-plan-side{justify-content:flex-start}.client-roadmap-grid{grid-template-columns:1fr}}@media(max-width:560px){.client-plan-card{padding:17px}.client-plan-copy{align-items:center}.client-plan-text p{font-size:12px}.client-plan-side>*{width:100%;justify-content:center}.client-roadmap-grid{grid-template-columns:1fr}}

/* États génériques de publication — partagés FREE / SITE / PRO. */
.site-online-dot.is-preview,.site-online-dot.is-not-published{background:#d9a527;box-shadow:0 0 0 5px rgba(217,165,39,.11)}
.site-online-dot.is-publishing{background:#238fd6;box-shadow:0 0 0 5px rgba(35,143,214,.1)}
.site-online-dot.is-error{background:#d14b4b;box-shadow:0 0 0 5px rgba(209,75,75,.1)}
.site-online-dot.is-online{background:#10a45b;box-shadow:0 0 0 5px rgba(16,164,91,.10)}

/* ============================================================
   Site Web Pro — dashboard SITE V1
   Même langage Idéal Web que FREE, plus opérationnel et orienté gestion.
   ============================================================ */
.site-dashboard{margin:0 0 24px;display:grid;gap:18px}
.site-dashboard[hidden]{display:none!important}
html[data-iw-plan="site"] .client-plan-card,
html[data-iw-plan="site"] .client-plan-note,
html[data-iw-plan="site"] .pro-project-head,
html[data-iw-plan="site"] .pro-quick-nav,
html[data-iw-plan="site"] #today,
html[data-iw-plan="site"] #recommendedActions,
html[data-iw-plan="site"] #presence,
html[data-iw-plan="site"] #testPresence,
html[data-iw-plan="site"] #messages,
html[data-iw-plan="site"] #myTools,
html[data-iw-plan="site"] #clientRoadmap{display:none!important}
html[data-iw-plan="site"] #clientRequests{display:none}
html[data-iw-plan="site"] #clientRequests[data-site-open="1"]{display:block;margin-top:18px}

.site-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:24px;padding:32px;border-radius:28px;background:linear-gradient(135deg,#092f2c 0%,#0a4d45 54%,#0a8f78 142%);color:#fff;box-shadow:0 24px 70px rgba(6,62,54,.17)}
.site-hero:before{content:"";position:absolute;right:-135px;bottom:-190px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(74,230,193,.27),rgba(74,230,193,0) 68%);pointer-events:none}
.site-hero:after{content:"";position:absolute;left:-120px;top:-180px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.075);box-shadow:0 0 0 44px rgba(255,255,255,.021),0 0 0 90px rgba(255,255,255,.013);pointer-events:none}
.site-hero-copy,.site-contract-card{position:relative;z-index:1}
.site-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#d9f2ec;font-size:10px;font-weight:950;letter-spacing:.045em;text-transform:uppercase}
.site-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#78e1c4;box-shadow:0 0 0 5px rgba(120,225,196,.12)}
.site-project-name{margin:0 0 6px!important;color:#84e4cb!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase}
.site-hero h2{max-width:690px;margin:0;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-.05em;color:#fff}
.site-hero-copy>p:not(.site-project-name){max-width:700px;margin:14px 0 0;color:#c7e1db;font-size:13px;line-height:1.68}
.site-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;color:#b9d8d1;font-size:9px;font-weight:850}
.site-meta-row>span:not(.site-status-chip){display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border-radius:10px;background:rgba(255,255,255,.065)}
.site-status-chip{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.10);color:#eaf9f5}
.site-status-chip.is-online{background:rgba(71,222,157,.15);color:#8de7ba}.site-status-chip.is-warning{background:rgba(242,186,76,.13);color:#f2cf85}.site-status-chip.is-error{background:rgba(235,94,94,.14);color:#ffc0c0}
.site-hero-actions{display:grid;grid-template-columns:1.08fr 1fr 1fr 1.08fr;gap:9px;margin-top:22px;max-width:850px}
.site-action{width:100%;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 15px;border-radius:14px;font-size:10px;font-weight:950;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.site-action-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:9px;background:rgba(255,255,255,.12);font-size:11px;font-weight:950}
.site-action.primary{border:1px solid #69ddbd;background:linear-gradient(135deg,#25c69d,#0da47f);color:#fff;box-shadow:0 11px 28px rgba(8,151,118,.24)}
.site-action.secondary{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.075);color:#f1faf7}.site-action.subtle{border:1px solid rgba(255,255,255,.13);background:rgba(5,31,28,.22);color:#d9eee8}
.site-action:hover,.site-action:focus-visible{transform:translateY(-2px);outline:none}.site-action.primary:hover,.site-action.primary:focus-visible{box-shadow:0 15px 34px rgba(8,151,118,.3)}.site-action.secondary:hover,.site-action.subtle:hover{background:rgba(255,255,255,.12)}

.site-contract-card{align-self:stretch;padding:21px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));backdrop-filter:blur(14px)}
.site-contract-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.site-contract-head small{display:block;color:#9fc7bd;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.site-contract-head strong{display:block;margin-top:3px;color:#fff;font-size:17px}.site-contract-badge{padding:7px 9px;border-radius:999px;background:rgba(108,226,194,.13);color:#8de7ce;font-size:10px;font-weight:950}
.site-contract-list{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:12px}.site-contract-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}.site-contract-list i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(84,220,182,.13);color:#91e9d0;font-style:normal;font-size:10px;font-weight:950}.site-contract-list strong{display:block;color:#f5fbf9;font-size:11px}.site-contract-list small{display:block;margin-top:2px;color:#a3c3bb;font-size:9px;line-height:1.45}.site-contract-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09);color:#a9c8c0;font-size:9px}.site-contract-foot strong{color:#e9f8f4;font-size:10px}

.site-section{display:grid;gap:13px}.site-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:4px 3px 0}.site-section-head.compact{align-items:center}.site-section-head>div>span{display:block;color:#0b8a74;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.085em}.site-section-head h3{margin:4px 0 0;color:#133832;font-size:23px;letter-spacing:-.035em}.site-section-head p{max-width:760px;margin:7px 0 0;color:#6a7e78;font-size:10px;line-height:1.55}.site-section-chip{flex:0 0 auto;padding:8px 11px;border-radius:999px;background:#e9f8f4;color:#0a7d69;font-size:9px;font-weight:950;text-transform:uppercase}
.site-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.site-service-card{min-height:208px;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:19px;border:1px solid #dbe9e5;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(19,64,54,.04)}.site-service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#e9f8f4;color:#086557;font-size:11px;font-weight:950;}.site-service-state{display:inline-flex;padding:6px 8px;border-radius:999px;background:#f0f3f2;color:#596a62;font-size:8px;font-weight:950;text-transform:uppercase;}.site-service-state.included,.site-service-state.is-ready{background:#e7f8f1;color:#08785f}.site-service-state.is-progress{background:#fff5df;color:#875409;}.site-service-state.is-error{background:#fdeaea;color:#a23b3b}.site-service-card h4{margin:11px 0 0;color:#163a31;font-size:15px;letter-spacing:-.02em}.site-service-card p{margin:6px 0 0;color:#6b7d78;font-size:9px;line-height:1.55}

.site-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.site-tool-card{min-height:230px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:20px;border:1px solid #dce9e5;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(19,64,54,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.site-tool-card:hover{transform:translateY(-2px);border-color:#c6ded7;box-shadow:0 16px 38px rgba(19,64,54,.07)}.site-tool-card.accent{background:linear-gradient(145deg,#f9fefd,#eefaf6);border-color:#cfe7df}.site-tool-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#eaf8f5;color:#086557;font-size:12px;font-weight:950;}.site-tool-state{display:inline-flex;padding:6px 8px;border-radius:999px;background:#e7f8f1;color:#08785f;font-size:8px;font-weight:950;text-transform:uppercase}.site-tool-card h4{margin:11px 0 0;color:#153a31;font-size:16px;letter-spacing:-.025em}.site-tool-card p{margin:7px 0 0;color:#687c76;font-size:9px;line-height:1.55}.site-tool-card button{justify-self:start;padding:0;border:0;background:transparent;color:#087e69;font-size:10px;font-weight:950;cursor:pointer}

.site-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-trust-card{padding:21px;border:1px solid #dbe9e5;border-radius:21px;background:linear-gradient(145deg,#fff,#f8fbfa);box-shadow:0 12px 30px rgba(19,64,54,.035)}.site-trust-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #e5eeeb}.site-trust-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eaf8f4;font-size:16px}.site-trust-head span:not(.site-trust-icon){display:block;color:#73847f;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.site-trust-head h3{margin:3px 0 0;color:#163a31;font-size:17px}.site-trust-lines{display:grid;gap:0;margin-top:6px}.site-trust-lines p{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:11px 2px;border-bottom:1px solid #edf2f0;color:#6b7d78;font-size:9px}.site-trust-lines p:last-child{border-bottom:0}.site-trust-lines strong{color:#294c43;font-size:9px;text-align:right}

@media(max-width:1150px){.site-service-grid,.site-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-hero-actions{grid-template-columns:1fr 1fr}.site-action.subtle{grid-column:1/-1}}
@media(max-width:900px){.site-hero{grid-template-columns:1fr}.site-contract-card{max-width:none}}
@media(max-width:650px){.site-hero{padding:22px;border-radius:22px}.site-hero h2{font-size:34px}.site-hero-actions,.site-service-grid,.site-tool-grid,.site-trust-grid{grid-template-columns:1fr}.site-action.subtle{grid-column:auto}.site-section-head{align-items:center}.site-section-head h3{font-size:20px}.site-service-card,.site-tool-card{min-height:auto}}
.site-tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.site-tool-actions button{justify-self:auto}