/* SariCloud theme: warm off-white canvas, white top bar, soft green side rail, deep green accent.
   Applies to stores using the "SariCloud Mint" theme, and to the sign-in page before a theme is known.
   Stores that pick another theme in Settings keep that theme's look. */
html:not([data-theme]),html[data-theme="SariCloud Mint"]{--zen-top:#FFFFFF;--zen-sidebar:#E8F2EA;--zen-bg:#F7F6F1;--zen-accent:#0F7F40;--zen-accent-dark:#0B6532;--zen-sidebar-active:#C5E0CB;--dark:#E8F2EA;--green:#0F7F40}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) body{background:#F7F6F1}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .topbar{background:#FFFFFF;color:#14211B;border-bottom:1px solid #E4E1D8}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .brand{color:#14211B}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .brand strong span{color:#68786F}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .connection{color:#1F8A4C;font-weight:600}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .connection.offline{color:#B26A00}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .header-actions button{background:#FFFFFF;color:#14211B;border-color:#CFCBC0}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .header-actions button:hover{background:#F0EEE7;border-color:#0F7F40}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .shift-tag{background:#DCF3E5;border-color:#BCD8C3;color:#17392A}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar{background:linear-gradient(160deg,#F3F8F3 0%,#E8F2EA 45%,#D6E9D9 100%);border-right:1px solid #D3E5D7}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar nav{scrollbar-color:#BCD8C3 transparent}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar nav :is(button,a[data-module]){color:#2C4A3C}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar nav :is(button,a[data-module]):hover{background:#D6E9DA}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar nav :is(button,a[data-module]).active,
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar nav :is(button,a[data-module]).active:hover{background:#C5E0CB;color:#17392A;font-weight:700}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar .nav-icon{color:#5D7A6B}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar .active .nav-icon{color:#0F7F40}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .sidebar-footer{color:#5D7A6B}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .login-intro{background:linear-gradient(160deg,#F3F8F3 0%,#E8F2EA 45%,#D6E9D9 100%);color:#14211B;border-right:1px solid #D3E5D7}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .login-intro p{color:#36473F}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .login-intro .eyebrow{color:#0F7F40}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .login-footer{color:#5D7A6B}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .login-intro:after{box-shadow:none;border-color:#BCD8C380}
:where(html:not([data-theme]),html[data-theme="SariCloud Mint"]) .owner-mobile .mobile-header{background:#FFFFFF;color:#14211B;border-bottom:1px solid #E4E1D8}

/* SariCloud phone layout: one Menu button opens every module */
.phone-menu{display:none}
@media(max-width:760px){
  .workspace .topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:10px 12px;height:auto;min-height:0}
  .topbar .brand{min-width:0}.topbar .brand strong{font-size:15px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .phone-menu{display:inline-flex;align-items:center;gap:6px;justify-self:end;max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0F7F40;color:#fff;border-color:#0F7F40;font-weight:700}
  .workspace .topbar .phone-menu,.workspace .topbar .phone-menu:hover,.workspace .topbar .phone-menu[aria-expanded=true]{background:#0F7F40;color:#fff;border-color:#0B6532}
  .workspace .header-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
  .workspace .header-actions button{min-height:34px;padding:6px 10px;font-size:12px}
  .user-strip{font-size:12px}
  .workspace-body{flex-direction:column}
  .workspace .sidebar{display:none;width:100%;padding:10px 12px;border-right:0;border-bottom:1px solid #D3E5D7}
  .workspace.phone-menu-open .sidebar{display:block}
  .workspace .sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;overflow:visible}
  .workspace .sidebar nav :is(button,a[data-module]){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;min-height:64px;padding:8px 4px;font-size:11px;line-height:1.2;border-radius:10px;background:#fff;border:1px solid #D3E5D7}
  .workspace .sidebar-footer{display:none}
  main{padding:12px 10px}
  .ledger-table,.dashboard-summary-scroll{overflow-x:auto}
  dialog{max-width:calc(100vw - 16px)}
}