:root{--bg:#080d19;--surface:#101827;--surface-2:#162137;--surface-3:#1c2942;--text:#edf3ff;--muted:#91a1bd;--line:#263653;--primary:#5b8cff;--primary-2:#7c5cff;--ok:#30c48d;--warn:#ffbd59;--bad:#ff6d85;--shadow:0 20px 55px rgba(0,0,0,.28);--radius:16px}*{box-sizing:border-box}html[data-theme=light]{--bg:#f4f7fb;--surface:#fff;--surface-2:#f6f8fc;--surface-3:#eef2f8;--text:#152038;--muted:#6d7b93;--line:#dfe6ef;--shadow:0 18px 44px rgba(31,49,84,.10)}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:var(--surface);border-inline-end:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;z-index:60}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;font-size:16px;padding:5px 8px 18px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:900}.sidebar nav{display:grid;gap:3px}.sidebar nav a{padding:10px 11px;border-radius:10px;text-decoration:none;color:var(--muted)}.sidebar nav a:hover,.sidebar nav a.active{background:var(--surface-2);color:var(--text)}.sidebar-foot{margin-top:auto;display:grid;color:var(--muted);padding:12px 9px}.main{min-width:0}.topbar{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.top-actions,.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.content{padding:24px;max-width:1500px;margin:0 auto}.page-head,.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-head{margin-bottom:20px}.page-head h1,.card h2,.card h3{margin:0 0 5px}.page-head p,.card p{color:var(--muted);margin:3px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stack{display:grid;gap:16px}.grid-2,.metric-grid,.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.metric small,.card small,td small{color:var(--muted);display:block}.metric strong{display:block;font-size:24px;margin-top:7px}.btn,.icon-button,.user-chip{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 13px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{border-color:transparent;background:linear-gradient(110deg,var(--primary),var(--primary-2));color:#fff}.btn.secondary{background:var(--surface-2)}.btn.ghost{background:transparent}.btn.danger{background:var(--bad);border-color:transparent;color:#fff}.btn.compact{padding:6px 9px;font-size:12px}.btn.full{width:100%}.icon-button{width:38px;height:38px;padding:0}.user-chip{font-weight:650}.danger-text{color:var(--bad)!important}.mobile-menu{display:none}.menu-wrap,.action-menu{position:relative}.dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 7px);min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow);z-index:100}.dropdown[hidden]{display:none}.dropdown button,.dropdown a{display:block;width:100%;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;text-align:start;text-decoration:none;cursor:pointer}.dropdown button:hover,.dropdown a:hover{background:var(--surface-2)}label{display:grid;gap:6px;font-weight:700;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}textarea{resize:vertical;min-height:100px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span-2{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.sticky-actions{position:sticky;bottom:12px;display:flex;justify-content:flex-end}.table-card{padding:0;overflow:visible}.table-card>.card-head{padding:18px}.responsive-table{width:100%;border-collapse:collapse}.responsive-table th,.responsive-table td{padding:12px 14px;border-top:1px solid var(--line);text-align:start;vertical-align:middle}.responsive-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2)}.responsive-table td:first-child strong{display:block}.tag,.status{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:800}.tag.warning,.status.warning{color:var(--warn)}.status.healthy{color:var(--ok)}.status.blocked{color:var(--bad)}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.permission-grid h3{grid-column:1/-1;margin-top:12px;color:var(--muted);text-transform:uppercase;font-size:11px}.permission-item{display:flex;align-items:flex-start;gap:8px;background:var(--surface-2);padding:10px;border-radius:10px}.permission-item input{width:auto}.check-list{display:grid;gap:8px}.check-row{display:flex;gap:10px;align-items:center;padding:9px;border-bottom:1px solid var(--line)}.danger-card{border-color:color-mix(in srgb,var(--bad) 55%,var(--line))}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(91,140,255,.16),transparent 35%),var(--bg)}.auth-card{width:min(500px,100%);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-heading{text-align:center;margin-bottom:20px}.auth-heading .brand-mark{margin:auto}.auth-card form{display:grid;gap:14px}.auth-link{text-align:center;color:var(--primary)}.theme-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:rgba(4,8,17,.78);backdrop-filter:blur(10px)}.theme-loader[hidden]{display:none}.loader-card{width:min(430px,calc(100vw - 32px));padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);text-align:center}.loader-card strong,.loader-card small{display:block}.loader-card small{color:var(--muted);margin-top:5px}.loader-mark{height:48px;display:flex;justify-content:center;align-items:center;gap:6px}.loader-mark span{width:9px;height:9px;border-radius:50%;background:var(--primary);animation:bounce 1s infinite ease-in-out}.loader-mark span:nth-child(2){animation-delay:.14s}.loader-mark span:nth-child(3){animation-delay:.28s}.loader-progress{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-top:16px}.loader-progress i{display:block;width:40%;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));animation:progress 1.1s infinite ease-in-out}.dialog-backdrop,.ide-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(3,7,16,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}.dialog-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.dialog-card.wide{width:min(900px,100%)}.dialog-card.diff-dialog{width:min(1200px,100%)}.dialog-body{color:var(--muted);margin:12px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-actions.wrap{flex-wrap:wrap}.dialog-form{display:grid;gap:10px}.file-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.file-meta span{background:var(--surface-2);padding:9px;border-radius:9px;color:var(--muted)}.file-meta strong,.file-meta code{display:block;color:var(--text)}.draft-list,.file-list,.operation-list{display:grid;gap:7px}.draft-list a,.file-row,.operation{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:10px;text-decoration:none;color:var(--text)}.draft-list a{display:grid}.file-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;text-align:start;cursor:pointer}.file-row small{display:block}.breadcrumbs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:10px 0}.breadcrumbs button{border:0;background:transparent;color:var(--primary);cursor:pointer}.operation{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center}.op{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-weight:900}.op.add{color:var(--ok);background:rgba(48,196,141,.12)}.op.modify{color:var(--warn);background:rgba(255,189,89,.12)}.op.delete{color:var(--bad);background:rgba(255,109,133,.12)}.operation-actions{display:flex;gap:4px}.divider{border-top:1px solid var(--line);margin:15px 0}.ide-backdrop[hidden]{display:none}.ide-shell{width:min(1280px,100%);height:min(86vh,900px);background:#08101f;border:1px solid #263653;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.45);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;color:#eaf1ff}.ide-shell.fullscreen{position:fixed;inset:8px;width:auto;height:auto;z-index:9500}.ide-shell header,.ide-shell footer{padding:10px 12px;background:#101a2d;border-bottom:1px solid #263653;display:flex;align-items:center;justify-content:space-between;gap:10px}.ide-shell footer{border-bottom:0;border-top:1px solid #263653}.ide-shell header small,.ide-shell footer span{color:#8291ad;margin-inline-end:12px}.ide-searchbar{display:flex;gap:7px;padding:8px;background:#0d1728;border-bottom:1px solid #263653}.ide-searchbar[hidden]{display:none}.ide-editor{min-height:0;display:grid;grid-template-columns:60px minmax(0,1fr);background:#07101e}.ide-editor pre{margin:0;padding:12px 10px;background:#0b1425;color:#667793;text-align:right;overflow:hidden;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;user-select:none}.ide-editor textarea{height:100%;min-height:0;border:0;border-radius:0;background:#07101e;color:#e8efff;resize:none;box-shadow:none;padding:12px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:4;white-space:pre;overflow:auto}.dirty{color:var(--warn)!important}.diff-view{max-height:65vh;overflow:auto;background:#07101e;border:1px solid var(--line);border-radius:10px}.diff-line{display:grid;grid-template-columns:48px 48px minmax(0,1fr);font:12px/1.5 ui-monospace,monospace;white-space:pre}.diff-line span{color:#6b7b96;text-align:right;padding:1px 6px}.diff-line code{padding:1px 7px;overflow:hidden;text-overflow:ellipsis}.diff-line.add{background:rgba(48,196,141,.12)}.diff-line.delete{background:rgba(255,109,133,.12)}pre{max-width:100%;overflow:auto;background:var(--surface-2);padding:12px;border-radius:10px}@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.55}40%{transform:translateY(-9px);opacity:1}}@keyframes progress{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@media(max-width:1000px){.admin-shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(280px,88vw)}.sidebar.open{display:flex}.mobile-menu{display:inline-flex}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:16px}.builder-grid,.grid-2{grid-template-columns:1fr}.file-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{padding:0 12px}.user-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis}.page-head,.card-head{flex-direction:column}.metric-grid,.form-grid,.permission-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{margin:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;width:calc(100% - 20px)}.responsive-table td{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;border-top:1px solid var(--line)}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.dialog-actions{flex-wrap:wrap}.dialog-actions .btn{flex:1}.ide-backdrop{padding:0}.ide-shell,.ide-shell.fullscreen{position:fixed;inset:0;width:auto;height:auto;border-radius:0}.ide-shell header{align-items:flex-start}.ide-shell header .actions{justify-content:flex-end}.ide-searchbar{flex-wrap:wrap}.ide-searchbar input{flex:1 1 140px}.ide-shell footer{align-items:flex-start;flex-direction:column}.ide-shell footer .btn{width:100%}}

.language-select{min-width:110px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);color:var(--text)}.auth-language{position:fixed;top:1rem;inset-inline-end:1rem;z-index:5}

.empty-state{text-align:center;padding:32px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.empty-state h3{color:var(--text);margin:0 0 6px}
@media(max-width:1000px){html[dir=rtl] .sidebar{inset:0 0 0 auto}}

/* Generic AJAX list contract — structural styling only. */
.foundation-list{position:relative}.list-toolbar{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)}.list-search{flex:1;max-width:480px}.list-toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-toolbar-actions select{width:auto;min-width:110px}.table-scroll{overflow-x:auto}.select-cell{width:46px;text-align:center!important}.select-cell input{width:auto}.list-inline-loader{position:absolute;inset:0;z-index:20;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;gap:7px;min-height:120px}.list-inline-loader[hidden]{display:none}.list-inline-loader span{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:bounce 1s infinite ease-in-out}.list-inline-loader span:nth-child(2){animation-delay:.14s}.list-inline-loader span:nth-child(3){animation-delay:.28s}.list-inline-loader small{margin-inline-start:6px}.list-footer{padding:14px 18px;display:flex;justify-content:center;border-top:1px solid var(--line)}.list-footer>[data-list-pagination]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.list-page-indicator{color:var(--muted);font-size:12px}.list-error{padding:22px;color:var(--bad);text-align:center}.empty-state.compact{border:0;border-top:1px solid var(--line);border-radius:0;padding:22px}.foundation-list.is-loading .list-toolbar{pointer-events:none;opacity:.78}
@media(max-width:700px){.list-toolbar{align-items:stretch;flex-direction:column}.list-search{max-width:none}.list-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.list-toolbar-actions .btn{width:100%}.select-cell{width:auto}.responsive-table td.select-cell{display:flex;justify-content:flex-end}.responsive-table td.select-cell:before{margin-inline-end:auto}.list-footer>[data-list-pagination]{width:100%}.list-page-indicator{order:-1;width:100%;text-align:center}}

