/* Maknoon Premium Admin Polish — 2026-09-29
   Presentation layer only; no business logic changes. */
:root{
  --mk-admin-gold:#b88b4a;
  --mk-admin-gold-deep:#8f6a36;
  --mk-admin-ink:#1e1b17;
  --mk-admin-bg:#f6f4ef;
  --mk-admin-card:#fff;
  --mk-admin-line:#e8e1d5;
  --mk-admin-muted:#716b62;
  --mk-admin-danger:#b42318;
  --mk-admin-success:#18794e;
  --mk-admin-shadow:0 10px 34px rgba(51,42,28,.07);
}
html{scroll-behavior:smooth}
body{
  background:var(--mk-admin-bg)!important;
  color:var(--mk-admin-ink);
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(184,139,74,.23)!important;
  outline-offset:2px;
}

/* Navigation */
.sidebar{
  background:#fff!important;
  border-color:var(--mk-admin-line)!important;
  box-shadow:-8px 0 26px rgba(51,42,28,.04);
}
.sidebar h1,.sidebar h2,.sidebar h3{letter-spacing:-.15px}
.sidebar button,.sidebar a{
  border-radius:11px!important;
}
.sidebar button:hover,.sidebar a:hover{
  transform:none!important;
}

/* Main workspace */
.main,.main-content,.content{
  background:transparent!important;
}
.container,.panel,.card,.section-card,.order-card,.admin-card{
  border-color:var(--mk-admin-line)!important;
  box-shadow:var(--mk-admin-shadow);
}
.order-card,.admin-card{
  border-radius:16px!important;
  background:#fff!important;
}
.admin-card{
  border-right:4px solid var(--mk-admin-gold)!important;
}

/* Forms */
input,select,textarea{
  border:1px solid var(--mk-admin-line)!important;
  border-radius:11px!important;
  background:#fff;
  min-height:44px;
}
textarea{min-height:90px}
input:focus,select:focus,textarea:focus{
  border-color:rgba(184,139,74,.62)!important;
  box-shadow:0 0 0 4px rgba(184,139,74,.09)!important;
  outline:0!important;
}
label{font-weight:700;color:#3b362f}

/* Buttons */
.btn,button{
  min-height:40px;
}
.btn,.btn-gold,.btn-dark,.btn-danger,.btn-success,
#mk-combo-editor button{
  border-radius:10px!important;
  box-shadow:none!important;
}
.btn-gold{
  background:var(--mk-admin-ink)!important;
  border-color:var(--mk-admin-ink)!important;
  color:#fff!important;
}
.btn-dark{background:#423b32!important}
.btn-danger{
  background:#fff!important;
  color:var(--mk-admin-danger)!important;
  border:1px solid rgba(180,35,24,.24)!important;
}
.btn-danger:hover{
  background:#fff3f2!important;
}
.btn-success{
  background:#edf8f2!important;
  color:var(--mk-admin-success)!important;
  border:1px solid rgba(24,121,78,.2)!important;
}

/* Dialogs */
.modal-overlay,#editModalOverlay{
  background:rgba(27,24,20,.56)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.modal-content,.modal,.custom-modal,#editModal{
  border-radius:18px!important;
  border:1px solid var(--mk-admin-line)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.20)!important;
}

/* Combo editor */
#mk-combo-editor{
  color:var(--mk-admin-ink);
}
#mk-combo-editor .mk-combo-master{
  background:#fbf8f1!important;
  border-color:#ebdfc8!important;
  border-radius:14px!important;
}
#mk-combo-editor .mk-combo-saved{
  border:1px solid var(--mk-admin-line)!important;
  border-radius:15px!important;
  box-shadow:0 6px 22px rgba(51,42,28,.05)!important;
  background:#fff!important;
}
#mk-combo-editor .mk-combo-actions{
  gap:8px!important;
}
#mk-combo-editor .mk-combo-mini{
  min-height:42px!important;
  border:1px solid var(--mk-admin-line)!important;
  background:#fff!important;
  color:#3d3831!important;
}
#mk-combo-editor .mk-combo-mini:hover{
  background:#f8f6f1!important;
}
#mk-combo-editor .mk-combo-delete-confirm{
  background:var(--mk-admin-danger)!important;
  border-color:var(--mk-admin-danger)!important;
  color:#fff!important;
}
#mk-combo-editor .mk-combo-status-on{
  background:#edf8f2!important;
  color:var(--mk-admin-success)!important;
}
#mk-combo-editor .mk-combo-status-off{
  background:#f1f1ef!important;
  color:#66615a!important;
}
#mk-combo-editor .mk-combo-admin-chip{
  border:1px solid #ece8df;
  background:#faf9f6!important;
}
#mk-combo-editor .mk-combo-preview{
  border:1px dashed #ddcfb8;
  background:#fbf8f1!important;
}


/* Make destructive and state-changing Combo actions visually unambiguous */
#mk-combo-editor [data-combo-action="edit"]{
  background:#eef5ff!important;
  color:#245b9e!important;
  border-color:#d8e7fb!important;
}
#mk-combo-editor [data-combo-action="toggle"]{
  background:#fff8e8!important;
  color:#8a641d!important;
  border-color:#f0dfb8!important;
}
#mk-combo-editor [data-combo-action="delete"]{
  background:#fff3f2!important;
  color:var(--mk-admin-danger)!important;
  border-color:#f1c9c5!important;
}
#mk-combo-editor [data-combo-action="move-up"],
#mk-combo-editor [data-combo-action="move-down"]{
  background:#f7f7f5!important;
  color:#5f5a53!important;
}
#mk-combo-editor [data-combo-action]:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
}
#mk-combo-editor [data-combo-action="toggle-section"]{
  border:1px solid #e5d3ae!important;
}

/* Tables */
table{
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden;
  border-radius:12px;
  background:#fff;
}
th{
  background:#f4f1eb!important;
  color:#39342d!important;
}
td,th{
  border-color:#ece7de!important;
}

/* Status visuals */
.status,.badge,.pill{
  border-radius:999px!important;
}

/* Mobile admin: turn the giant horizontal top bar into a clean scrollable strip */
@media(max-width:768px){
  body{background:#f8f7f3!important}
  .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    width:100%!important;
    height:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    gap:7px!important;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid var(--mk-admin-line)!important;
    scrollbar-width:none;
  }
  .sidebar::-webkit-scrollbar{display:none}
  .sidebar h1,.sidebar h2{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0 8px!important;
    font-size:16px!important;
    white-space:nowrap;
  }
  .sidebar button,.sidebar a{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:40px!important;
    padding:8px 11px!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .main{
    margin-right:0!important;
    width:100%!important;
    padding:14px 10px 40px!important;
  }
  .order-card,.admin-card{
    padding:14px!important;
    border-radius:14px!important;
  }
  #mk-combo-editor .mk-combo-saved{
    padding:12px!important;
  }
  #mk-combo-editor .mk-combo-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
  }
  #mk-combo-editor .mk-combo-mini{
    min-height:44px!important;
    padding:8px 6px!important;
    font-size:12px!important;
  }
  .modal-content,.modal,.custom-modal,#editModal{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    max-height:92vh!important;
    border-radius:18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}