/* =============================================================================
   Vikunja 2.7.0 — Design "Nord bei Sonnenaufgang"
   Struktur und Flaechenlogik: Nord (nordtheme.com, nord0-15 bleiben als Token fuer Status).
   Farben: aus Jans Logo (branding/quelle/caras-todo-*.svg):
     Sonne  #fff5ad #ffcf60 #ff9d26 #f36b15  -> Akzent #ff9d26 (Knoepfe, Auswahl, Fokus, Fortschritt)
     Haken  #211c20                           -> Schrift auf Orange
     Berg   #8fb8d8 #779bb9 #436784 #2c415b #25364c #172438 -> Dunkel-Flaechen, Sekundaeres
     Creme  #faf7f1 (Logo-Grund hell)         -> Hell-Grund
     Text-Akzent: hell #9a4308 (dunkles Orange-Braun, AA), dunkel #ffbf63.
   Hell = warmes Creme als Grund, Dunkel = Berg-Nachtblau. Beide gleichwertig gepflegt.
   Nur Systemschriften, keine externen Anfragen.
   Selektor-Falle: Vikunja setzt Dunkelwerte mit `:root.dark` (0,2,0) -> hier
   `html:root.dark` bzw. `html:root:not(.dark)`.
   Aufbau: 1 Token · 2 Hell · 3 Dunkel · 4 Grundlagen · 5 Kopf/Seitenleiste ·
   6 Flaechen/Formulare · 7 Listen/Aufgaben · 8 Kanban/Tabelle/Gantt · 9 Detail ·
   10 Overlays · 11 Login/leere Zustaende · 12 Handy
   ============================================================================= */

/* 1 — Nord-Farben (offizielle Werte) ---------------------------------------- */
:root{
  --nord0:#2e3440;--nord1:#3b4252;--nord2:#434c5e;--nord3:#4c566a;
  --nord4:#d8dee9;--nord5:#e5e9f0;--nord6:#eceff4;
  --nord7:#8fbcbb;--nord8:#88c0d0;--nord9:#81a1c1;--nord10:#5e81ac;
  --nord11:#bf616a;--nord12:#d08770;--nord13:#ebcb8b;--nord14:#a3be8c;--nord15:#b48ead;
  --nx-r:8px;--nx-r-sm:6px;--nx-r-lg:12px;
  --nx-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  --body-family:var(--nx-font);--family-primary:var(--nx-font);--family-secondary:var(--nx-font);--family-sans-serif:var(--nx-font);
  --radius:var(--nx-r-sm);--radius-small:4px;
}

/* 2 — Hell: Snow Storm als Grund, Polar Night als Text ----------------------- */
html:root:not(.dark){
  --nx-bg:#faf7f1;            /* Seitengrund: warmes Creme aus dem Logo-Grund */
  --nx-side:#f3eee4;          /* Seitenleiste: eine Stufe dunkler als der Grund */
  --nx-surface:#fffdf9;       /* Karten: heller als der Grund, plus Rahmen */
  --nx-hover:#f1ebdf;--nx-selected:#e7dfcd;
  --nx-border:#e5ddcc;--nx-border-strong:#cbc1aa;
  --nx-text:#172438;--nx-text-2:#2c3a4c;--nx-muted:#566271;
  --nx-accent:#ff9d26;--nx-accent-fg:#211c20;--nx-link:#9a4308;--nx-accent-text:#9a4308;--nx-accent-line:#c4640a;
  --nx-accent-soft:rgba(255,157,38,.16);--nx-accent-ring:rgba(228,126,12,.42);
  --nx-red:#b02a37;--nx-orange:#8f5a1a;--nx-yellow:#7d6200;--nx-green:#3f6b3a;
  --nx-red-bg:rgba(200,45,58,.13);--nx-orange-bg:rgba(208,135,112,.18);--nx-yellow-bg:rgba(235,203,139,.32);--nx-green-bg:rgba(163,190,140,.30);
  --nx-shadow-1:0 1px 2px rgba(23,36,56,.07),0 1px 1px rgba(23,36,56,.04);
  --nx-shadow-2:0 4px 14px rgba(23,36,56,.10);
  --nx-shadow-3:0 18px 48px rgba(23,36,56,.20);
  --nx-scrim:rgba(23,36,56,.45);
  --nx-scroll:#cbc1aa;
  color-scheme:light;

  --grey-50:#f7f3ea;--grey-100:#f1ebdf;--grey-200:#e7dfcd;--grey-300:#dcd2bd;--grey-400:#a3adbb;--grey-500:#66758a;--grey-600:#44546a;--grey-700:#2c415b;--grey-800:#25364c;--grey-900:#172438;
  --grey-50-hsl:42,40%,95%;--grey-100-hsl:40,36%,91%;--grey-500-hsl:214,15%,46%;--grey-900-hsl:216,41%,15%;
  --white:var(--nx-surface);--scheme-main:var(--nx-surface);--scheme-main-bis:var(--nx-hover);--scheme-main-ter:var(--nx-hover);
  --site-background:var(--nx-bg);--background:var(--nx-bg);
  --text:var(--nx-text-2);--text-strong:var(--nx-text);--text-light:var(--nx-muted);--text-muted:var(--nx-muted);--text-invert:#ffffff;
  --border:var(--nx-border);--card-border-color:var(--nx-border);--border-hover:var(--nx-border-strong);
  --input-background-color:var(--nx-surface);--input-border-color:var(--nx-border-strong);--input-hover-border-color:var(--nx-muted);--input-placeholder-color:#5d6878;
  --tag-background-color:var(--nx-hover);--tag-color:var(--nx-text-2);
  --table-row-hover-background-color:var(--nx-hover);--dropdown-item-hover-background-color:var(--nx-hover);--dropdown-item-hover-color:var(--nx-text);
  --button-text-hover-background-color:var(--nx-hover);--button-hover-color:var(--nx-text);--button-active-color:var(--nx-text);--button-focus-color:var(--nx-text);
  --primary-h:33.6deg;--primary-s:100%;--primary-l:57.6%;--primary-invert:#211c20;
  --link:var(--nx-link);--link-h:24deg;--link-s:91%;--link-l:31%;
  --switch-view-active-background:var(--nx-accent);--switch-view-color:var(--nx-accent-fg);
  --danger-h:354deg;--danger-s:61%;--danger-l:43%;--danger-text:var(--nx-red);--danger-invert:#fff;
  --success-h:112deg;--success-s:24%;--success-l:36%;--success-invert:#fff;
  --warning-h:40deg;--warning-s:72%;--warning-l:62%;--warning-invert:#172438;
  --info-h:206deg;--info-s:30%;--info-l:40%;
  --shadow-xs:var(--nx-shadow-1);--shadow-sm:var(--nx-shadow-2);--shadow-md:var(--nx-shadow-2);--shadow-lg:var(--nx-shadow-3);
  --logo-text-color:#172438;
  --code-background:var(--nx-hover);--pre-background:var(--nx-hover);
  --code:#b02a37;--code-variable:#b02a37;--code-literal:#8f5a1a;--code-symbol:#3f6b3a;--code-section:#9a4308;--code-keyword:#7a5a8c;
}

