/* Shared controls for the app and its embedded tools. */
@media screen {
  :root { --control-accent:#76513a; --control-accent-hover:#593c2a; --control-ink:#fcf8ef; --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2374695f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
  .button.primary,.btn.primary { background:var(--control-accent); border-color:var(--control-accent); color:var(--control-ink); }
  .button.primary:hover,.btn.primary:hover { background:var(--control-accent-hover); border-color:var(--control-accent-hover); }
  .btn:not(.primary):not(.danger) { background-color:var(--surface); color:var(--ink); }
  .btn:not(.primary):not(.danger):hover { background-color:var(--hover,#f2ede5); border-color:var(--control-accent); }
  select:not([multiple]),#ranking-board-select,#ranking-entry-dialog select { appearance:none; -webkit-appearance:none; background-image:var(--select-chevron); background-repeat:no-repeat; background-position:right 12px center; background-size:14px; padding-right:36px; }
  .dashboard-quick-add select { padding:6px 22px 6px 6px; background-position:right 5px center; background-size:12px; }
  .catpill::after { display:none; }
  .catpill select:hover,.catpill select:focus { background-image:var(--select-chevron); background-repeat:no-repeat; background-position:right 12px center; background-size:14px; }
  .btn .chev { flex:none; margin-left:8px; }
  .split > .menu > .btn { padding-left:12px; padding-right:12px; }
  .module-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  .wrap > header.module-empty-header { display:none; }
  .wrap > .module-actions { width:100%; justify-content:flex-end; }
  [data-tool="mealprep"] .toolbar { flex-direction:column; align-items:flex-start; gap:16px; }
  .module-actions > .btn,.module-actions > .menu > .btn,.module-actions > .split > .btn,.module-actions > .split > .menu > .btn { min-height:40px; font-size:13px; }
  .module-manage .menu-pop { min-width:0; width:min(300px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:480px; overflow-y:auto; scrollbar-width:thin; }
  .module-manage .mi { min-width:0; }
  .module-manage .mi > span { min-width:0; }
  .module-manage #placeItems .mi { width:100%; }
  .module-manage #placeItems .mi small { display:none; }
  .module-manage :is(#vDish,#vAll,#shopping-hide-bought)[aria-checked="true"] { color:var(--control-accent); background:var(--soft); }
  .module-manage :is(#vDish,#vAll,#shopping-hide-bought)[aria-checked="true"]::after { content:'✓'; margin-left:auto; font-weight:600; }
  [data-tool="shopping"] .toolbar { align-items:center; gap:14px; }
  [data-tool="shopping"] .tools { gap:10px; }
  [data-tool="shopping"] body > label.tog[hidden] { display:none; }
}