/* V1.0.1 — neutral visual polish. Keeps functional contracts independent from the theme. */
:root{
  --radius-sm:10px;--radius-md:14px;--radius-lg:20px;
  --content-max:1520px;--control-h:42px;
}
body{font-size:14px;letter-spacing:-.005em}
.content{max-width:var(--content-max);padding:28px clamp(18px,2.4vw,36px) 42px}
.content>.page-head{margin-bottom:22px}.content>.grid-2,.content>.update-overview-grid,.content>.card{margin-bottom:18px}
.page-head{align-items:center}.page-head h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.08;margin-bottom:8px}.page-head p{max-width:860px;font-size:15px}
.eyebrow,.card-kicker{display:block;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px}
.card{border-radius:var(--radius-lg);padding:20px;box-shadow:0 14px 38px rgba(0,0,0,.16)}
.card h2{font-size:20px;letter-spacing:-.02em}.card h3{font-size:17px}.card-head{align-items:center}
.btn,.icon-button,.user-chip{min-height:var(--control-h);border-radius:12px;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.btn:hover,.icon-button:hover,.user-chip:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--line))}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 24%,transparent)}
input,select,textarea{min-height:var(--control-h);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 92%,var(--surface));padding:10px 12px}
.topbar{height:72px;padding:0 clamp(16px,2vw,28px);gap:18px}.top-actions{margin-inline-start:auto;flex-wrap:nowrap;min-width:0}.language-select{width:auto!important;min-width:132px;max-width:180px}.user-chip{width:auto;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions>.icon-button{flex:0 0 auto}
.sidebar{padding:20px 14px}.sidebar nav{gap:5px}.sidebar nav a{padding:11px 12px;border-radius:12px}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--primary)}html[dir=rtl] .sidebar nav a.active{box-shadow:inset -3px 0 0 var(--primary)}
.table-card{border-radius:var(--radius-lg);overflow:visible}.table-card-head{padding:20px 20px 14px!important}.responsive-table th,.responsive-table td{padding:14px 16px}.responsive-table tbody tr{transition:background .15s ease}.responsive-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 48%,transparent)}.responsive-table th{font-size:10px;letter-spacing:.095em}.list-toolbar{padding:14px 18px;gap:14px;background:color-mix(in srgb,var(--surface-2) 82%,var(--surface))}.list-search input{background:var(--surface)}.list-toolbar-actions{margin-inline-start:auto}.list-toolbar-actions select{min-width:126px}.list-footer{min-height:62px;align-items:center}.select-cell{width:54px}.root-lock{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--primary) 13%,transparent);color:var(--primary);font-size:13px}.root-note{margin-top:4px!important;color:var(--primary)!important;font-size:10px!important;font-weight:800}
.status,.tag{padding:5px 9px}.status.warning{color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent)}.status.healthy{background:color-mix(in srgb,var(--ok) 8%,transparent)}.status.blocked{background:color-mix(in srgb,var(--bad) 8%,transparent)}
.update-overview-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px}.update-overview-grid>.card{margin:0}.step-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));color:var(--primary);font-weight:900}.compact-stack{gap:13px}.form-actions{display:flex;justify-content:flex-end}.option-row{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 72%,transparent);align-items:flex-start}.option-row span{display:grid;gap:2px}.option-row strong{color:var(--text);font-size:13px}.option-row small{font-weight:500}
.foundation-file-upload{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:132px;padding:18px;border:1.5px dashed color-mix(in srgb,var(--primary) 38%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface-2));cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.foundation-file-upload:hover,.foundation-file-upload.is-dragging{border-color:var(--primary);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface-2))}.foundation-file-upload.is-dragging{transform:scale(1.005)}.foundation-file-upload.has-file{border-style:solid;border-color:color-mix(in srgb,var(--ok) 55%,var(--line))}.file-upload-input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}.file-upload-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:27px;font-weight:900;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 24%,transparent)}.file-upload-copy{display:grid;gap:3px;min-width:0}.file-upload-copy>strong{font-size:15px;color:var(--text)}.file-upload-copy>span,.file-upload-copy>small{color:var(--muted);font-weight:500}.file-upload-copy>small{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foundation-file-upload.has-file .file-upload-copy>small{color:var(--ok);font-weight:800}
.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.safety-grid>div{padding:13px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}.safety-grid small{margin-bottom:4px}.safety-grid strong{font-size:13px}.config-disclosure{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 62%,transparent);overflow:hidden}.config-disclosure summary{cursor:pointer;padding:13px 14px;font-weight:800;color:var(--text);list-style:none}.config-disclosure summary::-webkit-details-marker{display:none}.config-disclosure summary:after{content:'+';float:inline-end;color:var(--primary);font-size:19px;line-height:1}.config-disclosure[open] summary:after{content:'−'}.disclosure-body{padding:0 14px 14px;border-top:1px solid var(--line);margin-top:0;padding-top:14px}.retention-card{box-shadow:none;background:color-mix(in srgb,var(--surface) 95%,var(--primary) 5%)}
.dialog-card{border-radius:20px;padding:22px}.dialog-title p{color:var(--muted);margin:4px 0 0}.dialog-actions{padding-top:4px}.dropdown{border-radius:14px;padding:7px}.dropdown button,.dropdown a{border-radius:9px}
@media(max-width:1100px){.update-overview-grid{grid-template-columns:1fr}.top-actions{gap:6px}.user-chip{max-width:220px}}
@media(max-width:760px){.content{padding:18px 12px 30px}.topbar{height:auto;min-height:64px;padding:10px 12px;align-items:center}.topbar>div:first-of-type{display:none}.top-actions{gap:6px}.language-select{min-width:105px;max-width:125px}.user-chip{max-width:145px}.page-head{align-items:flex-start}.page-head h1{font-size:30px}.card{padding:16px;border-radius:16px}.foundation-file-upload{grid-template-columns:44px minmax(0,1fr);padding:15px;min-height:0}.file-upload-icon{width:44px;height:44px;border-radius:13px;font-size:22px}.foundation-file-upload>.btn{grid-column:1/-1;width:100%}.safety-grid{grid-template-columns:1fr}.form-actions>.btn{width:100%}.table-card-head{padding:16px!important}.list-toolbar{padding:12px}.list-toolbar-actions{margin-inline-start:0}.responsive-table tr{margin:9px;width:calc(100% - 18px)}.responsive-table td{grid-template-columns:105px minmax(0,1fr);padding:11px 12px}.root-note{display:inline-block!important;margin-inline-start:5px!important}.dialog-card{padding:17px}}
/* Builder/loader UX v1.0.3 */
.foundation-loader{background:rgba(3,7,16,.82);backdrop-filter:blur(10px)}
.foundation-loader .loader-card{pointer-events:auto}
.draft-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.draft-item>a{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:10px;text-decoration:none;color:var(--text);display:grid}
.danger-soft{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}
.ide-backdrop{padding:10px}
.ide-shell{width:min(1720px,calc(100vw - 20px));height:min(94vh,1100px)}
.ide-editor{height:100%;min-height:clamp(500px,68vh,860px);align-items:stretch}
.ide-editor pre,.ide-editor textarea{height:100%;min-height:100%}
.ide-editor pre{align-self:stretch}
@media(max-width:700px){.ide-editor{height:auto;min-height:0}.draft-item{grid-template-columns:minmax(0,1fr) auto}}

/* Builder draft bulk actions v1.0.4 */
.draft-list-head{align-items:center;margin-bottom:12px}.draft-bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.draft-bulk-actions select{width:auto;min-width:160px}.draft-select-all{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--muted);font-weight:700}.draft-select-all input,.draft-select input{width:auto}.draft-item{grid-template-columns:auto minmax(0,1fr) auto}.draft-select{display:grid;place-items:center;width:34px;height:100%}.draft-item.selected>a{border-color:color-mix(in srgb,var(--primary) 65%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}
@media(max-width:700px){.draft-list-head{align-items:stretch;flex-direction:column}.draft-bulk-actions{width:100%}.draft-bulk-actions select,.draft-bulk-actions .btn{flex:1 1 150px}.draft-item{grid-template-columns:auto minmax(0,1fr) auto}}

/* Translation Manager v1.0.5 */
.translation-safety-note{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface))}.translation-safety-note>div{display:grid;gap:4px}.translation-safety-note strong{color:var(--text)}.translation-safety-note small{margin:0}
.translation-filter-card{display:flex;gap:18px;align-items:end;justify-content:space-between}.translation-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:14px;flex:1}.translation-filters label{display:grid;gap:6px}.translation-filters small{margin:0}.translation-summary{display:flex;gap:8px;flex-wrap:wrap}.translation-summary span{min-width:86px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);display:grid;gap:2px}.translation-summary strong{font-size:18px;color:var(--text)}.translation-summary span{color:var(--muted);font-size:11px;font-weight:800}
.translation-table{table-layout:fixed}.translation-table th:nth-child(2){width:20%}.translation-table th:nth-child(3),.translation-table th:nth-child(4){width:27%}.translation-table th:nth-child(5){width:13%}.translation-table th:nth-child(6){width:110px}.translation-value{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;color:var(--text)}.translation-value.source{color:var(--muted)}.translation-key{white-space:normal;overflow-wrap:anywhere}
.translation-editor-backdrop{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:16px;background:rgba(3,7,16,.76);backdrop-filter:blur(8px)}.translation-editor-backdrop[hidden]{display:none!important}.translation-editor-card{width:min(980px,calc(100vw - 24px));max-height:92vh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.45);padding:22px;display:grid;gap:16px}.translation-editor-source{display:grid;gap:6px}.translation-editor-source pre{margin:0;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.translation-editor-card textarea{min-height:180px;resize:vertical}.translation-editor-meta{display:flex;gap:12px;align-items:center;justify-content:space-between}.translation-editor-meta small{margin:0;text-align:end}
@media(max-width:760px){.translation-safety-note{grid-template-columns:1fr}.translation-filter-card{display:grid;align-items:stretch}.translation-filters{grid-template-columns:1fr}.translation-summary{display:grid;grid-template-columns:repeat(3,1fr)}.translation-summary span{min-width:0}.translation-table{table-layout:auto}.translation-editor-backdrop{padding:0}.translation-editor-card{width:100vw;height:100dvh;max-height:none;border-radius:0;padding:16px}.translation-editor-card textarea{min-height:34vh}.translation-editor-meta{align-items:flex-start;flex-direction:column}.translation-editor-meta small{text-align:start}}

/* Operations & Recovery v1.1.0 */
.update-pipeline-card{margin-top:18px}.pipeline-list{display:grid;gap:12px;margin-top:16px}.pipeline-item{border:1px solid var(--line);border-radius:15px;background:var(--surface-2);padding:14px}.pipeline-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pipeline-item-head strong,.pipeline-item-head small{display:block}.pipeline-item-head small{color:var(--muted);margin-top:3px}.pipeline-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:14px}.pipeline-step{position:relative;display:grid;gap:5px;justify-items:center;text-align:center;color:var(--muted);font-size:11px;font-weight:800}.pipeline-step i{display:block;width:12px;height:12px;border-radius:50%;background:var(--line);box-shadow:0 0 0 4px color-mix(in srgb,var(--line) 30%,transparent)}.pipeline-step.done{color:var(--ok)}.pipeline-step.done i{background:var(--ok)}.pipeline-step.current{color:var(--primary)}.pipeline-step.current i{background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 18%,transparent)}.pipeline-step.failed{color:var(--bad)}.pipeline-step.failed i{background:var(--bad)}.pipeline-step.optional{opacity:.62}.pipeline-actions{display:flex;justify-content:flex-end;margin-top:12px}.recovery-grid{margin-bottom:16px}.recovery-metrics{margin-bottom:16px}.detail-box{display:grid;gap:4px;padding:13px;margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.detail-box small{color:var(--muted)}.operation-artifact-list{display:grid;gap:8px;margin-top:14px}.artifact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.artifact-row strong,.artifact-row small{display:block}.artifact-row small{color:var(--muted)}.timeline{display:grid;gap:0;margin-top:10px}.timeline-item{position:relative;padding:11px 0 11px 20px;border-inline-start:1px solid var(--line)}.timeline-item:before{content:'';position:absolute;inset-inline-start:-5px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--primary)}.timeline-item strong,.timeline-item small{display:block}.timeline-item small,.timeline-item p{color:var(--muted);margin:2px 0 0}.topbar-maintenance{padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--warn) 12%,var(--surface-2));color:var(--warn);font-weight:800}
@media(max-width:760px){.pipeline-steps{grid-template-columns:1fr;justify-items:start}.pipeline-step{grid-template-columns:18px 1fr;justify-items:start;text-align:start;align-items:center}.pipeline-step i{grid-row:1}.artifact-row{align-items:flex-start}.recovery-grid{grid-template-columns:1fr}.recovery-metrics{grid-template-columns:repeat(2,1fr)}}

/* Runtime & Security */
.settings-email-test{margin-top:18px}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-form input{min-width:min(360px,100%);flex:1}.runtime-logs-layout{align-items:start}.log-file-list{display:grid;gap:8px;max-height:620px;overflow:auto}.log-file-row{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px;text-align:start;display:grid;gap:4px;cursor:pointer;color:inherit}.log-file-row.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.log-file-row small{color:var(--muted)}.runtime-log-output{min-height:440px;max-height:620px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:12px;line-height:1.55}.runtime-pair{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.runtime-pair>div{display:grid;gap:3px;min-width:160px}.runtime-pair small{color:var(--muted)}

/* Administration UX */
.foundation-state{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:26px 16px;text-align:start;color:var(--muted)}.foundation-state strong{display:block;color:var(--text)}.foundation-state small{display:block;margin-top:3px}.state-spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:foundation-spin .8s linear infinite}.state-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);font-weight:800}.state-error .state-icon{color:var(--danger)}@keyframes foundation-spin{to{transform:rotate(360deg)}}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.row-primary-action{white-space:nowrap}.impersonation-banner{position:sticky;top:0;z-index:1200;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:var(--warning-soft,#fff7df);border-bottom:1px solid var(--warning,#e7b341);color:var(--text)}.impersonation-banner>div{display:grid;gap:1px}.impersonation-banner small{color:var(--muted)}body:has(.impersonation-banner) .sidebar{top:53px;height:calc(100vh - 53px)}@media(max-width:720px){.row-primary-action{display:none}.impersonation-banner{align-items:flex-start}.impersonation-banner .btn{flex:none}}

.state-skeleton{display:grid;gap:9px;width:100%;padding:18px}.state-skeleton i{display:block;height:12px;border-radius:7px;background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:foundation-shimmer 1.2s infinite}.state-skeleton i:nth-child(2){width:82%}.state-skeleton i:nth-child(3){width:64%}@keyframes foundation-shimmer{to{background-position:-200% 0}}

/* Update processing UX — V1.1.3 */
.update-processing-zone{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.update-processing-zone[hidden]{display:none!important}
.update-processing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.update-processing-head>div{display:grid;gap:3px;min-width:0}
.update-processing-head strong{font-size:15px;color:var(--text)}
.update-processing-head small{color:var(--muted);line-height:1.45}
.update-processing-zone .pipeline-list{margin-top:0}
.update-processing-zone .pipeline-item{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 4%,var(--surface-2)),var(--surface-2))}
@media(max-width:760px){.update-processing-head{display:grid}.update-processing-head .btn{width:100%}.update-processing-zone{margin-top:14px;padding-top:14px}}

/* ========================================================================== */
/* Configurateur événementiel — authentication + form controls                */
/* ========================================================================== */

/* No browser-native checkbox is ever exposed in the application UI. */
input[type="checkbox"]{
  -webkit-appearance:none;
  appearance:none;
  flex:0 0 auto;
  width:20px;
  height:20px;
  min-width:20px;
  margin:0;
  padding:0;
  border:1.5px solid color-mix(in srgb,var(--muted) 58%,var(--line));
  border-radius:6px;
  background-color:var(--surface);
  background-position:center;
  background-repeat:no-repeat;
  background-size:13px 13px;
  box-shadow:0 1px 2px rgba(15,23,42,.08),inset 0 0 0 1px rgba(255,255,255,.04);
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
input[type="checkbox"]:hover:not(:disabled){border-color:var(--primary)}
input[type="checkbox"]:focus-visible{
  outline:0;
  border-color:var(--primary);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent);
}
input[type="checkbox"]:checked{
  border-color:transparent;
  background-color:var(--primary);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.3 8.1 14 16 5.8' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 28%,transparent);
}
input[type="checkbox"]:indeterminate{
  border-color:transparent;
  background-color:var(--primary);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
input[type="checkbox"]:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}
.check,.ui-check{display:flex;align-items:center;gap:10px;cursor:pointer}
.check input,.ui-check input,.permission-item input,.draft-select input,.draft-select-all input,.select-cell input{width:20px;height:20px;min-width:20px}
.ui-check span{color:var(--muted);font-weight:750;transition:color .16s ease}
.ui-check:has(input:checked) span{color:var(--text)}

/* Optional ON/OFF control. The native input remains semantic but never visible. */
.ui-switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.ui-switch input[type="checkbox"]{
  width:48px;
  height:28px;
  min-width:48px;
  border:0;
  border-radius:999px;
  background:var(--surface-3);
  box-shadow:inset 0 0 0 1px var(--line);
  position:relative;
  background-image:none;
}
.ui-switch input[type="checkbox"]::before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  border-radius:50%;
  top:3px;
  inset-inline-start:3px;
  background:#fff;
  box-shadow:0 2px 7px rgba(15,23,42,.24);
  transition:transform .18s ease;
}
.ui-switch input[type="checkbox"]:checked{
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 24%,transparent);
}
.ui-switch input[type="checkbox"]:checked::before{transform:translateX(20px)}
html[dir="rtl"] .ui-switch input[type="checkbox"]:checked::before{transform:translateX(-20px)}

.auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:clamp(24px,4vw,64px);
  background:
    radial-gradient(circle at 12% 18%,color-mix(in srgb,#e8b9c2 34%,transparent),transparent 32%),
    radial-gradient(circle at 86% 82%,color-mix(in srgb,#d9c39b 24%,transparent),transparent 32%),
    var(--bg);
}
.auth-language{position:fixed;top:18px;inset-inline-end:18px;z-index:20}
.auth-language .language-select{
  min-width:145px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 28px rgba(30,41,59,.08);
}
.auth-shell{
  width:min(1040px,100%);
  min-height:610px;
  display:grid;
  grid-template-columns:minmax(330px,.92fr) minmax(420px,1.08fr);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:28px;
  background:var(--surface);
  box-shadow:0 30px 90px rgba(45,37,43,.16);
}
.auth-visual{
  position:relative;
  min-height:610px;
  overflow:hidden;
  background-image:url("../images/auth-event-buffet.webp");
  background-size:cover;
  background-position:center;
  isolation:isolate;
}
.auth-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(42,28,35,.03) 12%,rgba(42,28,35,.78) 100%),
    linear-gradient(120deg,rgba(93,64,78,.10),rgba(133,94,61,.12));
}
.auth-visual-shade{
  position:absolute;
  width:210px;
  height:210px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  top:-78px;
  inset-inline-end:-58px;
  box-shadow:0 0 0 30px rgba(255,255,255,.055),0 0 0 62px rgba(255,255,255,.025);
}
.auth-visual-copy{
  position:absolute;
  inset-inline:34px;
  bottom:38px;
  color:#fff;
  text-shadow:0 2px 20px rgba(25,18,22,.34);
}
.auth-visual-kicker{
  display:inline-flex;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:999px;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.auth-visual-copy h1{max-width:390px;margin:14px 0 10px;font-size:clamp(30px,3.3vw,48px);line-height:1.04;letter-spacing:-.035em}
.auth-visual-copy p{max-width:410px;margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65}
.auth-visual-pills{display:flex;gap:7px;margin-top:22px}
.auth-visual-pills span{width:34px;height:4px;border-radius:99px;background:rgba(255,255,255,.38)}
.auth-visual-pills span:first-child{width:62px;background:#fff}
.auth-card{
  width:auto;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:var(--surface);
  padding:clamp(44px,6vw,76px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.auth-heading{margin-bottom:28px}
.auth-heading .brand-mark{
  width:42px;
  height:42px;
  margin:0 auto 18px;
  border-radius:14px;
  background:linear-gradient(135deg,#d79aa9,#d0ad72);
  box-shadow:0 10px 24px rgba(175,113,126,.22);
}
.auth-heading h1{font-size:32px;letter-spacing:-.03em;margin:0 0 9px}
.auth-heading p{margin:0;color:var(--muted)}
.auth-card form{gap:16px}
.auth-card label:not(.check):not(.ui-check){gap:7px}
.auth-card input:not([type="checkbox"]),.auth-card select,.auth-card textarea{
  min-height:48px;
  background:var(--surface-2);
  border-radius:12px;
}
.auth-card .btn.primary{
  min-height:48px;
  margin-top:3px;
  border-radius:12px;
  background:linear-gradient(110deg,#c98699,#ca9e69);
  box-shadow:0 10px 24px rgba(187,130,114,.18);
}
.auth-card .btn.primary:hover{filter:brightness(.98);transform:translateY(-1px)}
.auth-card .auth-link{margin-top:2px;color:#b87888;font-weight:700}

html[data-theme="dark"] .auth-page{
  background:
    radial-gradient(circle at 12% 18%,rgba(145,78,98,.20),transparent 34%),
    radial-gradient(circle at 86% 82%,rgba(155,116,68,.16),transparent 30%),
    var(--bg);
}
html[data-theme="dark"] .auth-shell{box-shadow:0 34px 100px rgba(0,0,0,.38)}
html[data-theme="dark"] input[type="checkbox"]{background-color:var(--surface-2)}

@media (max-width:860px){
  .auth-page{padding:74px 18px 28px}
  .auth-shell{width:min(560px,100%);min-height:0;grid-template-columns:1fr}
  .auth-visual{min-height:210px;background-position:center 44%}
  .auth-visual-copy{inset-inline:24px;bottom:22px}
  .auth-visual-copy h1{font-size:30px;margin:9px 0 6px}
  .auth-visual-copy p{display:none}
  .auth-visual-pills{display:none}
  .auth-card{padding:34px 30px 38px}
}
@media (max-width:520px){
  .auth-language{top:12px;inset-inline-end:12px}
  .auth-language .language-select{min-width:126px}
  .auth-shell{border-radius:22px}
  .auth-visual{min-height:168px}
  .auth-visual-kicker{font-size:10px;padding:5px 8px}
  .auth-visual-copy h1{font-size:25px}
  .auth-card{padding:30px 22px 34px}
  .auth-heading h1{font-size:28px}
}

/* Update Manager — isolated processing cycle / finalized history */
.update-cycle-card{padding:22px;margin-top:0;overflow:visible;position:relative}
.update-cycle-card[hidden]{display:none!important}
.update-cycle-card:before{content:'';position:absolute;inset-inline-start:0;top:22px;bottom:22px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--primary-2))}
.update-cycle-card .update-processing-head{margin:0 0 16px;padding-inline-start:12px}
.update-cycle-card .update-processing-head h2{margin:2px 0 4px}
.update-cycle-card .update-processing-head p{max-width:850px}
.update-cycle-card .pipeline-list{margin:0}
.update-cycle-card .pipeline-item{padding:18px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface-2)),var(--surface-2));box-shadow:none}
.update-cycle-card .pipeline-item-head>div{position:relative;padding-inline-start:18px;min-width:0}
.cycle-live-dot{position:absolute;inset-inline-start:0;top:5px;width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 14%,transparent)}
.update-cycle-card .pipeline-steps{margin-top:20px}
.update-cycle-card .pipeline-step{min-width:0}
.update-cycle-card .pipeline-step:after{content:'';position:absolute;top:5px;inset-inline-start:calc(50% + 10px);width:calc(100% - 20px);height:2px;background:var(--line);z-index:0}
.update-cycle-card .pipeline-step:last-child:after{display:none}
.update-cycle-card .pipeline-step i{position:relative;z-index:1}
.update-cycle-card .pipeline-step.done:after{background:var(--ok)}
.cycle-progress{height:6px;margin-top:18px;border-radius:999px;background:var(--surface-3);overflow:hidden}
.cycle-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2));transition:width .25s ease}
.update-cycle-card .pipeline-actions{gap:8px;flex-wrap:wrap}
.update-cycle-intake-state{margin-top:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));display:flex;align-items:center;gap:12px;color:var(--text)}
.update-cycle-intake-state[hidden]{display:none!important}
.update-cycle-intake-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--ok) 12%,var(--surface));color:var(--ok);font-weight:900}
.update-cycle-intake-copy{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:3px}
.update-cycle-intake-copy strong{font-size:.95rem}
.update-cycle-intake-copy span{font-weight:750;color:var(--primary);overflow-wrap:anywhere}
.update-cycle-intake-copy small{color:var(--muted);line-height:1.45}
.update-cycle-intake-state .btn{flex:0 0 auto}
.update-manager-dropzone[hidden]{display:none!important}
@media (max-width:760px){.update-cycle-intake-state{align-items:flex-start;flex-wrap:wrap}.update-cycle-intake-state .btn{width:100%}}
#update-upload.is-cycle-locked{opacity:.66}
#update-upload.is-cycle-locked .foundation-file-upload{pointer-events:none}
.update-history-table .update-history-row td:first-of-type{position:relative}
.update-history-row.final-success{background:color-mix(in srgb,var(--ok) 4%,transparent)}
.update-history-row.final-failure{background:color-mix(in srgb,var(--bad) 4%,transparent)}
.update-history-row.final-success td:first-of-type:before,.update-history-row.final-failure td:first-of-type:before{content:'';position:absolute;inset-inline-start:0;top:10px;bottom:10px;width:3px;border-radius:999px}
.update-history-row.final-success td:first-of-type:before{background:var(--ok)}
.update-history-row.final-failure td:first-of-type:before{background:var(--bad)}
.update-history-row .version-target{display:block;font-size:13px}
.muted-dash{color:var(--muted)}
@media(max-width:760px){
  .update-cycle-card{padding:17px}
  .update-cycle-card:before{top:17px;bottom:17px}
  .update-cycle-card .pipeline-step:after{display:none}
  .update-cycle-card .pipeline-actions .btn{width:100%}
  .update-history-row.final-success td:first-of-type:before,.update-history-row.final-failure td:first-of-type:before{top:8px;bottom:8px}
}

