/* USKOBOT COMPONENT BRIDGE V5
   Adapted from USKOBOT_Modular_Site_V1/panel (Obsidian Signature UI Kit).
   Scoped to authenticated PHP workspaces. Existing transactions/auth/API handlers untouched.
   Preserves the current gold/classic palette switch; no demo palette or fake data. */

.mf-theme .usk-component-page {
  --uskc-surface:var(--mf-card,#1b1c20);
  --uskc-raised:var(--mf-raised,#292a2e);
  --uskc-input:var(--mf-input,#111317);
  --uskc-border:var(--mf-line,#544d40);
  --uskc-border-soft:var(--mf-soft,#393731);
  --uskc-text:var(--mf-text,#f1f0ec);
  --uskc-muted:var(--mf-muted,#b7b1a9);
  --uskc-accent:var(--mf-accent,#d7b079);
  --uskc-light:var(--mf-accent-text,#e9c78e);
  --uskc-soft:rgba(var(--mf-accent-rgb,215,176,121),.09);
  --uskc-glow:rgba(var(--mf-accent-rgb,215,176,121),.14);
  --uskc-positive:var(--mf-green,#83cba3);
  --uskc-negative:var(--mf-red,#e89a95);
  --uskc-deep:rgba(0,0,0,.24);
  min-width:0;
}
.mf-theme .usk-component-page [hidden]{display:none!important}
.mf-theme .usk-component-page .usk-sr-only,
.mf-theme .usk-component-page .usk-sc-select-label .usk-sr-only{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%);white-space:nowrap;padding:0!important;margin:0!important;
}

/* Foundation / surfaces: original UI-kit optical bevel, without replacing layouts. */
.mf-theme .usk-component-page :is(.neu-panel-card,.mf-panel,.mf-metric,.settings-card,.signal-online-card,.ap-panel,.cloud-account-card,.cloud-backup-picker,.update-note-card) {
  border:1px solid var(--uskc-border-soft)!important;
  border-top-color:color-mix(in srgb,var(--uskc-accent) 28%,var(--uskc-border-soft))!important;
  border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 23px rgba(0,0,0,.12)!important;
  transition:border-color .23s ease,box-shadow .23s ease,background-color .23s ease;
}
.mf-theme .usk-component-page :is(.mf-panel,.mf-metric,.neu-panel-card,.settings-card,.signal-online-card,.ap-panel,.cloud-account-card):hover {
  border-color:color-mix(in srgb,var(--uskc-accent) 38%,var(--uskc-border-soft))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 30px rgba(0,0,0,.18),0 0 0 1px var(--uskc-soft)!important;
}
.mf-theme .usk-component-page :is(.mf-metric,.mf-panel,.neu-panel-card,.settings-card,.signal-online-card,.ap-panel) {
  background-image:linear-gradient(145deg,rgba(255,255,255,.022),transparent 38%,rgba(var(--mf-accent-rgb,215,176,121),.023) 100%);
}
.mf-theme .usk-component-page :is(.mf-panel-heading h3,.settings-title,.cloud-account-card h3,.ap-section-copy h3){
  color:var(--uskc-text);letter-spacing:-.015em;
}
.mf-theme .usk-component-page .mf-metric {
  border-top:2px solid color-mix(in srgb,var(--uskc-accent) 52%,transparent)!important;
  isolation:isolate;overflow:hidden;
}
.mf-theme .usk-component-page .mf-metric:first-child {
  background-image:radial-gradient(ellipse at 0 0,var(--uskc-glow),transparent 70%);
}
.mf-theme .usk-component-page .mf-metric:hover strong,
.mf-theme .usk-component-page .mf-metric:hover .mf-metric-label svg{color:var(--uskc-light)}
.mf-theme .usk-component-page :is(.mf-tag,.mf-mini-tag,.mf-count,.update-version-badge,.admin-ticket-badge,.twofa-status,.ap-section-step) {
  border:1px solid color-mix(in srgb,var(--uskc-accent) 36%,var(--uskc-border-soft));
  color:var(--uskc-light);
  background:var(--uskc-soft);
  border-radius:5px;
  letter-spacing:.015em;
}
.mf-theme .usk-component-page :is(.status,.badge,.mf-tag,.update-change-tag){font-variant-numeric:tabular-nums}
.mf-theme .usk-component-page :is(.text-success,.stat-value-green,.status-success){color:var(--uskc-positive)!important}
.mf-theme .usk-component-page :is(.text-danger,.status-danger){color:var(--uskc-negative)!important}

/* Real navigation and disclosure; no static demo route links. */
.mf-theme .usk-component-page .mf-view-tabs {
  gap:7px;border-bottom:1px solid var(--uskc-border-soft);padding-bottom:12px;margin-bottom:18px;
}
.mf-theme .usk-component-page .mf-view-tabs a{
  border:1px solid transparent;min-height:39px;display:inline-flex;align-items:center;gap:7px;
  border-radius:8px;padding:7px 12px;font-weight:600;transition:background .2s,border-color .2s;
}
.mf-theme .usk-component-page .mf-view-tabs a:is(:hover,.is-active){
  background:var(--uskc-soft);border-color:var(--uskc-border);color:var(--uskc-light);
}
.mf-theme .usk-component-page .mf-view-tabs a span{border:1px solid var(--uskc-border-soft);border-radius:4px}
.mf-theme .usk-component-page .mf-page-toolbar,
.mf-theme .usk-component-page .ticket-type-tabs{gap:12px;flex-wrap:wrap}
.mf-theme .usk-component-page .ticket-type-tab {
  border:1px solid var(--uskc-border)!important;background:var(--uskc-input)!important;
  color:var(--uskc-muted)!important;border-radius:9px;font-weight:600!important;
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;
}
.mf-theme .usk-component-page .ticket-type-tab:hover,
.mf-theme .usk-component-page .ticket-type-tab.active {
  color:var(--uskc-light)!important;background:var(--uskc-soft)!important;
  border-color:var(--uskc-accent)!important;
}

/* Action family: premium primary, restrained secondary, outline and danger. */
.mf-theme .usk-component-page :is(.neu-btn,.mf-button,.show-more-card,.cloud-cancel-button,.ap-action-btn,.ap-code-toggle,.card-pay-button,.pay-amount,.ticket-type-tab) {
  border-radius:8px;transition:background-color .2s,border-color .2s,box-shadow .2s,filter .2s;
}
.mf-theme .usk-component-page :is(.neu-btn,.mf-button,.show-more-card,.cloud-cancel-button):not(:disabled):hover{
  border-color:color-mix(in srgb,var(--uskc-accent) 55%,var(--uskc-border));
  box-shadow:0 0 0 2px var(--uskc-soft)!important;
}
.mf-theme .usk-component-page :is(.btn-primary,.mf-button-primary,button[type="submit"].neu-btn,.pkg-card .neu-btn):not(:disabled){
  color:var(--mf-accent-ink,#19140d)!important;
  background:linear-gradient(130deg,var(--mf-accent-hover,#f1d7a8),var(--uskc-accent) 68%,color-mix(in srgb,var(--uskc-accent) 85%,#000))!important;
  border-color:var(--uskc-accent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 14px var(--uskc-glow)!important;
}
.mf-theme .usk-component-page :is(.btn-primary,.mf-button-primary,button[type="submit"].neu-btn,.pkg-card .neu-btn):not(:disabled):hover{filter:brightness(1.065)}
.mf-theme .usk-component-page :is(.cloud-danger-button,.cloud-route-delete,.cloud-confirm-delete,.alert-danger) {border-color:color-mix(in srgb,var(--uskc-negative) 40%,var(--uskc-border-soft))!important}
.mf-theme .usk-component-page button:disabled{cursor:not-allowed;opacity:.55}
.mf-theme .usk-component-page :is(button,a,input,select,textarea):focus-visible{
  outline:2px solid var(--uskc-accent);outline-offset:3px;
}

/* Notice, alerts, toast-like real flash and empty states. */
.mf-theme .usk-component-page .alert-card{
  border-left:3px solid var(--uskc-accent)!important;
  background-image:linear-gradient(100deg,var(--uskc-soft),transparent 60%);
  position:relative;
}
.mf-theme .usk-component-page .alert-success{border-left-color:var(--uskc-positive)!important}
.mf-theme .usk-component-page .alert-danger{border-left-color:var(--uskc-negative)!important}
.mf-theme .usk-component-page :is(.esn-info-box,.cloud-account-note,.signal-online-warn,.ap-message,.password-help){
  border-color:var(--uskc-border-soft);color:var(--uskc-muted);line-height:1.65;
}
.mf-theme .usk-component-page :is(.mf-empty-state,.ap-empty,.cloud-account-empty,.signal-online-empty,.admin-ticket-empty){
  border-radius:9px;color:var(--uskc-muted);
}
.mf-theme .usk-component-page .usk-sc-dismiss{
  width:27px;height:27px;display:grid;place-items:center;position:absolute;top:8px;right:9px;
  border:1px solid var(--uskc-border);border-radius:7px;background:var(--uskc-raised);
  color:var(--uskc-muted);font-size:18px;line-height:1;z-index:6;
}
.mf-theme .usk-component-page .usk-sc-dismiss:hover{color:var(--uskc-text);border-color:var(--uskc-accent)}
.mf-theme .usk-component-page .usk-sc-noresults{padding:16px;border:1px dashed var(--uskc-border);border-radius:9px;color:var(--uskc-muted);margin:8px 0 18px}

/* Native forms + searchable dropdown aesthetics; validation stays with the original backend. */
.mf-theme .usk-component-page :is(.neu-input,.form-control,.cloud-backup-select,.ap-field input,.ap-field select,.ap-field textarea,.pay-custom-input) {
  background:var(--uskc-input)!important;color:var(--uskc-text)!important;
  border:1px solid var(--uskc-border)!important;border-radius:8px;min-height:43px;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.14)!important;
}
.mf-theme .usk-component-page :is(.neu-input,.form-control,.cloud-backup-select,.ap-field input,.ap-field select,.ap-field textarea,.pay-custom-input):focus {
  border-color:var(--uskc-accent)!important;box-shadow:0 0 0 3px var(--uskc-glow)!important;
}
.mf-theme .usk-component-page :is(.neu-input,.form-control,.ap-field input,.ap-field select,.ap-field textarea)::placeholder{color:var(--uskc-muted);opacity:.77}
.mf-theme .usk-component-page :is(.form-group label,.ap-field label,.settings-meta-label){color:var(--uskc-muted)}
.mf-theme .usk-component-page :is(.ap-method-picker,.ap-account-list,.settings-meta-item,.ref-stat){border-color:var(--uskc-border-soft)}
.mf-theme .usk-component-page :is(.ap-method-option,.pay-amount,.ap-account-row){border-color:var(--uskc-border)}
.mf-theme .usk-component-page :is(.ap-method-option,.pay-amount):hover{
  border-color:var(--uskc-accent)!important;box-shadow:0 0 0 2px var(--uskc-soft);
}
.mf-theme .usk-component-page :is(.ap-method-option.is-active,.ap-method-option.active,.pay-amount.is-selected){
  background:var(--uskc-soft)!important;border-color:var(--uskc-accent)!important;color:var(--uskc-light)!important;
}
.mf-theme .usk-component-page :is(.switch-slider,.ap-switch-track){border:1px solid var(--uskc-border)}
.mf-theme .usk-component-page :is(.switch-container input:checked + .switch-slider,.ap-switch input:checked + .ap-switch-track){
  background:var(--uskc-accent)!important;border-color:var(--uskc-accent)!important;
}

/* Filterable service/transaction data tables (values from PHP, never fixture data). */
.mf-theme .usk-component-page .usk-sc-toolbar{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:16px 18px;margin:18px 0 11px;
  border:1px solid var(--uskc-border-soft);border-top:2px solid color-mix(in srgb,var(--uskc-accent) 65%,transparent);
  border-radius:10px;background:linear-gradient(135deg,var(--uskc-soft),transparent 45%),var(--uskc-surface);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.mf-theme .usk-component-page .usk-sc-toolbar-heading{display:flex;flex-direction:column;gap:3px;min-width:155px;flex:1 1 160px}
.mf-theme .usk-component-page .usk-sc-toolbar-heading strong{font-size:15px;font-weight:650;color:var(--uskc-text);line-height:1.3}
.mf-theme .usk-component-page .usk-sc-overline{
  color:var(--uskc-light);font:700 10px/1.4 Consolas,ui-monospace,monospace;
  letter-spacing:.11em;text-transform:uppercase;
}
.mf-theme .usk-component-page .usk-sc-search{
  display:flex;align-items:center;gap:9px;flex:1 1 220px;min-width:170px;
  min-height:43px;padding:0 13px;border-radius:8px;background:var(--uskc-input);
  border:1px solid var(--uskc-border);color:var(--uskc-light);
}
.mf-theme .usk-component-page .usk-sc-search:focus-within{
  border-color:var(--uskc-accent);box-shadow:0 0 0 3px var(--uskc-glow);
}
.mf-theme .usk-component-page .usk-sc-search>span{font-size:23px;line-height:1;color:var(--uskc-light)}
.mf-theme .usk-component-page .usk-sc-search input{
  width:100%;min-width:0;min-height:40px;padding:0;border:0!important;background:transparent!important;
  box-shadow:none!important;outline:0!important;color:var(--uskc-text)!important;font-size:14px;
}
.mf-theme .usk-component-page .usk-sc-search input:focus{box-shadow:none!important;border:0!important;outline:none!important}
.mf-theme .usk-component-page .usk-sc-search input::placeholder{color:var(--uskc-muted);opacity:.8}
.mf-theme .usk-component-page .usk-sc-result{
  color:var(--uskc-muted);font-size:12px;font-variant-numeric:tabular-nums;
  white-space:nowrap;max-width:100%;
}
.mf-theme .usk-component-page .usk-sc-select-label{display:block;min-width:150px;flex:0 1 190px;position:relative}
.mf-theme .usk-component-page .usk-sc-select-label select{
  width:100%;height:43px;border:1px solid var(--uskc-border)!important;
  background:var(--uskc-input);color:var(--uskc-text);border-radius:8px;
  padding:0 13px;font-size:13px;cursor:pointer;
}
.mf-theme .usk-component-page .usk-sc-select-label select:focus{border-color:var(--uskc-accent)!important;outline:2px solid var(--uskc-glow);outline-offset:1px}
.mf-theme .usk-component-page .usk-sc-table-card{overflow-x:auto;max-width:100%;padding:8px!important}
.mf-theme .usk-component-page :is(.neu-table,.signal-online-table,.cloud-route-table){
  border-collapse:collapse!important;border-spacing:0!important;
  color:var(--uskc-text);width:100%;
}
.mf-theme .usk-component-page :is(.neu-table,.signal-online-table,.cloud-route-table) thead th{
  color:var(--uskc-muted)!important;background:var(--uskc-input)!important;
  border-bottom:1px solid var(--uskc-border)!important;
  font-size:12px;letter-spacing:.04em;white-space:normal;
}
.mf-theme .usk-component-page :is(.neu-table,.signal-online-table,.cloud-route-table) tbody tr:hover td{
  background:var(--uskc-soft)!important;
}
.mf-theme .usk-component-page :is(.neu-table,.signal-online-table,.cloud-route-table) td{
  border-bottom:1px solid var(--uskc-border-soft)!important;
}
.mf-theme .usk-component-page .usk-sc-table-card tr[hidden]{display:none!important}
.mf-theme .usk-component-page .usk-sc-store-toolbar{margin-top:2px}

/* Commerce: actual product durations and server-calculated prices. */
.mf-theme .usk-component-page .pkg-card{
  position:relative;isolation:isolate;overflow:hidden;
  background-image:radial-gradient(ellipse at 93% 0,var(--uskc-soft),transparent 53%);
  padding-top:22px;
}
.mf-theme .usk-component-page .pkg-card .usk-sc-overline{display:block;text-align:left;margin:-4px 0 14px}
.mf-theme .usk-component-page .pkg-card .pkg-icon{
  border:1px solid color-mix(in srgb,var(--uskc-accent) 42%,var(--uskc-border-soft));
  background:var(--uskc-soft)!important;color:var(--uskc-light);
}
.mf-theme .usk-component-page .pkg-card .pkg-price{
  font-size:clamp(24px,2.1vw,33px);font-weight:700;color:var(--uskc-text);letter-spacing:-.045em;
}
.mf-theme .usk-component-page .pkg-card .pkg-duration{color:var(--uskc-muted)}
.mf-theme .usk-component-page .pkg-card .neu-btn{margin-top:14px}
.mf-theme .usk-component-page .pay-amount.is-selected{box-shadow:inset 0 0 0 1px var(--uskc-accent),0 0 0 2px var(--uskc-glow)!important}

/* OTP/security: presentation only, existing credential logic and selectors unchanged. */
.mf-theme .usk-component-page :is(.ap-intro,.ap-panel,.settings-card,.recovery-card){border-color:var(--uskc-border-soft)}
.mf-theme .usk-component-page :is(.ap-intro-icon,.ap-section-icon,.ap-account-avatar,.recovery-card .neu-icon){
  color:var(--uskc-light);border-color:color-mix(in srgb,var(--uskc-accent) 42%,var(--uskc-border));
}
.mf-theme .usk-component-page .settings-meta-value{color:var(--uskc-text)}
.mf-theme .usk-component-page .recovery-code{font-family:ui-monospace,Consolas,monospace}
.mf-theme .usk-component-page :is(.ref-stat,.twofa-details,.settings-meta-item){
  background:var(--uskc-input);border:1px solid var(--uskc-border-soft);border-radius:8px;
}

/* Changelog as a real accessible accordion (existing click/aria behavior retained). */
.mf-theme .usk-component-page .updates-list{display:flex;flex-direction:column;gap:12px}
.mf-theme .usk-component-page .update-note-card{
  border:1px solid var(--uskc-border-soft)!important;border-radius:10px;overflow:hidden;
  background:var(--uskc-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 23px rgba(0,0,0,.12);
}
.mf-theme .usk-component-page .update-note-card:first-child{
  border-left:3px solid var(--uskc-accent)!important;
  box-shadow:0 0 0 1px var(--uskc-soft),0 10px 28px rgba(0,0,0,.16);
}
.mf-theme .usk-component-page .update-note-header{color:var(--uskc-text);background:transparent}
.mf-theme .usk-component-page .update-note-header:hover{background:var(--uskc-soft)}
.mf-theme .usk-component-page .update-change-tag{
  padding:2px 7px;border-radius:4px;border:1px solid var(--uskc-border);background:var(--uskc-soft);
}
.mf-theme .usk-component-page .update-change-tag--feature{color:var(--uskc-positive);border-color:color-mix(in srgb,var(--uskc-positive) 34%,var(--uskc-border))}
.mf-theme .usk-component-page .update-change-tag--fix{color:var(--uskc-light)}
.mf-theme .usk-component-page .update-change-tag--info{color:var(--uskc-muted)}
.mf-theme .usk-component-page #showMoreUpdates{width:100%;border:1px solid var(--uskc-border);background:var(--uskc-surface);color:var(--uskc-light)}
.mf-theme .usk-component-page .usk-sc-release-toolbar{margin:8px 0 14px}
.mf-theme .usk-component-page #uskReleaseEmpty{margin-bottom:12px}

/* Modal, drawer-like panels and confirmation layer – no new payment dialog created. */
.mf-theme :is(.modal-overlay,.cloud-modal-overlay,.pay-modal,.ap-modal-overlay){backdrop-filter:blur(5px)}
.mf-theme :is(.modal-content,.cloud-modal-card,.pay-modal-box,.ap-modal,.extend-modal-card){
  border:1px solid var(--mf-line,#514331)!important;border-top-color:var(--mf-accent,#d7b079)!important;
  border-radius:12px;box-shadow:0 25px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.mf-theme .usk-component-page :is(.support-ticket-table,.admin-ticket-inbox,.ticket-chat-window){border-color:var(--uskc-border-soft)}
.mf-theme .usk-component-page .signal-online-card{
  border-top:2px solid color-mix(in srgb,var(--uskc-accent) 48%,var(--uskc-border))!important;
}
.mf-theme .usk-component-page .signal-online-value{color:var(--uskc-light)!important}
.mf-theme .usk-component-page .signal-online-label{color:var(--uskc-muted)!important}

@media(max-width:900px){
  .mf-theme .usk-component-page .usk-sc-toolbar{padding:13px;gap:10px}
  .mf-theme .usk-component-page .usk-sc-toolbar-heading{flex:1 0 100%}
  .mf-theme .usk-component-page .usk-sc-search{flex:1 1 180px}
  .mf-theme .usk-component-page .usk-sc-select-label{flex:0 1 180px}
}
@media(max-width:600px){
  .mf-theme .usk-component-page .usk-sc-toolbar{padding:13px 12px;border-radius:9px}
  .mf-theme .usk-component-page .usk-sc-search{flex:1 0 100%;min-width:0}
  .mf-theme .usk-component-page .usk-sc-select-label{flex:1 1 100%}
  .mf-theme .usk-component-page .usk-sc-result{white-space:normal}
  .mf-theme .usk-component-page .pkg-card .pkg-price{font-size:28px}
  .mf-theme .usk-component-page .mf-view-tabs{overflow:auto;flex-wrap:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .mf-theme .usk-component-page :is(.neu-panel-card,.mf-panel,.mf-metric,.settings-card,.signal-online-card,.ap-panel,.cloud-account-card,.update-note-card,.neu-btn,.mf-button){transition:none!important}
}
@media print{
  .mf-theme .usk-component-page .usk-sc-toolbar{display:none!important}
  .mf-theme .usk-component-page :is(.mf-panel,.mf-metric,.neu-panel-card,.update-note-card){box-shadow:none!important;border:1px solid #bbb!important}
}