/* Octoproxy 11.10.2 branding partagé et notifications — conserve les fonctions du panel client. */
:root{--accent:#8200e8;--accent-hover:#6700bd;--accent-soft:#f4eaff;--nav:#fff;--nav-hover:#f5ecff;--bg:#f7f8fc;--text:#17182e;--muted:#7d829a;--line:#e9ebf5;--shadow:0 8px 24px rgba(35,41,70,.045)}
body{background:var(--bg);color:var(--text)}
.app{display:block;min-height:100vh;background:var(--bg)}
.sidebar{background:#fff;color:#35364a;min-height:0;display:flex;align-items:center;gap:17px;padding:0 25px;flex-wrap:wrap;border-bottom:1px solid var(--line);box-shadow:0 2px 18px rgba(35,41,70,.045)}
.brand{height:76px;padding:0 22px 0 0;background:transparent;color:#1a1b30;font-size:21px;text-transform:none;letter-spacing:-.4px;display:flex;gap:12px;align-items:center;flex-shrink:0}
.brand img{height:47px;width:47px;object-fit:contain;flex-shrink:0}
.sidebar .navtitle{display:none}.sidebar .nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.sidebar .nav a{display:inline-flex;align-items:center;min-height:39px;padding:9px 12px;border:0;border-radius:9px;font-size:13px;color:#5b6075;font-weight:600}
.sidebar .nav a.active,.sidebar .nav a:hover{background:#f3eaff;color:#7907d8;border-left:0}
.topbar{background:transparent;height:auto;min-height:62px;border:0;padding:14px 29px;display:flex;align-items:center;justify-content:space-between}
.topbar .hello{font-size:13px;color:#8a90a8}.content{padding:18px 28px 34px;max-width:1550px;margin:0 auto}
.title h1{font-size:31px;color:#17182d}.card,.panel,.simplebox{border:1px solid #e9ebf5;border-radius:13px;box-shadow:var(--shadow)}
.metric{font-size:31px;color:#1b1c34}.btn{border-radius:9px}.btn.primary{background:var(--accent)}.btn.light{color:#7600d1;background:#f2e6ff}
.card{border-radius:13px}.card .metric.ok{color:#16b977}.pill{background:#f1e5ff;color:#7416b5}
.octo-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;padding:7px;background:#fff;border:1px solid #e7e4f2;border-radius:11px;cursor:pointer;font-size:21px;min-width:44px;height:42px;vertical-align:middle}
.octo-bell-count{position:absolute;top:-8px;right:-7px;background:#e11d48;color:#fff;border-radius:999px;padding:2px 6px;font-size:11px;min-width:20px}
.octo-notification-panel{margin-top:22px}.octo-notification-list{padding:3px 20px}.octo-notice{border-bottom:1px solid #ececf4;padding:17px 0}.octo-notice:last-child{border:0}.octo-notice.unread{border-left:3px solid #8500e6;padding-left:13px}
.octo-notice-top,.octo-notice-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.octo-notice p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:#52546b;margin:10px 0}.octo-notice-bottom{color:#868ba1;font-size:12px}
.octo-kind{background:#f1e8fe;color:#751cba;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750}.octo-kind.maintenance{color:#af5211;background:#fff0db}.octo-notice-empty{color:#868aa2;margin:19px 0}
.octo-maintenance-overlay[hidden]{display:none!important}.octo-maintenance-overlay{position:fixed;inset:0;background:rgba(17,20,41,.65);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.octo-maintenance-dialog{background:#fff;border-radius:19px;padding:30px 33px;max-width:530px;width:100%;box-shadow:0 30px 85px rgba(0,0,0,.24);text-align:center;color:#24253c}
.octo-maintenance-symbol{background:#fff3e2;color:#c25f00;font-size:30px;margin:0 auto 12px;width:65px;height:65px;border-radius:50%;display:grid;place-items:center}
.octo-maintenance-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#b35b10;font-weight:800;font-size:11px}.octo-maintenance-dialog h2{margin:14px 0;font-size:24px}.octo-maintenance-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:15px;color:#52556b;max-height:40vh;overflow-y:auto}
.octo-maintenance-dialog button{margin-top:10px;min-width:190px}.octo-maintenance-dialog #octoMaintenanceError{color:#b91c1c;margin-top:10px}.octo-maintenance-open{overflow:hidden}
@media(max-width:1100px){.sidebar{padding:8px 16px}.brand{height:51px}.sidebar .nav a{font-size:12px}.content{padding:14px 17px 29px}}
@media(max-width:850px){.sidebar{display:flex}.sidebar .nav{width:100%;justify-content:flex-start}.sidebar .nav a{padding:8px 9px}.content{padding:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.topbar{padding:12px 16px}.brand img{width:38px;height:38px}.cards{grid-template-columns:1fr}.octo-maintenance-dialog{padding:21px}}

/* V11.14.0: language aligned to the right, like the administrator header. */
.topbar .octo-client-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0;margin-left:auto}
.topbar .octo-client-tools #octoproxy-lang{order:3;flex:0 0 auto;min-height:36px;margin-left:7px;background:#fff!important;color:#28243b!important;border:1px solid #e0d8ed!important;border-radius:9px;padding:7px 11px;font:inherit;cursor:pointer}
.topbar .octo-client-tools strong{overflow-wrap:anywhere}
@media(max-width:600px){.topbar .octo-client-tools{width:100%;justify-content:flex-end;gap:7px}.topbar .octo-client-tools #octoproxy-lang{margin-left:0;max-width:145px}}

/* V11.14.1 — vrai en-tête unique (navigation et compte client) */
.sidebar{min-height:70px;flex-wrap:nowrap!important;gap:13px!important;padding:0 20px!important}
.sidebar .brand{height:70px!important;padding-right:12px!important;font-size:19px!important}
.sidebar .nav{flex:0 0 auto;gap:3px!important;flex-wrap:nowrap!important}
.sidebar .nav a{padding:8px 9px!important;font-size:12px!important;white-space:nowrap}
.octo-client-accountbar{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto;min-width:0;flex:0 0 auto;font-size:12px}
.octo-client-accountbar .pill{font-size:11px!important;padding:5px 9px!important;white-space:nowrap}
.octo-client-accountbar strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.octo-client-accountbar #octoproxy-lang{flex:none!important;margin:0!important;max-width:144px!important;min-width:118px;height:35px;border:1px solid #e0d8ed!important;padding:6px 8px!important}
.octo-client-accountbar .octo-bell{margin:0!important;width:37px!important;height:36px!important;min-width:37px!important;padding:5px!important}
.octo-client-accountbar .octo-client-logout{white-space:nowrap;padding:8px 11px!important;font-size:12px}
.topbar{min-height:45px!important;padding-top:11px!important;padding-bottom:6px!important}
.topbar .octo-proxy-health{margin-left:auto}
.main>.content{padding-top:23px}
@media(max-width:1450px){.sidebar{flex-wrap:wrap!important;padding:10px 17px!important}.sidebar .brand{height:42px!important}.sidebar .nav{flex-wrap:wrap!important}.octo-client-accountbar{margin-left:auto}}
@media(max-width:800px){.sidebar{gap:7px!important}.sidebar .nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap!important}.octo-client-accountbar{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}.octo-client-accountbar .pill{display:none}.octo-client-accountbar strong{max-width:85px}}