/* 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}