/* TMS HRMS — peppy pastel theme (Gen-Z / Korean soft aesthetic).
   Packaged in tms_hr app, included via app_include_css + web_include_css.
   Per-site: swap this file (or its vars) for HRTailor's own palette later. */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap');

:root {
  --tms-purple:#9A86FD; --tms-purple-d:#8670F5; --tms-mint:#79E0C8;
  --tms-peach:#FFB5A7; --tms-pink:#FFADD6; --tms-sky:#9BD8FF; --tms-cream:#FBF8FF;
  --tms-ink:#4B4661;

  /* override Frappe theme tokens */
  --primary:var(--tms-purple) !important;
  --primary-color:var(--tms-purple) !important;
  --btn-primary:var(--tms-purple) !important;
  --text-on-primary:#fff !important;
  --blue-500:var(--tms-purple) !important; --blue-600:var(--tms-purple-d) !important;
  --bg-color:var(--tms-cream) !important;
  --fg-color:#ffffff !important; --card-bg:#ffffff !important;
  --text-color:var(--tms-ink) !important; --heading-color:#3A3357 !important;
  --navbar-bg:#ffffff !important;
  --border-radius:12px !important; --border-radius-md:14px !important; --border-radius-lg:20px !important;
  --font-stack:'Quicksand','Nunito',-apple-system,'Segoe UI',sans-serif !important;
}

body, .app, .desk-page, .layout-main, .page-body {
  font-family:'Quicksand','Nunito',-apple-system,'Segoe UI',sans-serif !important;
  color:var(--tms-ink);
}
body { background:linear-gradient(160deg,#FBF8FF 0%, #F2F7FF 100%) !important; }

/* peppy buttons with a soft "pop" shadow */
.btn-primary{background:var(--tms-purple)!important;border-color:var(--tms-purple)!important;
  border-radius:12px!important;font-weight:600!important;box-shadow:0 4px 0 var(--tms-purple-d)!important;}
.btn-primary:hover,.btn-primary:focus{background:var(--tms-purple-d)!important;transform:translateY(1px);
  box-shadow:0 3px 0 var(--tms-purple-d)!important;}
.btn{border-radius:12px!important;font-weight:600!important;}
.btn-default{background:#fff!important;border-color:#ECE6FF!important;}

/* navbar — soft pastel gradient */
.navbar,header.navbar,.navbar.navbar-expand{background:linear-gradient(90deg,#EFE9FF,#E6F5FF)!important;
  border-bottom:2px solid #EFE7FF!important;box-shadow:0 2px 12px rgba(154,134,253,.08)!important;}

/* cards / sections — rounded + soft shadow */
.widget,.frappe-card,.form-section,.card,.page-card,.list-row-container,.dashboard-section{
  border-radius:18px!important;box-shadow:0 6px 22px rgba(154,134,253,.10)!important;border-color:#F0ECFF!important;}

a,.text-primary,.ellipsis a{color:#7E6BF0!important;}
.layout-side-section,.desk-sidebar,.list-sidebar{background:transparent!important;}

/* inputs — rounded + pastel focus */
.form-control,input.input-with-feedback,.input-with-feedback,select.form-control{
  border-radius:10px!important;border-color:#E6DEFF!important;background:#FCFBFF!important;}
.form-control:focus{border-color:var(--tms-purple)!important;box-shadow:0 0 0 3px #ECE6FF!important;}

/* pills / tags pastel */
.indicator-pill,.badge{border-radius:999px!important;}

/* ---------------- LOGIN / WEB (most-seen surface) ---------------- */
.login-content,.page-card{border-radius:26px!important;
  box-shadow:0 18px 55px rgba(154,134,253,.22)!important;border:1px solid #F1ECFF!important;}
.for-login,.login-page,body[data-path="login"],.web-page-content{
  background:radial-gradient(1200px 640px at 50% -12%, #FFE9F5 0%, #EFE9FF 42%, #E4F4FF 100%)!important;}
/* cute mascot floating above the login card */
.login-content::before,.page-card::before{
  content:"";display:block;width:92px;height:92px;margin:-66px auto 6px;
  background:url('/assets/tms_hr/css/tms-mascot.svg') center/contain no-repeat;
  filter:drop-shadow(0 6px 10px rgba(154,134,253,.28));}
.page-card-head,.login-content h4{font-weight:700!important;color:#3A3357!important;}
.btn-login,.login-content .btn-primary{border-radius:14px!important;}

/* ---------------- DESK BLEND (kill the flat white slab) ---------------- */
/* let the pastel gradient show through the main containers */
.main-section,.layout-main,.layout-main-section,.layout-main-section-wrapper,
.page-body,.page-content,.workspace-page,.layout-main-section .row,
.widget-group,.ce-block,.codex-editor,.codex-editor__redactor,
.page-head,.page-head-content,.standard-actions{
  background:transparent!important;box-shadow:none!important;border:none!important;}
.page-head{backdrop-filter:none!important;}

/* navbar pastel (desk) */
.navbar,#navbar,.navbar-expand{background:linear-gradient(90deg,#EFE9FF,#E6F5FF)!important;
  border-bottom:1px solid #EEE7FF!important;}

/* every workspace / dashboard widget -> floating rounded white tile */
.widget,.number-widget-box,.links-widget-box,.shortcut-widget-box,.onboarding-widget-box,
.chart-widget,.quick-list-widget-box,.custom-block-widget,.widget.onboarding-widget-box,
.form-section,.section-body .form-column .frappe-control[data-fieldtype="Table"]{
  background:#ffffff!important;border:1px solid #F0ECFF!important;border-radius:18px!important;
  box-shadow:0 6px 22px rgba(154,134,253,.10)!important;}
.widget .widget-head,.widget .widget-body{background:transparent!important;}
.shortcut-widget-box:hover,.links-widget-box:hover{box-shadow:0 10px 28px rgba(154,134,253,.18)!important;
  transform:translateY(-1px);transition:.15s;}

/* sidebar -> pastel, active item highlighted */
.layout-side-section,.desk-sidebar,.list-sidebar,.standard-sidebar{background:transparent!important;}
.standard-sidebar-item.selected,.sidebar-item-container.selected>.standard-sidebar-item,
.standard-sidebar-item:hover{background:#EFE9FF!important;border-radius:10px!important;}
.standard-sidebar-item.selected,.standard-sidebar-item.selected .sidebar-item-label,
.standard-sidebar-item.selected a{color:#7E6BF0!important;font-weight:600!important;}
.standard-sidebar-item .icon use,.sidebar-item-icon svg{stroke:#9A86FD;}

/* list view / report rows + headers */
.list-row-container,.result,.report-wrapper,.dt-scrollable,.frappe-list .result{
  background:#ffffff!important;border-radius:16px!important;}
.list-row:hover{background:#FAF7FF!important;}
.list-row-head,.dt-header{background:#F6F2FF!important;}

/* number cards inside the strip -> separated tiles */
.number-widget-box .widget-body .number-card{background:#FBF9FF!important;border-radius:14px!important;
  border:1px solid #F1ECFF!important;margin:4px;}

/* modals, dropdowns soft */
.modal-content{border-radius:20px!important;}
.dropdown-menu{border-radius:14px!important;box-shadow:0 10px 30px rgba(154,134,253,.18)!important;}

/* scrollbar pastel */
::-webkit-scrollbar-thumb{background:#D9CEFF!important;border-radius:999px!important;}