/* Update Manager deployment board — V1.1.7 */
.update-manager-top-grid{align-items:stretch}.update-manager-primary-card{min-height:100%;padding:20px}.update-manager-card-head{margin-bottom:14px}.update-manager-heading{display:flex;align-items:flex-start;gap:13px}.update-manager-heading .step-badge{flex:0 0 auto}.update-manager-heading h2{margin:1px 0 4px}.update-manager-heading p{margin:0;max-width:680px}.update-manager-dropzone{grid-template-columns:58px minmax(0,1fr) auto;min-height:190px;padding:24px;border-radius:18px}.update-manager-dropzone .file-upload-icon{width:58px;height:58px;border-radius:16px}.update-manager-dropzone .file-upload-copy>strong{font-size:17px}.update-upload-footnote{grid-column:2/-1;color:var(--muted);font-size:11px;font-weight:700;margin-top:3px}.update-upload-card.is-cycle-locked{opacity:.72}.update-upload-card.is-cycle-locked .update-manager-dropzone{pointer-events:none}
.deployment-safety-list{display:grid;gap:9px;margin-top:12px}.deployment-safety-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface-2) 78%,transparent)}.deployment-safety-row>div{display:grid;gap:2px}.deployment-safety-row strong{font-size:13px}.deployment-safety-row small{font-size:11px;color:var(--muted)}.deployment-check{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok);font-size:16px;font-weight:900}.update-safety-actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:13px}.update-shadow-disclosure{flex:1 1 260px}.update-shadow-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.update-shadow-disclosure summary:after{display:none}
.update-deployment-board{padding:20px;overflow:visible}.deployment-board-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px}.deployment-board-head h2{margin:2px 0 4px}.deployment-board-head p{margin:0;max-width:860px}.deployment-live-count{white-space:nowrap;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);border-color:color-mix(in srgb,var(--primary) 24%,var(--line))}.deployment-board-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.72fr) minmax(260px,.72fr);gap:12px;align-items:stretch}.deployment-lane{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);overflow:visible}.deployment-lane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 74%,var(--surface-2))}.deployment-lane-title{display:flex;align-items:center;gap:10px;min-width:0}.deployment-lane-title>div{display:grid;gap:1px}.deployment-lane-title strong{font-size:13px}.deployment-lane-title small{font-size:10px;color:var(--muted)}.deployment-lane-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-size:14px;font-weight:900}.deployment-lane-icon.active{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.deployment-lane-icon.success{background:color-mix(in srgb,var(--ok) 13%,var(--surface));color:var(--ok)}.deployment-lane-icon.failure{background:color-mix(in srgb,var(--bad) 12%,var(--surface));color:var(--bad)}.deployment-lane-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:11px;font-weight:900}.deployment-lane-body{display:grid;gap:8px;padding:10px;min-height:138px;align-content:start}.deployment-empty{display:grid;place-items:center;min-height:118px;text-align:center;color:var(--muted);font-size:11px;font-weight:700;padding:18px}
.deployment-active-card{padding:14px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:13px;background:var(--surface);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 4%,transparent)}.deployment-active-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.deployment-active-top>div{display:grid;gap:3px;min-width:0}.deployment-active-top strong{font-size:13px}.deployment-active-top small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.deployment-stage-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:18px}.deployment-stage{position:relative;display:grid;grid-template-rows:18px auto auto;justify-items:center;text-align:center;gap:2px;color:var(--muted);min-width:0}.deployment-stage:after{content:'';position:absolute;top:7px;inset-inline-start:calc(50% + 10px);width:calc(100% - 20px);height:2px;background:var(--line)}.deployment-stage:last-child:after{display:none}.deployment-stage-dot{position:relative;z-index:1;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--line);font-size:9px;font-weight:900}.deployment-stage strong{font-size:10px;white-space:nowrap}.deployment-stage small{font-size:9px;font-weight:700;line-height:1.25}.deployment-stage.done{color:var(--ok)}.deployment-stage.done .deployment-stage-dot{background:var(--ok);border-color:var(--ok);color:#fff}.deployment-stage.done:after{background:var(--ok)}.deployment-stage.current{color:var(--warn)}.deployment-stage.current .deployment-stage-dot{border-color:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 12%,transparent)}.deployment-active-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:15px}.deployment-active-actions .danger-soft{margin-inline-start:auto}
.deployment-result-card{position:relative;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.deployment-result-card.success{border-color:color-mix(in srgb,var(--ok) 20%,var(--line))}.deployment-result-card.failure{border-color:color-mix(in srgb,var(--bad) 20%,var(--line))}.deployment-result-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:13px;font-weight:900}.deployment-result-card.success .deployment-result-icon{background:color-mix(in srgb,var(--ok) 13%,var(--surface));color:var(--ok)}.deployment-result-card.failure .deployment-result-icon{background:color-mix(in srgb,var(--bad) 12%,var(--surface));color:var(--bad)}.deployment-result-copy{display:grid;gap:2px;min-width:0}.deployment-result-copy strong{font-size:11px;line-height:1.3}.deployment-result-copy small,.deployment-result-copy time{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.deployment-result-copy time{margin-top:2px}.deployment-error-text{color:var(--bad)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deployment-result-meta{display:grid;justify-items:end;gap:5px}.deployment-result-meta .status{font-size:9px;padding:4px 6px}.deployment-card-menu{position:relative}.deployment-card-menu .icon-button{width:29px;height:29px}.deployment-card-menu .dropdown{inset-inline-end:0;inset-inline-start:auto;top:34px;min-width:150px;z-index:30}.danger-soft{border-color:color-mix(in srgb,var(--bad) 28%,var(--line));background:color-mix(in srgb,var(--bad) 7%,var(--surface));color:var(--bad)}
@media(max-width:1180px){.deployment-board-grid{grid-template-columns:1fr 1fr}.deployment-lane-active{grid-column:1/-1}.deployment-lane-active .deployment-lane-body{min-height:0}}
@media(max-width:760px){.update-manager-heading{gap:10px}.update-manager-primary-card{padding:16px}.update-manager-dropzone{grid-template-columns:46px minmax(0,1fr);min-height:0;padding:16px}.update-manager-dropzone .file-upload-icon{width:46px;height:46px}.update-manager-dropzone>.btn{grid-column:1/-1;width:100%}.update-upload-footnote{grid-column:1/-1;text-align:center}.deployment-board-head{display:grid}.deployment-live-count{justify-self:start}.deployment-board-grid{grid-template-columns:1fr}.deployment-lane-active{grid-column:auto}.deployment-stage-track{grid-template-columns:1fr;gap:10px}.deployment-stage{grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;text-align:start;column-gap:8px}.deployment-stage:after{display:none}.deployment-stage-dot{grid-row:1/3}.deployment-stage strong{white-space:normal}.deployment-active-actions .btn{width:100%;margin:0}.deployment-result-card{grid-template-columns:29px minmax(0,1fr)}.deployment-result-meta{grid-column:2;grid-row:2;display:flex;justify-content:space-between;justify-items:stretch}.update-safety-actions{display:grid}.update-shadow-disclosure{width:100%}}
.deployment-lane-success{background:color-mix(in srgb,var(--ok) 2.5%,var(--surface-2))}.deployment-lane-failure{background:color-mix(in srgb,var(--bad) 2.5%,var(--surface-2))}

/* V1.1.8 R3 — authentication responsive guard + fixed custom checkbox geometry */
input[type="checkbox"],
.check input[type="checkbox"],
.ui-check input[type="checkbox"]{
  min-height:20px!important;
  max-height:20px;
  max-width:20px;
  padding:0!important;
  line-height:20px;
}
.auth-card .ui-check input[type="checkbox"]{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
}
@media (max-width:860px){
  .auth-page{
    place-items:start center;
    align-content:start;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .auth-shell{margin:0 auto 28px}
  .auth-visual{display:block!important;visibility:visible!important}
}
@media (max-width:520px){
  .auth-page{padding-top:72px}
  .auth-visual{min-height:190px;background-position:center 42%}
  .auth-visual-copy{bottom:18px}
}


/* ==========================================================================\n   PRODISPLAY PREMIUM R4 — FINAL ADMIN CASCADE\n   This layer is intentionally last in the selected theme and normalizes the\n   complete back-office without altering game/player domain logic.\n   ========================================================================== */
:root{
  --bg:#090a0c;--surface:#121317;--surface-2:#181a20;--surface-3:#20232a;
  --text:#f7f3e8;--muted:#aaa28f;--line:#343127;
  --primary:#c9a84c;--primary-2:#f0d787;--accent:#c9a84c;
  --ok:#4bc28a;--warn:#e7b657;--bad:#ef7180;
  --shadow:0 20px 55px rgba(0,0,0,.34);--radius:16px;
}
html[data-theme="light"]{
  --bg:#f4f1ea;--surface:#ffffff;--surface-2:#f8f5ee;--surface-3:#eee8dc;
  --text:#211e18;--muted:#756d5e;--line:#ddd4c4;
  --primary:#a77c1f;--primary-2:#c9a84c;--accent:#a77c1f;
  --shadow:0 16px 42px rgba(45,37,25,.10);
}
html,body{background:var(--bg);color:var(--text)}
body{background-image:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 24%)}
.admin-shell{background:transparent}
.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,#000),var(--surface));border-inline-end-color:color-mix(in srgb,var(--primary) 22%,var(--line))}
.brand{border-bottom:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));margin-bottom:12px}
.brand-mark{background:linear-gradient(145deg,#f5dd87,#a87b22);color:#17130a;box-shadow:0 7px 22px rgba(201,168,76,.22)}
.sidebar nav a{border:1px solid transparent}
.sidebar nav a:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--primary) 12%,var(--line))}
.sidebar nav a.active{background:linear-gradient(100deg,color-mix(in srgb,var(--primary) 18%,var(--surface-2)),color-mix(in srgb,var(--primary-2) 8%,var(--surface-2)));border-color:color-mix(in srgb,var(--primary) 28%,var(--line));color:var(--text);box-shadow:inset 3px 0 0 var(--primary)}
html[dir="rtl"] .sidebar nav a.active{box-shadow:inset -3px 0 0 var(--primary)}
.topbar{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom-color:color-mix(in srgb,var(--primary) 16%,var(--line));box-shadow:0 8px 24px rgba(0,0,0,.06)}
.content{width:100%;max-width:1560px}
.card,.metric,.update-cycle-card,.foundation-state{border-color:color-mix(in srgb,var(--primary) 10%,var(--line))}
.card{box-shadow:var(--shadow)}
.card-head{border-bottom-color:color-mix(in srgb,var(--primary) 12%,var(--line))}
.btn.primary,.btn-primary,.swal2-confirm{background:linear-gradient(115deg,var(--primary),var(--primary-2))!important;border-color:transparent!important;color:#18140b!important;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 20%,transparent)}
.btn.primary:hover,.btn-primary:hover,.swal2-confirm:hover{filter:brightness(1.04);transform:translateY(-1px)}
.btn.secondary,.btn-outline-secondary{border-color:color-mix(in srgb,var(--primary) 18%,var(--line));background:var(--surface-2);color:var(--text)}
input:not([type="checkbox"]):not([type="radio"]),select,textarea,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)!important}
.select2-dropdown,.select2-results__option{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
.select2-results__option--highlighted[aria-selected]{background:color-mix(in srgb,var(--primary) 22%,var(--surface-2))!important;color:var(--text)!important}
.responsive-table,.dataTable{color:var(--text)!important;background:transparent!important}
.responsive-table th,.dataTable thead th{background:var(--surface-2)!important;color:var(--muted)!important;border-color:var(--line)!important}
.responsive-table td,.dataTable tbody td{border-color:var(--line)!important;background:transparent!important;color:var(--text)!important}
.dataTable tbody tr:hover td,.responsive-table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 5%,var(--surface-2))!important}
.dt-container .dt-search input,.dt-container .dt-length select{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important}
.dropdown,.action-menu-popover,[popover]{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 22px 60px rgba(0,0,0,.28)}
.status.healthy,.tag.success{color:var(--ok)}.status.warning,.tag.warning{color:var(--warn)}.status.blocked,.tag.danger{color:var(--bad)}
.auth-page{background:radial-gradient(circle at 16% 16%,rgba(201,168,76,.12),transparent 33%),radial-gradient(circle at 86% 82%,rgba(240,215,135,.08),transparent 30%),var(--bg)}
.auth-shell{border-color:color-mix(in srgb,var(--primary) 22%,var(--line));box-shadow:0 34px 100px rgba(0,0,0,.34)}
.auth-visual::before{background:linear-gradient(180deg,rgba(10,9,7,.05) 10%,rgba(10,9,7,.86) 100%),linear-gradient(120deg,rgba(201,168,76,.08),rgba(0,0,0,.14))}
.auth-visual-kicker{border-color:rgba(240,215,135,.45);background:rgba(31,27,18,.42)}
.auth-card .btn.primary{background:linear-gradient(115deg,var(--primary),var(--primary-2));color:#18140b}
.auth-card .auth-link{color:var(--primary)}
.foundation-loader .loader-mark span,.loader-progress i{background:linear-gradient(90deg,var(--primary),var(--primary-2))}
@media(max-width:860px){.content{padding:18px}.topbar{padding-inline:16px}}

/* ==========================================================================\n   PRODISPLAY PREMIUM R5 — MOBILE NAVIGATION + UPDATE CYCLE CONVERGENCE\n   Captivio workflow semantics, rendered with the Games black/gold contract.\n   ========================================================================== */
.sidebar{min-height:0;overflow:hidden}
.sidebar .brand{flex:0 0 auto}
.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 48%,var(--line)) transparent}
.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--primary) 42%,var(--line))}.sidebar-foot{flex:0 0 auto;margin-top:0;border-top:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));padding-bottom:max(12px,env(safe-area-inset-bottom))}

.update-cycle-card{margin-top:18px;padding:22px;border-color:color-mix(in srgb,var(--primary) 24%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 4%,var(--surface)),var(--surface) 46%,color-mix(in srgb,var(--primary-2) 3%,var(--surface)));box-shadow:0 18px 48px rgba(0,0,0,.18)}
.update-cycle-card:before{top:20px;bottom:20px;width:4px;background:linear-gradient(180deg,var(--primary-2),var(--primary),color-mix(in srgb,var(--primary) 35%,var(--line)))}
.update-cycle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px;padding-inline-start:16px;padding-bottom:17px;border-bottom:1px solid color-mix(in srgb,var(--primary) 15%,var(--line))}
.update-cycle-heading{position:relative;display:grid;gap:3px;min-width:0}.update-cycle-heading .cycle-live-dot{top:7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 15%,transparent),0 0 18px color-mix(in srgb,var(--primary) 35%,transparent)}
.update-cycle-heading h2{margin:1px 0 2px;font-size:20px}.update-cycle-heading p{margin:0;max-width:880px;line-height:1.5;color:var(--muted)}
.update-cycle-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}.cycle-summary{min-height:30px;align-items:center;padding-inline:10px}
.update-cycle-card .pipeline-list{display:grid;gap:12px;margin:0}
.update-cycle-card .cycle-workflow-card{position:relative;padding:18px 18px 16px;border:1px solid color-mix(in srgb,var(--primary) 19%,var(--line));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface-2)),var(--surface-2) 52%,color-mix(in srgb,var(--primary-2) 3%,var(--surface-2)));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent)}
.update-cycle-card .pipeline-item-head{align-items:flex-start}.update-cycle-card .pipeline-item-head>div{padding-inline-start:0;display:grid;gap:3px}.cycle-item-kicker{font-size:10px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;color:var(--primary)}.cycle-versions{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important;overflow-wrap:anywhere}
.update-cycle-card .pipeline-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:22px 0 0;padding:0 4px}.update-cycle-card .pipeline-step{position:relative;display:grid;grid-template-rows:24px auto;justify-items:center;gap:6px;min-width:0;text-align:center;color:var(--muted);font-size:10px;font-weight:850}.update-cycle-card .pipeline-step:after{content:"";position:absolute;z-index:0;top:10px;inset-inline-start:calc(50% + 13px);width:calc(100% - 26px);height:2px;background:var(--line)}.update-cycle-card .pipeline-step:last-child:after{display:none}.update-cycle-card .pipeline-step i{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--line);border-radius:50%;background:var(--surface-2);box-shadow:none;color:var(--muted);font-style:normal;font-size:10px;line-height:1}.update-cycle-card .pipeline-step.done{color:var(--ok)}.update-cycle-card .pipeline-step.done i{border-color:var(--ok);background:var(--ok);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 10%,transparent)}.update-cycle-card .pipeline-step.done:after{background:var(--ok)}.update-cycle-card .pipeline-step.current{color:var(--primary-2)}.update-cycle-card .pipeline-step.current i{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--surface-2));color:var(--primary-2);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 13%,transparent)}.update-cycle-card .pipeline-step.failed{color:var(--bad)}.update-cycle-card .pipeline-step.failed i{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 13%,var(--surface-2));color:var(--bad);box-shadow:0 0 0 5px color-mix(in srgb,var(--bad) 10%,transparent)}.update-cycle-card .pipeline-step.optional{opacity:.64}
.update-cycle-card .cycle-progress{height:5px;margin-top:18px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:999px;background:var(--surface-3);overflow:hidden}.update-cycle-card .cycle-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 0 16px color-mix(in srgb,var(--primary) 25%,transparent);transition:width .28s ease}
.update-cycle-card .pipeline-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--primary) 10%,var(--line))}
.update-cycle-card.is-error-focus,.update-cycle-card .is-error-focus{border-color:color-mix(in srgb,var(--bad) 60%,var(--line))}

@media(max-width:1000px){
  .sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(330px,90vw);height:100dvh;max-height:100dvh;padding:18px 14px max(10px,env(safe-area-inset-bottom));z-index:80;overflow:hidden}
  html[dir="rtl"] .sidebar{inset:0 0 0 auto}
  .sidebar.open{display:flex}
  body.sidebar-open{overflow:hidden;overscroll-behavior:none;touch-action:none}
  body.sidebar-open .admin-shell:after{content:"";position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.48);backdrop-filter:blur(2px)}
  body.sidebar-open .sidebar{z-index:80}
  .sidebar nav{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .sidebar-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:760px){
  .update-cycle-card{padding:17px;margin-top:14px}.update-cycle-card:before{top:17px;bottom:17px}.update-cycle-head{display:grid;gap:12px;padding-inline-start:13px}.update-cycle-head-actions{justify-content:flex-start}.update-cycle-head-actions .btn{width:100%}
  .update-cycle-card .pipeline-steps{grid-template-columns:1fr;gap:0;margin-top:16px;padding:0}.update-cycle-card .pipeline-step{grid-template-columns:28px minmax(0,1fr);grid-template-rows:minmax(36px,auto);align-items:center;justify-items:start;text-align:start;gap:9px;padding:2px 0}.update-cycle-card .pipeline-step i{grid-column:1}.update-cycle-card .pipeline-step span{grid-column:2}.update-cycle-card .pipeline-step:after{display:block;top:27px;inset-inline-start:10px;width:2px;height:calc(100% - 8px)}.update-cycle-card .pipeline-step:last-child:after{display:none}.update-cycle-card .pipeline-step.done:after{background:var(--ok)}.update-cycle-card .pipeline-actions .btn{width:100%}
}

