/* AROMA ERP — unified Django Admin skin */
:root { --admin-content-max: 1680px; }
html, body { min-width: 0 !important; }
body { background: var(--aroma-page-bg) !important; color: var(--aroma-text) !important; }
#container { min-width: 0 !important; background: transparent !important; }
#content { width: min(var(--admin-content-max), calc(100% - 32px)); max-width: none; margin: 22px auto 56px; padding: 0 !important; }
#content-main, .module, .inline-group, #changelist, #changelist-form, .submit-row {
  border-radius: 16px !important; border: 1px solid var(--aroma-border) !important;
  background: var(--aroma-card-bg) !important; box-shadow: 0 10px 28px var(--aroma-shadow) !important;
}
.module h2, .module caption, .inline-group h2 {
  color: #fff !important; background: linear-gradient(135deg,var(--aroma-primary-dark),var(--aroma-secondary),var(--aroma-primary)) !important;
  border-radius: 14px 14px 0 0; padding: 12px 16px !important;
}
#changelist .changelist-form-container { min-width: 0; }
#changelist .results { overflow-x: auto; border-radius: 0 0 14px 14px; scrollbar-width: thin; }
#result_list { min-width: 760px; border-collapse: separate !important; border-spacing: 0 !important; }
#result_list thead th { position: sticky; top: 0; z-index: 3; color: var(--aroma-table-head-text) !important; background: var(--aroma-table-head) !important; border-bottom: 2px solid var(--aroma-border) !important; white-space: nowrap; }
#result_list tbody td, #result_list tbody th { color: var(--aroma-text) !important; background: var(--aroma-card-bg) !important; border-bottom: 1px solid var(--aroma-border) !important; padding: 11px 12px !important; vertical-align: middle; }
#result_list tbody tr:nth-child(even) td, #result_list tbody tr:nth-child(even) th { background: color-mix(in srgb,var(--aroma-card-bg) 94%,var(--aroma-primary) 6%) !important; }
#result_list tbody tr:hover td, #result_list tbody tr:hover th { background: color-mix(in srgb,var(--aroma-card-bg) 86%,var(--aroma-primary) 14%) !important; }
#changelist-search { display:flex !important; align-items:center; gap:10px; flex-wrap:wrap; padding:14px !important; margin:0 0 14px !important; border:1px solid var(--aroma-border); border-radius:14px; background:var(--aroma-card-bg); box-shadow:0 8px 22px var(--aroma-shadow); }
#changelist-search > div { display:flex; align-items:center; gap:8px; flex:1 1 360px; }
#changelist-search input[type="text"] { min-height:44px; width:min(560px,100%); padding-inline:42px 14px !important; border:1px solid var(--aroma-border) !important; border-radius:12px !important; color:var(--aroma-text) !important; background:var(--aroma-input-bg) !important; background-image:linear-gradient(transparent,transparent); }
#changelist-search label { position:relative; margin:0; }
#changelist-search label::after { content:"⌕"; position:absolute; inset-inline-start:14px; top:50%; transform:translateY(-50%); color:var(--aroma-primary); font-size:22px; pointer-events:none; }
#changelist-search input[type="submit"], .object-tools a, input[type="submit"], button, .button { min-height:40px; border:0 !important; border-radius:10px !important; color:#fff !important; background:linear-gradient(135deg,var(--aroma-secondary),var(--aroma-primary)) !important; box-shadow:0 6px 16px color-mix(in srgb,var(--aroma-primary) 24%,transparent) !important; font-weight:700 !important; }
#changelist-filter { border:1px solid var(--aroma-border) !important; border-radius:14px !important; background:var(--aroma-card-bg) !important; overflow:hidden; }
#changelist-filter h2 { color:#fff !important; background:linear-gradient(135deg,var(--aroma-primary-dark),var(--aroma-primary)) !important; }
#changelist-filter h3, #changelist-filter li, #changelist-filter a { color:var(--aroma-text) !important; }
.paginator { color:var(--aroma-text) !important; background:var(--aroma-card-bg) !important; border-top:1px solid var(--aroma-border) !important; }
.form-row { border-bottom:1px solid var(--aroma-border) !important; }
input, textarea, select, .vTextField { color:var(--aroma-text) !important; background:var(--aroma-input-bg) !important; border:1px solid var(--aroma-border) !important; border-radius:10px !important; min-height:40px; }
.selector { max-width:100%; }
.aroma-current-theme-name { max-width:128px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:6px 9px; border:1px solid var(--aroma-header-border); border-radius:999px; color:var(--aroma-header-text); background:var(--aroma-header-glass); font-size:11px; font-weight:700; }
@media (max-width: 1024px) {
  #content { width:calc(100% - 20px); margin-top:14px; }
  #changelist .changelist-form-container, #changelist-filter { width:100% !important; float:none !important; }
  #changelist-filter { margin-top:14px !important; }
}
@media (max-width: 720px) {
  #content { width:calc(100% - 12px); }
  #content h1 { font-size:1.35rem; }
  #changelist-search { padding:10px !important; }
  #changelist-search > div { flex-basis:100%; }
  #changelist-search input[type="text"] { width:100%; }
  .object-tools { float:none !important; display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px !important; }
  .object-tools li { float:none !important; margin:0 !important; flex:1 1 150px; }
  .object-tools a { display:flex !important; align-items:center; justify-content:center; }
  .submit-row { display:grid; grid-template-columns:1fr; gap:8px; padding:12px !important; }
  .submit-row input, .submit-row a { width:100%; margin:0 !important; }
}