/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
:root {
  --bg: #faf7f2; --ink: #2b2320; --sub: #8a7d74; --faint: #b7a99d;
  --line: #eee4da; --card: #ffffff; --accent: #c2571d; --accent-soft: #f7e8dd;
  --good: #2e7d4f; --good-soft: #e3f2e8; --warn: #b3261e;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: var(--bg); color: var(--ink); font-family: 'Albert Sans', system-ui, sans-serif; }
h1, h2, h3 { font-family: 'Bricolage Grotesque', 'Albert Sans', system-ui, sans-serif; margin: 0; letter-spacing: -0.02em; }
a { color: var(--accent); }
button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; font-size: 16px; color: var(--ink); }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 50px; padding: 0 22px; border: none; border-radius: 14px; background: var(--accent); color: #fff; font-size: 15px; font-weight: 700; }
.btn:hover { background: #a94a16; }
.btn-ghost { background: #f3ece4; color: #6b5f56; }
.btn-ghost:hover { background: #ece2d6; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 18px; }
.field { display: flex; flex-direction: column; gap: 7px; }
.field label { font-size: 13px; font-weight: 700; color: var(--sub); }
.field input, .field select, .field textarea { height: 50px; border: 1.5px solid var(--line); border-radius: 13px; padding: 0 14px; background: #fff; }
.field textarea { height: auto; padding: 12px 14px; }
.field .hint { font-size: 12.5px; color: var(--faint); }
.muted { color: var(--sub); }

.shell { display: flex; min-height: 100vh; }
.sidebar { display: flex; flex-direction: column; gap: 4px; width: 240px; background: #fff; border-right: 1px solid var(--line); padding: 20px 12px; flex-shrink: 0; transition: width 0.15s ease; }
.sidebar.collapsed { width: 72px; align-items: center; }
.sidebar .brand { display: flex; align-items: center; gap: 10px; padding: 0 10px 16px 10px; }
.sidebar.collapsed .brand { padding: 0 0 16px 0; }
.sidebar .brand span { font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-weight: 700; font-size: 17px; }
.mi { display: flex; align-items: center; gap: 12px; height: 44px; border-radius: 12px; padding: 0 13px; font-size: 14.5px; font-weight: 600; color: #6b5f56; text-decoration: none; }
.mi:hover { background: #faf5ee; color: #4c4038; }
.mi.active { background: var(--accent-soft); color: var(--accent); }
.sidebar.collapsed .mi { width: 44px; padding: 0; justify-content: center; }
.sidebar.collapsed .mi .lbl { display: none; }
.sidebar.collapsed .brand span { display: none; }
.spacer { flex-grow: 1; }
.acct { display: flex; align-items: center; gap: 10px; padding: 12px 10px 0 10px; border-top: 1px solid #f3ece4; font-size: 13px; }
.acct .dot { width: 30px; height: 30px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-weight: 700; font-size: 12.5px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.main { flex-grow: 1; padding: 32px 40px; max-width: 1100px; }

/* ---- Mobile: sidebar becomes a bottom icon bar ---- */
@media (max-width: 760px) {
  .shell { flex-direction: column; }
  .sidebar, .sidebar.collapsed {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 50;
    width: 100%; height: 62px;
    flex-direction: row; align-items: center; justify-content: space-around;
    padding: 0 6px; gap: 0;
    border-right: none; border-top: 1px solid var(--line);
  }
  .sidebar .brand, .sidebar .spacer, .sidebar .acct, .sidebar button.mi { display: none; }
  .sidebar .mi { width: 46px; height: 46px; padding: 0; justify-content: center; }
  .sidebar .mi .lbl { display: none; }
  .main { padding: 20px 14px 86px 14px; max-width: 100%; }
  h1 { font-size: 24px !important; }
  .table-scroll { overflow-x: auto; }
}

/* Buttons never wrap their label */
.btn { white-space: nowrap; }

/* Promotion/customer rows: on phones the buttons drop below the text */
@media (max-width: 760px) {
  .arow { flex-wrap: wrap; }
  .arow form { flex-basis: 100%; justify-content: flex-start; }
}