/* public/style.css
   Minimal page-level overrides. App UI is in assets/css/ui-framework.css.
   Keep only page-level or public-page styles here (login page, very local overrides).
*/

/* Palette defaults - inline company header will override these variables */
:root{
  --bg: #f4f4f4;
  --accent: #A14B58;
  --dark: #1c3787;
  --muted: #8b6b6e;
  --white: #ffffff;
}

/* Base reset and font */
*{box-sizing:border-box;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}
html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--dark);}

/* container used by legacy (public) pages */
.container{max-width:1100px;margin:28px auto;padding:20px;background:var(--white);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06);}

/* simple table */
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;text-align:left;border-bottom:1px solid #f0e6e6}

/* Buttons fallback */
.btn{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none;border:none;cursor:pointer}
.btn-primary{background:var(--dark);color:var(--white)}
.btn-accent{background:var(--accent);color:var(--white)}
.btn-ghost{background:transparent;border:1px solid rgba(108,19,31,0.08);color:var(--dark)}

/* small responsive for legacy pages */
@media(max-width:800px){.layout{flex-direction:column}.sidebar{width:100%}}

/* Toast overrides — enforce dark transparent base so theme changes don't leak in */

/* toast / flash */
.toast { padding:10px 12px; border-radius:6px; margin-bottom:12px; color:#0a0a0a; background:#222; }
.toast-success { background:#e6ffed; color:#083b10; border-left:4px solid #0a8a3f; }
.toast-error   { background:#fff0f0; color:#6b0000; border-left:4px solid #b30000; }
.toast-info    { background:#eef6ff; color:#0b4586; border-left:4px solid #3164ff; }



/* Specific helpers for employee-create and roles (kept small) */
.role-actions { display:flex; gap:10px; align-items:center; }
.rename-input { padding:8px 10px; border-radius:8px; border:1px solid rgba(0,0,0,0.08); min-width:180px; }
.role-create-form { display:flex; gap:10px; align-items:center; }

/* ensure login page card sizing */
.login-card { max-width:420px; margin: 56px auto; background: var(--white); border-radius:12px; padding:20px; box-shadow:0 8px 30px rgba(0,0,0,0.08); }