/* AyaPOS cloud theme. Flat colors only: no gradients, no glows. */
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-sans/latin-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/ibm-plex-sans/latin-500.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ibm-plex-sans/latin-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-sans/latin-ext-400.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/ibm-plex-sans/latin-ext-500.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ibm-plex-sans/latin-ext-600.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }


body, .fi-body, input, select, textarea, button {
    font-family: 'IBM Plex Sans', 'Noto Sans SC', ui-sans-serif, system-ui, sans-serif;
    font-feature-settings: 'tnum' 1;
}


}

/* Flat surfaces, 1px hairlines, small radii. */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat { box-shadow: none !important; border: 1px solid #E4E4E7; border-radius: 8px; }
.fi-btn { border-radius: 6px; box-shadow: none !important; }
.fi-badge { border-radius: 4px; }
.fi-simple-main { box-shadow: none !important; border: 1px solid #E4E4E7; border-radius: 8px; }

.ayapos-checklist { display: grid; gap: 8px; }
.ayapos-checklist-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px solid #E4E4E7; border-radius: 6px; font-size: 14px; line-height: 20px; }
.ayapos-checklist-row .state { font-size: 12px; line-height: 16px; font-weight: 500; padding: 0 8px; border-radius: 4px; height: 24px; display: inline-flex; align-items: center; }
.ayapos-checklist-row .state.done { color: #15803D; border: 1px solid #15803D; }
.ayapos-checklist-row .state.todo { color: #52525B; border: 1px solid #E4E4E7; }
.ayapos-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; letter-spacing: 0; }
.ayapos-qr svg { width: 192px; height: 192px; border: 1px solid #E4E4E7; border-radius: 8px; padding: 12px; background: #FFFFFF; }
/* Outlet switcher */
.ayapos-outlet-switcher select { height: 36px; min-width: 200px; border: 1px solid #E4E4E7; border-radius: 6px; padding: 0 32px 0 12px; font-size: 14px; background-color: #FFFFFF; color: #18181B; }
.ayapos-outlet-switcher label { font-size: 12px; line-height: 16px; font-weight: 500; color: #52525B; margin-right: 8px; }

/* Floorplan editor */
.ayapos-floor { position: relative; width: 100%; aspect-ratio: 16 / 10; background: #FAFAFA; border: 1px solid #E4E4E7; border-radius: 8px; overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24 0H0V24' fill='none' stroke='%23E4E4E7' stroke-width='1'/%3E%3C/svg%3E"); }
.ayapos-floor .t { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #FFFFFF; border: 1px solid #52525B; border-radius: 6px; cursor: move; user-select: none; touch-action: none; font-size: 13px; line-height: 16px; }
.ayapos-floor .t.round { border-radius: 9999px; }
.ayapos-floor .t.sel { border: 2px solid #4F2A8A; color: #4F2A8A; }
.ayapos-floor .t .h { position: absolute; right: -6px; bottom: -6px; width: 12px; height: 12px; background: #4F2A8A; border-radius: 2px; cursor: nwse-resize; }
.ayapos-num { font-variant-numeric: tabular-nums; text-align: right; }
.ayapos-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 20px; }
.ayapos-table th { text-align: left; font-weight: 500; color: #52525B; border-bottom: 1px solid #E4E4E7; padding: 8px 12px; }
.ayapos-table th.num, .ayapos-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.ayapos-table td { border-bottom: 1px solid #E4E4E7; padding: 8px 12px; }
.ayapos-bars { display: flex; align-items: flex-end; gap: 4px; height: 160px; padding-top: 8px; }
.ayapos-bars .b { flex: 1; background: #D4D4D8; border-radius: 2px 2px 0 0; min-height: 1px; }
.ayapos-bars .b.peak { background: #4F2A8A; }