/* Unified admin theme and form surfaces */
:root{
  --uv-bg:#070a12;
  --uv-bg2:#101727;
  --uv-panel:rgba(255,255,255,.075);
  --uv-panel-soft:rgba(255,255,255,.045);
  --uv-line:rgba(255,255,255,.13);
  --uv-line-soft:rgba(255,255,255,.08);
  --uv-text:#f8fafc;
  --uv-muted:#cbd5e1;
  --uv-dim:#94a3b8;
  --uv-orange:#ff7a18;
  --uv-pink:#ff2d55;
  --uv-gold:#fbbf24;
  --uv-green:#22c55e;
  --uv-red:#ef4444;
  --uv-shadow:0 24px 70px rgba(0,0,0,.35);
}
html,body{
  background:
    radial-gradient(circle at top left,rgba(255,122,24,.16),transparent 31rem),
    radial-gradient(circle at top right,rgba(255,45,85,.12),transparent 28rem),
    linear-gradient(135deg,var(--uv-bg),var(--uv-bg2) 55%,#05070d)!important;
  color:var(--uv-text)!important;
}
body.admin-modern,
body[class*="admin"],
.admin-page{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--uv-text)!important;
}
/* Main admin surfaces */
body.admin-modern .container,
body.admin-modern .content,
body.admin-modern main,
body.admin-modern .main,
body.admin-modern .admin-container,
body.admin-modern .wrapper,
body.admin-modern .box,
body.admin-modern .panel,
body.admin-modern .card,
body.admin-modern .admin-card,
body.admin-modern details,
body.admin-modern .month-group,
body.admin-modern .stat,
body.admin-modern .summary,
body.admin-modern .dashboard-card,
body.admin-modern .analytics-card,
body.admin-modern .user-card,
body.admin-modern .voucher-card,
body.admin-modern .discount-card,
body.admin-modern .mystery-card,
body.admin-modern .lottery-card{
  background:linear-gradient(180deg,var(--uv-panel),var(--uv-panel-soft))!important;
  border:1px solid var(--uv-line)!important;
  box-shadow:var(--uv-shadow)!important;
  color:var(--uv-text)!important;
  border-radius:24px!important;
}
body.admin-modern h1,body.admin-modern h2,body.admin-modern h3,body.admin-modern h4,
body.admin-modern label,body.admin-modern strong{color:var(--uv-text)!important;}
body.admin-modern p,body.admin-modern small,body.admin-modern .muted,body.admin-modern .hint,
body.admin-modern .subtitle,body.admin-modern .description{color:var(--uv-muted)!important;}
/* Sidebar/navigation */
body.admin-modern .sidebar,
.sidebar{
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,11,18,.96))!important;
  border-right:1px solid var(--uv-line)!important;
  box-shadow:18px 0 50px rgba(0,0,0,.28)!important;
}
.sidebar a,body.admin-modern nav a,body.admin-modern .nav a{
  color:#f8fafc!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  text-decoration:none!important;
}
.sidebar a:hover,body.admin-modern nav a:hover,body.admin-modern .nav a:hover,
.sidebar a.active,body.admin-modern nav a.active{
  background:linear-gradient(135deg,var(--uv-orange),var(--uv-pink))!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
/* IMPORTANT: remove the big grey framed areas around inputs/forms */
form,
.form,
.form-box,
.formBox,
.form-card,
.form-panel,
.form-container,
.input-box,
.inputBox,
.input-group,
.form-group,
.form-row,
fieldset,
.login-box form,
.register-box form,
.dailyDealBox form,
.voucherBox form,
.card form,
.box form,
.panel form,
.admin-card form,
.order-card form,
.order-actions form,
.filters,
.filter-box,
.search-box,
.searchBox{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
fieldset{border:0!important;padding:0!important;margin:0!important;}
/* Keep real inputs visible, but not grey blocks */
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.input,
.form-control,
.search-input,
.stock-input,
.qty-input,
.quantity-input{
  background:rgba(255,255,255,.045)!important;
  background-color:rgba(255,255,255,.045)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  outline:0!important;
}
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
select:focus,textarea:focus,
.input:focus,.form-control:focus,.search-input:focus{
  border-color:rgba(255,122,24,.72)!important;
  box-shadow:0 0 0 4px rgba(255,122,24,.15), inset 0 1px 0 rgba(255,255,255,.1)!important;
  background:rgba(255,255,255,.065)!important;
}
input::placeholder,textarea::placeholder{color:rgba(203,213,225,.72)!important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 0 0 1000px #111827 inset!important;
  transition:background-color 9999s ease-in-out 0s!important;
}
/* Buttons */
button,.btn,a.btn,input[type="submit"],input[type="button"]{
  background:linear-gradient(135deg,var(--uv-orange),var(--uv-pink))!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:0 14px 30px rgba(255,45,85,.18)!important;
  font-weight:850!important;
}
button:hover,.btn:hover,a.btn:hover,input[type="submit"]:hover,input[type="button"]:hover{filter:brightness(1.06)!important;transform:translateY(-1px);}
button.secondary,.btn.secondary,.btn.gray,.btn-muted,a.secondary{
  background:rgba(255,255,255,.08)!important;
  border:1px solid var(--uv-line)!important;
  box-shadow:none!important;
}
button.danger,.btn.danger,.delete,.deleteBtn{background:linear-gradient(135deg,#ef4444,#f97316)!important;}
/* Tables */
table{background:rgba(255,255,255,.035)!important;border:1px solid var(--uv-line)!important;border-radius:18px!important;overflow:hidden!important;color:var(--uv-text)!important;}
th{background:linear-gradient(135deg,rgba(255,122,24,.94),rgba(255,45,85,.92))!important;color:#fff!important;border:0!important;}
td{background:rgba(255,255,255,.025)!important;color:#f8fafc!important;border-color:rgba(255,255,255,.08)!important;}
tr:nth-child(even) td{background:rgba(255,255,255,.04)!important;}
/* Status/badges – remove remaining blue/grey pills */
.badge,.chip,.pill,.tag,.status,.level,.role,.notice,.alert,.info,
.status-badge,.order-status,.vip-badge,.coupon-badge{
  background:rgba(255,255,255,.08)!important;
  border:1px solid var(--uv-line)!important;
  color:#fff!important;
  border-radius:999px!important;
}
.badge.success,.status.success,.paid,.bezahlt{background:rgba(34,197,94,.18)!important;border-color:rgba(34,197,94,.38)!important;color:#dcfce7!important;}
.badge.warn,.status.warn,.open,.offen{background:rgba(251,191,36,.18)!important;border-color:rgba(251,191,36,.38)!important;color:#fef3c7!important;}
/* Admin orders cards */
.order-card,.ao-card,.orderCard{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:24px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.34)!important;
  color:var(--uv-text)!important;
}
.pick-list,.picking-list,.kommissionierliste,.commission-list,
.order-products,.products-list,.details-box,.customer-box,.payment-box,.shipping-box{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  color:var(--uv-text)!important;
}
/* Avoid old grey wrapper styles winning */
[style*="background: #"],
[style*="background:#"],
[style*="background-color: #"],
[style*="background-color:#"]{
  color:inherit;
}
@media(max-width:760px){
  body.admin-modern .container,body.admin-modern .content,body.admin-modern main{border-radius:18px!important;padding:14px!important;}
  table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;}
}

/* Einheitliche Admin-Sidebar */
.admin-sidebar,
.sidebar {
    position: sticky;
    top: 18px;
    align-self: flex-start;
    width: 260px;
    min-width: 240px;
    max-height: calc(100vh - 36px);
    overflow: auto;
    padding: 18px;
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,.12);
    background:
        radial-gradient(circle at top left, rgba(255,184,77,.18), transparent 34%),
        linear-gradient(145deg, rgba(18,18,26,.94), rgba(10,10,16,.96));
    box-shadow: 0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    color: #fff;
}

.admin-sidebar__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 8px 18px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.admin-sidebar__logo {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    color: #17100a;
    background: linear-gradient(135deg, #ffcf6b, #ff8a3d 55%, #ff4fa3);
    box-shadow: 0 12px 28px rgba(255,138,61,.25);
}

.admin-sidebar__brand strong {
    display: block;
    font-size: 1.05rem;
    letter-spacing: .03em;
}

.admin-sidebar__brand small {
    color: rgba(255,255,255,.56);
    font-size: .78rem;
}

.admin-sidebar__nav {
    display: grid;
    gap: 7px;
}

.admin-sidebar__link,
.sidebar a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid transparent;
    color: rgba(255,255,255,.76) !important;
    text-decoration: none !important;
    background: transparent;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.admin-sidebar__link:hover,
.sidebar a:hover {
    transform: translateX(3px);
    color: #fff !important;
    border-color: rgba(255,203,107,.24);
    background: rgba(255,255,255,.07);
}

.admin-sidebar__link.is-active,
.sidebar a.active {
    color: #fff !important;
    border-color: rgba(255,203,107,.38);
    background: linear-gradient(135deg, rgba(255,203,107,.2), rgba(255,79,163,.12));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(0,0,0,.18);
}

.admin-sidebar__icon {
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255,255,255,.07);
}

.admin-sidebar__footer {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.1);
}

.admin-sidebar__shop,
.admin-sidebar__logout {
    justify-content: center;
    font-weight: 800;
}

.admin-sidebar__shop {
    background: linear-gradient(135deg, #ffcf6b, #ff8a3d) !important;
    color: #1b1008 !important;
}

.admin-sidebar__logout {
    background: rgba(255,255,255,.06) !important;
}

@media (max-width: 900px) {
    .admin-sidebar,
    .sidebar {
        position: relative;
        top: auto;
        width: 100%;
        min-width: 0;
        max-height: none;
        margin-bottom: 16px;
    }

    .admin-sidebar__nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-sidebar__link,
    .sidebar a {
        justify-content: flex-start;
        font-size: .92rem;
    }
}

/* Admin-Seitenlayout mit Sidebar */
body.admin-modern:has(.admin-sidebar) {
    display: flex !important;
    align-items: flex-start !important;
    gap: 22px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

.admin-sidebar ~ .main,
.admin-sidebar ~ main,
.admin-sidebar ~ .container,
.admin-sidebar ~ .content,
.admin-sidebar ~ .admin-container {
    margin-left: 0 !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

@media (max-width: 900px) {
    body.admin-modern:has(.admin-sidebar) {
        display: block !important;
        padding: 12px !important;
    }
}