/* Tự động tạo bởi build-radius-v22.cjs — không sửa tay. Mọi bo góc khác 0 → 12px. */
@media (min-width: 768px) {
html.m22 .rounded { border-radius: 12px !important; }
html.m22 .rounded-2xl { border-radius: 12px !important; }
html.m22 .rounded-3xl { border-radius: 12px !important; }
html.m22 .rounded-full { border-radius: 12px !important; }
html.m22 .rounded-lg { border-radius: 12px !important; }
html.m22 .rounded-md { border-radius: 12px !important; }
html.m22 .rounded-xl { border-radius: 12px !important; }
html.m22 .rounded-bl { border-bottom-left-radius: 12px !important; }
html.m22 .file\:rounded-md::file-selector-button { border-radius: 12px !important; }
html.m22 ::-webkit-scrollbar-thumb { border-radius: 12px !important; }
}
@media (min-width: 768px) {
@media all {
html.m22 .app-user-chip { border-radius: 12px !important; }
html.m22 .app-user-chip > div:first-child { border-radius: 12px !important; }
html.m22 .app-user-chip > button { border-radius: 12px !important; }
html.m22 .app-icon-button { border-radius: 12px !important; }
html.m22 .app-surface { border-radius: 12px !important; }
html.m22 .app-kpi-card { border-radius: 12px !important; }
html.m22 .app-login__card { border-radius: 12px !important; }
html.m22 .app-login__card .w-20.h-20 { border-radius: 12px !important; }
html.m22 .app-form-control { border-radius: 12px !important; }
html.m22 .app-tabbar { border-radius: 12px 12px 0 0 !important; }
html.m22 .app-tabbar__item { border-radius: 12px !important; }
html.m22 .app-modal-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .app-toast { border-radius: 12px !important; }
html.m22 .kitchen-card { border-radius: 12px !important; }
html.m22 .kitchen-card__avatar { border-radius: 12px !important; }
html.m22 .kitchen-quick-action { border-radius: 12px !important; }
html.m22 .kitchen-quick-action__icon { border-radius: 12px !important; }
html.m22 .kitchen-stock-alert { border-radius: 12px !important; }
html.m22 .kitchen-stock-alert__badge { border-radius: 12px !important; }
}
}
@media (min-width: 768px) {
html.m22 .ops-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .ops-icon-button { border-radius: 12px !important; }
html.m22 .ops-tabs button { border-radius: 12px !important; }
html.m22 .ops-segmented button { border-radius: 12px !important; }
html.m22 .ops-loading { border-radius: 12px !important; }
html.m22 .ops-empty { border-radius: 12px !important; }
html.m22 .ops-search { border-radius: 12px !important; }
html.m22 .ops-primary-button { border-radius: 12px !important; }
html.m22 .ops-secondary-button { border-radius: 12px !important; }
html.m22 .ops-danger-button { border-radius: 12px !important; }
html.m22 .ops-supplier-card { border-radius: 12px !important; }
html.m22 .ops-recon-card { border-radius: 12px !important; }
html.m22 .ops-avatar { border-radius: 12px !important; }
html.m22 .ops-status { border-radius: 12px !important; }
html.m22 .ops-doc-badge { border-radius: 12px !important; }
html.m22 .ops-mini-grid div { border-radius: 12px !important; }
html.m22 .ops-detail-grid div { border-radius: 12px !important; }
html.m22 .ops-summary-card { border-radius: 12px !important; }
html.m22 .ops-segmented { border-radius: 12px !important; }
html.m22 .ops-dialog { border-radius: 12px 12px 0 0 !important; }
html.m22 .ops-field input { border-radius: 12px !important; }
html.m22 .ops-field select { border-radius: 12px !important; }
html.m22 .ops-field textarea { border-radius: 12px !important; }
html.m22 .ops-detail-section { border-radius: 12px !important; }
html.m22 .ops-note-block { border-radius: 12px !important; }
html.m22 .ops-linked-record { border-radius: 12px !important; }
html.m22 .ops-document-warning { border-radius: 12px !important; }
html.m22 .ops-success-block { border-radius: 12px !important; }
html.m22 .ops-invoice-link { border-radius: 12px !important; }
html.m22 .ops-table-wrap { border-radius: 12px !important; }
html.m22 .ops-toast { border-radius: 12px !important; }
html.m22 .recon9-nav-badge { border-radius: 12px !important; }
html.m22 .recon9-hero { border-radius: 12px !important; }
html.m22 .recon9-refresh { border-radius: 12px !important; }
html.m22 .recon9-summary-card { border-radius: 12px !important; }
html.m22 .recon9-summary-card__icon { border-radius: 12px !important; }
html.m22 .recon9-cash-box { border-radius: 12px !important; }
html.m22 .recon9-controls { border-radius: 12px !important; }
html.m22 .recon9-filters button { border-radius: 12px !important; }
html.m22 .recon9-filters button strong { border-radius: 12px !important; }
html.m22 .recon9-search { border-radius: 12px !important; }
html.m22 .recon9-list-heading > strong { border-radius: 12px !important; }
html.m22 .recon9-case-card { border-radius: 12px !important; }
html.m22 .recon9-tag { border-radius: 12px !important; }
html.m22 .recon9-status { border-radius: 12px !important; }
html.m22 .recon9-doc-state { border-radius: 12px !important; }
html.m22 .recon9-variance { border-radius: 12px !important; }
html.m22 .recon9-risk-chip { border-radius: 12px !important; }
html.m22 .recon12-pipeline { border-radius: 12px !important; }
html.m22 .recon12-step { border-radius: 12px !important; }
html.m22 .recon12-items-preview { border-radius: 12px !important; }
html.m22 .recon9-finance-cell { border-radius: 12px !important; }
html.m22 .recon9-card-btn { border-radius: 12px !important; }
html.m22 .recon9-loading { border-radius: 12px !important; }
html.m22 .recon9-error { border-radius: 12px !important; }
html.m22 .recon9-empty { border-radius: 12px !important; }
html.m22 .recon9-empty-icon { border-radius: 12px !important; }
html.m22 .recon9-retry-btn { border-radius: 12px !important; }
html.m22 .recon9-detail-sheet { border-radius: 12px !important; }
}
@media (min-width: 768px) {
@media all {
html.m22 .recon9-detail-sheet { border-radius: 12px 12px 0 0 !important; }
}
}
@media (min-width: 768px) {
html.m22 .recon9-detail-close { border-radius: 12px !important; }
html.m22 .recon9-risk-banner { border-radius: 12px !important; }
html.m22 .recon9-clear-banner { border-radius: 12px !important; }
html.m22 .recon9-detail-section { border-radius: 12px !important; }
html.m22 .recon9-detail-grid { border-radius: 12px !important; }
html.m22 .recon9-note { border-radius: 12px !important; }
html.m22 .recon9-table-scroll { border-radius: 12px !important; }
html.m22 .recon9-document-link { border-radius: 12px !important; }
html.m22 .recon9-no-invoice { border-radius: 12px !important; }
html.m22 .recon9-section-empty { border-radius: 12px !important; }
html.m22 .recon9-timeline li > span { border-radius: 12px !important; }
html.m22 .recon9-decision-bar button { border-radius: 12px !important; }
html.m22 .recon9-toast { border-radius: 12px !important; }
html.m22 .recon9-debt-card { border-radius: 12px !important; }
html.m22 .recon9-debt-amounts > div { border-radius: 12px !important; }
html.m22 .recon9-debt-progress { border-radius: 12px !important; }
html.m22 .recon10-record-chain { border-radius: 12px !important; }
html.m22 .recon10-chain-grid > div { border-radius: 12px !important; }
html.m22 .recon11-role-card { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__icon { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__badge { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__eyebrow { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__tab-chip { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__button { border-radius: 12px !important; }
html.m22 .ops-launcher { border-radius: 12px !important; }
html.m22 .ops-launcher__icon { border-radius: 12px !important; }
html.m22 .ops-launcher__badge { border-radius: 12px !important; }
html.m22 .kitchen-gas-card { border-radius: 12px !important; }
html.m22 .kitchen-gas-card__system-badge { border-radius: 12px !important; }
html.m22 .gas-status-panel { border-radius: 12px !important; }
html.m22 .gas-status-badge { border-radius: 12px !important; }
html.m22 .gas-cylinder-card { border-radius: 12px !important; }
html.m22 .gas-alert-button { border-radius: 12px !important; }
}
@media (min-width: 768px) {
@media all {
html.m22 .ops-supplier-settings-entry__icon { border-radius: 12px !important; }
}
}
@media (min-width: 768px) {
html.m22 .reset17-card { border-radius: 12px !important; }
html.m22 .reset17-card__icon { border-radius: 12px !important; }
html.m22 .reset17-card__button { border-radius: 12px !important; }
html.m22 .reset17-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .reset17-sheet > header button { border-radius: 12px !important; }
html.m22 .reset17-warning { border-radius: 12px !important; }
html.m22 .reset17-preview { border-radius: 12px !important; }
html.m22 .reset17-preview > div > div { border-radius: 12px !important; }
html.m22 .reset17-field input { border-radius: 12px !important; }
html.m22 .reset17-check { border-radius: 12px !important; }
html.m22 .reset17-error { border-radius: 12px !important; }
html.m22 .reset17-sheet > footer button { border-radius: 12px !important; }
}
@media (min-width: 768px) {
@media all {
html.m22 .app-tabbar__item { border-radius: 12px !important; }
html.m22 .app-modal-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .app-modal-sheet::before { border-radius: 12px !important; }
html.m22 .app-table-scroll { border-radius: 12px !important; }
html.m22 .app-table-scroll::-webkit-scrollbar-thumb { border-radius: 12px !important; }
html.m22 .app-toast { border-radius: 12px !important; }
}
}
@media (min-width: 768px) {
html.m22 .app-user-chip { border-radius: 12px !important; }
html.m22 .app-surface { border-radius: 12px !important; }
html.m22 .app-kpi-card { border-radius: 12px !important; }
html.m22 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) { border-radius: 12px !important; }
html.m22 select { border-radius: 12px !important; }
html.m22 textarea { border-radius: 12px !important; }
html.m22 .app-form-control { border-radius: 12px !important; }
html.m22 .ops-status { border-radius: 12px !important; }
html.m22 [class*="rounded-full"][class*="text-xs"] { border-radius: 12px !important; }
html.m22 [class*="rounded-full"][class*="text-[10px]"] { border-radius: 12px !important; }
html.m22 [class*="rounded-full"][class*="text-[9px]"] { border-radius: 12px !important; }
html.m22 .kitchen-gas-card { border-radius: 12px !important; }
html.m22 .kitchen-overview-card { border-radius: 12px !important; }
html.m22 .kitchen-stock-alert { border-radius: 12px !important; }
html.m22 button { border-radius: 12px !important; }
html.m22 [type="button"] { border-radius: 12px !important; }
html.m22 [type="submit"] { border-radius: 12px !important; }
html.m22 .ops-primary-button { border-radius: 12px !important; }
html.m22 .ops-secondary-button { border-radius: 12px !important; }
html.m22 .ops-danger-button { border-radius: 12px !important; }
html.m22 button.bg-amber-500 { border-radius: 12px !important; }
html.m22 button.bg-[#faad14] { border-radius: 12px !important; }
html.m22 .ops-primary-button { border-radius: 12px !important; }
html.m22 button[type="submit"] { border-radius: 12px !important; }
html.m22 .kitchen-quick-action.is-request { border-radius: 12px !important; }
html.m22 button.bg-[#0b1a30] { border-radius: 12px !important; }
html.m22 button.bg-slate-900 { border-radius: 12px !important; }
html.m22 table button { border-radius: 12px !important; }
html.m22 .ops-supplier-card button { border-radius: 12px !important; }
html.m22 .ops-secondary-button { border-radius: 12px !important; }
html.m22 button[class*="px-2"][class*="py-1"] { border-radius: 12px !important; }
html.m22 button[class*="px-2.5"][class*="py-1"] { border-radius: 12px !important; }
html.m22 button[class*="px-3"][class*="py-1"] { border-radius: 12px !important; }
html.m22 button[class*="px-3"][class*="py-1.5"] { border-radius: 12px !important; }
html.m22 .app-icon-button { border-radius: 12px !important; }
html.m22 .ops-icon-button { border-radius: 12px !important; }
html.m22 button.w-10.h-10 { border-radius: 12px !important; }
html.m22 button.w-8.h-8 { border-radius: 12px !important; }
html.m22 button.w-7.h-7 { border-radius: 12px !important; }
html.m22 .kitchen-quick-action { border-radius: 12px !important; }
html.m22 .kitchen-quick-action__icon { border-radius: 12px !important; }
html.m22 .recon9-filters button { border-radius: 12px !important; }
html.m22 .ops-tabs button { border-radius: 12px !important; }
html.m22 .ops-segmented button { border-radius: 12px !important; }
html.m22 [role="tab"] { border-radius: 12px !important; }
html.m22 button.kitchen-alert-banner { border-radius: 12px !important; }
html.m22 .kitchen-alert-banner { border-radius: 12px !important; }
html.m22 .fixed.inset-0 button.absolute { border-radius: 12px !important; }
html.m22 ::-webkit-scrollbar-thumb { border-radius: 12px !important; }
}
@media (max-width: 767.98px) {
html.m22 .rounded { border-radius: 12px !important; }
html.m22 .rounded-2xl { border-radius: 12px !important; }
html.m22 .rounded-3xl { border-radius: 12px !important; }
html.m22 .rounded-full { border-radius: 12px !important; }
html.m22 .rounded-lg { border-radius: 12px !important; }
html.m22 .rounded-md { border-radius: 12px !important; }
html.m22 .rounded-xl { border-radius: 12px !important; }
html.m22 .rounded-bl { border-bottom-left-radius: 12px !important; }
html.m22 .file\:rounded-md::file-selector-button { border-radius: 12px !important; }
html.m22 ::-webkit-scrollbar-thumb { border-radius: 12px !important; }
}
@media (max-width: 767.98px) {
@media (max-width: 767px) {
html.m22 .app-user-chip { border-radius: 12px !important; }
html.m22 .app-user-chip > div:first-child { border-radius: 12px !important; }
html.m22 .app-user-chip > button { border-radius: 12px !important; }
html.m22 .app-icon-button { border-radius: 12px !important; }
html.m22 .app-surface { border-radius: 12px !important; }
html.m22 .app-kpi-card { border-radius: 12px !important; }
html.m22 .app-login__card { border-radius: 12px !important; }
html.m22 .app-login__card .w-20.h-20 { border-radius: 12px !important; }
html.m22 .app-form-control { border-radius: 12px !important; }
html.m22 .app-tabbar { border-radius: 12px 12px 0 0 !important; }
html.m22 .app-tabbar__item { border-radius: 12px !important; }
html.m22 .app-modal-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .app-toast { border-radius: 12px !important; }
html.m22 .kitchen-card { border-radius: 12px !important; }
html.m22 .kitchen-card__avatar { border-radius: 12px !important; }
html.m22 .kitchen-quick-action { border-radius: 12px !important; }
html.m22 .kitchen-quick-action__icon { border-radius: 12px !important; }
html.m22 .kitchen-stock-alert { border-radius: 12px !important; }
html.m22 .kitchen-stock-alert__badge { border-radius: 12px !important; }
}
}
@media (max-width: 767.98px) {
html.m22 .ops-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .ops-icon-button { border-radius: 12px !important; }
html.m22 .ops-tabs button { border-radius: 12px !important; }
html.m22 .ops-segmented button { border-radius: 12px !important; }
html.m22 .ops-loading { border-radius: 12px !important; }
html.m22 .ops-empty { border-radius: 12px !important; }
html.m22 .ops-search { border-radius: 12px !important; }
html.m22 .ops-primary-button { border-radius: 12px !important; }
html.m22 .ops-secondary-button { border-radius: 12px !important; }
html.m22 .ops-danger-button { border-radius: 12px !important; }
html.m22 .ops-supplier-card { border-radius: 12px !important; }
html.m22 .ops-recon-card { border-radius: 12px !important; }
html.m22 .ops-avatar { border-radius: 12px !important; }
html.m22 .ops-status { border-radius: 12px !important; }
html.m22 .ops-doc-badge { border-radius: 12px !important; }
html.m22 .ops-mini-grid div { border-radius: 12px !important; }
html.m22 .ops-detail-grid div { border-radius: 12px !important; }
html.m22 .ops-summary-card { border-radius: 12px !important; }
html.m22 .ops-segmented { border-radius: 12px !important; }
html.m22 .ops-dialog { border-radius: 12px 12px 0 0 !important; }
html.m22 .ops-field input { border-radius: 12px !important; }
html.m22 .ops-field select { border-radius: 12px !important; }
html.m22 .ops-field textarea { border-radius: 12px !important; }
html.m22 .ops-detail-section { border-radius: 12px !important; }
html.m22 .ops-note-block { border-radius: 12px !important; }
html.m22 .ops-linked-record { border-radius: 12px !important; }
html.m22 .ops-document-warning { border-radius: 12px !important; }
html.m22 .ops-success-block { border-radius: 12px !important; }
html.m22 .ops-invoice-link { border-radius: 12px !important; }
html.m22 .ops-table-wrap { border-radius: 12px !important; }
html.m22 .ops-toast { border-radius: 12px !important; }
}
@media (max-width: 767.98px) {
@media (min-width: 600px) {
html.m22 .ops-sheet { border-radius: 12px !important; }
html.m22 .ops-dialog { border-radius: 12px !important; }
}
}
@media (max-width: 767.98px) {
html.m22 .recon9-nav-badge { border-radius: 12px !important; }
html.m22 .recon9-hero { border-radius: 12px !important; }
html.m22 .recon9-refresh { border-radius: 12px !important; }
html.m22 .recon9-summary-card { border-radius: 12px !important; }
html.m22 .recon9-summary-card__icon { border-radius: 12px !important; }
html.m22 .recon9-cash-box { border-radius: 12px !important; }
html.m22 .recon9-controls { border-radius: 12px !important; }
html.m22 .recon9-filters button { border-radius: 12px !important; }
html.m22 .recon9-filters button strong { border-radius: 12px !important; }
html.m22 .recon9-search { border-radius: 12px !important; }
html.m22 .recon9-list-heading > strong { border-radius: 12px !important; }
html.m22 .recon9-case-card { border-radius: 12px !important; }
html.m22 .recon9-tag { border-radius: 12px !important; }
html.m22 .recon9-status { border-radius: 12px !important; }
html.m22 .recon9-doc-state { border-radius: 12px !important; }
html.m22 .recon9-variance { border-radius: 12px !important; }
html.m22 .recon9-risk-chip { border-radius: 12px !important; }
html.m22 .recon12-pipeline { border-radius: 12px !important; }
html.m22 .recon12-step { border-radius: 12px !important; }
html.m22 .recon12-items-preview { border-radius: 12px !important; }
html.m22 .recon9-finance-cell { border-radius: 12px !important; }
html.m22 .recon9-card-btn { border-radius: 12px !important; }
html.m22 .recon9-loading { border-radius: 12px !important; }
html.m22 .recon9-error { border-radius: 12px !important; }
html.m22 .recon9-empty { border-radius: 12px !important; }
html.m22 .recon9-empty-icon { border-radius: 12px !important; }
html.m22 .recon9-retry-btn { border-radius: 12px !important; }
html.m22 .recon9-detail-sheet { border-radius: 12px !important; }
}
@media (max-width: 767.98px) {
@media (max-width: 640px) {
html.m22 .recon9-detail-sheet { border-radius: 12px 12px 0 0 !important; }
}
}
@media (max-width: 767.98px) {
html.m22 .recon9-detail-close { border-radius: 12px !important; }
html.m22 .recon9-risk-banner { border-radius: 12px !important; }
html.m22 .recon9-clear-banner { border-radius: 12px !important; }
html.m22 .recon9-detail-section { border-radius: 12px !important; }
html.m22 .recon9-detail-grid { border-radius: 12px !important; }
html.m22 .recon9-note { border-radius: 12px !important; }
html.m22 .recon9-table-scroll { border-radius: 12px !important; }
html.m22 .recon9-document-link { border-radius: 12px !important; }
html.m22 .recon9-no-invoice { border-radius: 12px !important; }
html.m22 .recon9-section-empty { border-radius: 12px !important; }
html.m22 .recon9-timeline li > span { border-radius: 12px !important; }
html.m22 .recon9-decision-bar button { border-radius: 12px !important; }
html.m22 .recon9-toast { border-radius: 12px !important; }
html.m22 .recon9-debt-card { border-radius: 12px !important; }
html.m22 .recon9-debt-amounts > div { border-radius: 12px !important; }
html.m22 .recon9-debt-progress { border-radius: 12px !important; }
html.m22 .recon10-record-chain { border-radius: 12px !important; }
html.m22 .recon10-chain-grid > div { border-radius: 12px !important; }
html.m22 .recon11-role-card { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__icon { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__badge { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__eyebrow { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__tab-chip { border-radius: 12px !important; }
html.m22 .ops-supplier-settings-entry__button { border-radius: 12px !important; }
html.m22 .ops-launcher { border-radius: 12px !important; }
html.m22 .ops-launcher__icon { border-radius: 12px !important; }
html.m22 .ops-launcher__badge { border-radius: 12px !important; }
html.m22 .kitchen-gas-card { border-radius: 12px !important; }
html.m22 .kitchen-gas-card__system-badge { border-radius: 12px !important; }
html.m22 .gas-status-panel { border-radius: 12px !important; }
html.m22 .gas-status-badge { border-radius: 12px !important; }
html.m22 .gas-cylinder-card { border-radius: 12px !important; }
html.m22 .gas-alert-button { border-radius: 12px !important; }
}
@media (max-width: 767.98px) {
@media (max-width: 720px) {
html.m22 .ops-supplier-settings-entry__icon { border-radius: 12px !important; }
}
}
@media (max-width: 767.98px) {
html.m22 .reset17-card { border-radius: 12px !important; }
html.m22 .reset17-card__icon { border-radius: 12px !important; }
html.m22 .reset17-card__button { border-radius: 12px !important; }
html.m22 .reset17-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .reset17-sheet > header button { border-radius: 12px !important; }
html.m22 .reset17-warning { border-radius: 12px !important; }
html.m22 .reset17-preview { border-radius: 12px !important; }
html.m22 .reset17-preview > div > div { border-radius: 12px !important; }
html.m22 .reset17-field input { border-radius: 12px !important; }
html.m22 .reset17-check { border-radius: 12px !important; }
html.m22 .reset17-error { border-radius: 12px !important; }
html.m22 .reset17-sheet > footer button { border-radius: 12px !important; }
}
@media (max-width: 767.98px) {
@media (max-width: 768px) {
html.m22 .app-tabbar__item { border-radius: 12px !important; }
html.m22 .app-modal-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .app-modal-sheet::before { border-radius: 12px !important; }
html.m22 .app-table-scroll { border-radius: 12px !important; }
html.m22 .app-table-scroll::-webkit-scrollbar-thumb { border-radius: 12px !important; }
html.m22 .app-toast { border-radius: 12px !important; }
}
}
@media (max-width: 767.98px) {
html.m22 .app-user-chip { border-radius: 12px !important; }
html.m22 .app-surface { border-radius: 12px !important; }
html.m22 .app-kpi-card { border-radius: 12px !important; }
html.m22 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) { border-radius: 12px !important; }
html.m22 select { border-radius: 12px !important; }
html.m22 textarea { border-radius: 12px !important; }
html.m22 .app-form-control { border-radius: 12px !important; }
html.m22 .ops-status { border-radius: 12px !important; }
html.m22 [class*="rounded-full"][class*="text-xs"] { border-radius: 12px !important; }
html.m22 [class*="rounded-full"][class*="text-[10px]"] { border-radius: 12px !important; }
html.m22 [class*="rounded-full"][class*="text-[9px]"] { border-radius: 12px !important; }
html.m22 .kitchen-gas-card { border-radius: 12px !important; }
html.m22 .kitchen-overview-card { border-radius: 12px !important; }
html.m22 .kitchen-stock-alert { border-radius: 12px !important; }
html.m22 button { border-radius: 12px !important; }
html.m22 [type="button"] { border-radius: 12px !important; }
html.m22 [type="submit"] { border-radius: 12px !important; }
html.m22 .ops-primary-button { border-radius: 12px !important; }
html.m22 .ops-secondary-button { border-radius: 12px !important; }
html.m22 .ops-danger-button { border-radius: 12px !important; }
html.m22 button.bg-amber-500 { border-radius: 12px !important; }
html.m22 button.bg-[#faad14] { border-radius: 12px !important; }
html.m22 .ops-primary-button { border-radius: 12px !important; }
html.m22 button[type="submit"] { border-radius: 12px !important; }
html.m22 .kitchen-quick-action.is-request { border-radius: 12px !important; }
html.m22 button.bg-[#0b1a30] { border-radius: 12px !important; }
html.m22 button.bg-slate-900 { border-radius: 12px !important; }
html.m22 table button { border-radius: 12px !important; }
html.m22 .ops-supplier-card button { border-radius: 12px !important; }
html.m22 .ops-secondary-button { border-radius: 12px !important; }
html.m22 button[class*="px-2"][class*="py-1"] { border-radius: 12px !important; }
html.m22 button[class*="px-2.5"][class*="py-1"] { border-radius: 12px !important; }
html.m22 button[class*="px-3"][class*="py-1"] { border-radius: 12px !important; }
html.m22 button[class*="px-3"][class*="py-1.5"] { border-radius: 12px !important; }
html.m22 .app-icon-button { border-radius: 12px !important; }
html.m22 .ops-icon-button { border-radius: 12px !important; }
html.m22 button.w-10.h-10 { border-radius: 12px !important; }
html.m22 button.w-8.h-8 { border-radius: 12px !important; }
html.m22 button.w-7.h-7 { border-radius: 12px !important; }
html.m22 .kitchen-quick-action { border-radius: 12px !important; }
html.m22 .kitchen-quick-action__icon { border-radius: 12px !important; }
html.m22 .recon9-filters button { border-radius: 12px !important; }
html.m22 .ops-tabs button { border-radius: 12px !important; }
html.m22 .ops-segmented button { border-radius: 12px !important; }
html.m22 [role="tab"] { border-radius: 12px !important; }
html.m22 button.kitchen-alert-banner { border-radius: 12px !important; }
html.m22 .kitchen-alert-banner { border-radius: 12px !important; }
html.m22 .fixed.inset-0 button.absolute { border-radius: 12px !important; }
html.m22 ::-webkit-scrollbar-thumb { border-radius: 12px !important; }
}
@media (min-width: 768px) {
html.m22 button { border-radius: 0 !important; }
html.m22 input { border-radius: 0 !important; }
html.m22 select { border-radius: 0 !important; }
html.m22 optgroup { border-radius: 0 !important; }
html.m22 textarea { border-radius: 0 !important; }
html.m22 ::file-selector-button { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-9"]) button { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-10"]) button { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-12"]) button { border-radius: 0 !important; }
html.m22 div:has(> input[type="text"][class*="text-center"]) button { border-radius: 0 !important; }
html.m22 input[class*="w-9"] { border-radius: 0 !important; }
html.m22 input[class*="w-10"] { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-9"]) input { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-10"]) input { border-radius: 0 !important; }
}
@media (max-width: 767.98px) {
html.m22 button { border-radius: 0 !important; }
html.m22 input { border-radius: 0 !important; }
html.m22 select { border-radius: 0 !important; }
html.m22 optgroup { border-radius: 0 !important; }
html.m22 textarea { border-radius: 0 !important; }
html.m22 ::file-selector-button { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-9"]) button { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-10"]) button { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-12"]) button { border-radius: 0 !important; }
html.m22 div:has(> input[type="text"][class*="text-center"]) button { border-radius: 0 !important; }
html.m22 input[class*="w-9"] { border-radius: 0 !important; }
html.m22 input[class*="w-10"] { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-9"]) input { border-radius: 0 !important; }
html.m22 div:has(> input[class*="w-10"]) input { border-radius: 0 !important; }
}
html.m22 .app-brand > svg { border-radius: 12px !important; }
html.m22 .app-brand > img { border-radius: 12px !important; }
html.m22 .app-brand > div:first-child:not(:last-child) { border-radius: 12px !important; }
html.m22 .app-user-chip { border-radius: 12px !important; }
html.m22 .app-user-chip > div:first-child { border-radius: 12px !important; }
html.m22 .app-header .app-icon-button { border-radius: 12px !important; }
html.m22 .app-kpi-card { border-radius: 12px !important; }
html.m22 :where(.app-main, .recon9-view, .app-modal-sheet) .rounded-md { border-radius: 12px !important; }
html.m22 :where(.app-main, .recon9-view, .app-modal-sheet) .rounded-lg { border-radius: 12px !important; }
html.m22 :where(.app-main, .recon9-view, .app-modal-sheet) .rounded-xl { border-radius: 12px !important; }
html.m22 :where(.app-main, .recon9-view, .app-modal-sheet) .rounded-2xl { border-radius: 12px !important; }
html.m22 .app-main .app-surface { border-radius: 12px !important; }
html.m22 .app-main :is(div, section, article).bg-white:is(.rounded-xl, .rounded-2xl, .rounded-3xl)[class~="border"]:not(.app-surface *):not(.app-kpi-card) { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet, .recon9-view) span:is(.rounded, .rounded-md, .rounded-lg)[class*="px-"] { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet, .recon9-view) .text-center.italic::before { border-radius: 12px !important; }
html.m22 :where(.app-main, .recon9-view, .app-modal-sheet, .app-login) button { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet, .app-login) button:is([type="submit"], .w-full) { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) :is(table button, button[class*="px-2"][class*="py-1"], button[class*="px-3"][class*="py-1"]) { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) :is(.app-icon-button, .ops-icon-button, button.w-10.h-10, button.w-8.h-8, button.w-7.h-7) { border-radius: 12px !important; }
html.m22 div:has(> input[class*="w-9"]) button { border-radius: 12px !important; }
html.m22 div:has(> input[class*="w-10"]) button { border-radius: 12px !important; }
html.m22 div:has(> input[class*="w-12"]) button { border-radius: 12px !important; }
html.m22 div:has(> input[type="text"][class*="text-center"]) button { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) :is(.bg-\[\#f5f5f7\], .bg-slate-100):is(.p-1, .p-0\.5):has(> button) { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) :is(.bg-\[\#f5f5f7\], .bg-slate-100):is(.p-1, .p-0\.5) > button { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) .overflow-x-auto:not(:has(table)) > button { border-radius: 12px !important; }
html.m22 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]), select, textarea) { border-radius: 12px !important; }
html.m22 .app-tabbar__item > :first-child { border-radius: 12px !important; }
html.m22 .app-tabbar__item .absolute { border-radius: 12px !important; }
html.m22 .app-tabbar__item .recon9-nav-badge { border-radius: 12px !important; }
html.m22 .app-modal-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .app-modal-sheet form > div:last-child.border-t > button { border-radius: 12px !important; }
html.m22 .app-modal-sheet > div:last-child.border-t > button { border-radius: 12px !important; }
html.m22 table.m22-cards tbody > tr { border-radius: 12px !important; }
html.m22 .recon9-hero { border-radius: 12px !important; }
html.m22 .recon9-hero .recon9-refresh { border-radius: 12px !important; }
html.m22 .recon9-summary-card { border-radius: 12px !important; }
html.m22 .recon9-summary-card__icon { border-radius: 12px !important; }
html.m22 .recon9-filters > * { border-radius: 12px !important; }
html.m22 .recon9-sync { border-radius: 12px !important; }
html.m22 :is(.recon9-case-card, .recon9-debt-card, .recon9-cash-strip, .recon9-controls) { border-radius: 12px !important; }
html.m22 .kitchen-quick-action { border-radius: 12px !important; }
html.m22 .kitchen-quick-action__icon { border-radius: 12px !important; }
html.m22 .app-login__card { border-radius: 12px !important; }
html.m22 .app-login__card .grid > button { border-radius: 12px !important; }
html.m22 .app-login__card .grid > div { border-radius: 12px !important; }
html.m22 .pwa-banner-card { border-radius: 12px !important; }
html.m22 .app-toast { border-radius: 12px !important; }
html.m22 #m22-splash img { border-radius: 12px !important; }
html.m22 #m22-splash .m22-splash__bar { border-radius: 12px !important; }
html.m22 .m22-ptr { border-radius: 12px !important; }
html.m22 .m22-offline { border-radius: 12px !important; }
html.m22 .m22-snack { border-radius: 12px !important; }
html.m22 .m22-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .m22-sheet__handle { border-radius: 12px !important; }
html.m22 .m22-profile { border-radius: 12px !important; }
html.m22 .m22-profile__avatar { border-radius: 12px !important; }
html.m22 .m22-sheet__list { border-radius: 12px !important; }
html.m22 .m22-sheet__close { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) input[type="file"] { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) input[type="file"]::file-selector-button { border-radius: 12px !important; }
html.m22 .app-main .flex.border-b.overflow-x-auto:has(> button[class*="border-b-2"]) { border-radius: 12px !important; }
html.m22 .app-main .flex.border-b.overflow-x-auto > button[class*="border-b-2"] { border-radius: 12px !important; }
html.m22 .m22-alert { border-radius: 12px !important; }
html.m22 .m22-alert__icon { border-radius: 12px !important; }
html.m22 .m22-alert__button { border-radius: 12px !important; }
html.m22 .ops-sheet { border-radius: 12px 12px 0 0 !important; }
html.m22 .ops-sheet .ops-icon-button { border-radius: 12px !important; }
html.m22 .ops-tabs button { border-radius: 12px !important; }
html.m22 .ops-sheet .ops-secondary-button { border-radius: 12px !important; }
html.m22 .ops-sheet .ops-primary-button { border-radius: 12px !important; }
html.m22 .ops-form-actions > button { border-radius: 12px !important; }
html.m22 .app-kpi-card { border-radius: 12px !important; }
html.m22 .recon9-search { border-radius: 12px !important; }
html.m22 .kitchen-stock-alert .kitchen-stock-alert__badge + span { border-radius: 12px !important; }
html.m22 :where(.app-main, .app-modal-sheet) button.p-0\.5.rounded.shrink-0:not([class*="bg-"]) { border-radius: 12px !important; }
html.m22 .app-tabbar { border-radius: 0 !important; }
html.m22 .app-tabbar__item { border-radius: 0 !important; }
html.m22 .app-modal-sheet::before { border-radius: 0 !important; }
html.m22 .m22-sheet__item { border-radius: 0 !important; }
html.m22 body .recon9-search input.m22-input-raised.m22-input-raised.m22-input-raised.m22-input-raised.m22-input-raised { border-radius: 0 !important; }
html.m22 body .recon9-search input { border-radius: 0 !important; }
html.m22 .kitchen-stock-alert .kitchen-stock-alert__badge { border-radius: 0 !important; }