/* ============================================================ StockRadar theme — overrides on top of NexoPOS light theme. Loaded last in , so these win. Applies to every page. Safe & additive: only colours, radius, spacing — no layout risk. ============================================================ */ :root{ /* --- brand --- */ --sr-brand:#4f46e5; --sr-brand-600:#4338ca; --sr-blip:#0d9488; /* --- surfaces: cleaner, indigo-tinted light --- */ --color-surface:#eef1f7; --color-surface-soft:#e9ecf4; --color-surface-hard:#ffffff; --color-popup-surface:#ffffff; /* --- cards / boxes --- */ --color-box-background:#ffffff; --color-box-elevation-background:#f5f6fb; --color-box-edge:#e6e9f2; --color-box-elevation-edge:#e2e6f0; --color-box-elevation-hover:#e2e6f0; /* --- branded deep-indigo sidebar (keeps white text) --- */ --color-aside-background:#1e1b4b; --color-aside-color:#ffffff; --color-aside-menu-background:#1e1b4b; --color-aside-menu-background-hover:#312e81; --color-aside-submenu-background:#262262; --color-aside-submenu-background-hover:#312e81; } /* modern cards: softer corners + subtle depth */ .ns-box{ border-radius:14px !important; box-shadow:0 1px 2px rgba(20,24,43,.04), 0 6px 18px rgba(20,24,43,.06); } /* cleaner page background */ body{ background:var(--color-surface); } /* primary buttons + links lean to StockRadar indigo */ .ns-button.info, .ns-button.primary{ background:var(--sr-brand) !important; border-color:var(--sr-brand) !important; color:#fff !important; } .ns-button.info:hover, .ns-button.primary:hover{ background:var(--sr-brand-600) !important; } /* rounded inputs for a modern feel */ input, select, textarea{ border-radius:10px; } /* declutter the admin: hide developer/advanced menus a shop rarely needs (still reachable by URL if required — this only cleans the sidebar) */ #menu-medias, #menu-modules{ display:none !important; } /* ============================================================ UX refinement pass — buttons, inputs, focus, tables, spacing ============================================================ */ /* buttons: consistent radius, weight, motion & clear states */ .ns-button{ border-radius:10px !important; font-weight:600; transition:background .13s ease, box-shadow .13s ease, transform .05s ease, opacity .13s ease; } .ns-button:hover{ box-shadow:0 2px 8px rgba(20,24,43,.10); } .ns-button:active{ transform:translateY(1px); } .ns-button:focus-visible{ outline:2px solid var(--sr-brand); outline-offset:2px; } .ns-button[disabled], .ns-button:disabled{ opacity:.55; cursor:not-allowed; box-shadow:none; } /* inputs: clear indigo focus ring for obvious feedback */ input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--sr-brand) !important; box-shadow:0 0 0 3px rgba(79,70,229,.16); } /* tables (CRUD lists): stronger header, gentle row hover */ table thead td, table thead th{ font-weight:700; letter-spacing:.01em; } table tbody tr{ transition:background .1s ease; } table tbody tr:hover{ background:rgba(79,70,229,.045); } /* links lean to brand */ a.link, .ns-box a:not(.ns-button){ color:var(--sr-brand); } /* a touch more breathing room inside cards */ .ns-box .ns-box-body{ padding:14px 16px; } /* rounded, soft avatars/media thumbnails */ img.rounded, .ns-avatar{ border-radius:10px; }