.coab-ph-v2 .ph-block{display:block}.coab-ph-v2 .ph-switch-form{margin:0;flex:none}.coab-ph-v2 .ph-switch-button{border:0;padding:0;background:none;line-height:1}.coab-ph-v2 .ph-switch-button[aria-checked="true"] .track{background:var(--green)}.coab-ph-v2 .ph-switch-button[aria-checked="true"] .track::after{transform:translateX(17px)}.coab-ph-v2 .ph-switch-button:focus-visible .track{outline:2px solid var(--blue);outline-offset:2px}.coab-ph-v2 .oc{overflow:visible}.coab-ph-v2 .oc .pill{white-space:normal;max-width:100%;line-height:1.4}.coab-ph-v2 .ph-management{border-top:1px solid var(--line);padding-top:18px;margin-top:8px;gap:18px}.coab-ph-v2 .mmain>.btn{align-self:flex-start}.coab-ph-v2 .agrid>div{min-width:0;overflow-wrap:anywhere}.coab-ph-v2 .ph-secret{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.coab-ph-v2 .ph-secret button{border:1px solid var(--line);border-radius:8px;padding:3px 8px;background:#fff;color:var(--blue);cursor:pointer}.coab-ph-v2 .ph-service-empty{padding:16px}.coab-ph-v2 .cols .tbl .svc{min-width:135px}@container app (max-width:640px){.coab-ph-v2 .ph-management{gap:12px}.coab-ph-v2 .mnav a{flex:none}}

body.coab-ph-design .ddbz-header,body.coab-ph-design .coabh-header{display:none!important}body.coab-ph-design{background:#f8fafc}.ph-shell.coab-ph-v2{container:app / inline-size}.ph-shell.coab-ph-v2 .hd .in{max-width:1320px}.coab-ph-v2 .btn:disabled{opacity:.55;cursor:not-allowed}

body.coab-ph-design .coab-announcement-v2190{display:none!important}

body.coab-ph-design>a.ddbz-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.coab-ph-design>a.ddbz-skip:focus{position:fixed;top:8px;left:8px;z-index:99999;padding:10px 14px;border-radius:10px;background:#fff;color:#0f172a}


.coab-ph-v2 .hd .brand .ph-brand-logo{width:38px;height:38px;object-fit:contain;display:block}.coab-ph-v2 .hd .avatar{overflow:hidden;padding:0}.coab-ph-v2 .hd .avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Navigation Bons plans */
.ph-shell.coab-ph-v2 .hd{background:rgba(255,255,255,.97);border-bottom:1px solid #e5eaf2;box-shadow:0 8px 24px rgba(22,42,76,.05)}
.ph-shell.coab-ph-v2 .hd .in{min-height:84px;gap:24px;padding:14px 24px}
.ph-shell.coab-ph-v2 .hd .brand{flex:0 0 auto}
.ph-shell.coab-ph-v2 .hd .brand .ph-brand-logo{width:148px;height:44px;object-fit:contain}
.ph-shell.coab-ph-v2 .hd nav{display:flex;align-items:center;gap:5px;padding:5px;background:#f3f6fb;border:1px solid #e8edf5;border-radius:18px;min-width:0}
.ph-shell.coab-ph-v2 .hd nav a{display:inline-flex;align-items:center;gap:7px;padding:11px 12px;border-radius:13px;color:#516078;font-size:13px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}
.ph-shell.coab-ph-v2 .hd nav a svg{width:17px;height:17px;flex:none}
.ph-shell.coab-ph-v2 .hd nav a:hover{background:#fff;color:#1e40af}
.ph-shell.coab-ph-v2 .hd nav a.hub,.ph-shell.coab-ph-v2 .hd nav a.hub:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 4px 10px rgba(37,99,235,.18)}
.ph-shell.coab-ph-v2 .hd a:focus-visible,.ph-shell.coab-ph-v2 .hd select:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.ph-shell.coab-ph-v2 .hd .cur{border-radius:12px;min-height:40px;background:#fff;border:1px solid #e3e9f2;font-weight:650}
.ph-shell.coab-ph-v2 .hd .avatar{width:40px;height:40px;box-shadow:0 0 0 3px #fff,0 0 0 4px #dce6f5;flex:none}
@container app (max-width:1150px){.ph-shell.coab-ph-v2 .hd .in{gap:14px}.ph-shell.coab-ph-v2 .hd nav a{padding:10px 9px;font-size:12px}.ph-shell.coab-ph-v2 .hd .brand .ph-brand-logo{width:125px}.ph-shell.coab-ph-v2 .hd .wallet-chip{display:none}}
@container app (max-width:960px){.ph-shell.coab-ph-v2 .hd .in{flex-wrap:wrap;gap:10px;padding:12px 18px}.ph-shell.coab-ph-v2 .hd nav{order:3;flex:1 0 100%;max-width:100%;overflow-x:auto;scrollbar-width:none;border-radius:15px}.ph-shell.coab-ph-v2 .hd nav::-webkit-scrollbar{display:none}.ph-shell.coab-ph-v2 .hd nav a{display:inline-flex!important;flex:none;padding:10px 13px;font-size:13px}.ph-shell.coab-ph-v2 .hd .right{margin-left:auto}.ph-shell.coab-ph-v2 .hd .brand .ph-brand-logo{width:140px;height:38px}}
@container app (max-width:640px){.ph-shell.coab-ph-v2 .hd .in{padding:10px 14px}.ph-shell.coab-ph-v2 .hd .right{gap:8px}.ph-shell.coab-ph-v2 .hd .cur{display:block;min-height:36px;max-width:110px;font-size:11px;padding:5px 8px}.ph-shell.coab-ph-v2 .hd .avatar{width:35px;height:35px}.ph-shell.coab-ph-v2 .hd .right .btn{padding:8px 11px;font-size:12px}.ph-shell.coab-ph-v2 .hd nav a{padding:9px 11px;font-size:12px}.ph-shell.coab-ph-v2 .hd nav a svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.ph-shell.coab-ph-v2 .hd nav a{transition:none}}

/* Apply the menu refinement without rewriting the PHP business file. */
.ph-shell.coab-ph-v2 .hd .brand{font-size:0;gap:0}
.ph-shell.coab-ph-v2 .hd nav .nb{display:none}
.ph-shell.coab-ph-v2 .hd nav a.hub{order:-1}
.ph-shell.coab-ph-v2 .hd nav a::before{content:"◇";font-size:18px;line-height:1;font-weight:500;flex:none}
.ph-shell.coab-ph-v2 .hd nav a[href*="co-abonnements"]::before{content:"◎"}
.ph-shell.coab-ph-v2 .hd nav a[href*="catalogue"]::before{content:"⊞"}
.ph-shell.coab-ph-v2 .hd nav a[href*="comptes-reseaux"]::before{content:"▢"}
.ph-shell.coab-ph-v2 .hd nav a[href*="boost"]::before{content:"↗"}