.client-account-hero{padding-bottom:22px}
.client-account-hero p{max-width:680px}
.client-account-page{padding:28px 0 40px}
.client-login-state{display:grid;grid-template-columns:minmax(0,520px) minmax(280px,1fr);gap:22px;align-items:start}
.client-login-state.hide{display:none}
.client-login-note{padding:26px;background:linear-gradient(145deg,#f7fbff,#fff)}
.client-login-note h2{margin:0 0 8px;font-size:24px}
.client-login-note p{margin:0 0 18px;color:var(--muted);line-height:1.55}
.client-dashboard{display:none}
.client-dashboard.show{display:block}
.client-dashboard-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.client-sidebar{position:sticky;top:132px;overflow:hidden;padding:0}
.client-sidebar-head{padding:22px 20px 18px;border-bottom:1px solid var(--line)}
.client-sidebar-head span{display:block;color:var(--muted);font-size:12px;font-weight:700}
.client-sidebar-head strong{display:block;margin-top:3px;font-size:21px;line-height:1.2}
.client-account-nav{display:grid;padding:10px}
.client-nav-item{display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#334154;font:inherit;font-size:13px;text-align:left;text-decoration:none;cursor:pointer}
.client-nav-item:hover{background:#f5f8fb}
.client-nav-item.active{background:#eaf4ff;color:#1267c7;font-weight:800;box-shadow:inset 3px 0 0 #1776df}
.client-nav-icon{display:grid;place-items:center;width:26px;height:26px;color:currentColor;font-size:18px}
.client-nav-item b{font-size:20px;font-weight:500;text-align:right}
.client-logout{width:calc(100% - 20px);margin:0 10px 12px;padding:11px 12px;border:1px solid #e3e7ea;border-radius:10px;background:#fff;color:#7a4d4d;font-size:12px;font-weight:800;cursor:pointer}
.client-logout:hover{background:#fff7f7;border-color:#efd6d6}
.client-account-content{min-width:0}
.client-view{display:grid;gap:18px}
.client-view[hidden]{display:none!important}
.client-order-current{overflow:hidden;padding:0}
.client-current-empty{padding:34px;text-align:center}
.client-current-empty .empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#f1f6fa;font-size:28px}
.client-current-empty h2{margin:0 0 5px;font-size:21px}
.client-current-empty p{margin:0;color:var(--muted)}
.client-current-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 10px}
.client-current-head h2{margin:0 0 8px;font-size:24px}
.client-current-reference{display:block;margin-bottom:4px;font-size:17px;font-weight:900;color:#1a2c44}
.client-current-summary{margin:0;color:var(--muted);font-size:14px}
.client-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 11px;border-radius:999px;background:#eef2f5;color:#52606d;font-size:11px;font-weight:900;white-space:nowrap}
.client-status-pill.status-active{background:#e9f3ff;color:#1666b4}
.client-status-pill.status-preparing{background:#fff4df;color:#9a6312}
.client-status-pill.status-shipped{background:#e8f6ec;color:#237840}
.client-status-pill.status-cancelled{background:#fdeceb;color:#ad3c35}
.client-status-pill.status-refunded{background:#f3edf9;color:#7852a1}
.client-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 26px 18px}
.client-progress-step{position:relative;text-align:center}
.client-progress-step:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 18px);right:calc(-50% + 18px);height:3px;background:#d7dee5}
.client-progress-step.done:not(:last-child)::after{background:#2380e8}
.client-progress-dot{position:relative;z-index:2;display:grid;place-items:center;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;background:#c8d0d9;color:#fff;font-size:15px;font-weight:900}
.client-progress-step.done .client-progress-dot{background:#2380e8}
.client-progress-step.current .client-progress-dot{box-shadow:0 0 0 5px rgba(35,128,232,.12)}
.client-progress-step strong{display:block;font-size:12px}
.client-progress-step span{display:block;margin-top:3px;color:#8793a0;font-size:10px}
.client-shipping-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin:0 24px;padding:18px 0;border-top:1px solid var(--line)}
.client-shipping-fact{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:0 18px}
.client-shipping-fact:first-child{padding-left:0}
.client-shipping-fact+.client-shipping-fact{border-left:1px solid var(--line)}
.client-shipping-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f3f7fa;font-size:19px}
.client-shipping-fact span{display:block;color:#8793a0;font-size:10px}
.client-shipping-fact strong{display:block;margin-top:2px;font-size:13px}
.client-current-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 24px 24px}
.client-account-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;border:1px solid #2b7fd8;border-radius:10px;background:#fff;color:#1769bd;text-decoration:none;font-size:12px;font-weight:850;cursor:pointer}
.client-account-btn.primary{background:#1976d2;color:#fff}
.client-account-btn.disabled{border-color:#d9e0e6;background:#f5f7f8;color:#9aa4ad;cursor:not-allowed;pointer-events:none}
.client-list-card{overflow:hidden;padding:0}
.client-card-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}
.client-card-heading h2{margin:2px 0 0;font-size:20px}
.client-card-heading>p{max-width:470px;margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:right}
.client-section-kicker{color:#2379cd;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.client-order-history{display:grid}
.client-order-row{display:grid;grid-template-columns:minmax(155px,1.1fr) minmax(105px,.8fr) minmax(90px,.6fr) minmax(120px,.7fr) 72px;gap:12px;align-items:center;padding:14px 22px;border-top:1px solid #edf0f2}
.client-order-row:first-child{border-top:0}
.client-order-row.header{padding-top:11px;padding-bottom:11px;background:#f7f9fa;color:#667483;font-size:10px;font-weight:850}
.client-order-row strong{font-size:12px}
.client-order-row span{font-size:12px;color:#445264}
.client-order-link{color:#1774d1!important;text-decoration:none;font-weight:850;text-align:right}
.client-order-link:hover{text-decoration:underline}
.client-list-empty{padding:30px 22px;color:var(--muted);text-align:center;font-size:13px}
.client-document-list{display:grid;padding:8px 0}
.client-document-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:15px 22px;border-top:1px solid #edf0f2}
.client-document-row:first-child{border-top:0}
.client-document-row strong{display:block;font-size:13px}
.client-document-row span{color:var(--muted);font-size:11px}
.client-profile-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px}
.client-profile-field{padding:16px;border:1px solid #e7ebee;border-radius:12px;background:#fbfcfd}
.client-profile-field span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.client-profile-field strong{display:block;margin-top:6px;font-size:14px;word-break:break-word}
.client-loading{padding:38px;text-align:center;color:var(--muted)}
@media(max-width:900px){
  .client-login-state,.client-dashboard-grid{grid-template-columns:1fr}
  .client-sidebar{position:static}
  .client-account-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-logout{width:auto;margin:0 10px 12px}
}
@media(max-width:700px){
  .client-account-page{padding-top:18px}
  .client-account-nav{grid-template-columns:1fr}
  .client-current-head{flex-direction:column;padding:18px 18px 8px}
  .client-progress{grid-template-columns:1fr;gap:12px;padding:18px}
  .client-progress-step{display:grid;grid-template-columns:36px 1fr;gap:10px;text-align:left;align-items:center}
  .client-progress-step:not(:last-child)::after{top:32px;bottom:-14px;left:15px;right:auto;width:3px;height:auto}
  .client-progress-dot{margin:0}
  .client-progress-step strong,.client-progress-step span{grid-column:2}
  .client-progress-step span{margin-top:-8px}
  .client-shipping-strip{grid-template-columns:1fr;margin:0 18px}
  .client-shipping-fact{padding:12px 0}
  .client-shipping-fact+.client-shipping-fact{border-left:0;border-top:1px solid var(--line)}
  .client-current-actions{padding:0 18px 18px}
  .client-account-btn{width:100%}
  .client-card-heading{align-items:flex-start;flex-direction:column;padding:18px}
  .client-card-heading>p{text-align:left}
  .client-order-row.header{display:none}
  .client-order-row{grid-template-columns:1fr auto;gap:7px;padding:15px 18px}
  .client-order-row>*::before{display:block;color:#929ca5;font-size:9px;font-weight:800;text-transform:uppercase}
  .client-order-row>*:nth-child(1)::before{content:"Commande"}
  .client-order-row>*:nth-child(2)::before{content:"Date"}
  .client-order-row>*:nth-child(3)::before{content:"Total"}
  .client-order-row>*:nth-child(4)::before{content:"Statut"}
  .client-order-link{grid-column:1/-1;text-align:left}
  .client-document-row{grid-template-columns:1fr;padding:15px 18px}
  .client-document-row .client-account-btn{width:max-content}
  .client-profile-panel{grid-template-columns:1fr;padding:18px}
}