/* ========================================================================== 
   PRODISPLAY PREMIUM R5 FIX1 — UPDATE MANAGER ACTION SPACING
   Keeps action groups visually separated on desktop and stacked cleanly on mobile.
   ========================================================================== */
.update-cycle-card .pipeline-actions{
  column-gap:14px!important;
  row-gap:10px!important;
  align-items:center;
}
.update-cycle-card .pipeline-actions>.btn{
  margin:0!important;
  flex:0 0 auto;
}
#updates-list .list-toolbar-actions,
#updates-list .actions{
  column-gap:10px;
  row-gap:10px;
}
#updates-list .table-card-head{
  column-gap:14px;
  row-gap:10px;
  flex-wrap:wrap;
}
#updates-list .list-footer{
  gap:10px;
  flex-wrap:wrap;
}
@media(max-width:760px){
  .update-cycle-card .pipeline-actions{gap:10px!important}
  .update-cycle-card .pipeline-actions>.btn{width:100%;flex:1 1 100%}
  #updates-list .table-card-head>.btn{width:100%}
}

/* ========================================================================== 
   PRODISPLAY PREMIUM R6 — CAPTIVIO DEPLOYMENT BOARD CONVERGENCE
   Three-lane deployment board + premium confirmation dialogs in Games gold.
   ========================================================================== */
.update-deployment-board{
  margin-top:20px;
  padding:26px 26px 28px;
  border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
  border-radius:24px;
  background:linear-gradient(160deg,color-mix(in srgb,#fff 3%,var(--surface)),var(--surface));
  box-shadow:0 22px 58px rgba(45,37,25,.12);
}
.update-deployment-board:before{display:none!important}
.deployment-board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
  padding:2px 2px 0;
}
.deployment-board-heading{min-width:0}
.deployment-board-heading .card-kicker{
  display:block;
  margin-bottom:10px;
  color:var(--primary-2);
  font-size:11px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.deployment-board-heading h2{margin:0 0 8px;font-size:28px;line-height:1.15;letter-spacing:-.025em}
.deployment-board-heading p{margin:0;max-width:920px;color:var(--muted);font-size:14px;line-height:1.55}
.deployment-board-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.cycle-active-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 15px;
  border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--primary) 10%,var(--surface-2));
  color:var(--primary-2);
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.cycle-recovery-link{min-height:38px;border-radius:999px!important}

.deployment-board-grid{
  display:grid;
  grid-template-columns:minmax(0,1.85fr) minmax(250px,.82fr) minmax(250px,.82fr);
  gap:16px;
  align-items:stretch;
}
.deployment-column{
  min-width:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
  border-radius:20px;
  background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);
}
.deployment-column-active{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 3%,var(--surface-2)),var(--surface-2))}
.deployment-column-head{
  min-height:92px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 34px;
  gap:12px;
  align-items:center;
  padding:17px 18px;
  border-bottom:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));
  background:color-mix(in srgb,var(--surface) 86%,transparent);
}
.deployment-column-head>div{min-width:0}
.deployment-column-head strong{display:block;color:var(--text);font-size:14px;line-height:1.25}
.deployment-column-head small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
.deployment-column-icon{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
  border:1px solid transparent;font-size:19px;font-weight:950;
}
.deployment-column-icon.is-active{color:var(--primary-2);background:color-mix(in srgb,var(--primary) 12%,var(--surface));border-color:color-mix(in srgb,var(--primary) 15%,var(--line))}
.deployment-column-icon.is-success{color:var(--ok);background:color-mix(in srgb,var(--ok) 11%,var(--surface));border-color:color-mix(in srgb,var(--ok) 12%,var(--line))}
.deployment-column-icon.is-error{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface));border-color:color-mix(in srgb,var(--bad) 12%,var(--line))}
.deployment-count{
  min-width:32px;height:32px;padding:0 8px;border-radius:999px;display:grid;place-items:center;
  background:var(--surface-2);border:1px solid color-mix(in srgb,var(--primary) 8%,var(--line));
  color:var(--text);font-weight:900;font-size:11px;
}

.update-deployment-board .deployment-active-list{display:grid;gap:12px;padding:14px 14px 16px;margin:0}
.update-deployment-board .cycle-workflow-card{
  position:relative;
  padding:18px 18px 16px;
  border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));
  border-radius:17px;
  background:var(--surface);
  box-shadow:0 10px 26px rgba(45,37,25,.08);
}
.update-deployment-board .pipeline-item-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  margin:0 0 18px;
}
.update-deployment-board .pipeline-item-head>div{min-width:0;display:grid;gap:4px}
.update-deployment-board .pipeline-item-head strong{font-size:15px;line-height:1.35;color:var(--text)}
.update-deployment-board .cycle-versions{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important;color:var(--muted);overflow-wrap:anywhere}
.update-deployment-board .pipeline-item-head>.status{flex:0 0 auto;min-height:30px;align-items:center;padding:6px 11px;border-radius:999px;background:var(--surface-2)}

.update-deployment-board .pipeline-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0 2px!important;
}
.update-deployment-board .pipeline-step{
  position:relative;
  min-width:0;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  gap:8px!important;
  align-items:center!important;
  justify-items:start!important;
  padding:0 7px 0 0!important;
  text-align:start!important;
  color:var(--muted);
}
html[dir="rtl"] .update-deployment-board .pipeline-step{padding:0 0 0 7px!important}
.update-deployment-board .pipeline-step:after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:15px!important;
  inset-inline-start:32px!important;
  width:calc(100% - 30px)!important;
  height:2px!important;
  background:var(--line)!important;
  display:block!important;
}
.update-deployment-board .pipeline-step:last-child:after{display:none!important}
.update-deployment-board .pipeline-step i{
  position:relative;z-index:1;
  width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border:2px solid var(--line)!important;
  border-radius:50%!important;
  background:var(--surface)!important;
  color:var(--muted)!important;
  font-style:normal;font-size:12px;font-weight:950;
  box-shadow:0 0 0 4px var(--surface)!important;
}
.update-deployment-board .pipeline-step>span{display:grid;gap:1px;min-width:0;position:relative;z-index:1;background:var(--surface);padding-inline:2px}
.update-deployment-board .pipeline-step>span strong{font-size:11px;line-height:1.2;color:inherit}
.update-deployment-board .pipeline-step>span small{font-size:9px!important;line-height:1.25;color:var(--muted);white-space:normal}
.update-deployment-board .pipeline-step.done{color:var(--ok)!important}
.update-deployment-board .pipeline-step.done i{border-color:var(--ok)!important;background:var(--ok)!important;color:#fff!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 10%,var(--surface))!important}
.update-deployment-board .pipeline-step.done:after{background:color-mix(in srgb,var(--ok) 60%,var(--line))!important}
.update-deployment-board .pipeline-step.current{color:var(--primary-2)!important}
.update-deployment-board .pipeline-step.current i{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 12%,var(--surface))!important;color:var(--primary-2)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 11%,var(--surface))!important}
.update-deployment-board .pipeline-step.failed{color:var(--bad)!important}
.update-deployment-board .pipeline-step.failed i{border-color:var(--bad)!important;background:color-mix(in srgb,var(--bad) 11%,var(--surface))!important;color:var(--bad)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 9%,var(--surface))!important}
.update-deployment-board .cycle-progress{height:3px;margin:18px 1px 0;border:0;background:var(--surface-3);border-radius:999px;overflow:hidden}
.update-deployment-board .cycle-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ok),var(--primary));transition:width .28s ease}
.update-deployment-board .pipeline-actions{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:18px!important;flex-wrap:wrap!important;
  margin-top:17px!important;padding-top:0!important;border-top:0!important;
}
.update-deployment-board .cycle-primary-actions,.update-deployment-board .cycle-danger-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.update-deployment-board .cycle-danger-actions{margin-inline-start:auto}
.update-deployment-board .pipeline-actions .btn{min-height:44px;padding:10px 15px;font-size:12px;border-radius:13px}
.update-deployment-board .cycle-primary-action{box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 20%,transparent)!important}
.update-deployment-board .cycle-abandon-action{border-color:color-mix(in srgb,var(--bad) 18%,var(--line));background:color-mix(in srgb,var(--bad) 8%,var(--surface-2));color:var(--bad)!important}

.deployment-recent-list{
  min-height:280px;
  max-height:520px;
  overflow-y:auto;
  display:grid;
  align-content:start;
  gap:10px;
  padding:14px;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--primary) 28%,var(--line)) transparent;
}
.deployment-recent-card{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));
  border-radius:15px;
  background:var(--surface);
}
.deployment-recent-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:950}
.deployment-recent-card.is-success .deployment-recent-icon{background:color-mix(in srgb,var(--ok) 11%,var(--surface));color:var(--ok)}
.deployment-recent-card.is-error .deployment-recent-icon{background:color-mix(in srgb,var(--bad) 10%,var(--surface));color:var(--bad)}
.deployment-recent-card>div{min-width:0}
.deployment-recent-card strong{display:block;color:var(--text);font-size:12px;line-height:1.4}
.deployment-recent-card small{display:block;margin-top:3px;color:var(--muted);font-size:9px!important;line-height:1.4;overflow-wrap:anywhere}
.deployment-recent-card span:not(.deployment-recent-icon){display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}
.deployment-recent-card.is-success span:not(.deployment-recent-icon){color:color-mix(in srgb,var(--ok) 70%,var(--text))}
.deployment-recent-card.is-error span:not(.deployment-recent-icon){color:var(--bad)}
.deployment-empty{min-height:245px;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);font-size:11px}

/* Games confirmation dialogue — Captivio composition, Games identity. */
.swal2-container.swal2-backdrop-show{background:rgba(35,38,45,.82)!important;backdrop-filter:blur(7px)}
.foundation-swal:has(.swal-cancel){
  width:min(900px,calc(100vw - 34px))!important;
  min-height:330px!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon html" ". actions"!important;
  column-gap:28px!important;
  row-gap:6px!important;
  align-items:start!important;
  padding:46px 48px 38px!important;
  border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line))!important;
  border-radius:27px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.35)!important;
}
.foundation-swal:has(.swal-cancel) .swal2-icon{
  grid-area:icon!important;
  width:76px!important;height:76px!important;
  margin:0!important;
  border:0!important;
  border-radius:23px!important;
  background:linear-gradient(145deg,var(--primary-2),var(--primary))!important;
  color:#fff!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 25%,transparent)!important;
}
.foundation-swal:has(.swal-cancel) .swal2-icon.swal2-question,
.foundation-swal:has(.swal-cancel) .swal2-icon.swal2-warning{border-color:transparent!important;color:#fff!important}
.foundation-swal:has(.swal-cancel) .swal2-title{
  grid-area:title!important;
  margin:0!important;
  padding:4px 0 0!important;
  text-align:start!important;
  color:var(--text)!important;
  font-size:30px!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
}
.foundation-swal:has(.swal-cancel) .swal2-title:before{
  content:"GAMES";
  display:block;
  margin-bottom:8px;
  color:var(--primary-2);
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.foundation-swal:has(.swal-cancel) .swal2-html-container{
  grid-area:html!important;
  margin:10px 0 0!important;
  padding:0!important;
  text-align:start!important;
  color:var(--muted)!important;
  font-size:18px!important;
  line-height:1.5!important;
}
.foundation-swal:has(.swal-cancel) .foundation-swal-actions{
  grid-area:actions!important;
  justify-self:end!important;
  display:flex!important;
  gap:12px!important;
  margin:34px 0 0!important;
  padding:0!important;
}
.foundation-swal:has(.swal-cancel) .foundation-swal-actions .btn{
  min-width:180px;
  min-height:54px;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:900!important;
}
.foundation-swal:has(.swal-cancel) .swal-confirm{background:linear-gradient(115deg,var(--primary-2),var(--primary))!important;color:#18140b!important}
.foundation-swal:has(.swal-cancel) .swal-cancel{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important}

@media(max-width:1180px){
  .deployment-board-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,.75fr)}
  .deployment-column-error{grid-column:1/-1}
  .deployment-column-error .deployment-recent-list{min-height:120px;max-height:300px;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .update-deployment-board{padding:20px;border-radius:20px}
  .deployment-board-head{display:grid;gap:14px}
  .deployment-board-head-actions{justify-content:flex-start}
  .deployment-board-grid{grid-template-columns:1fr}
  .deployment-column-error{grid-column:auto}
  .deployment-column-error .deployment-recent-list{grid-template-columns:1fr}
  .deployment-recent-list{min-height:150px;max-height:360px}
}
@media(max-width:760px){
  .deployment-board-heading h2{font-size:23px}
  .cycle-active-pill,.cycle-recovery-link{width:100%}
  .deployment-column-head{grid-template-columns:42px minmax(0,1fr) 32px;min-height:82px;padding:14px}
  .deployment-column-icon{width:42px;height:42px;border-radius:13px}
  .update-deployment-board .pipeline-steps{grid-template-columns:1fr!important;gap:0!important}
  .update-deployment-board .pipeline-step{grid-template-columns:34px minmax(0,1fr)!important;min-height:50px;padding:0!important}
  .update-deployment-board .pipeline-step:after{top:31px!important;inset-inline-start:15px!important;width:2px!important;height:calc(100% - 8px)!important}
  .update-deployment-board .pipeline-step>span{padding-inline:4px}
  .update-deployment-board .pipeline-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .update-deployment-board .cycle-primary-actions,.update-deployment-board .cycle-danger-actions{display:grid;width:100%;margin:0;gap:10px}
  .update-deployment-board .pipeline-actions .btn{width:100%!important}
  .foundation-swal:has(.swal-cancel){
    min-height:0!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"icon" "title" "html" "actions"!important;
    gap:10px!important;
    padding:30px 24px 24px!important;
    border-radius:22px!important;
  }
  .foundation-swal:has(.swal-cancel) .swal2-icon{width:62px!important;height:62px!important;border-radius:18px!important}
  .foundation-swal:has(.swal-cancel) .swal2-title{font-size:25px!important;padding-top:0!important}
  .foundation-swal:has(.swal-cancel) .swal2-html-container{font-size:15px!important}
  .foundation-swal:has(.swal-cancel) .foundation-swal-actions{justify-self:stretch!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin-top:18px!important}
  .foundation-swal:has(.swal-cancel) .foundation-swal-actions .btn{width:100%;min-width:0}
}

/* ==========================================================================\n   PRODISPLAY PREMIUM R7 — GLOBAL ADMIN UI CONVERGENCE\n   Harmonises every administration surface with the Games ivory/black/gold\n   visual contract. Business markup and controller logic remain untouched.\n   ========================================================================== */

/* Page rhythm and section hierarchy. */
.page-head{align-items:center;margin-bottom:24px;padding:4px 2px 0}
.page-head>div{min-width:0}
.page-head h1{font-size:clamp(26px,2.4vw,36px);line-height:1.12;letter-spacing:-.035em;color:var(--text)}
.page-head p{max-width:880px;margin-top:7px;font-size:14px;line-height:1.6}
.eyebrow,.card-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:var(--primary);font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px}
.section-head>div{min-width:0}.section-head h2{margin:0 0 5px;font-size:18px;letter-spacing:-.018em}.section-head p{margin:0;color:var(--muted);line-height:1.5}
.card{border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--primary) 1.5%,var(--surface)),var(--surface) 44%)}
.card>.card-head{padding-bottom:16px;margin-bottom:2px}
.card-head h2{font-size:19px;letter-spacing:-.018em}
.card-head p{line-height:1.5}
.stack{gap:18px}

