/* WSMS combined stylesheet */

/* ===== dashboard.html ===== */
:root{
      --wsms-primary:#4FA3DE;            /* blue pastel */
      --wsms-primary-50:#E9F5FF;         /* very light blue */
      --wsms-primary-100:#D6EEFF;
      --wsms-accent:#8EC5FF;            
      --wsms-dark:#0D3B66;              
      --wsms-success:#22C55E;
      --wsms-danger:#EF4444;
      --wsms-warning:#F59E0B;
    }
    body{ background:#F6FAFE; }

    /* Layout */
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .brand{ font-weight:700; color:var(--wsms-dark); letter-spacing:.3px; }

    .sticky-header{ position:sticky; top:0; z-index:1020; }

    /* KPI cards */
    .card-kpi{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .card-kpi .icon{ width:44px; height:44px; background:var(--wsms-primary-50); color:var(--wsms-primary); display:flex; align-items:center; justify-content:center; border-radius:.9rem; }
    .kpi-delta.up{ color:var(--wsms-success); }
    .kpi-delta.down{ color:var(--wsms-danger); }

    /* Tables */
    .table thead th{ color:#667085; font-weight:600; }
    .table td, .table th{ vertical-align:middle; }

    /* Badges (soft) */
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }

    /* Utilities */
    .shadow-soft{ box-shadow:0 4px 18px rgba(13,59,102,.08); }

    @media (max-width:991.98px){
      .sidebar{ width:100%; }
    }

/* ===== warehouses.html ===== */
:root{
      --wsms-primary:#4FA3DE;
      --wsms-primary-50:#E9F5FF;
      --wsms-dark:#0D3B66;
      --wsms-success:#22C55E;
      --wsms-danger:#EF4444;
    }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .shadow-soft{ box-shadow:0 4px 18px rgba(13,59,102,.08); }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }

    @media (max-width:991.98px){ .sidebar{ width:100%; } }

/* ===== products.html ===== */
:root{
      --wsms-primary:#4FA3DE;
      --wsms-primary-50:#E9F5FF;
      --wsms-dark:#0D3B66;
      --wsms-success:#22C55E;
      --wsms-danger:#EF4444;
      --wsms-warning:#F59E0B;
    }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .shadow-soft{ box-shadow:0 4px 18px rgba(13,59,102,.08); }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .product-thumb{ width:44px; height:44px; object-fit:cover; border-radius:.5rem; border:1px solid #e5e7eb; background:#fff; }

    /* Drag&Drop */
    .dropzone{ border:2px dashed #90caf9; background:#E9F5FF; border-radius:.75rem; padding:16px; text-align:center; cursor:pointer; transition:.15s; }
    .dropzone.dragover{ border-color:#4FA3DE; background:#dff1ff; }
    .preview-img{ width:96px; height:96px; object-fit:cover; border-radius:.75rem; border:1px solid #e5e7eb; background:#fff; }

    @media (max-width:991.98px){ .sidebar{ width:100%; } }

/* ===== sales.html ===== */
:root{
      --wsms-primary:#4FA3DE; /* blue pastel */
      --wsms-primary-50:#E9F5FF;
      --wsms-dark:#0D3B66;
      --wsms-success:#22C55E;
      --wsms-danger:#EF4444;
      --wsms-warning:#F59E0B;
    }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .shadow-soft{ box-shadow:0 4px 18px rgba(13,59,102,.08); }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .product-thumb{ width:40px; height:40px; object-fit:cover; border-radius:.5rem; border:1px solid #e5e7eb; background:#fff; }
    .table-sm th, .table-sm td{ padding:.5rem .6rem; }
    .quote-type-card{ border:1px solid #e5e7eb; border-radius:1rem; transition:all .2s; cursor:pointer; }
    .quote-type-card:hover{ box-shadow:0 10px 24px rgba(13,59,102,.12); transform:translateY(-2px); }

    @media (max-width:991.98px){ .sidebar{ width:100%; } }

/* ===== requests.html ===== */
:root{ --wsms-primary:#4FA3DE; --wsms-primary-50:#E9F5FF; --wsms-dark:#0D3B66; }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .table-sm th, .table-sm td{ padding:.5rem .6rem; }
    .text-truncate-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ===== repairs.html ===== */
:root{ --wsms-primary:#4FA3DE; --wsms-primary-50:#E9F5FF; --wsms-dark:#0D3B66; }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .table-sm th, .table-sm td{ padding:.5rem .6rem; }
    .text-truncate-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ===== follow.html ===== */
:root{ --wsms-primary:#4FA3DE; --wsms-primary-50:#E9F5FF; --wsms-dark:#0D3B66; }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .table-sm th, .table-sm td{ padding:.5rem .6rem; }
    .text-truncate-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .status-pill{ font-size:.75rem; }

/* ===== customers.html ===== */
:root{ --wsms-primary:#4FA3DE; --wsms-primary-50:#E9F5FF; --wsms-dark:#0D3B66; }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .table-sm th, .table-sm td{ padding:.55rem .6rem; }
    .text-truncate-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .link-like{ color:#0d6efd; cursor:pointer; text-decoration:underline; }
    .section-title{ font-weight:600; margin-top:.25rem; }
    .req::after{ content:' *'; color:#dc3545; }
    .badge-type{ font-size:.7rem; }

/* ===== approvals.html ===== */
:root{ --wsms-primary:#4FA3DE; --wsms-primary-50:#E9F5FF; --wsms-dark:#0D3B66; }
    body{ background:#F6FAFE; }
    .sidebar{ width:260px; }
    .sidebar .nav-link{ color:#4a5568; border-radius:.75rem; }
    .sidebar .nav-link.active{ background:var(--wsms-primary); color:#fff; }
    .sidebar .nav-link:hover{ background:var(--wsms-primary-50); color:#1f2937; }
    .sticky-header{ position:sticky; top:0; z-index:1020; }
    .card-soft{ border:0; background:linear-gradient(180deg,#fff,#F2F8FF); box-shadow:0 2px 12px rgba(13,59,102,.06); border-radius:1rem; }
    .badge-soft{ background-color:var(--wsms-primary-50); color:var(--wsms-primary); }
    .table-sm th,.table-sm td{ padding:.55rem .6rem; }
    .thumb{ width:48px; height:48px; object-fit:cover; border-radius:.5rem; border:1px solid #e5e7eb; background:#fff; }
    .qty-box input{ max-width:100px; text-align:center; }
    .item-card{ border:1px dashed #cbe3fb; background:#fff; border-radius:1rem; padding:1rem; margin-bottom:1rem; }
    .item-head{ display:flex; align-items:center; gap:12px; }
    .item-actions{ display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
    .badge-serial{ font-weight:500; }