/* =========================================================
   WPOS Restaurant System — Global Brand Theme
   Visual layer only. No business logic, routing, API, or data changes.
   ========================================================= */
:root{
  --wpos-red:#C41E25;
  --wpos-red-hover:#A9181E;
  --wpos-red-soft:#FBEAEC;
  --signal-yellow:#FFCE00;
  --signal-yellow-soft:#FFF6CC;
  --system-ink:#17131D;
  --cloud:#F7F5FA;
  --mist:#E9E5EC;
  --graphite:#332C3B;
  --white:#FFFFFF;
  --text-secondary:#6D6674;
  --success:#178A4A;
  --success-soft:#E9F7EF;
  --warning:#8A6500;
  --warning-soft:#FFF7D6;
  --error:#D92D3B;
  --error-soft:#FDECEF;
  --info:#40536F;
  --info-soft:#EEF3F8;
  --wpos-radius-sm:8px;
  --wpos-radius-md:10px;
  --wpos-radius-lg:12px;
  --wpos-shadow-sm:0 4px 14px rgba(23,19,29,.05);
  --wpos-shadow-md:0 10px 28px rgba(23,19,29,.08);
  --wpos-focus:0 0 0 3px rgba(196,30,37,.18);

  /* Backward-compatible aliases used by the existing interface. */
  --ember:var(--wpos-red);
  --cream:var(--cloud);
  --leaf:var(--system-ink);
  --blaze:var(--signal-yellow);
  --silk:var(--cloud);
  --ink:var(--system-ink);
  --muted:var(--text-secondary);
  --line:var(--mist);
  --card:var(--white);
  --bg:var(--cloud);
  --good:var(--success);
  --danger:var(--error);
  --blue:var(--info);
  --radius:var(--wpos-radius-lg);

  --color-green-950:var(--system-ink);
  --color-green-900:var(--graphite);
  --color-green-800:var(--graphite);
  --color-green-soft:var(--mist);
  --color-cream:var(--cloud);
  --color-cream-light:var(--white);
  --color-cream-page:var(--cloud);
  --color-orange:var(--wpos-red);
  --color-orange-2:var(--signal-yellow);
  --color-orange-soft:var(--wpos-red-soft);
  --color-white:var(--white);
  --color-text:var(--system-ink);
  --color-text-muted:var(--text-secondary);
  --color-border:var(--mist);
  --spicy:var(--wpos-red);
  --yolk:var(--signal-yellow);
}

