/* Search = amber, downloads = blue, same-page sections = violet.
   These cues do not change content widths, page zoom or the POS menu grid. */
html :is(#qd-control-style,.qd-search-field).qd-search-field {
  background-color:#fff7dc!important;border-color:#d7ad54!important;
  color:#443710!important;box-shadow:inset 0 0 0 1px #d7ad5420!important;
}
html :is(#qd-control-style,.qd-search-field).qd-search-field::placeholder {color:#8b6720!important;opacity:1;font-weight:600;}
html :is(#qd-control-style,.qd-search-field).qd-search-field:focus {outline:2px solid #d6a744!important;outline-offset:2px;}
html :is(#qd-control-style,.qd-download-action).qd-download-action.qd-download-action {
  background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;
  box-shadow:0 3px 9px #2563eb18!important;
}
html :is(#qd-control-style,.qd-download-action).qd-download-action.qd-download-action:hover {background:#1d4ed8!important;border-color:#1d4ed8!important;}
html :is(#qd-control-style,.qd-download-action).qd-download-action.qd-download-action :is(strong,small,span) {color:inherit!important;}
html .qd-download-action :is(.admin-db-choice-ico,.admin-download-choice-icon) {background:#ffffff25!important;}
html :is(#qd-control-style,.qd-section-control).qd-section-control.qd-section-control {
  background:#eee9fc!important;border:1px solid #d5c9ee!important;border-radius:10px!important;
  color:#634499!important;box-shadow:none!important;
}
html :is(#qd-control-style,.qd-section-control).qd-section-control.qd-section-control:is(.active,[aria-selected="true"],[aria-current="page"]) {
  background:#65479e!important;border-color:#65479e!important;color:#fff!important;
}
html .qd-section-control :is(strong,small) {color:inherit!important;}
html .qd-app #qdSectionTabs {padding-top:8px;padding-bottom:8px;}
html .qd-app #qdSectionTabs :is(#reportSectionsNav,#soeSidebar,.pm-sidebar nav) {gap:7px!important;}
html .qd-app #qdSectionTabs .qd-section-control.qd-section-control {min-height:38px!important;padding:8px 13px!important;line-height:1.25!important;}
.qd-visually-hidden {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* Compact Admin panels, with functional feedback and record data retained. */
:is(#adminStaffMembersModal,#adminSupplierModal) .admin-staff-members-tabs {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
:is(#adminStaffMembersModal,#adminSupplierModal) .admin-staff-members-tab {min-height:42px;padding:10px 12px;text-align:center;font-size:13px;}
:is(#adminStaffMembersModal,#adminSupplierModal) .admin-staff-list {max-height:none;overflow:visible;padding-right:0;}
:is(#adminStaffMembersModal,#adminSupplierModal) .admin-staff-delete-row {display:flex;justify-content:flex-end;}
#adminStaffAccessModal .admin-staff-access-title small {display:none;}
#adminStaffAccessModal .admin-staff-access-panel-title {margin-bottom:10px;}
.admin-field-heading,.admin-tool-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.admin-field-heading .label {margin:0;}
.admin-category-shortcut {min-height:34px!important;padding:6px 10px!important;font-size:12px!important;}
.admin-bulk-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.admin-bulk-tool {display:grid;gap:12px;padding:16px;border:1px solid #dfe5ed;border-radius:16px;background:#f8fafc;min-width:0;margin:0;}
.admin-tool-heading h4 {margin:0;font-size:16px;color:#233c36;}
.admin-bulk-tool .input {width:100%;min-width:0;max-width:100%;box-sizing:border-box;}
.admin-bulk-upload {display:grid;gap:12px;}
.admin-bulk-tool :is(.solid-btn,.ghost-btn) {min-height:40px;padding:9px 12px;font-size:13px;line-height:1.25;text-align:center;white-space:normal;}
.admin-bulk-tool > :is(button,.solid-btn,.ghost-btn) {width:100%;}
.admin-bulk-tool .solid-btn {background:#286b54!important;border-color:#286b54!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important;}
.admin-bulk-tool .ghost-btn {background:#fff!important;border-color:#d4e0d9!important;color:#345448!important;border-radius:10px!important;box-shadow:none!important;}
.admin-bulk-tool input[type="file"]::file-selector-button {border:0;border-radius:6px;background:#e8eeea;color:#345448;padding:6px 8px;margin-right:8px;font:inherit;}

#categoryManagerModal .inline-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
#categoryManagerModal .inline-actions .danger-btn {grid-column:1/-1;}
#categoryManagerModal .inline-actions button {width:100%;min-width:0;white-space:normal;min-height:40px;padding:8px 10px;font-size:13px;}
.items-panel-card .item-side-actions.clean-item-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;align-items:stretch;}
.items-panel-card .clean-item-actions :is(.image-under-btn,.availability-inline-select) {
  width:100%!important;min-width:0!important;min-height:36px!important;height:36px!important;margin:0!important;
  padding:6px 9px!important;border-radius:9px!important;font-size:12px!important;line-height:1.2!important;
  border:1px solid #d7e1df;background:#f5f9f8;color:#254e43;font-weight:700;box-sizing:border-box;
}
.items-panel-card .clean-item-actions .image-under-btn:first-child {background:#e8f2ef;color:#285a49;border-color:#c9ddd4;}
.items-panel-card .clean-item-actions [id^="remove-image-btn"] {background:#fff3f1;color:#a44536;border-color:#f1d6d1;}
.items-panel-card .clean-item-actions .availability-select-box {max-width:none;min-width:0;margin:0!important;}
.items-panel-card .clean-item-actions .admin-image-status {grid-column:1/-1;}
.items-panel-card .clean-item-actions .admin-image-status:empty {display:none;}
.items-panel-card .admin-edit-mini {display:none;}
#adminRiderManagementModal .rider-management-option {padding:14px;border-radius:13px;}
#adminRiderManagementModal .rider-management-option strong {font-size:16px;}
.bill-code-mobile {display:none;}

/* Staff menu categories use a click-to-open menu at every screen size. */
.soe-menu-picker {position:relative;width:min(320px,100%);margin-bottom:14px;}
.soe-menu-picker > summary {list-style:none;display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 13px;border:1px solid #b7d1c6;border-radius:11px;background:#e9f3ee;color:#285746;cursor:pointer;font-weight:700;box-sizing:border-box;}
.soe-menu-picker > summary::-webkit-details-marker {display:none;}
.soe-menu-picker > summary > span:last-child {margin-left:auto;}
.soe-menu-burger {display:grid;gap:4px;flex:0 0 17px;}
.soe-menu-burger i {display:block;height:2px;width:17px;background:currentColor;border-radius:2px;}
.soe-menu-picker .soe-cat-filter {position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;display:grid;grid-template-columns:minmax(0,1fr);gap:5px;max-height:min(50vh,340px);overflow:auto;margin:0;padding:8px;border:1px solid #d8e3dd;border-radius:13px;background:#fff;box-shadow:0 12px 35px #142a2230;}
.soe-menu-picker .soe-cat-chip {width:100%;min-width:0;min-height:38px;text-align:left;white-space:normal;padding:8px 11px;border-radius:8px;line-height:1.3;}
.soe-menu-picker:not([open]) .soe-cat-filter {display:none;}

@media(max-width:800px) {
  .admin-bulk-grid {grid-template-columns:minmax(0,1fr);}
  .admin-bulk-tool {padding:12px;border-radius:12px;gap:10px;}
  .admin-bulk-tool input[type="file"] {font-size:13px!important;padding:9px;}
  :is(#adminStaffMembersModal,#adminSupplierModal,#adminStaffAccessModal) :is(.form-grid,.admin-staff-access-row,.admin-staff-access-list,.admin-staff-save-row,.admin-staff-page-grid) {grid-template-columns:minmax(0,1fr)!important;}
  :is(#adminStaffMembersModal,#adminSupplierModal,#adminStaffAccessModal) :is(.solid-btn,.ghost-btn,.danger-btn,.admin-staff-access-assign) {min-height:40px;padding:9px 12px;font-size:13px;white-space:normal;}
  #adminStaffAccessModal .admin-staff-access-row {gap:8px;padding:11px;border-radius:13px;}
  #adminStaffAccessModal .admin-staff-access-summary small {overflow-wrap:anywhere;}
  .items-panel-card .item-info-side {min-width:0;}
  .items-panel-card .item-side-actions.clean-item-actions {margin-top:10px!important;}
  .items-panel-card .clean-item-actions :is(.image-under-btn,.availability-inline-select) {min-height:38px!important;height:38px!important;font-size:11px!important;padding:5px 6px!important;white-space:normal!important;}
}
@media(max-width:980px) {
  .bill-code-mobile {display:inline;}
  .bill-code-desktop {display:none;}
  /* Flatten only the action groups, preserving every original button node. */
  .qd-bill-page #billCartCard .action-grid.clean-action-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  .qd-bill-page #billCartCard .clean-action-grid :is(.split-print-action,.cart-copy-barcode-split,.cart-gst-note-split) {display:contents!important;}
  .qd-bill-page #billCartCard .clean-action-grid :is(.action-btn,.split-print-half) {
    grid-column:auto!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;
    padding:6px!important;margin:0!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important;
    line-height:1.2!important;white-space:normal!important;box-sizing:border-box!important;
  }
  .qd-bill-page #billCartCard .clean-action-grid .cart-clear-action {grid-column:1/-1!important;}
  .qd-bill-page #billCartCard .clean-action-grid button[hidden] {display:none!important;}
}
@media print {.qd-search-field,.qd-download-action,.qd-section-control {box-shadow:none!important;}}
