/* Monday.com-like skin for Vikunja — served by nginx, injected via sub_filter */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap');

:root{
  --primary-h:210deg!important;
  --primary-s:100%!important;
  --primary-l:46%!important;
}
html,body,#app,button,input,select,textarea,.button{
  font-family:Figtree,'Open Sans',Helvetica,Arial,sans-serif!important;
}
h1,h2,h3,h4,h5,.title{
  font-family:Figtree,sans-serif!important;
  font-weight:600!important;
}

/* Monday surface tones */
.app-content,.link-share-container{background:#f6f7fb!important}

/* Kanban: monday-style columns + white cards */
.kanban .bucket{background:#f0f1f6!important;border-radius:8px!important}
.kanban .bucket .bucket-header{font-weight:600}
.kanban .bucket .tasks .task,.kanban .task{
  background:#fff!important;
  border:1px solid #d0d4e4!important;
  border-radius:8px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
  transition:box-shadow .12s;
}
.kanban .task:hover{box-shadow:0 4px 12px rgba(0,0,0,.14)!important}

/* Buttons: monday blue, 4px radius */
.button{border-radius:4px!important}
.button.is-primary{background:#0073ea!important;font-weight:500!important;box-shadow:none!important}
.button.is-primary:hover{background:#0060c2!important}

/* Cards + inputs */
.card{border-radius:8px!important;border:1px solid #d0d4e4!important;box-shadow:0 4px 8px rgba(0,0,0,.05)!important}
.input,.textarea,.select select{border-radius:4px!important;border-color:#c3c6d4!important}
.input:focus,.textarea:focus{border-color:#0073ea!important;box-shadow:0 0 0 1px #0073ea!important}

/* Tags/labels as monday status pills */
.tag{border-radius:4px!important;font-weight:500!important}

/* Sidebar + top bar */
.navbar{background:#fff!important;border-bottom:1px solid #d0d4e4}
.menu-container{background:#fff!important;border-right:1px solid #d0d4e4}
.menu-list a.router-link-active{background:#cce5ff!important;color:#0073ea!important;border-radius:4px}