:root{
 --navy:#071b33;--navy2:#0b294d;--ink:#101820;--muted:#6d7782;--line:#e8ebef;--soft:#f5f7f9;--white:#fff;
 --radius:18px;--shadow:0 18px 50px rgba(7,27,51,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:850px}.topbar{height:82px;border-bottom:1px solid rgba(7,27,51,.07);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.nav-wrap{height:100%;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:850;font-size:21px;letter-spacing:-.03em}.brand img{width:35px;height:35px;object-fit:contain}.nav{display:flex;gap:28px;margin-left:25px;font-size:14px;color:#4d5864}.nav a:hover{color:var(--navy)}.nav-actions{margin-left:auto;display:flex;gap:9px}.menu-btn{display:none;border:0;background:none;font-size:23px;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border-radius:11px;border:1px solid transparent;font-weight:750;font-size:14px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(7,27,51,.18)}.btn-dark{background:#111820;color:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-ghost{border-color:#dce2e8;background:#fff}.btn-lg{min-height:51px;padding:0 22px;font-size:15px}.btn-sm{min-height:36px;padding:0 13px;font-size:13px}.wide{width:100%}.flash{position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:100;background:#fff;padding:13px 17px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);transition:.4s}.flash.success{border-color:#b7e2cd}.flash.error{border-color:#efc1c1}.flash.fade{opacity:0;pointer-events:none}.flash.inline{position:static;transform:none;margin-bottom:20px;box-shadow:none}.hero{padding:95px 0 80px;overflow:hidden;background:radial-gradient(circle at 90% 5%,#edf3f9 0,transparent 30%),linear-gradient(#fff,#fbfcfd)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:850;color:#56718c;margin-bottom:16px}.hero h1,.page-head h1{font-size:clamp(46px,6.3vw,78px);letter-spacing:-.06em;line-height:.97;margin:0;color:#0d1722}.hero h1 span{color:#466580}.lead,.page-head p{font-size:18px;line-height:1.75;color:var(--muted);max-width:700px;margin:26px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.trust-line{display:flex;gap:25px;margin-top:34px;color:#77818b;font-size:12px}.trust-line span:before{content:"";display:inline-block;width:6px;height:6px;background:#54b58d;border-radius:50%;margin-right:8px}.hero-card{position:relative}.browser{background:#fff;border:1px solid #dfe5ea;border-radius:20px;box-shadow:0 40px 100px rgba(7,27,51,.14);overflow:hidden;transform:rotate(1.2deg)}.browser-top{height:44px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;padding:0 14px;gap:6px}.browser-top i{width:8px;height:8px;background:#d6dce2;border-radius:50%}.browser-top span{margin:auto;color:#a2a9b0;font-size:10px}.mock-site{height:440px;padding:44px;background:linear-gradient(135deg,var(--navy),#123b66);position:relative;overflow:hidden}.mock-site:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-130px;top:-90px}.mock-nav{width:70%;height:10px;background:rgba(255,255,255,.14);border-radius:10px;margin-bottom:70px}.mock-title{width:78%;height:45px;background:#fff;border-radius:9px;margin-bottom:13px}.mock-copy{width:60%;height:11px;background:rgba(255,255,255,.28);border-radius:8px}.mock-btn{width:110px;height:35px;background:#fff;border-radius:8px;margin-top:26px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:65px}.mock-cards b{display:block;height:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:11px}.float-card{position:absolute;background:#fff;border:1px solid #e4e8ed;border-radius:14px;padding:14px 16px;box-shadow:0 15px 40px rgba(7,27,51,.12);display:grid;z-index:4}.float-card strong{font-size:12px}.float-card small{font-size:10px;color:#8c959e;margin-top:4px}.float-card span{font-size:22px;font-weight:800;margin-top:6px}.fc1{right:-30px;bottom:43px}.fc2{left:-34px;top:60px}.section{padding:92px 0}.section.soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-head h2,.cta h2{font-size:42px;letter-spacing:-.045em;margin:0;max-width:680px}.section-head>a{font-size:14px;font-weight:750;color:#58708a}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{border:1px solid var(--line);border-radius:20px;padding:30px;position:relative;background:#fff}.plan-card.featured{border-color:#a7b8ca;box-shadow:var(--shadow)}.badge{position:absolute;right:20px;top:18px;background:#eef3f7;color:#36516e;font-size:10px;font-weight:850;padding:6px 9px;border-radius:20px}.plan-card h3{font-size:25px;margin:0 0 10px}.plan-card>p{color:var(--muted);line-height:1.6;min-height:75px}.price{font-size:37px;font-weight:850;letter-spacing:-.04em;margin:23px 0}.price small{font-size:11px;color:#89919a;font-weight:700;margin-right:7px;letter-spacing:0}.plan-card ul{padding:0;list-style:none;margin:0 0 28px;min-height:180px}.plan-card li{padding:8px 0;color:#4f5964;font-size:14px}.plan-card li:before{content:"✓";margin-right:9px;color:#3a795f;font-weight:800}.plan-card .btn{width:100%}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{background:#fff;border-radius:17px;overflow:hidden;border:1px solid var(--line);transition:.2s}.template-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.template-shot{height:220px;background:#e9eef3;overflow:hidden}.template-shot img,.big-shot img,.preview-card img,.mini-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.shot-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e6ebf0,#f8fafb);color:#748291;font-weight:850}.shot-placeholder.tall{min-height:280px}.template-body{padding:22px}.template-body small{font-size:10px;color:#84909b;text-transform:uppercase;letter-spacing:.1em}.template-body h3{margin:8px 0 9px;font-size:20px}.template-body p{color:var(--muted);font-size:13px;line-height:1.6;min-height:42px}.template-body a{font-size:13px;font-weight:800;color:#36526f}.empty-public{grid-column:1/-1;padding:60px;border:1px dashed #ccd5dd;border-radius:18px;text-align:center;color:#7b8793}.empty-public strong{color:#26323e;font-size:22px}.cta{background:var(--navy);color:#fff;border-radius:26px;padding:52px;display:flex;align-items:center;justify-content:space-between}.eyebrow.light{color:#90abc4}.page-head{padding:90px 0 50px;background:linear-gradient(#fbfcfd,#fff)}.page-head.compact{padding:65px 0 25px}.split-head{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.big-shot{height:430px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.auth-section{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:60px 20px;background:var(--soft)}.auth-section.install{min-height:100vh}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px}.auth-card h1{font-size:36px;letter-spacing:-.05em;margin:0}.auth-card>p{color:var(--muted);line-height:1.6;margin:0 0 6px}.auth-card label,.stack-form label,.brief-form label,.form-panel label,.settings-form label,.plan-edit label{font-size:12px;font-weight:750;color:#44505c;display:flex;flex-direction:column;gap:7px}.auth-card label span,.brief-form label span{font-weight:500;color:#9aa2aa}.auth-card input,.stack-form input,.stack-form select,.stack-form textarea,.brief-form input,.brief-form select,.brief-form textarea,.form-panel input,.form-panel select,.settings-form input,.settings-form textarea,.plan-edit input,.plan-edit textarea,.plan-edit select,.role-form select,.inline-form input,.inline-form textarea,.chat-compose textarea{width:100%;border:1px solid #dfe4e9;border-radius:10px;padding:12px 13px;outline:none;background:#fff}.auth-card input:focus,.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus{border-color:#8fa7bd;box-shadow:0 0 0 3px #edf2f6}.auth-card>small{text-align:center;color:#838c95}.install-logo{width:52px;height:52px;object-fit:contain}.form-shell{max-width:980px}.brief-form{border:1px solid var(--line);border-radius:23px;overflow:hidden}.form-section{display:grid;grid-template-columns:260px 1fr;gap:45px;padding:42px;border-bottom:1px solid var(--line)}.form-section>div:first-child>span{display:inline-flex;background:#eef2f6;color:#5a7188;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800}.form-section h2{font-size:21px;margin:10px 0 7px}.form-section>div:first-child p{font-size:12px;color:var(--muted);line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields .full{grid-column:1/-1}.fields textarea{resize:vertical}.checks{grid-template-columns:1fr}.checks label{flex-direction:row;align-items:flex-start;font-weight:500;line-height:1.5}.checks input{width:auto;margin-top:3px}.notice{background:#f8fafb;border:1px solid var(--line);padding:15px;border-radius:10px;color:#697682}.form-submit{padding:30px 42px;background:#fbfcfd;display:flex;justify-content:space-between;align-items:center;gap:20px}.form-submit div{display:grid;gap:4px}.form-submit small{color:#88919a;max-width:560px}.footer{background:#0b1118;color:#d7dde3;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:11px}.footer-grid p,.footer-grid a{color:#84919d;font-size:13px}.footer-grid strong{font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.1em}.footer-brand{color:#fff}.footer-bottom{border-top:1px solid #1c2630;margin-top:40px;padding-top:20px;color:#677582;font-size:11px}

/* Dashboard */
.dash-body{background:#f4f6f8;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;background:#0b1725;color:#d4dce5;padding:23px 17px;display:flex;flex-direction:column;z-index:60}.side-brand{padding:4px 9px 23px;color:#fff}.side-user{border-top:1px solid #1e2d3c;border-bottom:1px solid #1e2d3c;padding:17px 8px;display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#173653;color:#fff;font-weight:850}.side-user div{display:grid}.side-user strong{font-size:12px}.side-user small{font-size:10px;color:#77899b;text-transform:capitalize;margin-top:3px}.side-nav{padding:18px 0;display:flex;flex-direction:column;gap:4px}.side-nav a,.side-bottom a{padding:10px 11px;border-radius:9px;color:#8293a3;font-size:12px;font-weight:700}.side-nav a:hover,.side-nav a.active{background:#12283e;color:#fff}.side-label{color:#506477;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:850;margin:19px 10px 7px}.side-bottom{margin-top:auto;border-top:1px solid #1e2d3c;padding-top:12px;display:flex;flex-direction:column}.dash-main{margin-left:255px;min-height:100vh}.dash-header{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between}.dash-header small{color:#84909b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.dash-header h1{font-size:24px;margin:4px 0 0;letter-spacing:-.04em}.side-toggle{display:none;border:0;background:#edf1f4;border-radius:8px;width:38px;height:38px}.dash-content{padding:29px 34px 60px;max-width:1500px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat small{display:block;color:#8a949e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:29px;letter-spacing:-.04em;margin:7px 0 2px;text-transform:capitalize}.stat span{font-size:10px;color:#9ca4ac}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.span2{grid-column:span 2}.span3{grid-column:span 3}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{font-size:16px;margin:0 0 4px}.panel-head p{font-size:11px;color:#929ba4;margin:0}.empty{padding:40px 10px;text-align:center;color:#87919a}.empty strong{color:#303b45}.project-list{display:flex;flex-direction:column}.project-row{display:grid;grid-template-columns:40px 1fr auto 100px 40px;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #f0f2f4}.project-icon{width:36px;height:36px;border-radius:10px;background:#eff3f6;display:grid;place-items:center;color:#486079;font-size:10px;font-weight:850}.project-info{display:grid;gap:3px}.project-info strong{font-size:12px}.project-info small{font-size:10px;color:#97a0a8}.status{display:inline-flex;align-items:center;justify-content:center;background:#f1f4f6;color:#687681;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800;text-transform:capitalize}.status-development{background:#edf4fb;color:#3a6388}.status-done,.status-live{background:#ebf7f1;color:#3d735e}.status-review{background:#fff5df;color:#866d34}.mini-progress,.progress-line{height:5px;background:#edf0f2;border-radius:20px;overflow:hidden}.mini-progress i,.progress-line i{display:block;height:100%;background:#315b83}.project-row>b{font-size:10px;color:#68747f}.support-box{padding:14px 2px}.support-dot{width:10px;height:10px;background:#5ec392;border-radius:50%;box-shadow:0 0 0 6px #eaf8f1;margin-bottom:17px}.support-box strong{font-size:14px}.support-box p{font-size:11px;line-height:1.65;color:#87919a;margin-bottom:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#89939d;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #f0f2f4;vertical-align:middle}td strong,td small{display:block}td small{color:#9aa2aa;margin-top:3px}td>a{font-weight:750;color:#45637f}.progress-line{width:110px;display:inline-block;margin-right:6px}.project-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.crumb{font-size:10px;color:#8d98a2;margin-bottom:5px}.project-top h2{font-size:25px;margin:0 0 4px}.project-top p{color:#80909e;font-size:11px;margin:0}.project-actions{display:flex;gap:8px}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.project-meta div{padding:16px 18px;border-right:1px solid var(--line)}.project-meta div:last-child{border:0}.project-meta small{display:block;color:#909aa3;font-size:9px;text-transform:uppercase;margin-bottom:6px}.project-meta strong{font-size:12px}.brief-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brief-summary>div{border-bottom:1px solid #f0f2f4;padding-bottom:12px}.brief-summary .full{grid-column:1/-1}.brief-summary small{display:block;font-size:9px;color:#919aa3;text-transform:uppercase;margin-bottom:6px}.brief-summary strong{font-size:12px;display:flex;align-items:center;gap:7px}.brief-summary p{font-size:12px;color:#5e6a75;line-height:1.6;margin:0}.color-dot{width:15px;height:15px;border-radius:5px;border:1px solid #dbe1e6}.preview-card{height:280px;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:11px}.inline-form{display:grid;grid-template-columns:1fr 2fr auto;gap:9px;align-items:start;margin-bottom:18px}.inline-form textarea{resize:vertical}.change-list{display:flex;flex-direction:column}.change-item{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #f0f2f4;padding:15px 0}.change-item div{display:grid}.change-item strong{font-size:12px}.change-item small{font-size:9px;color:#9ca4ac;margin:3px 0 7px}.change-item p{font-size:11px;color:#697580;margin:0;line-height:1.5}.rights-list{display:flex;flex-direction:column}.rights-list span{display:flex;justify-content:space-between;border-bottom:1px solid #f0f2f4;padding:11px 0;font-size:11px;color:#78838d}.rights-list b{color:#33414e}.form-panel,.settings-form{max-width:850px}.form-panel .fields,.settings-form .fields{margin-bottom:20px}.stack-form{display:flex;flex-direction:column;gap:14px}.ticket-list{display:flex;flex-direction:column}.ticket-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #f0f2f4}.ticket-row div{display:grid}.ticket-row strong{font-size:12px}.ticket-row small{font-size:10px;color:#929ba4;margin-top:4px}.chat-panel{max-width:900px}.chat{min-height:300px;display:flex;flex-direction:column;gap:11px;padding:14px 0}.message{background:#f4f6f8;border-radius:12px;padding:12px 14px;max-width:78%;align-self:flex-start}.message.staff{background:#eaf0f6;align-self:flex-end}.message-head{display:flex;justify-content:space-between;gap:20px}.message-head strong{font-size:10px}.message-head small{font-size:8px;color:#89949e}.message p{font-size:11px;line-height:1.55;margin:6px 0 0}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;border-top:1px solid var(--line);padding-top:15px}.role-pill{background:#edf2f6;padding:5px 8px;border-radius:7px;text-transform:capitalize;font-weight:700}.role-form{display:flex;gap:7px}.role-form select{width:auto;min-width:110px;padding:8px}.template-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-admin-grid article{border:1px solid var(--line);border-radius:11px;overflow:hidden;padding-bottom:11px}.mini-shot{height:110px;background:#f1f4f6;display:grid;place-items:center;color:#99a2aa;font-size:10px;margin-bottom:10px}.template-admin-grid strong,.template-admin-grid small,.template-admin-grid a{display:block;margin:0 10px}.template-admin-grid strong{font-size:11px}.template-admin-grid small{font-size:9px;color:#929ba4;margin-top:3px}.template-admin-grid a{font-size:9px;font-weight:800;margin-top:8px}.plans-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-edit{display:flex;flex-direction:column;gap:13px}.plan-edit .check{flex-direction:row;align-items:center}.plan-edit .check input{width:auto}.settings-form hr{border:0;border-top:1px solid var(--line);margin:25px 0}.settings-form h3{font-size:15px}.legal{font-size:15px;line-height:1.75;color:#58636d}.legal h2{color:#17222d;margin-top:38px}.legal-note{background:#fff8e7;border:1px solid #f0dda9;border-radius:12px;padding:16px;margin-top:28px;color:#6d5b2f;font-size:13px}

@media(max-width:1000px){.nav{display:none}.nav-actions{display:none}.menu-btn{display:block}.menu-open .nav{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;margin:0;border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:680px}.plans-grid,.template-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:none}.dash-main{margin-left:0}.side-toggle{display:block}.plans-admin{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:60px}.hero h1,.page-head h1{font-size:44px}.plans-grid,.template-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-head{align-items:start;gap:20px}.section-head h2,.cta h2{font-size:31px}.cta{padding:30px;flex-direction:column;align-items:flex-start;gap:25px}.float-card{display:none}.mock-site{height:340px}.form-section{grid-template-columns:1fr;padding:28px;gap:20px}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.form-submit{padding:25px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.split-head{grid-template-columns:1fr}.big-shot{height:300px}.dash-header{padding:0 18px}.dash-content{padding:18px}.stats{grid-template-columns:1fr 1fr}.project-meta{grid-template-columns:1fr 1fr}.project-meta div:nth-child(2){border-right:0}.project-meta div{border-bottom:1px solid var(--line)}.project-top{align-items:flex-start;flex-direction:column;gap:15px}.brief-summary{grid-template-columns:1fr}.brief-summary .full{grid-column:auto}.template-admin-grid{grid-template-columns:1fr 1fr}.chat-compose{grid-template-columns:1fr}.message{max-width:95%}}

.brand img{object-fit:contain;max-width:42px}.footer-brand img,.side-brand img{filter:none}


/* ===== V6 — identité Slano plus bleu marine ===== */
body{
    background:#f3f6f9;
}
main{
    background:#f3f6f9;
}

/* Header public */
.topbar{
    background:rgba(7,27,51,.96);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 28px rgba(3,16,31,.16);
}
.topbar .brand{
    color:#fff;
}
.topbar .nav a{
    color:#b9c7d5;
}
.topbar .nav a:hover{
    color:#fff;
}
.topbar .btn-ghost{
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.14);
    color:#fff;
}
.topbar .btn-primary{
    background:#fff;
    color:var(--navy);
    box-shadow:none;
}
.menu-btn{
    color:#fff;
}

/* Hero principal */
.hero{
    background:
        radial-gradient(circle at 82% 18%, rgba(61,107,151,.28), transparent 30%),
        radial-gradient(circle at 12% 80%, rgba(31,73,111,.22), transparent 30%),
        linear-gradient(135deg,#06182d 0%,#081f3b 55%,#0d2c50 100%);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.hero h1{
    color:#fff;
}
.hero h1 span{
    color:#98b8d5;
}
.hero .eyebrow{
    color:#8eb0cf;
}
.hero .lead{
    color:#b9c7d4;
}
.hero .btn-primary{
    background:#fff;
    color:var(--navy);
    box-shadow:0 14px 32px rgba(0,0,0,.18);
}
.hero .btn-ghost{
    background:rgba(255,255,255,.05);
    color:#fff;
    border-color:rgba(255,255,255,.18);
}
.hero .trust-line{
    color:#9fb0bf;
}
.hero .trust-line span:before{
    background:#7fcea8;
}
.hero .browser{
    border-color:rgba(255,255,255,.12);
    box-shadow:0 38px 90px rgba(0,0,0,.3);
}

/* Sections */
.section{
    background:#f3f6f9;
}
.section.soft{
    background:#e9eff5;
}
.section-head h2{
    color:#10243a;
}
.plan-card,
.template-card,
.panel,
.stat{
    border-color:#d9e1e8;
    box-shadow:0 8px 26px rgba(7,27,51,.04);
}
.plan-card.featured{
    border-color:#587b9e;
    box-shadow:0 18px 45px rgba(7,27,51,.11);
}
.plan-card.featured:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    border-radius:20px 0 0 20px;
    background:var(--navy2);
}

/* Pages internes */
.page-head{
    background:
        radial-gradient(circle at 85% 20%,rgba(61,107,151,.18),transparent 26%),
        linear-gradient(135deg,#071b33,#0b294d);
    color:#fff;
}
.page-head h1{
    color:#fff;
}
.page-head p{
    color:#bac8d5;
}
.page-head .eyebrow{
    color:#8db0d0;
}

/* Forms/auth */
.auth-section{
    background:
        radial-gradient(circle at 50% 0%,rgba(38,82,122,.14),transparent 35%),
        #eaf0f5;
}
.auth-card{
    border-top:4px solid var(--navy);
}

/* Dashboard */
.dash-body{
    background:#e9eff5;
}
.dash-header{
    background:#f9fbfc;
}
.dash-content{
    background:transparent;
}
.panel-head h2{
    color:#10243a;
}
.stat strong{
    color:#10243a;
}

/* Template cards in dashboard */
.template-admin-grid.client-template-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.template-actions{
    display:flex;
    gap:8px;
    align-items:center;
    justify-content:space-between;
    margin:9px 10px 0;
    flex-wrap:wrap;
}
.template-actions a{
    margin:0;
}
.template-actions form{
    margin:0;
}
.template-actions .btn{
    min-height:30px;
    padding:0 10px;
}

/* Footer already dark: deepen navy */
.footer{
    background:#051323;
    border-top:1px solid rgba(255,255,255,.06);
}

/* Responsive public menu on dark header */
@media(max-width:1000px){
    .menu-open .nav{
        background:#071b33;
        border-bottom-color:rgba(255,255,255,.08);
    }
}
@media(max-width:700px){
    .template-admin-grid.client-template-grid{
        grid-template-columns:1fr;
    }
}


/* ===== V7 — notifications & support live ===== */
.dash-header-actions{
    display:flex;
    align-items:center;
    gap:10px;
}
.notif-wrap{
    position:relative;
}
.notif-btn{
    width:40px;
    height:40px;
    border:1px solid #dce3e9;
    background:#fff;
    border-radius:11px;
    display:grid;
    place-items:center;
    cursor:pointer;
    position:relative;
}
.notif-icon{
    font-size:17px;
    line-height:1;
}
.notif-count{
    position:absolute;
    right:-5px;
    top:-5px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:20px;
    background:#d94b4b;
    color:#fff;
    font-size:9px;
    font-weight:850;
    align-items:center;
    justify-content:center;
    border:2px solid #fff;
}
.notif-dropdown{
    display:none;
    position:absolute;
    right:0;
    top:48px;
    width:370px;
    max-height:500px;
    background:#fff;
    border:1px solid #dce3e9;
    border-radius:15px;
    box-shadow:0 22px 60px rgba(7,27,51,.18);
    overflow:hidden;
    z-index:100;
}
.notif-dropdown.open{
    display:block;
}
.notif-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 16px;
    border-bottom:1px solid #edf0f3;
}
.notif-head strong{
    font-size:13px;
}
.notif-head button{
    border:0;
    background:none;
    color:#486783;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}
.notif-list{
    max-height:420px;
    overflow:auto;
}
.notif-item{
    display:flex;
    gap:10px;
    padding:13px 15px;
    border-bottom:1px solid #f0f2f4;
    background:#fff;
}
.notif-item:hover{
    background:#f7f9fb;
}
.notif-item.unread{
    background:#eef4fa;
}
.notif-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#93a1ad;
    margin-top:5px;
    flex:0 0 auto;
}
.notif-item.unread .notif-dot{
    background:#1f5a8f;
}
.notif-item>div{
    min-width:0;
}
.notif-item strong{
    display:block;
    font-size:11px;
    color:#172737;
}
.notif-item p{
    font-size:10px;
    line-height:1.45;
    color:#677582;
    margin:4px 0;
}
.notif-item small{
    font-size:8px;
    color:#9aa3ac;
}
.notif-empty{
    padding:35px 15px;
    text-align:center;
    color:#89949e;
    font-size:11px;
}
.chat{
    max-height:520px;
    overflow-y:auto;
    scroll-behavior:smooth;
}
.message{
    animation:slanoMessageIn .2s ease;
}
@keyframes slanoMessageIn{
    from{opacity:0;transform:translateY(5px)}
    to{opacity:1;transform:none}
}
@media(max-width:700px){
    .notif-dropdown{
        position:fixed;
        left:14px;
        right:14px;
        top:82px;
        width:auto;
    }
}


/* ===== V7.2 — fix page Templates publique + contraste boutons ===== */

/* Les boutons sur les bandeaux bleu marine doivent rester parfaitement lisibles. */
.page-head .btn-ghost,
.page-head a.btn-ghost{
    background:#ffffff !important;
    color:#071b33 !important;
    border-color:#ffffff !important;
    box-shadow:0 10px 26px rgba(0,0,0,.12);
}
.page-head .btn-ghost:hover,
.page-head a.btn-ghost:hover{
    background:#edf3f8 !important;
    color:#071b33 !important;
}

.page-head .btn-primary,
.page-head a.btn-primary{
    background:#071b33 !important;
    color:#ffffff !important;
    border-color:rgba(255,255,255,.14) !important;
}
.page-head .btn-primary:hover,
.page-head a.btn-primary:hover{
    background:#0d3158 !important;
    color:#ffffff !important;
}

/* Le texte de la fiche template reste lisible sur fond bleu marine. */
.page-head .split-head h1,
.page-head .split-head p,
.page-head .split-head .eyebrow{
    position:relative;
    z-index:1;
}


/* ===== V8 — permissions ===== */
.permissions-panel{max-width:1180px}
.permission-admin-note{display:flex;flex-direction:column;gap:5px;padding:16px 18px;margin-bottom:18px;border:1px solid #cdd9e4;background:#eef4fa;border-radius:12px}
.permission-admin-note strong{color:#10243a;font-size:13px}.permission-admin-note span{color:#617284;font-size:11px}
.role-permission-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.permission-role-card{border:1px solid #dce3e9;border-radius:14px;overflow:hidden;background:#fff}
.permission-role-head{display:flex;justify-content:space-between;align-items:center;padding:18px;background:#0b294d;color:#fff}
.permission-role-head small{display:block;color:#8fb0ce;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.permission-role-head h3{margin:3px 0 0;font-size:18px}.permission-role-head>span{font-size:9px;padding:5px 8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:20px}
.permission-group{padding:16px 18px 5px;border-bottom:1px solid #edf0f3}.permission-group:last-child{border-bottom:0}
.permission-group h4{margin:0 0 8px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#82909d}
.permission-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;cursor:pointer}
.permission-row input{width:16px;height:16px;margin-top:2px;accent-color:#0b294d}
.permission-row span{display:flex;flex-direction:column;gap:3px}.permission-row strong{font-size:11px;color:#243342}.permission-row small{font-size:9px;line-height:1.45;color:#89949e}
.permissions-save{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:18px;border-radius:13px;background:#f4f7fa;border:1px solid #dce3e9}
.permissions-save>div{display:flex;flex-direction:column;gap:3px}.permissions-save strong{font-size:11px}.permissions-save small{color:#89949e;font-size:9px}
@media(max-width:900px){.role-permission-columns{grid-template-columns:1fr}.permissions-save{align-items:flex-start;flex-direction:column}}


/* ===== V8.1 — droits projet & aperçu manuel ===== */
.rights-form{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #edf0f3;
}
.right-toggle{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:10px 11px;
    border:1px solid #e5e9ed;
    border-radius:10px;
    cursor:pointer;
    background:#fafcfd;
}
.right-toggle input{
    width:16px;
    height:16px;
    margin-top:2px;
    accent-color:#0b294d;
}
.right-toggle span{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.right-toggle strong{
    font-size:10px;
    color:#263747;
}
.right-toggle small{
    font-size:9px;
    line-height:1.4;
    color:#85919c;
}






/* ===== V8.5 — header logo classique + bannière footer ===== */
.footer-banner{
    display:inline-flex;
    align-items:center;
    max-width:280px;
}
.footer-banner img{
    width:auto;
    height:58px;
    max-width:280px;
    object-fit:contain;
    display:block;
}
@media(max-width:700px){
    .footer-banner img{
        height:50px;
        max-width:230px;
    }
}


/* ===== V8.6 — header logo seul + bannière réduite ===== */
.topbar .brand-icon-only{
    display:inline-flex;
    align-items:center;
    gap:0;
}
.topbar .brand-icon-only img{
    width:40px;
    height:40px;
    object-fit:contain;
}
@media(max-width:700px){
    .topbar .brand-icon-only img{
        width:36px;
        height:36px;
    }
}


/* ===== V9 — UI, profils, support archives ===== */
.dash-body{
    background:linear-gradient(180deg,#edf2f6 0,#e8eef4 100%);
}
.sidebar{
    box-shadow:8px 0 35px rgba(3,17,31,.08);
}
.side-user{
    text-decoration:none;
}
.avatar,.header-avatar,.ticket-avatar,.chat-avatar{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#173653;
    color:#fff;
    font-weight:850;
    flex:0 0 auto;
}
.avatar{width:36px;height:36px;border-radius:11px;font-size:11px}
.header-avatar{width:36px;height:36px;border-radius:11px;font-size:10px}
.ticket-avatar{width:40px;height:40px;border-radius:12px;font-size:10px}
.chat-avatar{width:36px;height:36px;border-radius:11px;font-size:10px}
.avatar img,.header-avatar img,.ticket-avatar img,.chat-avatar img{
    width:100%;height:100%;object-fit:cover;display:block;
}
.header-profile{display:inline-flex}
.dash-title-wrap{display:flex;align-items:center;gap:11px}
.dash-title-icon{width:31px;height:31px;object-fit:contain;border-radius:8px}
.dashboard-footer{
    margin:0 34px 24px;
    padding:17px 3px;
    border-top:1px solid #d7e0e7;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#7d8a96;
    font-size:10px;
}
.dashboard-footer>div:first-child{display:flex;align-items:center;gap:8px;font-weight:750;color:#536575}
.dashboard-footer img{width:21px;height:21px;object-fit:contain}
.dashboard-footer-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.dashboard-footer a:hover{color:#0b294d}

.quick-actions{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-bottom:16px;
}
.quick-actions a{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:16px 18px;
    border:1px solid #dbe3e9;
    background:rgba(255,255,255,.75);
    border-radius:13px;
    transition:.18s ease;
}
.quick-actions a:hover{
    transform:translateY(-2px);
    background:#fff;
    box-shadow:0 10px 28px rgba(7,27,51,.07);
}
.quick-actions span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8493a0}
.quick-actions strong{font-size:11px;color:#1b2e40}

.profile-grid{display:grid;grid-template-columns:280px 1fr;gap:16px;max-width:1050px}
.profile-card{padding:0;overflow:hidden}
.profile-cover{height:115px;background:linear-gradient(135deg,#071b33,#17456f);position:relative;margin-bottom:54px}
.profile-main-avatar{
    width:92px;height:92px;border-radius:25px;border:5px solid #fff;background:#eef3f7;
    position:absolute;left:25px;bottom:-46px;display:grid;place-items:center;overflow:hidden;
    color:#123451;font-size:25px;font-weight:850;box-shadow:0 8px 25px rgba(7,27,51,.15)
}
.profile-main-avatar img{width:100%;height:100%;object-fit:cover}
.profile-card-body{padding:0 25px 25px}
.profile-card-body h2{margin:0 0 4px;font-size:20px}
.profile-card-body p{margin:0 0 13px;color:#7f8b96;font-size:11px}
.profile-card-body small{display:block;margin-top:12px;color:#84909b}
.profile-edit hr{border:0;border-top:1px solid #edf0f3;margin:26px 0}
.profile-remove-avatar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}
.profile-remove-avatar input{width:auto!important}

.support-toolbar{
    display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px
}
.support-tabs{display:flex;gap:5px;padding:4px;background:#dfe7ee;border-radius:11px}
.support-tabs a{padding:8px 12px;border-radius:8px;font-size:10px;font-weight:750;color:#627384}
.support-tabs a.active{background:#fff;color:#0b294d;box-shadow:0 3px 10px rgba(7,27,51,.07)}
.support-summary{font-size:10px;color:#7f8b95}
.ticket-list.modern .ticket-row{
    display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 4px
}
.ticket-main{display:flex;flex-direction:column;gap:4px}
.ticket-main strong{font-size:12px}
.ticket-main small{font-size:9px;color:#8b96a0}
.ticket-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.ticket-side small{font-size:8px;color:#99a2aa}
.status-closed{background:#eef0f2;color:#68727b}
.status-archived{background:#eeeaf6;color:#6f5a8b}
.support-thread-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.back-link{font-size:10px;color:#64788b;font-weight:750}
.thread-actions{display:flex;gap:7px}
.thread-actions form{margin:0}

.chat-panel{max-width:1000px}
.chat{
    background:#f7f9fb;border:1px solid #edf0f3;border-radius:13px;padding:16px;min-height:340px
}
.message{
    background:transparent!important;
    max-width:88%;
    padding:0!important;
    display:flex;
    gap:9px;
    align-items:flex-end;
}
.message.staff{align-self:flex-end;flex-direction:row-reverse}
.message-bubble{
    background:#fff;border:1px solid #e5e9ed;border-radius:14px 14px 14px 5px;
    padding:11px 13px;box-shadow:0 4px 12px rgba(7,27,51,.035);min-width:160px
}
.message.staff .message-bubble{
    background:#0b294d;color:#fff;border-color:#0b294d;border-radius:14px 14px 5px 14px
}
.message-head>div{display:flex;align-items:center;gap:7px}
.message-head span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#81909d}
.message.staff .message-head span,.message.staff .message-head small{color:#90a9bf}
.message.staff .message-bubble p{color:#eef5fa}
.message-bubble p{margin:6px 0 0!important}
.thread-closed{text-align:center;margin-top:14px}

.panel,.stat{
    backdrop-filter:blur(6px);
}
.panel{
    transition:border-color .18s ease,box-shadow .18s ease;
}
.panel:hover{
    border-color:#cfdbe4;
}
.btn{
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}

@media(max-width:900px){
    .profile-grid{grid-template-columns:1fr}
    .quick-actions{grid-template-columns:1fr 1fr}
    .dashboard-footer{margin:0 18px 18px;align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
    .quick-actions{grid-template-columns:1fr}
    .support-toolbar{align-items:flex-start;flex-direction:column}
    .support-tabs{width:100%;overflow:auto}
    .ticket-list.modern .ticket-row{grid-template-columns:40px 1fr}
    .ticket-side{grid-column:2;align-items:flex-start;flex-direction:row}
    .message{max-width:96%}
}


/* ===== V10 — Slano refinement ===== */
:root{
    --surface:#ffffff;
    --surface-soft:#f5f8fa;
    --border:#dbe3e9;
    --text:#17293a;
    --muted2:#7f8d99;
}
body{letter-spacing:-.01em}
.topbar{backdrop-filter:blur(16px);position:sticky;top:0;z-index:80}
.topbar .nav-wrap{min-height:74px}
.topbar .nav{gap:6px}
.topbar .nav a{padding:9px 12px;border-radius:8px}
.topbar .nav a:hover{background:rgba(255,255,255,.06)}
.hero-v10{padding-top:30px}
.hero-copy{max-width:650px}
.hero-metrics{display:flex;gap:9px;margin-top:28px;flex-wrap:wrap}
.hero-metrics>div{min-width:120px;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035)}
.hero-metrics strong{display:block;font-size:16px;color:#fff}
.hero-metrics span{font-size:9px;color:#93a8bb}
.browser-v10{overflow:hidden}
.browser-dashboard{height:330px;background:#f4f7fa;display:grid;grid-template-columns:74px 1fr}
.bd-side{background:#071b33;padding:18px 13px;display:flex;flex-direction:column;gap:13px}
.bd-side b{width:28px;height:28px;border-radius:8px;background:#fff;margin-bottom:8px}
.bd-side span{width:100%;height:7px;border-radius:4px;background:rgba(255,255,255,.12)}
.bd-main{padding:20px}
.bd-top{display:flex;justify-content:space-between;margin-bottom:18px}.bd-top span{width:130px;height:17px;border-radius:5px;background:#d5dee6}.bd-top b{width:38px;height:38px;border-radius:11px;background:#dfe6ec}
.bd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.bd-stats i{height:72px;border-radius:10px;background:#fff;border:1px solid #e0e6eb}
.bd-panel{height:150px;background:#fff;border:1px solid #e0e6eb;border-radius:11px;padding:18px;display:flex;flex-direction:column;gap:11px}.bd-panel strong{width:130px;height:11px;background:#172d42;border-radius:4px}.bd-panel span{display:block;width:88%;height:8px;background:#e4e9ed;border-radius:4px}.bd-panel span:nth-of-type(2){width:72%}.bd-panel span:nth-of-type(3){width:58%}

.compact-section{padding-top:28px;padding-bottom:28px;background:#fff!important}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce4ea;border-radius:16px;background:#fff;overflow:hidden}
.value-strip>div{padding:22px 23px;border-right:1px solid #e3e8ec}.value-strip>div:last-child{border-right:0}
.value-strip span{display:block;color:#7b91a5;font-size:9px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
.value-strip strong{display:block;font-size:12px;color:#162b3e;margin-bottom:5px}
.value-strip small{display:block;font-size:9px;line-height:1.5;color:#84919d}

.section-copy{max-width:650px!important;margin-top:8px!important}
.plan-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.plan-topline>small{font-size:8px;color:#8e99a3;text-transform:uppercase;letter-spacing:.12em}
.process-section{background:#071b33!important;color:#fff}.process-section .section-head h2{color:#fff}.process-section .eyebrow{color:#89a9c6}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-grid article{padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
.process-grid span{font-size:9px;color:#80a5c6;font-weight:800}.process-grid h3{font-size:15px;margin:27px 0 8px;color:#fff}.process-grid p{font-size:10px;line-height:1.6;color:#9aafc1;margin:0}

.template-shot{position:relative;overflow:hidden}.template-shot img{transition:transform .35s ease}.template-card:hover .template-shot img{transform:scale(1.025)}
.template-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,20,36,.62);opacity:0;transition:.2s}
.template-overlay a{padding:9px 13px;background:#fff;color:#071b33;border-radius:8px;font-size:10px;font-weight:800}.template-card:hover .template-overlay{opacity:1}
.template-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.template-card-actions a{font-size:9px;font-weight:800}

.studio-panel{background:#071b33;border-radius:19px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:55px;color:#fff;overflow:hidden}
.studio-copy h2{font-size:34px;line-height:1.08;max-width:520px;margin:12px 0}.studio-copy p{max-width:560px;color:#9eb1c2;line-height:1.7}
.studio-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.studio-points span{font-size:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#bed0df}
.studio-ui{background:#eef3f7;border-radius:13px;box-shadow:0 30px 70px rgba(0,0,0,.22);overflow:hidden;transform:rotate(1.3deg)}
.studio-ui-bar{height:34px;background:#fff;border-bottom:1px solid #dce3e9;display:flex;align-items:center;gap:8px;padding:0 12px;color:#72808d;font-size:8px}.studio-ui-bar i{width:7px;height:7px;border-radius:50%;background:#98a7b4}.studio-ui-bar b{margin-left:auto;width:22px;height:22px;border-radius:6px;background:#edf1f4}
.studio-ui-body{height:270px;display:grid;grid-template-columns:72px 1fr}.studio-ui-body aside{background:#0a223b}.studio-ui-body>div{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studio-ui-body span{height:70px;background:#fff;border:1px solid #dce3e9;border-radius:9px}.studio-ui-body strong{grid-column:1/-1;height:115px;background:#fff;border:1px solid #dce3e9;border-radius:9px}
.cta-v10{align-items:flex-end}.cta-v10 p{color:#99afc3;margin:8px 0 0}.cta-actions{display:flex;flex-direction:column;align-items:flex-end;gap:11px}.cta-link{font-size:10px;color:#b9cad8}

.catalog-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.catalog-search{flex:1;max-width:440px}.catalog-search input,.data-toolbar input,.data-toolbar select{width:100%;min-height:42px;border:1px solid #d8e1e7;border-radius:10px;background:#fff;padding:0 13px;font:inherit;font-size:10px;color:#253747;outline:none}.catalog-search input:focus,.data-toolbar input:focus,.data-toolbar select:focus{border-color:#8da8bf;box-shadow:0 0 0 3px rgba(32,74,111,.06)}
.catalog-filters{display:flex;gap:6px;flex-wrap:wrap}.catalog-filters button{border:1px solid #dce3e8;background:#fff;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:750;color:#687886;cursor:pointer}.catalog-filters button.active{background:#071b33;color:#fff;border-color:#071b33}
.catalog-empty{padding:60px 20px;text-align:center;color:#7f8b96}.catalog-empty strong{display:block;color:#223548;margin-bottom:6px}

.dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:3px 2px 20px}.dashboard-welcome small{font-size:8px;color:#8997a4;text-transform:uppercase;letter-spacing:.1em}.dashboard-welcome h2{font-size:25px;margin:5px 0 4px;color:#152a3d}.dashboard-welcome p{font-size:10px;color:#7b8995;margin:0}.welcome-actions{display:flex;gap:7px}
.modern-stats .stat{position:relative;overflow:hidden;padding-top:19px}.stat-icon{position:absolute;right:13px;top:13px;font-size:8px;font-weight:850;letter-spacing:.06em;color:#6f879c;background:#eef3f7;border-radius:7px;padding:6px 7px}
.modern-quick a{min-height:92px}.modern-quick a small{font-size:8px;color:#909ca6}
.dashboard-grid-v10{grid-template-columns:2fr 1fr}
.activity-panel{min-width:0}.activity-mini-list{display:flex;flex-direction:column}.activity-mini-item{display:flex;gap:10px;padding:11px 2px;border-bottom:1px solid #edf0f3}.activity-mini-item:last-child{border-bottom:0}.activity-marker{width:7px;height:7px;border-radius:50%;background:#708597;margin-top:5px;flex:0 0 auto}.activity-marker.message{background:#2b6f9f}.activity-marker.project{background:#3a8a67}.activity-mini-item strong{display:block;font-size:10px;color:#203447}.activity-mini-item p{font-size:9px;color:#7f8c97;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.activity-mini-item small{font-size:8px;color:#9aa4ad}
.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 3px;border-bottom:1px solid #edf0f3}.activity-row.unread{background:linear-gradient(90deg,#f1f6fa,transparent);margin:0 -14px;padding-left:17px;padding-right:17px}.activity-icon{width:38px;height:38px;border-radius:11px;background:#e8eef3;display:grid;place-items:center;font-size:10px;font-weight:850;color:#42627d}.activity-icon.project{background:#e8f3ed;color:#397a5e}.activity-icon.message{background:#e8f1f8;color:#2f6d9a}.activity-content>div{display:flex;align-items:center;gap:8px}.activity-content strong{font-size:11px;color:#203548}.activity-content span{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#81909b}.activity-content p{margin:5px 0;font-size:9px;color:#73818d}.activity-content small{font-size:8px;color:#9aa4ad}

.data-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto;gap:9px;align-items:center;padding:13px 0 16px}.data-toolbar>span{font-size:9px;color:#86929c;text-align:right}.compact-toolbar{display:block;max-width:360px}.progress-cell{display:flex;align-items:center;gap:8px}.progress-cell .progress-line{min-width:110px}.row-open{font-size:9px;font-weight:800}.table-empty-filter{text-align:center;padding:35px;color:#87939d;font-size:10px}
.modern-project-list .project-row{transition:.16s}.modern-project-list .project-row:hover{background:#f7f9fb}

.project-actions{flex-wrap:wrap}
.panel-actions{display:flex;gap:7px}

@media(max-width:1050px){
    .value-strip,.process-grid{grid-template-columns:1fr 1fr}
    .value-strip>div:nth-child(2){border-right:0}.value-strip>div:nth-child(-n+2){border-bottom:1px solid #e3e8ec}
    .studio-panel{grid-template-columns:1fr;padding:38px}.dashboard-grid-v10{grid-template-columns:1fr}
}
@media(max-width:760px){
    .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.hero-metrics>div{min-width:0}
    .value-strip,.process-grid{grid-template-columns:1fr}.value-strip>div{border-right:0;border-bottom:1px solid #e3e8ec!important}
    .catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{max-width:none}.catalog-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}
    .studio-panel{padding:28px 22px}.studio-copy h2{font-size:28px}
    .dashboard-welcome{align-items:flex-start;flex-direction:column}.data-toolbar{grid-template-columns:1fr}.data-toolbar>span{text-align:left}
}


/* ===== V10.1 — bannière dans le haut du dashboard ===== */
.side-brand-banner{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:72px;
    padding:14px 18px;
    border-bottom:1px solid rgba(255,255,255,.07);
}
.side-brand-banner img{
    display:block;
    width:auto;
    height:42px;
    max-width:185px;
    object-fit:contain;
}
@media(max-width:700px){
    .side-brand-banner{
        min-height:64px;
        padding:12px 16px;
    }
    .side-brand-banner img{
        height:36px;
        max-width:165px;
    }
}


/* V10.3 - illustration homepage */
.hero-v10 .float-card,.hero-v10 .float-card strong,.hero-v10 .float-card small,.hero-v10 .float-card span{color:#10263a!important}.hero-v10 .float-card{background:#fff!important}.hero-v10 .fc1 span{background:#eaf1f7;color:#164a75!important;padding:3px 6px;border-radius:5px}
/* Orders / payments */
.order-status{display:inline-flex;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:800}.order-pending{background:#fff3d8;color:#8d6615}.order-paid{background:#e4f4eb;color:#347452}.order-free{background:#e9f0fb;color:#3e6590}.order-cancelled{background:#f3e7e7;color:#8c4d4d}.order-status-form{display:flex;gap:6px;align-items:center}.order-status-form select{min-height:34px;border:1px solid #d9e1e7;border-radius:8px;padding:0 8px;background:#fff;font-size:9px}
.project-payment{margin:15px 0;display:flex;justify-content:space-between;gap:25px;align-items:center;border-radius:15px;padding:20px 22px;border:1px solid #d7e1e9;background:#fff}.project-payment.pending{background:linear-gradient(135deg,#102f4d,#0a2139);color:#fff;border-color:#173e61}.project-payment small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8092a2}.project-payment.pending small{color:#8eabc3}.project-payment h3{margin:5px 0 6px;font-size:18px}.project-payment.pending h3{color:#fff}.project-payment p{margin:0;font-size:10px;line-height:1.55;color:#72808d}.project-payment.pending p{color:#b8c8d6}.project-payment.pending p strong{color:#fff}.payment-note{margin-top:9px;text-transform:none!important;letter-spacing:0!important}.payment-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.payment-revolut{border-color:rgba(255,255,255,.2)!important;color:#fff!important;background:rgba(255,255,255,.06)!important}.payment-unavailable{text-transform:none!important;letter-spacing:0!important;color:#9bb0c2!important}@media(max-width:750px){.project-payment{align-items:flex-start;flex-direction:column}}


/* ===== V10.4 — configuration des paiements ===== */
.checkout-disabled-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.checkout-disabled-row span{font-size:9px;color:#8a96a1}
.btn-disabled-payment,.btn-payment-disabled{background:#e4e8ec!important;color:#89949e!important;border:1px solid #d6dce2!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}
.checkout-methods-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.checkout-methods-preview span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:7px;background:#edf3f7;color:#365873;font-size:9px;font-weight:800;border:1px solid #d8e3eb}
.payment-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.payment-unavailable-wide{flex-basis:100%;text-align:right;margin-top:3px;font-size:9px;color:#9fb0bf}
.settings-form select[name="payment_mode"]{min-height:42px;border:1px solid #d8e1e7;border-radius:10px;background:#fff;padding:0 12px;color:#263747;font:inherit}
@media(max-width:700px){.payment-actions{justify-content:flex-start}.payment-unavailable-wide{text-align:left}.checkout-disabled-row{align-items:flex-start;flex-direction:column}}


/* ===== V10.5 — commandes / maintenance paiement ===== */
.btn-maintenance,
.btn-maintenance:hover,
.btn-maintenance:focus{
    background:#c7ced5 !important;
    border-color:#c7ced5 !important;
    color:#ffffff !important;
    cursor:not-allowed !important;
    box-shadow:none !important;
    transform:none !important;
    opacity:1 !important;
    letter-spacing:.08em;
}
.payment-maintenance-message{
    display:flex;
    align-items:center;
    margin-top:9px;
}
.payment-maintenance-message span{
    display:inline-flex;
    padding:7px 10px;
    border-radius:8px;
    background:#f0f2f4;
    border:1px solid #e1e5e8;
    color:#78838d;
    font-size:9px;
    font-weight:650;
}


/* ===== V10.6 — promos / lifecycle / amount ===== */
.promo-entry{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    align-items:center;
}
.promo-feedback{
    min-height:18px;
    font-size:10px;
    font-weight:700;
}
.promo-feedback.success{color:#327454}
.promo-feedback.error{color:#a04a4a}
.promo-total-detail{
    margin-top:6px;
    color:#39745a;
    font-size:10px;
    font-weight:700;
}
.promo-applied{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:10px;
    padding:9px 11px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.13);
    border-radius:9px;
    font-size:10px;
}
.promo-actions,.lifecycle-actions,.project-admin-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.promo-actions form,.lifecycle-actions form{margin:0}
.danger-zone{
    margin-top:16px;
    border-color:#e1d8d8;
}
.lifecycle-actions{
    padding-top:4px;
}
.order-status-form{
    display:flex;
    gap:6px;
    align-items:center;
    flex-wrap:wrap;
}
.order-status-form input[type="number"]{
    width:105px;
    min-height:34px;
    border:1px solid #dce3e9;
    border-radius:8px;
    padding:0 8px;
    font-size:9px;
}
@media(max-width:700px){
    .promo-entry{grid-template-columns:1fr}
}