/* 3 — Dunkel: Polar Night als Grund, Snow Storm als Text --------------------- */
html:root.dark{
  --nx-bg:#172438;            /* Berg-Nachtblau aus dem Logo */
  --nx-side:#111c2d;          /* ein Schritt dunkler, damit die Leiste zurueckliegt */
  --nx-surface:#1f2d40;       /* Karten */
  --nx-hover:#25364c;--nx-selected:#2c415b;
  --nx-border:#2f4058;--nx-border-strong:#44587a;
  --nx-text:#eceff4;--nx-text-2:#e5e9f0;--nx-muted:#a8b5c8;
  --nx-accent:#ff9d26;--nx-accent-fg:#211c20;--nx-link:#ffbf63;--nx-accent-text:#ffb13e;--nx-accent-line:#ff9d26;
  --nx-accent-soft:rgba(255,157,38,.16);--nx-accent-ring:rgba(255,157,38,.45);
  --nx-red:#ff8f99;--nx-orange:#e0a88f;--nx-yellow:#ebcb8b;--nx-green:#a3be8c;
  --nx-red-bg:rgba(224,80,92,.26);--nx-orange-bg:rgba(208,135,112,.24);--nx-yellow-bg:rgba(235,203,139,.20);--nx-green-bg:rgba(163,190,140,.22);
  --nx-shadow-1:0 1px 2px rgba(6,11,20,.40);
  --nx-shadow-2:0 6px 18px rgba(6,11,20,.42);
  --nx-shadow-3:0 20px 52px rgba(4,8,15,.65);
  --nx-scrim:rgba(6,11,20,.66);
  --nx-scroll:#44587a;
  color-scheme:dark;

  --grey-50:#172438;--grey-100:#1f2d40;--grey-200:#25364c;--grey-300:#2c415b;--grey-400:#4f6785;--grey-500:#a1b1c7;--grey-600:#bccadc;--grey-700:#d3dce8;--grey-800:#e5e9f0;--grey-900:#eceff4;
  --grey-50-hsl:216,41%,15%;--grey-100-hsl:215,36%,19%;--grey-500-hsl:213,26%,69%;--grey-900-hsl:218,27%,94%;
  --white:var(--nx-surface);--scheme-main:var(--nx-surface);--scheme-main-bis:var(--nx-hover);--scheme-main-ter:var(--nx-hover);
  --site-background:var(--nx-bg);--background:var(--nx-bg);
  --text:var(--nx-text-2);--text-strong:var(--nx-text);--text-light:var(--nx-muted);--text-muted:var(--nx-muted);--text-invert:#172438;
  --border:var(--nx-border);--card-border-color:var(--nx-border);--border-hover:var(--nx-border-strong);
  --input-background-color:#1a283b;--input-border-color:var(--nx-border-strong);--input-hover-border-color:#6a7f9f;--input-placeholder-color:#9fb0c6;
  --tag-background-color:var(--nx-hover);--tag-color:var(--nx-text-2);
  --table-row-hover-background-color:var(--nx-hover);--dropdown-item-hover-background-color:var(--nx-hover);--dropdown-item-hover-color:var(--nx-text);
  --button-text-hover-background-color:var(--nx-hover);--button-hover-color:var(--nx-text);--button-active-color:var(--nx-text);--button-focus-color:var(--nx-text);
  --primary-h:33.6deg;--primary-s:100%;--primary-l:57.6%;--primary-invert:#211c20;
  --link:var(--nx-link);--link-h:36deg;--link-s:100%;--link-l:69%;
  --switch-view-active-background:var(--nx-accent);--switch-view-color:var(--nx-accent-fg);
  --danger-h:355deg;--danger-s:100%;--danger-l:78%;--danger-text:var(--nx-red);--danger-invert:#fff;
  --success-h:92deg;--success-s:28%;--success-l:65%;--success-invert:#172438;
  --warning-h:40deg;--warning-s:71%;--warning-l:73%;--warning-invert:#172438;
  --info-h:210deg;--info-s:45%;--info-l:72%;
  --shadow-xs:var(--nx-shadow-1);--shadow-sm:var(--nx-shadow-2);--shadow-md:var(--nx-shadow-2);--shadow-lg:var(--nx-shadow-3);
  --logo-text-color:#f6efe2;
  --code-background:#1a283b;--pre-background:#1a283b;
  --code:#ff8f99;--code-variable:#ff8f99;--code-literal:#ebcb8b;--code-symbol:#a3be8c;--code-section:#ffbf63;--code-keyword:#b48ead;
}

