/*
|--------------------------------------------------------------------------
| WEBHATSHOSTING.NET
|--------------------------------------------------------------------------
| Module Gestion Services Pro
*/

.svc-page{background:#10131c;border:1px solid #2a3040;border-radius:28px;padding:28px;color:#fff}
.svc-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}
.svc-top small{color:#aeb6c8}.svc-top h1{font-size:36px}.svc-top p{color:#aeb6c8;margin-top:8px}
.svc-btn,.svc-savebar button{display:inline-block;background:#171b27;color:#fff;border:1px solid #2a3040;border-radius:14px;padding:13px 18px;font-weight:900;text-decoration:none;cursor:pointer}
.svc-btn.red,.svc-savebar button{background:#ff1025;border-color:#ff1025}
.svc-alert{background:#102918;border:1px solid #2ecc71;padding:14px;border-radius:12px;margin-bottom:18px}
.svc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.svc-kpis div,.svc-panel{background:#0b0d14;border:1px solid #2a3040;border-radius:22px;padding:22px}
.svc-kpis strong{display:block;color:#ff1025;font-size:32px}.svc-kpis span{color:#aeb6c8}
.svc-toolbar{display:grid;grid-template-columns:1fr 180px 180px 130px;gap:12px;background:#0b0d14;border:1px solid #2a3040;border-radius:22px;padding:18px;margin-bottom:24px}
.svc-toolbar input,.svc-toolbar select,.svc-form-grid input,.svc-form-grid textarea,.svc-form-grid select{width:100%;background:#07080d;border:1px solid #303747;color:#fff;border-radius:12px;padding:14px}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{background:linear-gradient(180deg,#171b27,#10131c);border:1px solid #2a3040;border-radius:28px;overflow:hidden}
.svc-card.featured{border:2px solid #ff1025}
.svc-visual{height:170px;background:radial-gradient(circle at 75% 25%,rgba(255,16,37,.35),transparent 35%),linear-gradient(135deg,#1b2030,#240006);background-size:cover;background-position:center;position:relative}
.svc-icon{position:absolute;left:22px;bottom:-28px;width:66px;height:66px;background:#0b0d14;border:1px solid #2a3040;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:34px}
.svc-icon img{max-width:38px;max-height:38px}
.svc-upload-badge{position:absolute;top:16px;right:16px;background:rgba(5,6,10,.75);padding:8px 11px;border-radius:30px;font-size:12px;font-weight:900}
.svc-body{padding:42px 24px 24px}.svc-card-top{display:flex;justify-content:space-between;gap:12px}.svc-card h3{font-size:24px}.svc-body p{color:#aeb6c8;line-height:1.55;min-height:70px;margin:12px 0}
.svc-badge{background:rgba(255,16,37,.14);border:1px solid rgba(255,16,37,.55);color:#ff1025;border-radius:30px;padding:7px 10px;font-size:11px;font-weight:900}
.svc-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.svc-meta div{background:#0b0d14;border:1px solid #293040;border-radius:16px;padding:14px}.svc-meta small{display:block;color:#7f8799}
.svc-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.svc-actions a,.svc-actions button{text-align:center;padding:12px;border-radius:12px;background:#0b0d14;border:1px solid #293040;color:#fff;text-decoration:none;font-weight:900;font-size:13px;width:100%}.svc-actions .edit{background:#ff1025}
.svc-editor{display:grid;gap:20px}.svc-panel h2{color:#ff1025;margin-bottom:18px}.svc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.svc-form-grid .full{grid-column:1/-1}.svc-form-grid label{display:block;font-weight:900;margin-bottom:8px}
.svc-upload-zone{border:1px dashed rgba(255,16,37,.65);border-radius:18px;padding:18px}.svc-upload-zone strong,.svc-upload-zone span{display:block}.svc-upload-zone span{color:#aeb6c8}
.svc-checks{display:flex;gap:16px;flex-wrap:wrap}.svc-checks input{width:auto}.svc-savebar{position:sticky;bottom:0;background:rgba(5,6,10,.88);border:1px solid #2a3040;border-radius:18px;padding:16px;display:flex;justify-content:flex-end;gap:12px}
.svc-savebar a{background:#0b0d14;color:#fff;border:1px solid #303747;padding:12px 16px;border-radius:10px;text-decoration:none}
.svc-public-hero{padding:90px 7%;background:linear-gradient(135deg,#07080d,#240006);color:#fff;text-align:center}.svc-public-hero h1{font-size:54px}.svc-public-hero p{color:#aeb6c8;margin-top:12px;font-size:18px}
.svc-public-grid{padding:70px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#07080d}.svc-public-card{background:#11141d;border:1px solid #2a3040;border-radius:24px;overflow:hidden;color:#fff}.svc-public-img{height:190px;background:linear-gradient(135deg,#1b2030,#240006);background-size:cover;background-position:center}.svc-public-body{padding:24px}.svc-public-body span{color:#ff1025;font-weight:900}.svc-public-body h2{margin:10px 0}.svc-public-body p{color:#aeb6c8}.svc-public-body strong{display:block;color:#ff1025;font-size:28px;margin:18px 0}.svc-public-body a{display:block;background:#ff1025;color:#fff;text-align:center;padding:13px;border-radius:10px;text-decoration:none;font-weight:900}
.svc-detail{padding:90px 7%;background:#07080d;color:#fff}.svc-detail h1{font-size:52px;margin:15px 0}.svc-detail p{color:#aeb6c8;font-size:19px;max-width:800px}.svc-detail-price{color:#ff1025;font-size:42px;font-weight:900;margin:24px 0}.svc-detail li{margin:10px 0}
@media(max-width:1100px){.svc-grid,.svc-public-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.svc-top{display:block}.svc-kpis,.svc-toolbar,.svc-grid,.svc-form-grid,.svc-public-grid{grid-template-columns:1fr}.svc-actions{grid-template-columns:1fr}.svc-savebar{display:grid}}