/* Dashboard metrics become theme-native cards rather than generic boxes. */
.metric-grid{gap:14px;margin-bottom:18px}
.metric{position:relative;overflow:hidden;min-height:112px;padding:18px;border-radius:17px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 5%,var(--surface-2)));box-shadow:0 11px 30px rgba(0,0,0,.08)}
.metric:after{content:"";position:absolute;width:74px;height:74px;inset-inline-end:-28px;top:-28px;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,transparent);pointer-events:none}
.metric small{position:relative;z-index:1;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.metric strong{position:relative;z-index:1;margin-top:10px;font-size:26px;line-height:1.1;letter-spacing:-.025em}

/* Buttons: one hierarchy across forms, tables, dialogs and tools. */
.btn,.icon-button,.user-chip{min-height:40px;border-radius:12px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,filter .15s ease}
.btn{padding:9px 14px;letter-spacing:-.005em}
.btn:not(:disabled):active,.icon-button:not(:disabled):active{transform:translateY(1px)}
.btn:focus-visible,.icon-button:focus-visible,.user-chip:focus-visible{outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)!important}
.btn.secondary:hover,.btn.ghost:hover,.icon-button:hover{border-color:color-mix(in srgb,var(--primary) 32%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}
.btn.ghost{border-color:transparent}
.btn.danger{background:color-mix(in srgb,var(--bad) 86%,#671f2a);box-shadow:0 8px 18px color-mix(in srgb,var(--bad) 18%,transparent)}
.btn.danger:hover{filter:brightness(1.04)}
.btn.compact{min-height:34px;padding:6px 10px;border-radius:10px}
.btn:disabled,.icon-button:disabled{opacity:.46;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.icon-button{width:40px;height:40px;padding:0;font-size:18px}

/* Fields, labels and native controls. */
.form-grid{gap:16px 14px}
.field,label{min-width:0}
.field{display:grid;gap:7px}
.field>label,label{font-size:12px;font-weight:800;color:var(--muted)}
.field-wide{grid-column:1/-1}
label small,.field small{font-size:10px;font-weight:600;line-height:1.45;color:var(--muted)}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px;border-radius:12px;padding:10px 12px;background:var(--surface-2)!important;border:1px solid color-mix(in srgb,var(--primary) 8%,var(--line))!important;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 3%,transparent);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
textarea{padding-top:11px;line-height:1.55}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);opacity:1}
input:not([type="checkbox"]):not([type="radio"]):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 30%,var(--line))!important}
input:disabled,select:disabled,textarea:disabled{opacity:.58;cursor:not-allowed;background:var(--surface-3)!important}
select:not([multiple]){appearance:none;-webkit-appearance:none;padding-inline-end:38px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
html[dir="rtl"] select:not([multiple]){padding-inline-end:12px;padding-inline-start:38px;background-position:18px 19px,13px 19px!important}
select option{background:var(--surface);color:var(--text)}
input[type="color"]{padding:5px!important;min-height:44px;cursor:pointer}
input[type="file"]{padding:6px!important}
input[type="file"]::file-selector-button{min-height:30px;margin-inline-end:10px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:9px;background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}
input[type="date"],input[type="datetime-local"],input[type="time"]{color-scheme:light dark}
html[data-theme="light"] input[type="date"],html[data-theme="light"] input[type="datetime-local"],html[data-theme="light"] input[type="time"]{color-scheme:light}

/* Theme-native choice rows and permissions. */
.choice-control{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 9%,var(--line));border-radius:12px;background:var(--surface-2);color:var(--text);font-weight:750;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.choice-control:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--line));background:color-mix(in srgb,var(--primary) 4%,var(--surface-2))}
.choice-control>span:empty{display:none}
.permission-grid{gap:10px;margin-top:18px}
.permission-grid h3{margin:16px 0 2px;padding-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--primary) 11%,var(--line));color:var(--primary);letter-spacing:.11em}
.permission-item{min-height:68px;padding:12px;border:1px solid transparent;border-radius:13px;background:var(--surface-2);transition:border-color .16s ease,background .16s ease}
.permission-item:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--line));background:color-mix(in srgb,var(--primary) 4%,var(--surface-2))}
.permission-item span{display:grid;gap:2px}.permission-item strong{color:var(--text);font-size:12px}.permission-item small{font-size:10px;line-height:1.4}

/* Lists, filters, table chrome and pagination. */
.table-card{border-radius:18px;overflow:visible}
.table-card>.card-head,.table-card>.section-head{padding:19px 20px;margin:0;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--line))}
.list-toolbar{padding:13px 18px;align-items:center;background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--primary) 3%,var(--surface-2)));border-color:color-mix(in srgb,var(--primary) 9%,var(--line))}
.list-search{position:relative}.list-search input{padding-inline-start:38px!important}
.list-search:before{content:"⌕";position:absolute;z-index:2;top:50%;inset-inline-start:13px;transform:translateY(-52%);color:var(--muted);font-size:18px;pointer-events:none}
.list-toolbar-actions{gap:9px}.list-toolbar-actions select{min-width:124px}
.table-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary) 30%,var(--line)) transparent}
.responsive-table th,.responsive-table td{padding:13px 15px}
.responsive-table th{font-size:10px;letter-spacing:.085em;font-weight:900;white-space:nowrap}
.responsive-table tbody tr{transition:background .14s ease}
.responsive-table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 4.5%,var(--surface-2))!important}
.responsive-table td .status,.responsive-table td .tag{white-space:nowrap}
.row-actions,.actions{gap:9px}
.list-footer{min-height:62px;padding:13px 18px;background:color-mix(in srgb,var(--surface-2) 62%,var(--surface));border-color:color-mix(in srgb,var(--primary) 9%,var(--line))}
.list-footer button,[data-list-pagination] button{min-width:34px;min-height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}
.list-footer button:hover,[data-list-pagination] button:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--line));background:color-mix(in srgb,var(--primary) 6%,var(--surface-2))}

/* Statuses and empty states. */
.status,.tag,.status-pill{align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));background:var(--surface-2);font-size:10px;font-weight:900;letter-spacing:.015em}
.status.healthy,.status-pill.success,.tag.success{background:color-mix(in srgb,var(--ok) 9%,var(--surface-2));border-color:color-mix(in srgb,var(--ok) 20%,var(--line));color:var(--ok)}
.status.warning,.status-pill.warning,.tag.warning{background:color-mix(in srgb,var(--warn) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--warn) 24%,var(--line));color:var(--warn)}
.status.blocked,.status-pill.danger,.tag.danger{background:color-mix(in srgb,var(--bad) 9%,var(--surface-2));border-color:color-mix(in srgb,var(--bad) 20%,var(--line));color:var(--bad)}
.empty-state,.foundation-state{min-height:130px;place-items:center;border:1px dashed color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 3%,var(--surface-2)),var(--surface-2));color:var(--muted)}
.empty-state.compact{min-height:86px;border-inline:0;border-bottom:0;border-radius:0;background:transparent}

/* Details/disclosures and utility panels. */
details.config-disclosure,details{border-radius:13px}
.config-disclosure{border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));background:var(--surface-2);overflow:hidden}
.config-disclosure summary{padding:12px 14px;cursor:pointer;color:var(--text);font-weight:850;list-style:none}
.config-disclosure summary::-webkit-details-marker{display:none}
.config-disclosure summary:after{content:"＋";float:inline-end;color:var(--primary);font-weight:900}.config-disclosure[open] summary:after{content:"−"}
.disclosure-body{padding:14px;border-top:1px solid var(--line)}
.safety-grid>div,.file-meta span,.runtime-pair>div{border:1px solid color-mix(in srgb,var(--primary) 9%,var(--line));border-radius:12px;background:var(--surface-2)}

/* Dialogs: same visual grammar everywhere, not only SweetAlert confirmations. */
.foundation-dialog{border:0;padding:0;background:transparent;color:var(--text)}
.foundation-dialog::backdrop{background:rgba(35,38,45,.80);backdrop-filter:blur(7px)}
.foundation-dialog .dialog-card,.dialog-backdrop .dialog-card{width:min(720px,calc(100vw - 34px));max-height:min(86dvh,860px);padding:24px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:22px;background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.34)}
.foundation-dialog .dialog-head,.dialog-backdrop .dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,var(--line))}
.dialog-head h2{margin:0 0 5px;font-size:23px;letter-spacing:-.025em}.dialog-head p{margin:0;color:var(--muted);line-height:1.5}
.dialog-actions{gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--primary) 10%,var(--line))}
.dialog-actions .btn{min-width:116px}

/* Branding/settings and game/wheel workspaces. */
.branding-grid{gap:14px}.branding-slot{border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line));border-radius:15px;background:var(--surface-2);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 3%,transparent)}
.games-panel,.wheel-panel{border-color:color-mix(in srgb,var(--primary) 15%,var(--line));box-shadow:0 13px 34px rgba(0,0,0,.09)}
.games-panel[hidden],.wheel-panel[hidden]{display:none!important}
.role-card{border-color:color-mix(in srgb,var(--primary) 14%,var(--line))}
.sticky-actions{z-index:20;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 92%,transparent) 35%)}

/* Dropdowns/popovers: premium menu surfaces with safe spacing. */
.dropdown,.action-menu-popover,[popover]{padding:7px;border-radius:13px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));box-shadow:0 22px 65px rgba(0,0,0,.30)}
.dropdown button,.dropdown a,.action-menu-popover button,.action-menu-popover a{border-radius:9px}
.dropdown button:hover,.dropdown a:hover,.action-menu-popover button:hover,.action-menu-popover a:hover{background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}

/* Responsive convergence. */
@media(max-width:900px){
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head{padding:16px 17px}
}
@media(max-width:700px){
  .content{padding:16px}
  .page-head,.section-head,.card-head{display:grid;align-items:start}
  .page-head .btn,.section-head>.btn,.card-head>.btn{width:100%}
  .metric-grid{grid-template-columns:1fr 1fr;gap:10px}
  .metric{min-height:100px;padding:15px}.metric strong{font-size:22px}
  .form-grid{grid-template-columns:1fr}.span-2,.field-wide{grid-column:auto}
  .permission-grid{grid-template-columns:1fr}
  .list-toolbar-actions{grid-template-columns:1fr}.list-toolbar-actions select,.list-toolbar-actions .btn{width:100%}
  .dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .btn{width:100%;min-width:0}
  .foundation-dialog .dialog-card,.dialog-backdrop .dialog-card{padding:20px;border-radius:18px}
}
@media(max-width:480px){
  .metric-grid{grid-template-columns:1fr}
  .page-head h1{font-size:27px}
  .card{border-radius:16px}
}