/* 4 — Grundlagen ------------------------------------------------------------- */
html{font-size:16px;-webkit-text-size-adjust:100%;}
body,button,input,optgroup,select,textarea{font-family:var(--nx-font)!important;}
body{background:var(--nx-bg);color:var(--nx-text-2);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
h1,h2,h3,h4,h5,h6,.title,.subtitle,.input.title,.heading,.project-title,.card-header-title{font-family:var(--nx-font)!important;color:var(--nx-text);letter-spacing:-.012em;}
h1,.title{font-weight:650!important;}
h2,h3,h4,.card-header-title{font-weight:600!important;}
strong,b{color:var(--nx-text);font-weight:600;}
a{color:var(--nx-link);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
::selection{background:rgba(255,177,62,.34);color:inherit;}
html:root.dark ::selection{background:rgba(255,157,38,.34);}
hr{background:var(--nx-border);height:1px;}
time,.dueDate,.task-id,.is-italic{font-variant-numeric:tabular-nums;}
code,pre,kbd{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace!important;}
code{border-radius:4px;padding:.1em .4em;}
kbd{background:var(--nx-hover);border:1px solid var(--nx-border-strong);border-bottom-width:2px;border-radius:5px;color:var(--nx-text);padding:.05em .45em;}
/* Fokus-Ring: einheitlich, nur bei Tastaturbedienung gross */
:focus-visible{outline:2px solid var(--nx-accent-line);outline-offset:2px;border-radius:var(--nx-r-sm);}
.input:focus-visible,.textarea:focus-visible,.select select:focus-visible{outline:none;}
/* Scrollbalken */
*{scrollbar-width:thin;scrollbar-color:var(--nx-scroll) transparent;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--nx-scroll);border-radius:10px;border:2px solid transparent;background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover{background:var(--nx-muted);background-clip:padding-box;border:2px solid transparent;}


/* Alle Vikunja-Schriften (Quicksand/Open Sans) durch den Systemstack ersetzen, Code bleibt Monospace */
*:not(code):not(pre):not(kbd):not(samp):not(.is-family-monospace):not(.tiptap pre *){font-family:var(--nx-font)!important;}

/* 5 — Kopfzeile und Seitenleiste -------------------------------------------- */
.navbar{background:var(--nx-bg)!important;border-bottom:1px solid transparent;box-shadow:none!important;}
.navbar .logo-link .logo,.menu-container .logo svg{max-height:34px;width:auto;}
.menu-show-button svg,.menu-hide-button svg{color:var(--nx-muted);}
.navbar-end .trigger-button,.navbar .trigger-button{color:var(--nx-muted);border-radius:var(--nx-r-sm);transition:background .12s,color .12s;}
.navbar-end .trigger-button:hover,.navbar .trigger-button:hover{background:var(--nx-hover);color:var(--nx-text);}
.username-dropdown-trigger{border-radius:999px;padding:.2rem .5rem .2rem .25rem;transition:background .12s;}
.username-dropdown-trigger:hover{background:var(--nx-hover);}
.username-dropdown-trigger .username{font-weight:600;color:var(--nx-text);}
.avatar,.user img.avatar{border:1px solid var(--nx-border);}
.user-avatar-placeholder{background:var(--nx-accent-soft)!important;color:var(--nx-accent-text)!important;}
.menu-container{background:var(--nx-side)!important;border-inline-end:1px solid var(--nx-border);box-shadow:none!important;}
.menu-container .menu-label,.menu-container .menu-list-label{color:var(--nx-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:650;}
.menu-container .menu-list li>a,.menu-container .menu-list .list-menu-link,.menu-container .menu-list li>.list-menu-link{border-radius:var(--nx-r-sm);margin-inline:.5rem;padding:.42rem .6rem;color:var(--nx-text-2);font-weight:500;transition:background .12s,color .12s;position:relative;}
.menu-container .menu-list li>a:hover,.menu-container .menu-list .list-menu-link:hover{background:var(--nx-hover);color:var(--nx-text);text-decoration:none;}
.menu-container .menu-list li>a.router-link-exact-active,.menu-container .menu-list li>a.router-link-active.is-active,.menu-container .menu-list .list-menu-link.router-link-exact-active,.menu-container .menu-list li.list-menu>div>a.router-link-exact-active{background:var(--nx-accent-soft)!important;color:var(--nx-accent-text)!important;font-weight:650;}
.menu-container .menu-list li>a.router-link-exact-active::before,.menu-container .menu-list .list-menu-link.router-link-exact-active::before{content:"";position:absolute;inset-inline-start:-.5rem;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--nx-accent);}
.menu-container .menu-item-icon,.menu-container .menu-list .icon{color:var(--nx-muted);}
.menu-container .menu-list li>a.router-link-exact-active .menu-item-icon{color:inherit;}
.menu-container .menu-list .menu-list-dropdown-trigger,.menu-container .menu-list .base-button{border-radius:var(--nx-r-sm);}
.menu-container .menu-list .base-button:hover{background:var(--nx-selected);}
.menu-container .menu-bottom-link{color:var(--nx-muted)!important;font-size:.8rem;opacity:.9;}
.menu-container .menu-bottom-link:hover{color:var(--nx-text)!important;}
.menu-container .resize-handle:hover,.menu-container .resize-handle:active{background:var(--nx-accent);opacity:.5;}
.app-container-background{opacity:.06!important;}

/* 6 — Flaechen, Formulare, Schaltflaechen ------------------------------------ */
.card,.box,.modal-card{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r);box-shadow:var(--nx-shadow-1);color:var(--nx-text-2);}
.card-header{background:transparent;border-bottom:1px solid var(--nx-border);box-shadow:none;}
.card-header-title{color:var(--nx-text);}
.card-footer{border-top:1px solid var(--nx-border);background:transparent;}
.card-content,.card .content{background:transparent;}
.button,.base-button.button,a.button{border-radius:var(--nx-r-sm);font-weight:600;letter-spacing:.005em;border:1px solid var(--nx-border-strong);background:var(--nx-surface);color:var(--nx-text);box-shadow:var(--nx-shadow-1);transition:background .12s,border-color .12s,box-shadow .12s,color .12s;text-transform:none;}
.button:hover{background:var(--nx-hover);border-color:var(--nx-muted);color:var(--nx-text);}
.button:active{background:var(--nx-selected);}
.button.is-primary,.base-button.is-primary,a.button.is-primary,.button.is-primary:focus,.button.is-primary:active{background:var(--nx-accent);border-color:var(--nx-accent);color:var(--nx-accent-fg)!important;box-shadow:var(--nx-shadow-1);}
.button.is-primary:hover{background:var(--nx-accent);filter:brightness(1.08);color:var(--nx-accent-fg)!important;}
html:root.dark .button.is-primary:hover{filter:brightness(1.1);}
.button.is-primary.is-outlined,.button.is-primary.is-outlined:hover{background:transparent;color:var(--nx-link)!important;}
.button.is-primary.is-light,.button.is-primary.is-light:hover{background:var(--nx-accent-soft);color:var(--nx-link)!important;border-color:transparent;}
.button.is-danger,.button.is-danger:hover{background:var(--nord11);border-color:var(--nord11);color:#fff;}
html:root:not(.dark) .button.is-danger,html:root:not(.dark) .button.is-danger:hover{background:#a23c47;border-color:#a23c47;}
.button.is-danger.is-outlined,.button.is-danger.is-outlined:hover{background:transparent;color:var(--nx-red);border-color:var(--nx-red);}
.button.is-success{background:var(--nord14);border-color:var(--nord14);color:#2e3440;}
.button.is-text,.button.is-ghost,.button.is-white{background:transparent;border-color:transparent;box-shadow:none;color:var(--nx-text-2);}
.button.is-text:hover,.button.is-ghost:hover,.button.is-white:hover{background:var(--nx-hover);color:var(--nx-text);text-decoration:none;}
.button[disabled],.button.is-disabled{opacity:.5;box-shadow:none;}
.button.is-loading::after{border-color:transparent transparent var(--nx-muted) var(--nx-muted)!important;}
.button.is-primary.is-loading::after{border-color:transparent transparent var(--nx-accent-fg) var(--nx-accent-fg)!important;}
.input,.textarea,.select select,.multiselect .input-wrapper,.add-task-textarea,.datepicker__input{background:var(--input-background-color);border:1px solid var(--nx-border-strong);border-radius:var(--nx-r-sm);color:var(--nx-text);box-shadow:none;transition:border-color .12s,box-shadow .12s;}
.input:hover,.textarea:hover,.select select:hover{border-color:var(--input-hover-border-color);}
.input:focus,.textarea:focus,.select select:focus,.input.is-focused,.multiselect:focus-within .input-wrapper,.add-task-textarea:focus{border-color:var(--nx-accent-line)!important;box-shadow:0 0 0 3px var(--nx-accent-ring)!important;outline:none;}
.input::placeholder,.textarea::placeholder{color:var(--input-placeholder-color);}
.input[disabled],.textarea[disabled]{background:var(--nx-hover);color:var(--nx-muted);}
.input.is-danger,.textarea.is-danger{border-color:var(--nx-red);}
.select:not(.is-multiple):not(.is-loading)::after{border-color:var(--nx-muted);}
.label,.field .label{color:var(--nx-text);font-weight:600;}
.help{color:var(--nx-muted);}
.help.is-danger{color:var(--nx-red);}
.tag,.label-tag{border-radius:var(--nx-r-sm);font-weight:600;font-size:.78rem;border:1px solid transparent;box-shadow:none;}
.tag:not([style]){background:var(--nx-hover);color:var(--nx-text-2);}
.tag.is-danger{background:var(--nx-red-bg);color:var(--nx-red);}
.tag.is-warning{background:var(--nx-yellow-bg);color:var(--nx-yellow);}
.tag.is-success{background:var(--nx-green-bg);color:var(--nx-green);}
.tag.is-info,.tag.is-primary{background:var(--nx-accent-soft);color:var(--nx-link);}
.tag .delete,.tag .delete.is-small{border-radius:50%;}
.message,.notification{border-radius:var(--nx-r);border:1px solid var(--nx-border);background:var(--nx-surface);color:var(--nx-text-2);box-shadow:none;}
.message-body{border:0;border-radius:var(--nx-r);color:inherit;}
.message.is-danger,.notification.is-danger{background:var(--nx-red-bg);border-color:rgba(191,97,106,.45);color:var(--nx-text);}
.message.is-danger .message-body,.notification.is-danger .message-body{color:var(--nx-text);}
.message.is-warning,.notification.is-warning{background:var(--nx-yellow-bg);border-color:rgba(235,203,139,.6);}
.message.is-success,.notification.is-success{background:var(--nx-green-bg);border-color:rgba(163,190,140,.6);}
.message.is-info,.notification.is-info{background:var(--nx-accent-soft);border-color:var(--nx-accent-ring);}
.has-text-danger,.has-text-danger-dark{color:var(--nx-red)!important;}
.has-text-success{color:var(--nx-green)!important;}
.has-text-warning{color:var(--nx-yellow)!important;}
.has-text-primary,.has-text-link{color:var(--nx-link)!important;}
.has-text-grey,.has-text-grey-light,.has-text-grey-dark{color:var(--nx-muted)!important;}
.tabs ul{border-bottom-color:var(--nx-border);}
.tabs a{color:var(--nx-muted);border-bottom-color:transparent;}
.tabs li.is-active a,.tabs a:hover{color:var(--nx-text);border-bottom-color:var(--nx-accent-line);text-decoration:none;}
.progress,.progress-bar{border-radius:99px;}
.progress::-webkit-progress-bar{background:var(--nx-hover);}
.progress::-webkit-progress-value{background:var(--nx-accent);}
.progress::-moz-progress-bar{background:var(--nx-accent);}
.switch-view{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r);box-shadow:none;padding:3px;}
.switch-view .switch-view-button{border-radius:var(--nx-r-sm);color:var(--nx-muted);font-weight:600;transition:background .12s,color .12s;}
.switch-view .switch-view-button:hover{background:var(--nx-hover);color:var(--nx-text);text-decoration:none;}
.switch-view .switch-view-button.is-active{background:var(--nx-accent);color:var(--nx-accent-fg);box-shadow:var(--nx-shadow-1);}
/* Dropdowns */
.dropdown-menu .dropdown-content,.dropdown-content,.sort-popup,.filter-popup{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r);box-shadow:var(--nx-shadow-2);padding:.3rem;}
.dropdown-item,.dropdown-content a,.dropdown-content .base-button{border-radius:var(--nx-r-sm);color:var(--nx-text-2);font-weight:500;}
.dropdown-item:hover,.dropdown-content a:hover,.dropdown-content .base-button:hover,.dropdown-content .dropdown-item:hover{background:var(--nx-hover);color:var(--nx-text);text-decoration:none;}
.dropdown-divider{background:var(--nx-border);height:1px;margin:.3rem 0;}
.dropdown-item.is-danger,.dropdown-item.has-text-danger{color:var(--nx-red)!important;}
/* Mehrfachauswahl (Labels, Zuweisung) */
.multiselect .search-results{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r);box-shadow:var(--nx-shadow-2);overflow:hidden;}
.multiselect .search-results button,.multiselect .search-result{border-radius:0;color:var(--nx-text-2);}
.multiselect .search-results button:hover,.multiselect .search-results button:focus{background:var(--nx-hover);color:var(--nx-text);}
.multiselect .input-wrapper .input{border:0;box-shadow:none!important;background:transparent;}
/* Checkboxen (Vikunja-eigene) */
.fancy-checkbox .fancy-checkbox__icon,.fancy-checkbox svg{stroke:var(--nx-accent-fg);}
.fancy-checkbox .base-checkbox__label svg path,.fancy-checkbox svg path{stroke:var(--nx-border-strong);fill:var(--nx-surface);}
.fancy-checkbox:hover svg path{stroke:var(--nx-accent);}
.fancy-checkbox input:checked+svg path,.fancy-checkbox .base-checkbox__label input:checked~svg path{fill:var(--nx-accent);stroke:var(--nx-accent);}
.fancy-checkbox input:focus-visible+svg{outline:2px solid var(--nx-accent-line);outline-offset:2px;border-radius:5px;}
input[type=checkbox],input[type=radio]{accent-color:var(--nx-accent);}
.checkbox:hover,.radio:hover{color:var(--nx-text);}
/* Tooltips (floating-vue) */
.v-popper__popper .v-popper__inner,.tooltip-inner{background:var(--nord1)!important;color:var(--nord6)!important;border-radius:var(--nx-r-sm);font-size:.82rem;font-weight:500;box-shadow:var(--nx-shadow-2);border:1px solid rgba(255,255,255,.05);}
html:root.dark .v-popper__popper .v-popper__inner{background:#4c566a!important;}
.v-popper__arrow-inner,.v-popper__arrow-outer{border-color:var(--nord1)!important;}
html:root.dark .v-popper__arrow-inner,html:root.dark .v-popper__arrow-outer{border-color:#4c566a!important;}

/* 7 — Listen und Aufgaben ---------------------------------------------------- */
.app-content{background:var(--nx-bg);}
.content h1,.home h1,.content-auth h1{font-size:1.9rem;font-weight:650!important;}
.project-title{font-size:1.15rem;font-weight:650;}
.project-title-button{color:var(--nx-muted);border-radius:var(--nx-r-sm);}
.project-title-button:hover{color:var(--nx-text);background:var(--nx-hover);}
.tasks,.list-view .tasks{background:transparent;}
.task,.list-view .task,.single-task{border-radius:var(--nx-r-sm);color:var(--nx-text-2);transition:background .1s;border-block-end:1px solid transparent;}
.tasks .task:hover,.single-task:hover{background:var(--nx-hover);}
.task:focus-within,.single-task:focus,.task.is-selected{background:var(--nx-accent-soft);}
.task .tasktext,.task .task-link,.task-link{color:var(--nx-text);font-weight:500;}
.task-link:hover{color:var(--nx-link);text-decoration:none;}
.task .task-id,.task .task-project,.task-project,.task .project-task-icon{color:var(--nx-muted);font-weight:500;}
.task.done .task-link,.task .done .task-link,.task .is-done,.task.is-done .task-link,.done .tasktext{color:var(--nx-muted);text-decoration-color:var(--nx-muted);}
.task .dueDate,.task .dueDate time{color:var(--nx-muted);}
.task .dueDate:hover{color:var(--nx-text);}
.task .dueDate.overdue,.task .dueDate.overdue time,.task .overdue,.task time.overdue{color:var(--nx-red)!important;}
.task .favorite,.task .favorite svg{color:var(--nx-muted);}
.task .favorite:hover,.task .is-favorite,.task .favorite.is-favorite svg{color:var(--nord13);}
html:root:not(.dark) .task .is-favorite,html:root:not(.dark) .task .favorite.is-favorite svg{color:#c9a032;}
.task .handle{color:var(--nx-border-strong);cursor:grab;}
.task .priority-label,.priority-label{font-weight:650;font-size:.82rem;}
.priority-label.is-danger,.priority-label.has-text-danger,.priority-label .is-danger{color:var(--nx-red)!important;}
.priority-label.is-warning,.priority-label .is-warning{color:var(--nx-orange)!important;}
.task-add .button,.task-add .add-task-button{height:100%;}
.add-task-textarea,.task-add .input,.task-add textarea{border-radius:var(--nx-r);}
.task-add .help,.task-add .show-helper-text{color:var(--nx-muted);}
.show-tasks h2,.show-tasks .title,.task-section-title{color:var(--nx-text);font-weight:650!important;}
.is-max-width-desktop .card.has-overflow,.tasks .card{padding:.3rem;}
.show-tasks .card{padding:.35rem;}
.list-view .card,.list-view .tasks{border-radius:var(--nx-r);}
.filter-container,.filter-popup{border-radius:var(--nx-r);}
/* Projektkarten (Projektuebersicht) */
.project-card,.project-card .card{border-radius:var(--nx-r);transition:border-color .12s,box-shadow .12s,transform .12s;}
a.project-card:hover,.project-card:hover{border-color:var(--nx-accent);box-shadow:var(--nx-shadow-2);text-decoration:none;}
.project-card .project-title,.project-card .title{color:var(--nx-text);}
.project-card .is-archived{opacity:.6;}
.project-grid{gap:1rem;}

/* 8 — Kanban, Tabelle, Gantt ------------------------------------------------- */
.kanban .bucket,.bucket{background:var(--nx-side);border:1px solid var(--nx-border);border-radius:var(--nx-r-lg);box-shadow:none;}
html:root.dark .kanban .bucket,html:root.dark .bucket{background:#121e30;}
.kanban .bucket .bucket-header,.bucket-header{background:transparent;}
.kanban .bucket .title,.bucket .title,.bucket-header .title{color:var(--nx-text);font-weight:650!important;font-size:.98rem;}
.kanban .bucket .tasks,.bucket .tasks{background:transparent;}
.kanban .bucket .task.card,.kanban .task.card,.kanban-card,.bucket .task.card{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r);box-shadow:var(--nx-shadow-1);transition:border-color .12s,box-shadow .12s;}
.kanban .task.card:hover,.kanban-card:hover{border-color:var(--nx-accent);box-shadow:var(--nx-shadow-2);background:var(--nx-surface);}
.kanban .task.card.is-done,.kanban .task.card.done{opacity:.72;}
.kanban .sortable-ghost,.kanban .task.card.sortable-ghost,.sortable-ghost{opacity:.45;border:1.5px dashed var(--nx-accent)!important;background:var(--nx-accent-soft)!important;box-shadow:none!important;}
.kanban .sortable-drag,.sortable-drag{box-shadow:var(--nx-shadow-3)!important;transform:rotate(1.2deg);}
.kanban .bucket.is-drop-target,.bucket.is-drop-target{border-color:var(--nx-accent);background:var(--nx-accent-soft);}
.kanban .bucket-footer,.bucket-footer{background:var(--nx-side);}
.kanban .bucket .bucket-footer .button,.bucket .bucket-footer .button{border:0;background:transparent;box-shadow:none;color:var(--nx-muted);}
.kanban .bucket .bucket-footer .button:hover{background:var(--nx-hover);color:var(--nx-text);}
.kanban .bucket .limit,.bucket .limit{color:var(--nx-muted);}
.kanban .bucket .limit.is-reached,.limit.is-reached{color:var(--nx-red);}
.kanban .bucket.is-done-bucket .title::after{color:var(--nx-green);}
.table,table.table{background:transparent;color:var(--nx-text-2);}
.table th{color:var(--nx-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:650;border-bottom:1px solid var(--nx-border-strong)!important;background:transparent;}
.table td{border-bottom:1px solid var(--nx-border)!important;color:var(--nx-text-2);}
.table tbody tr:hover,.table.is-hoverable tbody tr:hover{background:var(--nx-hover)!important;}
.table td a{color:var(--nx-text);font-weight:500;}
.table td a:hover{color:var(--nx-link);}
.table-view .card,.project-table.card,.table-container{border-radius:var(--nx-r);}
.gantt-container,.gantt-chart,.gantt{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r);color:var(--nx-text-2);}
.gantt-chart text,.gantt-container text{fill:var(--nx-text-2);font-family:var(--nx-font);}
.g-gantt-chart,.g-gantt-row,.g-timeaxis,.g-gantt-row-label{background:var(--nx-surface)!important;color:var(--nx-text-2)!important;border-color:var(--nx-border)!important;}
.g-timeaxis{background:var(--nx-side)!important;}
.g-timeaxis-day,.g-timeaxis-label{color:var(--nx-muted)!important;border-color:var(--nx-border)!important;}
.g-gantt-row:nth-child(odd){background:var(--nx-surface)!important;}
.g-gantt-row:nth-child(even){background:var(--nx-bg)!important;}
.g-gantt-bar{border-radius:var(--nx-r-sm)!important;box-shadow:var(--nx-shadow-1);}
.g-gantt-bar-label{font-weight:600;}
.g-grid-current-time-line,.g-grid-current-time{border-color:var(--nord11)!important;}
.gantt-options,.gantt-container .gantt-options{color:var(--nx-text-2);}
.gantt-container .input,.gantt-options .input,.gantt-options .select select{background:var(--input-background-color);}

/* 9 — Aufgabendetail ---------------------------------------------------------- */
.task-view .heading,.task-view .title,.task-view .input.title,.task-view .heading .title{color:var(--nx-text);font-weight:650!important;letter-spacing:-.015em;}
.task-view .heading .is-done,.task-view .is-done{background:var(--nx-green-bg);color:var(--nx-green);border-radius:var(--nx-r-sm);}
.task-view .details,.task-view .column.details{color:var(--nx-text-2);}
.task-view .details .detail-title,.task-view .heading,.task-view .detail-title,.detail-title{color:var(--nx-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:650;}
.task-view .action-buttons .button,.task-view .task-sidebar .button,.task-view .button.is-fullwidth{justify-content:flex-start;}
.task-view .content,.task-view .content.details{background:transparent;}
.task-view .task-view-container,.task-view .card{background:var(--nx-surface);}
.task-view .comment .media-content,.comments .media-content,.comment .content{background:transparent;}
.comments .media,.media+.media{border-top:1px solid var(--nx-border);}
.comment .author,.comments .author{color:var(--nx-text);font-weight:600;}
.comments .created,.comment .created{color:var(--nx-muted);}
.attachments .attachment,.attachment{background:var(--nx-hover);border:1px solid var(--nx-border);border-radius:var(--nx-r);}
.task-view .checklist-summary,.checklist-summary{color:var(--nx-muted);}
.related-tasks .task,.related-tasks .tasks{background:transparent;}
/* Beschreibungseditor (tiptap) */
.tiptap,.tiptap__editor,.editor .tiptap,.tiptap.ProseMirror{color:var(--nx-text-2);}
.tiptap__editor.input,.tiptap__editor,.editor{border-radius:var(--nx-r);}
.tiptap__editor.input{background:var(--input-background-color);border:1px solid var(--nx-border-strong);}
.editor-toolbar,.tiptap__toolbar,.editor__toolbar,.editor .editor-toolbar{background:var(--nx-side);border-bottom:1px solid var(--nx-border);border-radius:var(--nx-r) var(--nx-r) 0 0;}
.editor-toolbar button,.tiptap__toolbar button,.editor .editor-toolbar button{color:var(--nx-text-2);border-radius:var(--nx-r-sm);}
.editor-toolbar button:hover,.tiptap__toolbar button:hover,.editor-toolbar .is-active,.tiptap__toolbar .is-active{background:var(--nx-accent-soft);color:var(--nx-accent-text);}
.tiptap blockquote{border-inline-start:3px solid var(--nx-accent);color:var(--nx-muted);background:transparent;padding-inline-start:1rem;}
.tiptap pre{background:var(--code-background);color:var(--nx-text);border-radius:var(--nx-r);}
.tiptap code{background:var(--code-background);color:var(--code);}
.tiptap a{color:var(--nx-link);}
.tiptap hr{background:var(--nx-border);}
.tiptap ul[data-type=taskList] li>label input,.tiptap ul[data-type=taskList] input{accent-color:var(--nx-accent);}
.tiptap table td,.tiptap table th{border-color:var(--nx-border-strong);}
.tiptap table th{background:var(--nx-hover);}
.tiptap .tableWrapper{border-radius:var(--nx-r-sm);}
.tiptap ::selection{background:var(--nx-accent-ring);}

/* 10 — Overlays: Dialoge, Suche, Benachrichtigungen, Datum ------------------- */
.modal-mask,.modal-container{background:var(--nx-scrim)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.modal-content,.modal-dialog,.modal-container .modal-content .card,.modal-content .card{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r-lg);box-shadow:var(--nx-shadow-3);color:var(--nx-text-2);}
.modal-header,.modal-card-head{background:transparent;border-bottom:1px solid var(--nx-border);color:var(--nx-text);}
.modal-header .title,.modal-card-title{color:var(--nx-text);font-weight:650!important;}
.modal-card-foot{background:transparent;border-top:1px solid var(--nx-border);}
.modal-content .close,.modal-container .close,.modal-close{color:var(--nx-muted);}
.modal-content .close:hover{color:var(--nx-text);}
/* Schnellaktionen (Strg+K) */
.quick-actions{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r-lg);box-shadow:var(--nx-shadow-3);overflow:hidden;}
.quick-actions .input{background:transparent;border:0;border-bottom:1px solid var(--nx-border);border-radius:0;box-shadow:none!important;font-size:1.05rem;}
.quick-actions .result,.quick-actions .results .result-item,.quick-actions .command-list button,.quick-actions .result-button{color:var(--nx-text-2);border-radius:var(--nx-r-sm);}
.quick-actions .result:hover,.quick-actions .result-button:hover,.quick-actions .result.is-selected,.quick-actions .command-list button:hover,.quick-actions .result-item.is-selected{background:var(--nx-accent-soft);color:var(--nx-text);}
.quick-actions .help,.quick-actions .heading,.quick-actions .result-title{color:var(--nx-muted);}
.quick-actions .tag{background:var(--nx-hover);color:var(--nx-text-2);}
.quick-add-overlay{background:var(--nx-scrim);}
/* Benachrichtigungen */
.notifications .notifications-list{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:var(--nx-r-lg);box-shadow:var(--nx-shadow-3);overflow:hidden;}
.notifications .notifications-list .single-notification,.notifications-list a,.notifications-list .notification{border-bottom:1px solid var(--nx-border);color:var(--nx-text-2);}
.notifications .notifications-list .single-notification:hover,.notifications-list a:hover{background:var(--nx-hover);text-decoration:none;}
.notifications .is-unread,.notifications .notification.is-unread{background:var(--nx-accent-soft);}
.notifications .is-unread::before{background:var(--nx-accent)!important;}
.notifications .trigger-button .unread-indicator,.notifications .unread{background:var(--nord11);border-color:var(--nx-bg);}
/* Datumsauswahl (flatpickr + Vikunja-eigene) */
.flatpickr-calendar,.datepicker-inline,.datepicker-inline__body,.datepicker-with-range-container{background:var(--nx-surface)!important;border:1px solid var(--nx-border)!important;border-radius:var(--nx-r)!important;box-shadow:var(--nx-shadow-3)!important;color:var(--nx-text)!important;}
.flatpickr-calendar:before,.flatpickr-calendar:after{display:none!important;}
.flatpickr-months .flatpickr-month,.flatpickr-current-month,.flatpickr-current-month input.cur-year,.flatpickr-monthDropdown-months,.flatpickr-weekdays,span.flatpickr-weekday{background:transparent!important;color:var(--nx-text)!important;fill:var(--nx-text)!important;}
span.flatpickr-weekday{color:var(--nx-muted)!important;font-weight:650;}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{fill:var(--nx-muted)!important;color:var(--nx-muted)!important;}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--nx-accent)!important;}
.flatpickr-day{color:var(--nx-text-2)!important;border-radius:var(--nx-r-sm)!important;border-color:transparent!important;}
.flatpickr-day:hover,.flatpickr-day:focus{background:var(--nx-hover)!important;border-color:transparent!important;}
.flatpickr-day.today{border-color:var(--nx-accent)!important;}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:hover{background:var(--nx-accent)!important;color:var(--nx-accent-fg)!important;border-color:var(--nx-accent)!important;}
.flatpickr-day.inRange{background:var(--nx-accent-soft)!important;box-shadow:none!important;}
.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.flatpickr-disabled{color:var(--nx-muted)!important;opacity:.55;}
.flatpickr-time,.flatpickr-time input,.flatpickr-time .flatpickr-am-pm{background:transparent!important;color:var(--nx-text)!important;border-color:var(--nx-border)!important;}
.datepicker-inline .is-today,.datepicker-inline__calendar .is-today{border-color:var(--nx-accent);}
.datepicker-inline .is-selected,.datepicker-inline .is-range-start,.datepicker-inline .is-range-end{background:var(--nx-accent);color:var(--nx-accent-fg);}
.datepicker-inline .is-in-range{background:var(--nx-accent-soft);}
.datepicker-inline button,.datepicker-inline .base-button{color:var(--nx-text-2);}
.datepicker-inline button:hover{background:var(--nx-hover);}
.vc-container,.vc-popover-content{background:var(--nx-surface);color:var(--nx-text);border-color:var(--nx-border);}
/* Versions-/Update-Hinweis, Offline, Toasts */
.offline{background:var(--nord13);color:var(--nord0);}
.has-update-available,.update-notification,.vue-notification-template .vue-notification,.notification-wrapper .notification{border-radius:var(--nx-r);box-shadow:var(--nx-shadow-3);}
.keyboard-shortcuts-button{color:var(--nx-muted);}
.keyboard-shortcuts-button:hover{color:var(--nx-text);}

/* 11 — Anmeldung und leere Zustaende ----------------------------------------- */
.no-auth-wrapper,.content-no-auth,.no-auth{background:var(--nx-bg);}
.no-auth-wrapper .noauth-container,.noauth-container{border:1px solid var(--nx-border);border-radius:var(--nx-r-lg);box-shadow:var(--nx-shadow-2);overflow:hidden;background:var(--nx-surface);}
.no-auth-wrapper .image,.noauth-container .image,.no-auth-wrapper .image-wrapper{background:linear-gradient(160deg,#2c415b 0%,#1f2d40 40%,#172438 100%)!important;background-image:linear-gradient(160deg,#434c5e 0%,#3b4252 38%,#2e3440 100%)!important;position:relative;}
.no-auth-wrapper .image img,.noauth-container .image img{display:none!important;}
.noauth-container .image::before{background-image:linear-gradient(transparent 45%,rgba(36,41,51,.55) 100%)!important;}
.no-auth-wrapper .image::after,.noauth-container .image::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 8%,rgba(255,177,62,.38) 0%,rgba(255,139,40,.12) 38%,transparent 62%),radial-gradient(90% 70% at 8% 100%,rgba(67,103,132,.45) 0%,transparent 60%);}
.no-auth-wrapper .image h2,.noauth-container .image h2{color:var(--nord6)!important;position:relative;z-index:1;text-shadow:none;font-weight:650!important;letter-spacing:-.02em;}
.no-auth-wrapper .image .image-title,.no-auth-wrapper .image .heading{color:var(--nord6);position:relative;z-index:1;}
.no-auth-wrapper .noauth-container .content,.noauth-container .content{background:var(--nx-surface);}
.no-auth-wrapper .noauth-container .title{font-weight:650!important;}
.api-config,.api-url-info{color:var(--nx-muted);}
.link-share-container,.link-share-view{background:var(--nx-bg);}
/* Leere Zustaende: Vikunja-Lama weg, ruhige Typografie */
.llama-cool,svg.llama-cool{display:none!important;}
.empty-state,.show-tasks h3.title,.content h3:only-child{color:var(--nx-muted);font-weight:500!important;}
.loader-container.is-loading::after,.button.is-loading::after,.loader::after{border-color:var(--nx-accent) transparent transparent var(--nx-accent)!important;}
.is-loading-small::after{border-color:var(--nx-muted) transparent transparent var(--nx-muted)!important;}


/* Nachtrag aus der Durchsicht ---------------------------------------------- */
.is-done,.kanban-card__done,.is-done--small{background:var(--nx-green-bg)!important;color:var(--nx-green)!important;border-radius:var(--nx-r-sm);font-weight:650;}
.not-so-high{color:var(--nx-orange)!important;}
.high-priority{color:var(--nx-red)!important;}
.bucket-header .title.input,.bucket .bucket-header h2{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--nx-text);}
.bucket .bucket-header .title.input:focus{background:var(--input-background-color)!important;border-color:var(--nx-accent)!important;}
/* Fusszeile ist sticky: sie braucht die Spaltenfarbe, sonst liegt der Knopf ueber der letzten Karte (05.10.2026) */
.bucket .bucket-footer,.bucket .bucket-footer .bucket-footer-content{background:var(--nx-side)!important;border-radius:0 0 var(--nx-r-lg) var(--nx-r-lg);}
html:root.dark .bucket .bucket-footer,html:root.dark .bucket .bucket-footer .bucket-footer-content{background:#121e30!important;}
.bucket .bucket-footer .button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--nx-muted);}
.bucket .bucket-footer .button:hover{background:var(--nx-hover)!important;color:var(--nx-text);}
html:root:not(.dark) .button.is-success,html:root:not(.dark) .button.is-success:hover{background:#3f6b3a;border-color:#3f6b3a;color:#fff;}
html:root.dark .button.is-success,html:root.dark .button.is-success:hover{background:var(--nord14);border-color:var(--nord14);color:#2e3440;}
.task-view h3,.task-view .heading h3,.task-view h2.title,.task-view .details h3{font-size:1.1rem;font-weight:650!important;}
.show-tasks h2,.content h2.title,.home h2,.home .title.mbe-2{font-size:1.2rem;}
.gantt-bar-text{fill:var(--nx-accent-fg)!important;font-weight:600;}
.gantt-timeline,.gantt-timeline-months .timeunit-month{background:var(--nx-surface);border-color:var(--nx-border);color:var(--nx-text);}
.gantt-timeline-days .timeunit .timeunit-wrapper{color:var(--nx-text-2);}
.gantt-timeline-days .timeunit .timeunit-wrapper.today{background:var(--nx-accent);color:var(--nx-accent-fg);}
.gantt-timeline-months .timeunit-month{font-weight:650;font-size:.95rem;}
.gantt-vertical-lines *,.gantt-grid-lines line{stroke:var(--nx-border);}
.gantt-container{background:var(--nx-surface);}
.gantt-options.card,.project-gantt .card{padding:.5rem;}

.no-auth-wrapper{background:var(--nx-bg)!important;}
@media screen and (max-width:1408px){.no-auth-wrapper{padding-block-end:3rem!important;}}
.offline{background:linear-gradient(160deg,var(--nord1),var(--nord0))!important;}
.add-to-home-screen{background:var(--nx-surface)!important;color:var(--nx-text)!important;border:1px solid var(--nx-border);border-radius:var(--nx-r)!important;box-shadow:var(--nx-shadow-3);}
.priority-label{white-space:nowrap;hyphens:none!important;}
.task .tasktext,.task-link,.kanban-card,.task-glance-title-section{hyphens:none!important;overflow-wrap:break-word;word-break:normal;}

/* Ziehen und Ablegen (echte Klassen aus Vikunja 2.7.0: .ghost, .task-ghost, .task-dragging, .is-drop-target) */
.kanban .ghost::after,.task-ghost{border:2px dashed var(--nx-accent)!important;border-radius:var(--nx-r)!important;}
.task-ghost,.kanban .ghost{background:var(--nx-accent-soft)!important;}
.task-dragging{transform:rotate(1.5deg) scale(1.01)!important;box-shadow:var(--nx-shadow-3)!important;border-radius:var(--nx-r);background:var(--nx-surface);}
.menu .menu-list .ghost{background:var(--nx-accent-soft)!important;border-radius:var(--nx-r-sm);}
.is-drop-target{background:var(--nx-accent-soft)!important;border-radius:var(--nx-r-sm)!important;}
.is-drop-target .navigation-item{background:transparent!important;box-shadow:inset 0 0 0 2px var(--nx-accent)!important;border-radius:var(--nx-r-sm)!important;}

/* Dialoge: ein Rahmen, nicht zwei */
.modal-content{overflow:hidden;}
.modal-content .card,.modal-dialog .card,.modal-container .card{border:0!important;box-shadow:none!important;border-radius:0;background:transparent;}
.modal-content .card-footer,.modal-content .modal-card-foot,.modal-container .card-footer{background:var(--nx-side);border-top:1px solid var(--nx-border);}

.button--mark-done,.button--mark-done:hover{font-weight:650;}
html:root:not(.dark) .button--mark-done,html:root:not(.dark) .button--mark-done:hover{background:#3f6b3a!important;border-color:#3f6b3a!important;color:#fff!important;}
html:root.dark .button--mark-done,html:root.dark .button--mark-done:hover{background:var(--nord14)!important;border-color:var(--nord14)!important;color:#2e3440!important;}
.button--mark-done.is-done,.button.is-outlined.is-done{background:transparent!important;color:var(--nx-green)!important;border-color:var(--nx-green)!important;}

/* 12 — Handy ----------------------------------------------------------------- */
@media screen and (max-width:768px){
  html{font-size:16px;}
  .navbar{padding-inline:.4rem;}
  .navbar .logo-link .logo,.navbar .logo-link svg{max-height:30px;}
  .menu-container{border-inline-end:1px solid var(--nx-border);box-shadow:var(--nx-shadow-3)!important;}
  .mobile-overlay{background:var(--nx-scrim)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
  .content h1,.home h1{font-size:1.45rem;}
  .project-title{font-size:1.1rem;}
  .switch-view{max-width:100%;overflow-x:auto;}
  .tasks .task,.single-task{padding-block:.35rem;}
  .kanban .bucket{border-radius:var(--nx-r);}
  .modal-content,.modal-dialog{border-radius:var(--nx-r-lg) var(--nx-r-lg) 0 0;}
  .button,.input,.select select{min-height:2.6rem;}
  .username-dropdown-trigger .username,.username-dropdown-trigger .dropdown-icon{display:none;}
  .navbar .project-title-wrapper>a.project-title-button{display:none;}
  .navbar .project-title-wrapper{margin-inline:0;}
  .navbar .project-title-wrapper{min-width:0;flex:1 1 auto;justify-content:center;}
  .navbar .project-title-wrapper>a.project-title-button,.navbar .project-title-wrapper .project-title-dropdown{flex:0 0 auto;}
  .navbar .project-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

/* Bewegung zurueckfahren, wenn gewuenscht */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;}}

/* 13 — Sonnenaufgang: Bergblau fuer Sekundaeres (Labels, Rahmen), Akzent bleibt Orange -------- */
html:root:not(.dark) .tag:not([style]){background:rgba(67,103,132,.12);color:#2c415b;}
html:root.dark .tag:not([style]){background:rgba(143,184,216,.15);color:#c4d8ea;}
html:root:not(.dark) .card,html:root:not(.dark) .box{border-color:var(--nx-border);}