html{color-scheme:light;scroll-behavior:smooth}
body,
body *{
  font-family:Tahoma,Arial,sans-serif!important;
}
button,
input,
select,
textarea,
table,
.tooltip,
.modal,
.dropdown,
.toast{
  font-family:Tahoma,Arial,sans-serif!important;
}
body{
  background:var(--cloud)!important;
  color:var(--system-ink)!important;
  letter-spacing:0!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
:focus-visible{outline:2px solid var(--wpos-red);outline-offset:2px}
::selection{background:var(--signal-yellow);color:var(--system-ink)}

/* Application shell */
.sidebar,
.super-sidebar,
.saas-sidebar{
  background:var(--system-ink)!important;
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:12px 0 32px rgba(23,19,29,.08);
}
.brand{margin-bottom:14px!important}
.brand-logo{
  width:min(174px,100%)!important;
  height:auto!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.brand-sub{
  color:rgba(255,255,255,.68)!important;
  letter-spacing:.11em!important;
  font-size:10px!important;
  font-weight:700!important;
  margin:0 8px 22px!important;
}
.nav-label{color:rgba(255,255,255,.42)!important;font-weight:700!important;letter-spacing:.1em!important}
.nav a{
  color:rgba(255,255,255,.78)!important;
  border-radius:var(--wpos-radius-md)!important;
  min-height:44px;
  margin:4px 0!important;
  font-weight:700!important;
}
.nav a:hover{background:rgba(255,255,255,.08)!important;color:var(--white)!important;transform:translateX(2px)}
.nav a.active{
  background:var(--wpos-red)!important;
  color:var(--white)!important;
  box-shadow:0 7px 18px rgba(196,30,37,.22)!important;
}
.nav .dot{
  width:8px!important;
  height:8px!important;
  background:var(--signal-yellow)!important;
  box-shadow:0 0 0 3px rgba(255,206,0,.16)!important;
}
.nav a.active .dot{background:var(--white)!important;box-shadow:0 0 0 3px rgba(255,255,255,.18)!important}

.main{background:var(--cloud)}
.topbar,
.saas-topbar{
  background:rgba(247,245,250,.94)!important;
  border-bottom:1px solid var(--mist)!important;
  box-shadow:0 4px 18px rgba(23,19,29,.035)!important;
  backdrop-filter:blur(14px);
}
.top-title h1{color:var(--system-ink);font-weight:700!important;letter-spacing:-.02em!important}
.top-title p,.panel-eyebrow,.panel-kicker{color:var(--text-secondary)!important}
.content,.saas-content{background:var(--cloud)}
.user-pill,
.panel-scope-switcher,
.scope-chip{
  background:transparent!important;
  border:1px solid var(--mist)!important;
  border-radius:var(--wpos-radius-lg)!important;
  box-shadow:var(--wpos-shadow-sm)!important;
}
.avatar{background:var(--wpos-red)!important;border-radius:var(--wpos-radius-md)!important}

/* Cards, dashboards, empty/loading states */
.card,
.metric,
.ticket,
.panel-card,
.command-card,
.summary-card,
.checkout-card,
.auth-card,
.modal-card,
.dropdown-menu,
.filter-panel{
  background:var(--white)!important;
  border:1px solid var(--mist)!important;
  border-radius:var(--wpos-radius-lg)!important;
  box-shadow:var(--wpos-shadow-sm)!important;
}
.card:hover,.metric:hover{border-color:#DAD4DE}
.card h1,.card h2,.card h3,.section-heading h2{color:var(--system-ink);letter-spacing:-.018em}
.metric:after{background:rgba(196,30,37,.07)!important}
.metric-value,.product-price,.checkout-total{color:var(--wpos-red)!important}
.empty-state,
.empty-state-box,
.table-empty,
.no-data{
  background:var(--cloud)!important;
  border:1px dashed #CFC8D3!important;
  color:var(--text-secondary)!important;
  border-radius:var(--wpos-radius-lg)!important;
  padding:28px!important;
  text-align:center;
}
.wpos-skeleton,
.skeleton{
  position:relative;
  overflow:hidden;
  background:var(--mist)!important;
  border-radius:var(--wpos-radius-sm);
}
.wpos-skeleton:after,.skeleton:after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  animation:wpos-skeleton 1.3s infinite;
}
@keyframes wpos-skeleton{to{transform:translateX(100%)}}

/* Buttons and interactive states */
.btn,
.btn-main,
button.btn{
  border-radius:var(--wpos-radius-md)!important;
  min-height:40px;
  font-weight:700!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .1s ease,opacity .16s ease!important;
}
.btn:hover,.btn-main:hover{transform:translateY(-1px)}
.btn:active,.btn-main:active{transform:translateY(0)}
.btn-primary,.btn-main,.btn.primary,.site-nav .nav-cta,.package-wa-btn{
  background:var(--wpos-red)!important;
  border-color:var(--wpos-red)!important;
  color:var(--white)!important;
}
.btn-primary:hover,.btn-main:hover,.btn.primary:hover,.site-nav .nav-cta:hover{background:var(--wpos-red-hover)!important;border-color:var(--wpos-red-hover)!important}
.btn-secondary,.btn:not(.btn-primary):not(.btn-danger):not(.btn-leaf):not(.btn-soft):not(.primary):not(.ghost):not(.soft){
  background:var(--white)!important;
  border-color:var(--mist)!important;
  color:var(--system-ink)!important;
}
.btn-secondary:hover,.btn:not(.btn-primary):not(.btn-danger):not(.btn-leaf):not(.btn-soft):not(.primary):not(.ghost):not(.soft):hover{border-color:var(--wpos-red)!important;color:var(--wpos-red)!important}
.btn-highlight,.btn-soft,.btn.soft{
  background:var(--signal-yellow)!important;
  border-color:var(--signal-yellow)!important;
  color:var(--system-ink)!important;
}
.btn-leaf{background:var(--graphite)!important;border-color:var(--graphite)!important;color:var(--white)!important}
.btn-danger,.btn-destructive{background:var(--error)!important;border-color:var(--error)!important;color:var(--white)!important}
.btn[disabled],.btn-main[disabled],button[disabled],input[disabled],select[disabled]{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important}
.btn.is-loading,.btn-main.is-loading{position:relative;color:transparent!important;pointer-events:none}
.btn.is-loading:after,.btn-main.is-loading:after{
  content:"";
  width:16px;height:16px;
  position:absolute;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  color:var(--white);
  animation:wpos-spin .7s linear infinite;
}
@keyframes wpos-spin{to{transform:rotate(360deg)}}

/* Forms */
.form-group label{
  color:var(--graphite)!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
.form-control,.select,.input,textarea.form-control,input[type="date"],input[type="datetime-local"],input[type="search"]{
  background:var(--white)!important;
  color:var(--system-ink)!important;
  border:1px solid var(--mist)!important;
  border-radius:var(--wpos-radius-md)!important;
  min-height:44px;
  outline:none!important;
  box-shadow:none!important;
}
.form-control:hover,.select:hover,.input:hover{border-color:#CEC7D2!important}
.form-control:focus,.select:focus,.input:focus,textarea:focus{
  border-color:var(--wpos-red)!important;
  box-shadow:var(--wpos-focus)!important;
}
.form-control[aria-invalid="true"],.input[aria-invalid="true"],.field-error{border-color:var(--error)!important;box-shadow:0 0 0 3px rgba(217,45,59,.12)!important}
::placeholder{color:#9A929F!important;opacity:1}
input[type="checkbox"],input[type="radio"]{accent-color:var(--wpos-red)}
.form-helper,.helper-text,.field-help{color:var(--text-secondary)!important;font-size:12px}
.wpos-password-wrap{position:relative}
.wpos-password-wrap .input,.wpos-password-wrap .form-control{padding-right:52px!important}
.wpos-password-toggle{
  position:absolute;right:7px;top:50%;transform:translateY(-50%);
  width:38px;height:34px;border:0;border-radius:8px;
  background:transparent;color:var(--text-secondary);cursor:pointer;
}
.wpos-password-toggle:hover{background:var(--cloud);color:var(--wpos-red)}

/* Tables */
.table-wrap{border:1px solid var(--mist)!important;border-radius:var(--wpos-radius-lg)!important;background:var(--white)!important;box-shadow:none!important}
table{background:var(--white)!important;color:var(--system-ink)}
th,td{border-bottom:1px solid var(--mist)!important;padding:13px 14px!important}
th{
  position:sticky;
  top:0;
  z-index:2;
  background:var(--graphite)!important;
  color:var(--white)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}
tbody tr{transition:background-color .14s ease}
tbody tr:hover td{background:#FBFAFC!important}

/* Badges, status, alert, toast */
.badge,.status-badge{
  border-radius:999px!important;
  font-weight:700!important;
  border:1px solid transparent;
}
.badge.leaf,.badge.primary,.status-badge.active,.status-badge.approved{background:var(--wpos-red-soft)!important;color:var(--wpos-red)!important;border-color:#F3C7CA!important}
.badge.warn,.status-badge.pending,.status-badge.warning{background:var(--warning-soft)!important;color:var(--warning)!important;border-color:#F1DE8D!important}
.badge.good,.status-badge.paid,.status-badge.completed,.status-badge.success{background:var(--success-soft)!important;color:var(--success)!important;border-color:#BFE5CF!important}
.badge.danger,.status-badge.failed,.status-badge.canceled,.status-badge.error{background:var(--error-soft)!important;color:var(--error)!important;border-color:#F2C5CC!important}
.alert{
  border-radius:var(--wpos-radius-md)!important;
  border:1px solid transparent!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.alert.success{background:var(--success-soft)!important;color:#12683A!important;border-color:#BFE5CF!important}
.alert.error,.alert.danger{background:var(--error-soft)!important;color:#A31E2B!important;border-color:#F2C5CC!important}
.alert.warn,.alert.warning{background:var(--warning-soft)!important;color:#745700!important;border-color:#F1DE8D!important}
.alert.info{background:var(--info-soft)!important;color:#34475F!important;border-color:#CFDCE8!important}
.wpos-alert-close{float:right;border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0 0 0 12px}
.wpos-toast-stack{position:fixed;right:20px;top:84px;z-index:9999;display:grid;gap:10px;width:min(360px,calc(100vw - 32px))}
.wpos-toast{background:var(--white);border:1px solid var(--mist);border-left:4px solid var(--wpos-red);border-radius:var(--wpos-radius-md);box-shadow:var(--wpos-shadow-md);padding:14px 16px;color:var(--system-ink)}

/* Modals, tabs, dropdowns, pagination */
.modal{background:rgba(23,19,29,.58)!important;backdrop-filter:blur(4px)}
.modal-card{max-height:min(90vh,820px);overflow:auto}
.modal-head{border-bottom:1px solid var(--mist);padding-bottom:14px}
.close-modal{background:var(--cloud)!important;color:var(--system-ink)!important;border-radius:var(--wpos-radius-sm)!important}
.tabs,.tab-list{border-bottom:1px solid var(--mist)!important}
.tab,.tabs a,.tab-button{color:var(--text-secondary)!important;border-radius:var(--wpos-radius-sm) var(--wpos-radius-sm) 0 0!important}
.tab.active,.tabs a.active,.tab-button.active{color:var(--wpos-red)!important;border-bottom-color:var(--wpos-red)!important}
.dropdown-menu{background:var(--white)!important}
.dropdown-menu a:hover{background:var(--cloud)!important;color:var(--wpos-red)!important}
.pagination a,.pagination button{background:var(--white)!important;border:1px solid var(--mist)!important;color:var(--system-ink)!important;border-radius:var(--wpos-radius-sm)!important}
.pagination .active{background:var(--wpos-red)!important;border-color:var(--wpos-red)!important;color:var(--white)!important}

/* POS and kitchen */
.pos-kiosk-body,.kitchen-kiosk-body{background:var(--cloud)!important}
.topbar-pos-kiosk,.topbar-kitchen-kiosk{background:rgba(247,245,250,.96)!important}
.pos-kiosk-logo,.kitchen-kiosk-logo{
  width:154px!important;
  height:46px!important;
  object-fit:contain!important;
  background:var(--white)!important;
  border-radius:var(--wpos-radius-md)!important;
  padding:8px 12px!important;
}
.product-card,.pos-product-card{
  border:1px solid var(--mist)!important;
  border-radius:var(--wpos-radius-lg)!important;
  background:var(--white)!important;
  box-shadow:none!important;
}
.product-card:hover,.pos-product-card:hover{border-color:rgba(196,30,37,.45)!important;box-shadow:var(--wpos-shadow-md)!important}
.category-pill.active,.category-chip.active,.pos-category.active{background:var(--wpos-red)!important;color:var(--white)!important;border-color:var(--wpos-red)!important}
.cart-panel,.pos-cart-panel{border-color:var(--mist)!important}
.ticket.accepted{border-top-color:var(--wpos-red)!important}.ticket.preparing{border-top-color:var(--signal-yellow)!important}.ticket.ready{border-top-color:var(--success)!important}
.kds-live-pill{background:var(--signal-yellow-soft)!important;color:var(--system-ink)!important;border-color:var(--signal-yellow)!important}
.kds-live-dot{background:var(--wpos-red)!important}
.topbar-kitchen-kiosk .top-title h1{color:var(--system-ink)!important}
.topbar-kitchen-kiosk .top-title p{color:var(--text-secondary)!important}
.topbar-kitchen-kiosk .btn{background:var(--white)!important;border-color:var(--mist)!important;color:var(--system-ink)!important}
.kds-clock{background:var(--signal-yellow-soft)!important;border-color:var(--signal-yellow)!important;color:var(--system-ink)!important}
.kds-stat-card{border-color:transparent!important;backdrop-filter:none!important;box-shadow:var(--wpos-shadow-md)!important}
.kds-stat-card.stat-total{background:var(--graphite)!important}
.kds-stat-card.stat-new{background:var(--wpos-red)!important}
.kds-stat-card.stat-cook{background:var(--signal-yellow)!important}
.kds-stat-card.stat-ready{background:var(--success)!important}
.kds-stat-card.stat-total span,.kds-stat-card.stat-total strong,.kds-stat-card.stat-total small,
.kds-stat-card.stat-new span,.kds-stat-card.stat-new strong,.kds-stat-card.stat-new small,
.kds-stat-card.stat-ready span,.kds-stat-card.stat-ready strong,.kds-stat-card.stat-ready small{color:var(--white)!important}
.kds-stat-card.stat-cook span,.kds-stat-card.stat-cook strong,.kds-stat-card.stat-cook small{color:var(--system-ink)!important}
.brand-logo,.logo-wrap img{background:transparent!important;border-radius:0!important;padding:0!important}

/* Authentication */
.auth-shell{
  background:
    radial-gradient(circle at 14% 16%,rgba(196,30,37,.12),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(255,206,0,.13),transparent 23%),
    linear-gradient(145deg,var(--system-ink),var(--graphite))!important;
}
.auth-card{color:var(--system-ink)!important;padding:34px!important}
.auth-logo{
  display:block!important;
  width:min(260px,100%)!important;
  max-width:260px!important;
  max-height:76px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  margin:0 0 24px!important;
}
.auth-card h1{font-size:32px!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--system-ink)!important}
.auth-card p{color:var(--text-secondary)!important}
.pill{background:var(--wpos-red-soft)!important;color:var(--wpos-red)!important;border:1px solid #F3C7CA!important}
.link{color:var(--wpos-red)!important}
.link:hover{text-decoration:underline}
.demo-box{background:var(--cloud)!important;border-color:#CFC8D3!important}
.access-portal-card{background:var(--white)!important}
.access-panel-option{
  background:var(--cloud)!important;
  color:var(--system-ink)!important;
  border:1px solid var(--mist)!important;
  border-radius:var(--wpos-radius-lg)!important;
  box-shadow:none!important;
}
.access-panel-option:hover{border-color:var(--wpos-red)!important;background:var(--white)!important;box-shadow:var(--wpos-shadow-md)!important}
.access-panel-option small{color:var(--text-secondary)!important}
.access-panel-option b,.access-panel-number{color:var(--wpos-red)!important}
.access-panel-option.crenova-option{background:var(--signal-yellow-soft)!important}
.panel-login-switch{background:var(--cloud)!important;color:var(--text-secondary)!important;border:1px solid var(--mist)}

/* Landing page */
.site-header{background:rgba(23,19,29,.94)!important;border-color:rgba(255,255,255,.08)!important}
.logo-wrap img{width:156px!important;height:auto!important;object-fit:contain!important}
.logo-wrap span{color:rgba(255,255,255,.76)!important}
.hero{background:linear-gradient(145deg,var(--system-ink),var(--graphite))!important}
.eyebrow{background:rgba(255,206,0,.12)!important;border-color:rgba(255,206,0,.28)!important;color:var(--signal-yellow)!important}
.hero h1,.final-cta h2{color:var(--white)!important}
.lead,.final-cta p{color:rgba(255,255,255,.7)!important}
.terminal-card{background:var(--white)!important;border-color:var(--mist)!important}
.metric.spicy{background:var(--wpos-red)!important}.metric.leaf{background:var(--graphite)!important}.metric.yolk{background:var(--signal-yellow)!important}.metric.cream{background:var(--cloud)!important}
.metric.spicy small,.metric.spicy em,
.metric.leaf small,.metric.leaf em{color:rgba(255,255,255,.86)!important}
.metric.spicy strong,.metric.leaf strong{color:var(--white)!important}
.feature-grid .icon{background:var(--wpos-red-soft)!important;color:var(--wpos-red)!important}
.split{background:var(--cloud)!important}.flow-list b{background:var(--wpos-red)!important}
.price-grid article.highlight,.final-cta{background:var(--system-ink)!important}

/* Public checkout / QR ordering */
.checkout-shell,.status-shell,.reservation-shell{color:var(--system-ink)}
.qr-logo{
  width:min(220px,70vw)!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
}
.step-pill{background:var(--wpos-red-soft)!important;color:var(--wpos-red)!important}
.pay-card:has(input:checked){border-color:var(--wpos-red)!important;box-shadow:var(--wpos-focus)!important}
.unique-box{background:var(--system-ink)!important;color:var(--white)!important}.unique-code{color:var(--signal-yellow)!important}

/* Dark mode compatibility, only when an existing theme activates it. */
[data-theme="dark"],body.dark-mode,.dark-mode{
  --bg:var(--system-ink);
  --card:var(--graphite);
  --ink:var(--white);
  --muted:#C6BEC9;
  --line:rgba(233,229,236,.16);
  color-scheme:dark;
}
[data-theme="dark"] body,body.dark-mode{background:var(--system-ink)!important;color:var(--white)!important}
[data-theme="dark"] .card,body.dark-mode .card,[data-theme="dark"] .topbar,body.dark-mode .topbar{background:var(--graphite)!important;color:var(--white)!important;border-color:rgba(233,229,236,.14)!important}

/* Touch, responsive, reduced motion */
@media(pointer:coarse){.btn,.btn-main,.nav a,.form-control,.select,.input{min-height:46px}.btn-sm{min-height:40px}}
@media(max-width:820px){
  .topbar{gap:10px!important}
  .content{padding:14px!important}
  .auth-card{padding:26px!important}
  .wpos-toast-stack{right:16px;top:72px}
}
@media(max-width:520px){
  .auth-shell{padding:16px!important}
  .auth-card h1{font-size:27px!important}
  .row-between{align-items:flex-start!important;flex-direction:column!important}
  th,td{padding:11px 12px!important}
  .topbar-left,.top-title{min-width:0!important}
  .top-title h1{overflow-wrap:anywhere}
  .topbar-actions{scrollbar-width:none}
  .topbar-actions::-webkit-scrollbar{display:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Print / invoice */
@media print{
  body{background:#fff!important;color:#000!important;font-family:Tahoma,Arial,sans-serif!important}
  .sidebar,.topbar,.btn,.no-print{display:none!important}
  .card,.receipt-card,.invoice-card{box-shadow:none!important;border-color:#ddd!important}
}
@media (max-width: 768px) {
  .executive-kpi-grid,.grid.grid-2,.grid.grid-3,.grid.grid-4,.branch-performance-cards{grid-template-columns:1fr!important}
  .panel-hero,.compact-hero{padding:22px!important;display:block!important}
  .panel-hero-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
  .alert-filter-bar{display:grid!important;grid-template-columns:1fr!important}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .owner-table{min-width:760px}
  .btn{min-height:42px}
}
.saas-dashboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.saas-dashboard-actions>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #ebe5dc;border-radius:14px;background:#fff;text-decoration:none;color:inherit}
.saas-dashboard-actions>a strong{font-size:20px;color:#cf202b}.saas-dashboard-actions>a span{font-size:12px;color:#6f6876;text-align:right}
@media(max-width:700px){.saas-dashboard-actions{grid-template-columns:1fr}}