/* PRODISPLAY PREMIUM R8 — Select2, grouped navigation and event-first workspaces. */
/* Real Select2 and the local fallback share the same visual contract. */
.select2-container{max-width:100%;font:inherit}.select2-container .select2-selection--single{min-height:50px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:13px;background:var(--surface-2);color:var(--text);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.select2-container .select2-selection--single:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--line))}.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent);background:var(--surface)}.select2-container--default .select2-selection--single .select2-selection__rendered{display:flex;align-items:center;min-height:48px;padding:0 48px 0 14px;color:var(--text);line-height:1.25}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--muted)}.select2-container--default .select2-selection--single .select2-selection__arrow{display:grid;place-items:center;top:0;right:4px;width:40px;height:48px}.select2-container--default .select2-selection--single .select2-selection__arrow b{position:static;margin:0;border-width:5px 4px 0;border-color:var(--muted) transparent transparent}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-width:0 4px 5px;border-color:transparent transparent var(--primary)}.select2-dropdown{margin-top:5px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:13px;background:var(--surface);color:var(--text);box-shadow:0 22px 64px rgba(0,0,0,.24);overflow:hidden}.select2-search--dropdown{padding:9px;background:var(--surface)}.select2-search--dropdown .select2-search__field{height:42px;padding:0 12px;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-2)!important;color:var(--text)!important;outline:0}.select2-results__options{padding:5px}.select2-results__option{margin:2px 0;padding:10px 11px;border-radius:9px;color:var(--text);font-size:.9rem}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,.select2-results__option--highlighted{background:color-mix(in srgb,var(--primary) 15%,var(--surface-2));color:var(--text)}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option--selected{background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-weight:850}.select2-results__message{color:var(--muted);text-align:center}.select2-container--disabled .select2-selection--single{opacity:.58;cursor:not-allowed}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding:0 14px 0 48px}.select2-container[dir=rtl] .select2-selection--single .select2-selection__arrow{right:auto;left:4px}
.top-actions>.select2-container{width:164px!important;flex:0 0 164px}.top-actions>.select2-container .select2-selection--single{min-height:42px;border-radius:10px}.top-actions>.select2-container .select2-selection--single .select2-selection__rendered{min-height:40px;padding-inline-start:12px}.top-actions>.select2-container .select2-selection--single .select2-selection__arrow{height:40px}.auth-language>.select2-container{width:180px!important}.wheel-selector-card .select2-container{width:100%!important}
/* Sidebar: two quiet, collapsible administrative groups instead of a flat wall of links. */
.sidebar-nav-group{margin:3px 0;border-radius:14px}.sidebar-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-radius:12px;color:var(--muted);cursor:pointer;list-style:none;font-weight:800;transition:.16s ease}.sidebar-nav-group>summary::-webkit-details-marker{display:none}.sidebar-nav-group>summary:hover{background:color-mix(in srgb,var(--primary) 5%,transparent);color:var(--text)}.sidebar-nav-group>summary span{transition:transform .16s ease}.sidebar-nav-group[open]>summary{color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.sidebar-nav-group[open]>summary span{transform:rotate(180deg)}.sidebar-nav-group-links{display:grid;gap:3px;padding:5px 0 8px 13px;margin-left:13px;border-left:1px solid color-mix(in srgb,var(--primary) 20%,var(--line))}.sidebar-nav-group-links>a{padding:9px 12px!important;font-size:.91rem!important;border-radius:10px!important}.sidebar-nav-group-links>a.active{box-shadow:none!important;border-color:transparent!important;background:color-mix(in srgb,var(--primary) 9%,var(--surface-2))!important;color:var(--text)!important}
/* Direct technical wheel creation is available but no longer presented as the normal workflow. */
.wheel-direct-create{margin-top:10px;padding:0;border:0;background:transparent}.wheel-direct-create>summary{width:max-content;max-width:100%;cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:800}.wheel-direct-create p{max-width:680px;margin:8px 0;color:var(--muted);font-size:.8rem;line-height:1.45}.wheel-direct-create .btn{margin-top:2px}
@media(max-width:760px){.top-actions>.select2-container{width:140px!important;flex-basis:140px}.sidebar-nav-group-links{margin-left:8px;padding-left:9px}.wheel-selector-card .field{min-width:0}}



/* R9 — Games authentication direction: event-first, multi-game, no unrelated photography */
.games-auth-shell{border-color:color-mix(in srgb,var(--primary) 34%,var(--line));background:var(--surface)}
.games-auth-visual{background-image:none!important;background:
  radial-gradient(circle at 24% 22%,rgba(240,215,135,.18),transparent 30%),
  radial-gradient(circle at 80% 72%,rgba(201,168,76,.16),transparent 34%),
  linear-gradient(145deg,#11100d 0%,#1c1810 52%,#0a0a09 100%)!important;color:#fff}
.games-auth-visual::before{background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),repeating-linear-gradient(120deg,rgba(255,255,255,.018) 0 1px,transparent 1px 34px)}
.games-auth-orbit{position:absolute;border:1px solid rgba(240,215,135,.18);border-radius:50%;pointer-events:none}
.games-auth-orbit-a{width:440px;height:440px;top:-180px;inset-inline-end:-180px;box-shadow:0 0 0 48px rgba(201,168,76,.025),0 0 0 96px rgba(201,168,76,.018)}
.games-auth-orbit-b{width:260px;height:260px;bottom:-140px;inset-inline-start:-90px;box-shadow:0 0 0 30px rgba(240,215,135,.025)}
.games-auth-wheel-wrap{position:absolute;top:54px;inset-inline-start:50%;transform:translateX(-50%);width:250px;height:250px;filter:drop-shadow(0 24px 44px rgba(0,0,0,.34))}
.games-auth-wheel{position:absolute;inset:14px;border:9px solid #d7b14a;border-radius:50%;background:conic-gradient(#c99b2e 0 45deg,#2a261d 45deg 90deg,#e2c46d 90deg 135deg,#15130f 135deg 180deg,#b8891d 180deg 225deg,#30291a 225deg 270deg,#f0d787 270deg 315deg,#1b1913 315deg 360deg);box-shadow:inset 0 0 0 5px #0d0c09,inset 0 0 30px rgba(0,0,0,.42),0 0 0 3px rgba(240,215,135,.28)}
.games-auth-wheel:before{content:"";position:absolute;inset:39%;border-radius:50%;background:linear-gradient(145deg,#f0d787,#9b7117);border:4px solid #15130e;box-shadow:0 7px 18px rgba(0,0,0,.35)}
.games-auth-wheel:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.2);border-radius:50%}
.games-auth-wheel span{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 22.5deg,transparent 0 43deg,rgba(255,255,255,.34) 43deg 45deg)}
.games-auth-pointer{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:34px solid #f0d787;filter:drop-shadow(0 4px 3px rgba(0,0,0,.4))}
.games-auth-copy{inset-inline:38px;bottom:36px;padding-top:250px}
.games-auth-brand-name{display:block;margin-top:16px;color:#f0d787;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.games-auth-copy h1{max-width:440px;font-size:clamp(32px,3.5vw,52px)}
.games-auth-copy p{max-width:470px;color:rgba(255,255,255,.76)}
.games-auth-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.games-auth-features span{padding:7px 10px;border:1px solid rgba(240,215,135,.26);border-radius:999px;background:rgba(240,215,135,.08);color:#f5e9bd;font-size:11px;font-weight:800}
.games-auth-card-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--text)}
.games-auth-card-brand>strong{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.games-auth-mini-wheel{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--primary),#211d14,var(--primary-2),#2b2518,var(--primary));border:3px solid color-mix(in srgb,var(--primary) 72%,#fff);box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 20%,transparent)}
.games-auth-mini-wheel i{width:13px;height:13px;border-radius:50%;background:#17130b;border:2px solid var(--primary-2)}
.games-auth-card .auth-heading .brand-mark{display:none!important}
.games-auth-card .auth-heading{text-align:start;margin-bottom:26px}
.games-auth-card .auth-heading h1{font-size:34px}
.games-auth-card .btn.primary{background:linear-gradient(115deg,#a97914,#d4af37,#f0d787);color:#17130b;box-shadow:0 12px 26px rgba(169,121,20,.20)}
.games-auth-card .auth-link{color:#a97914}
.auth-language .select2-container{min-width:158px!important}
.auth-language .select2-container .select2-selection--single{min-height:44px!important;border-radius:12px!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.auth-language .select2-container .select2-selection__rendered{line-height:42px!important;padding-inline:14px 34px!important;font-weight:700}
.auth-language .select2-container .select2-selection__arrow{height:42px!important;inset-inline-end:7px!important}
html[dir="rtl"] .games-auth-wheel-wrap{transform:translateX(50%)}
@media(max-width:860px){.games-auth-visual{min-height:300px!important}.games-auth-wheel-wrap{width:150px;height:150px;top:26px}.games-auth-wheel{inset:10px;border-width:6px}.games-auth-pointer{border-left-width:11px;border-right-width:11px;border-top-width:23px}.games-auth-copy{padding-top:138px;bottom:22px}.games-auth-copy h1{font-size:29px}.games-auth-copy p{display:none}.games-auth-features{margin-top:12px}.games-auth-features span{font-size:10px;padding:5px 8px}}
@media(max-width:520px){.games-auth-visual{min-height:245px!important}.games-auth-wheel-wrap{width:116px;height:116px;top:22px}.games-auth-copy{padding-top:104px;inset-inline:22px}.games-auth-brand-name{margin-top:8px;font-size:10px}.games-auth-copy h1{font-size:23px;margin:7px 0}.games-auth-features{display:none}.games-auth-card-brand{margin-bottom:18px}.auth-language .select2-container{min-width:136px!important}}

/* R9 — deployment board remains useful when only recent errors/successes exist */
.deployment-empty.is-active{min-height:140px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:24px}


/* R12 — Games navigation identity and density. */
.sidebar-nav{
  align-content:start;
  grid-auto-rows:max-content;
  gap:5px!important;
  padding-top:2px;
}
.games-sidebar-brand{
  min-height:72px;
  gap:12px;
  padding:8px 10px 16px;
  margin-bottom:8px;
}
.games-sidebar-brand .brand-name{
  min-width:0;
  font-size:16px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.02em;
}
.games-sidebar-mark{
  position:relative;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  background:conic-gradient(#d4af37 0 45deg,#211d14 45deg 90deg,#f0d787 90deg 135deg,#30291a 135deg 180deg,#b8891d 180deg 225deg,#17140e 225deg 270deg,#e2c46d 270deg 315deg,#292318 315deg 360deg);
  border:3px solid color-mix(in srgb,var(--primary) 70%,#fff);
  box-shadow:0 7px 20px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 0 0 2px rgba(0,0,0,.35);
}
.games-sidebar-mark:before{
  content:"";
  position:absolute;
  inset:34%;
  border-radius:50%;
  background:linear-gradient(145deg,#f0d787,#9b7117);
  border:2px solid #17130b;
}
.games-sidebar-mark:after{
  content:"";
  position:absolute;
  top:-7px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:12px solid #f0d787;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));
}
.games-sidebar-mark i{display:none}
.sidebar-nav>a{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:10px 12px!important;
}
.sidebar-nav-group{
  margin:1px 0;
  align-self:start;
}
.sidebar-nav-group>summary{
  min-height:44px;
  padding:10px 12px;
}
.sidebar-nav-group-links{
  padding-top:3px;
  padding-bottom:5px;
}
.games-sidebar-foot{
  gap:2px;
  padding:13px 10px max(13px,env(safe-area-inset-bottom));
  line-height:1.35;
}
.games-sidebar-foot small:first-child{
  color:var(--text);
  font-weight:800;
}
.games-sidebar-foot small:last-child{
  color:var(--muted);
  font-size:11px;
  letter-spacing:.03em;
}
@media(max-width:1000px){
  .games-sidebar-brand{min-height:66px;padding-top:6px}
  .sidebar-nav{padding-bottom:14px!important}
}


/* ========================================================================== */
/* Gestionnaire Games R14 — Flatpickr premium UI                              */
/* ========================================================================== */
/* Flatpickr owns compact internal controls. Keep the global form theme from
 * inflating its month, year and time fields. */
.flatpickr-calendar.foundation-flatpickr{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line))!important;
  border-radius:18px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:0 22px 60px rgba(24,20,13,.22),0 3px 14px rgba(24,20,13,.10)!important;
  font-family:inherit!important;
  font-size:13px!important;
}
.flatpickr-calendar.foundation-flatpickr:before,
.flatpickr-calendar.foundation-flatpickr:after{display:none!important}
.flatpickr-calendar.foundation-flatpickr.open{z-index:2147483646!important}

.flatpickr-calendar.foundation-flatpickr input,
.flatpickr-calendar.foundation-flatpickr select{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:inherit!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.flatpickr-calendar.foundation-flatpickr input:focus,
.flatpickr-calendar.foundation-flatpickr select:focus{outline:0!important;box-shadow:none!important}

.flatpickr-calendar.foundation-flatpickr .flatpickr-months{
  min-height:48px;
  padding:6px 8px 2px;
  align-items:center;
  background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));
  border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-month{
  height:40px;
  color:var(--text)!important;
  fill:var(--text)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month{
  height:40px;
  padding:8px 0 0;
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:850!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month .cur-month{
  margin-inline-end:6px;
  color:var(--text)!important;
  font-weight:850!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month input.cur-year{
  width:54px!important;
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1!important;
}
.flatpickr-calendar.foundation-flatpickr .numInputWrapper{width:58px!important}
.flatpickr-calendar.foundation-flatpickr .numInputWrapper span{
  opacity:.5;
  border-color:color-mix(in srgb,var(--primary) 18%,var(--line))!important;
}
.flatpickr-calendar.foundation-flatpickr .numInputWrapper span:hover{background:color-mix(in srgb,var(--primary) 9%,var(--surface-2))!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{
  top:7px!important;
  width:34px!important;
  height:34px!important;
  padding:9px!important;
  border-radius:10px;
  color:var(--text)!important;
  fill:var(--text)!important;
  transition:background .15s ease,color .15s ease,fill .15s ease;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month:hover,
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month:hover{
  background:color-mix(in srgb,var(--primary) 11%,var(--surface-2));
  color:var(--primary)!important;
  fill:var(--primary)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month svg,
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month svg{width:14px;height:14px;fill:currentColor!important}

.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdays{
  height:34px;
  padding-top:4px;
  background:var(--surface)!important;
}
.flatpickr-calendar.foundation-flatpickr span.flatpickr-weekday{
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.02em;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-days{background:var(--surface)!important}
.flatpickr-calendar.foundation-flatpickr .dayContainer{padding:4px 0 7px}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day{
  border-radius:10px!important;
  color:var(--text)!important;
  font-weight:700;
  border-color:transparent!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.prevMonthDay,
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.nextMonthDay{color:color-mix(in srgb,var(--muted) 45%,transparent)!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day:hover,
.flatpickr-calendar.foundation-flatpickr .flatpickr-day:focus{
  background:color-mix(in srgb,var(--primary) 10%,var(--surface-2))!important;
  color:var(--text)!important;
  border-color:transparent!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.today{
  border-color:color-mix(in srgb,var(--primary) 62%,var(--line))!important;
  color:var(--primary)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.selected,
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.startRange,
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.endRange{
  background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;
  border-color:transparent!important;
  color:#17130b!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 24%,transparent)!important;
}

.flatpickr-calendar.foundation-flatpickr .flatpickr-time{
  height:48px!important;
  max-height:48px!important;
  border-top:1px solid color-mix(in srgb,var(--primary) 12%,var(--line))!important;
  background:color-mix(in srgb,var(--primary) 4%,var(--surface))!important;
}
.flatpickr-calendar.foundation-flatpickr.hasTime .flatpickr-time{display:flex!important;align-items:center}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .numInputWrapper{height:38px!important;flex:1 1 0!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input{
  height:38px!important;
  width:100%!important;
  padding:0 8px!important;
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:850!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input:hover,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input:focus{background:color-mix(in srgb,var(--primary) 8%,var(--surface-2))!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .flatpickr-time-separator{color:var(--muted)!important;font-weight:900}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .flatpickr-am-pm{color:var(--text)!important}

html[dir="rtl"] .flatpickr-calendar.foundation-flatpickr{direction:rtl}
@media(max-width:520px){
  .flatpickr-calendar.foundation-flatpickr{max-width:calc(100vw - 28px)!important}
}

/* ========================================================================== */
/* Gestionnaire Games R15 — Flatpickr modal viewport positioning              */
/* ========================================================================== */
/* Calendars appended to a native <dialog> stay in the browser top layer, but
 * their coordinates are viewport coordinates. Fixed positioning makes those
 * coordinates deterministic for both the left and right date fields. */
.flatpickr-calendar.foundation-flatpickr[data-foundation-position="viewport"]{
  position:fixed!important;
  inset:auto!important;
  margin:0!important;
  transform:none!important;
  max-width:calc(100vw - 20px)!important;
}

/* ========================================================================== */
/* Gestionnaire Games R16 — Flatpickr native-dialog field anchoring           */
/* ========================================================================== */
/* Native <dialog> date pickers use Flatpickr's static wrapper. Each field now
 * owns its own calendar and no viewport/document coordinate conversion is used. */
.foundation-dialog .foundation-flatpickr-wrapper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}
.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-input,
.foundation-dialog .foundation-flatpickr-wrapper>.form-control.input{
  width:100%!important;
}
.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  left:0!important;
  right:auto!important;
  margin:0!important;
  transform:none!important;
  z-index:2147483646!important;
}
.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static[data-foundation-static-placement="above"]{
  top:auto!important;
  bottom:calc(100% + 8px)!important;
}
.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static[data-foundation-static-align="right"]{
  left:auto!important;
  right:0!important;
}
.foundation-dialog .foundation-flatpickr-wrapper.is-open{z-index:10060!important}

/* Firefox must not add its native number spinner on top of Flatpickr's own
 * year/time controls. */
.flatpickr-calendar.foundation-flatpickr input.cur-year,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-hour,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-minute,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-second{
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
.flatpickr-calendar.foundation-flatpickr input.cur-year::-webkit-inner-spin-button,
.flatpickr-calendar.foundation-flatpickr input.cur-year::-webkit-outer-spin-button,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-hour::-webkit-inner-spin-button,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-hour::-webkit-outer-spin-button,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-minute::-webkit-inner-spin-button,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-minute::-webkit-outer-spin-button,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-second::-webkit-inner-spin-button,
.flatpickr-calendar.foundation-flatpickr input.flatpickr-second::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}

@media(max-width:620px){
  .foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static{
    max-width:min(308px,calc(100vw - 32px))!important;
  }
}

/* ========================================================================== */
/* Gestionnaire Games R17 — Flatpickr compact strict layout                  */
/* ========================================================================== */
/* The previous releases fixed top-layer visibility and per-field anchoring.
 * R17 owns Flatpickr's geometry as well so global/vendor CSS cannot stretch
 * the calendar to the width of the form control. */
.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static,
.flatpickr-calendar.foundation-flatpickr.foundation-flatpickr-compact{
  width:min(322px,calc(100vw - 32px))!important;
  min-width:0!important;
  max-width:322px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line))!important;
  background:var(--surface)!important;
  box-shadow:0 18px 48px rgba(24,20,13,.20),0 4px 14px rgba(24,20,13,.08)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-innerContainer,
.flatpickr-calendar.foundation-flatpickr .flatpickr-rContainer,
.flatpickr-calendar.foundation-flatpickr .flatpickr-days,
.flatpickr-calendar.foundation-flatpickr .dayContainer{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-innerContainer,
.flatpickr-calendar.foundation-flatpickr .flatpickr-rContainer{display:block!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-months{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 44px!important;
  background:color-mix(in srgb,var(--primary) 5%,var(--surface))!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-month{
  position:relative!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  overflow:visible!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  height:48px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month .cur-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month input.cur-year{
  margin:0!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month .numInputWrapper{
  width:48px!important;
  min-width:48px!important;
  height:24px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month input.cur-year{
  width:48px!important;
  height:24px!important;
  text-align:center!important;
}
.flatpickr-calendar.foundation-flatpickr .numInputWrapper span{display:none!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{
  top:7px!important;
  width:34px!important;
  height:34px!important;
  padding:9px!important;
  border-radius:10px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month{left:7px!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{right:7px!important}
html[dir="rtl"] .flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month{left:auto!important;right:7px!important}
html[dir="rtl"] .flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{right:auto!important;left:7px!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdays{
  display:flex!important;
  width:100%!important;
  height:31px!important;
  padding:0 10px!important;
  background:var(--surface)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdaycontainer{
  display:flex!important;
  width:100%!important;
}
.flatpickr-calendar.foundation-flatpickr span.flatpickr-weekday{
  display:flex!important;
  flex:1 1 0!important;
  align-items:center!important;
  justify-content:center!important;
  height:31px!important;
  color:var(--muted)!important;
  font-size:10.5px!important;
  font-weight:850!important;
  text-transform:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-days{overflow:hidden!important}
.flatpickr-calendar.foundation-flatpickr .dayContainer{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:5px 10px 9px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day{
  display:flex!important;
  flex:0 0 calc(100% / 7)!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% / 7)!important;
  max-width:calc(100% / 7)!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
  font-size:12.5px!important;
  line-height:36px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time{
  display:grid!important;
  grid-template-columns:64px 12px 64px!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:6px!important;
  width:100%!important;
  height:54px!important;
  max-height:54px!important;
  padding:7px 12px!important;
  border-top:1px solid color-mix(in srgb,var(--primary) 12%,var(--line))!important;
  background:color-mix(in srgb,var(--primary) 3%,var(--surface))!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .numInputWrapper{
  width:64px!important;
  min-width:64px!important;
  height:38px!important;
  flex:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-hour,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-minute,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-second{
  width:64px!important;
  min-width:64px!important;
  height:38px!important;
  padding:0 8px!important;
  border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))!important;
  border-radius:10px!important;
  background:var(--surface-2)!important;
  color:var(--text)!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:38px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .flatpickr-time-separator{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:12px!important;
  height:38px!important;
  color:var(--muted)!important;
  font-size:16px!important;
  font-weight:900!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .flatpickr-am-pm{display:none!important}
@media(max-width:380px){
  .foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static,
  .flatpickr-calendar.foundation-flatpickr.foundation-flatpickr-compact{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* ========================================================================== */
/* Gestionnaire Games R18 — clamped Flatpickr popover                         */
/* ========================================================================== */
/* R17 kept the picker field-anchored but 322px still read visually like a
 * second form control. R18 makes it a true compact popover and lets JS clamp
 * it completely inside the visible native-dialog card. */
dialog.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static{
  width:min(272px,calc(100vw - 28px))!important;
  min-width:0!important;
  max-width:272px!important;
  border-radius:13px!important;
  box-shadow:0 14px 38px rgba(24,20,13,.18),0 3px 10px rgba(24,20,13,.08)!important;
}
dialog.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static[data-foundation-static-placement="managed"]{
  top:var(--foundation-picker-y)!important;
  bottom:auto!important;
  left:var(--foundation-picker-x)!important;
  right:auto!important;
  margin:0!important;
  transform:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-months{
  height:36px!important;
  min-height:36px!important;
  padding:0 38px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-month{
  height:36px!important;
  min-height:36px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month{
  height:36px!important;
  gap:4px!important;
  font-size:12.5px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month .cur-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month input.cur-year{
  font-size:12.5px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month .numInputWrapper,
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month input.cur-year{
  width:43px!important;
  min-width:43px!important;
  height:22px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{
  top:4px!important;
  width:28px!important;
  height:28px!important;
  padding:7px!important;
  border-radius:8px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month{left:5px!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{right:5px!important}
html[dir="rtl"] .flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month{left:auto!important;right:5px!important}
html[dir="rtl"] .flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{right:auto!important;left:5px!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdays,
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdaycontainer{
  height:22px!important;
  min-height:22px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdays{padding:0 7px!important}
.flatpickr-calendar.foundation-flatpickr span.flatpickr-weekday{
  height:22px!important;
  font-size:9.5px!important;
}
.flatpickr-calendar.foundation-flatpickr .dayContainer{
  padding:4px 7px 6px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day{
  height:25px!important;
  min-height:25px!important;
  line-height:25px!important;
  border-radius:8px!important;
  font-size:11.5px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time{
  grid-template-columns:48px 8px 48px!important;
  column-gap:4px!important;
  height:40px!important;
  max-height:40px!important;
  padding:5px 10px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .numInputWrapper{
  width:48px!important;
  min-width:48px!important;
  height:30px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-hour,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-minute,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-second{
  width:48px!important;
  min-width:48px!important;
  height:30px!important;
  padding:0 5px!important;
  border-radius:8px!important;
  font-size:12.5px!important;
  line-height:30px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .flatpickr-time-separator{
  width:8px!important;
  height:30px!important;
  font-size:14px!important;
}
@media(max-width:340px){
  dialog.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
}

/* ========================================================================== */
/* Gestionnaire Games R19 — Flatpickr refined premium visual                 */
/* ========================================================================== */
/* R18 fixed geometry and field ownership. R19 intentionally changes only the
 * visual system: quieter chrome, cleaner hierarchy and a lighter time footer. */
dialog.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static{
  width:min(260px,calc(100vw - 28px))!important;
  max-width:260px!important;
  border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line))!important;
  border-radius:15px!important;
  background:var(--surface)!important;
  box-shadow:0 16px 38px rgba(24,20,13,.14),0 3px 10px rgba(24,20,13,.05)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-months{
  height:42px!important;
  min-height:42px!important;
  padding:0 40px!important;
  border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--line))!important;
  background:color-mix(in srgb,var(--primary) 3%,var(--surface))!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month{
  height:42px!important;
  min-height:42px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month{
  gap:5px!important;
  font-size:13px!important;
  letter-spacing:-.01em!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month .cur-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month input.cur-year{
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:800!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month .numInputWrapper,
.flatpickr-calendar.foundation-flatpickr .flatpickr-current-month input.cur-year{
  width:42px!important;
  min-width:42px!important;
  height:24px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month,
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{
  top:6px!important;
  width:30px!important;
  height:30px!important;
  padding:8px!important;
  border-radius:999px!important;
  color:var(--muted)!important;
  transition:background .14s ease,color .14s ease!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month:hover,
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month:hover{
  background:color-mix(in srgb,var(--primary) 10%,transparent)!important;
  color:var(--text)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month{left:7px!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{right:7px!important}
html[dir="rtl"] .flatpickr-calendar.foundation-flatpickr .flatpickr-prev-month{left:auto!important;right:7px!important}
html[dir="rtl"] .flatpickr-calendar.foundation-flatpickr .flatpickr-next-month{right:auto!important;left:7px!important}
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdays,
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdaycontainer{
  height:27px!important;
  min-height:27px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-weekdays{
  padding:3px 9px 0!important;
  background:var(--surface)!important;
}
.flatpickr-calendar.foundation-flatpickr span.flatpickr-weekday{
  height:24px!important;
  color:color-mix(in srgb,var(--muted) 90%,var(--text))!important;
  font-size:9.5px!important;
  font-weight:750!important;
  letter-spacing:.015em!important;
}
.flatpickr-calendar.foundation-flatpickr .dayContainer{
  padding:4px 9px 9px!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day{
  position:relative!important;
  height:29px!important;
  min-height:29px!important;
  line-height:29px!important;
  border:0!important;
  border-radius:999px!important;
  color:var(--text)!important;
  font-size:11px!important;
  font-weight:720!important;
  background:transparent!important;
  box-shadow:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.prevMonthDay,
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.nextMonthDay{
  color:transparent!important;
  pointer-events:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day:not(.flatpickr-disabled):not(.selected):not(.startRange):not(.endRange):hover{
  background:color-mix(in srgb,var(--primary) 10%,var(--surface-2))!important;
  color:var(--text)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.selected,
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.startRange,
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.endRange{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary-2) 72%,var(--primary)))!important;
  color:#17130b!important;
  font-weight:900!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--primary) 24%,transparent)!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange)::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:2px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--primary);
  transform:translateX(-50%);
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time{
  display:grid!important;
  grid-template-columns:42px 8px 42px!important;
  justify-content:center!important;
  align-items:center!important;
  column-gap:3px!important;
  height:42px!important;
  max-height:42px!important;
  padding:6px 10px!important;
  border-top:1px solid color-mix(in srgb,var(--primary) 10%,var(--line))!important;
  background:color-mix(in srgb,var(--primary) 3%,var(--surface-2))!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .numInputWrapper{
  width:42px!important;
  min-width:42px!important;
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-hour,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-minute,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input.flatpickr-second{
  width:42px!important;
  min-width:42px!important;
  height:30px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:30px!important;
  text-align:center!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input:hover,
.flatpickr-calendar.foundation-flatpickr .flatpickr-time input:focus{
  background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important;
}
.flatpickr-calendar.foundation-flatpickr .flatpickr-time .flatpickr-time-separator{
  width:8px!important;
  height:30px!important;
  color:var(--muted)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:30px!important;
}
@media(max-width:340px){
  dialog.foundation-dialog .foundation-flatpickr-wrapper>.flatpickr-calendar.foundation-flatpickr.static{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
}