/* NEXUS PRO - MODERN LUXURY */

:root {
 --nx-bg:#090A0C;
 --nx-card:#17191D;
 --nx-card2:#202227;
 --nx-gold:#D8AB65;
 --nx-gold-light:#F0CC91;
 --nx-text:#F5F5F5;
 --nx-muted:#9C9FA6;
}

body {
 background:var(--nx-bg)!important;
 color:var(--nx-text);
}

header {
 background:#090A0C!important;
 border-bottom:1px solid #27282B!important;
 box-shadow:none!important;
}

main {
 max-width:650px;
 padding:18px 15px calc(120px + env(safe-area-inset-bottom));
}

.nx-home {
 animation:nxFade .3s ease;
}

.nx-brand {
 text-align:center;
 padding:9px 0 25px;
}

.nx-logo {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:58px;
 height:58px;
 border:1px solid #A98148;
 border-radius:50%;
 font-family:Georgia,serif;
 font-size:37px;
 color:var(--nx-gold);
 background:radial-gradient(circle,#242016,#0D0E11);
 margin-bottom:12px;
}

.nx-brand-name {
 font-size:23px;
 letter-spacing:1.5px;
 font-weight:650;
}

.nx-brand-name span {
 color:var(--nx-gold);
}

.nx-brand-subtitle {
 color:var(--nx-muted);
 font-size:12px;
 margin-top:5px;
}

.nx-greeting {
 font-size:25px;
 font-weight:750;
 margin:6px 0 8px;
}

.nx-date {
 color:#B9BBC0;
 font-size:14px;
 margin-bottom:23px;
}

.nx-stats {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:12px;
 margin-bottom:27px;
}

.nx-stat {
 background:linear-gradient(145deg,#202126,#131519);
 border:1px solid #363536;
 border-radius:18px;
 padding:17px 15px;
 min-height:112px;
}

.nx-stat-icon {
 color:var(--nx-gold);
 font-size:22px;
 margin-bottom:8px;
}

.nx-stat-number {
 font-size:27px;
 font-weight:750;
 display:inline;
 margin-left:7px;
}

.nx-stat-label {
 color:#C5C6C9;
 font-size:13px;
 margin-top:8px;
}

.nx-section {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 margin:25px 0 13px;
}

.nx-section h3 {
 margin:0;
 font-size:18px;
}

.nx-link {
 color:var(--nx-gold);
 background:transparent!important;
 border:0!important;
 padding:5px!important;
 font-size:13px;
 min-height:35px;
}

.nx-task {
 display:flex;
 align-items:center;
 gap:12px;
 background:linear-gradient(120deg,#222428,#16181C);
 border:1px solid #303237;
 border-left:3px solid var(--nx-gold);
 border-radius:12px;
 padding:14px 12px;
 margin-bottom:9px;
}

.nx-task-title {
 flex:1;
 font-size:14px;
 font-weight:600;
 overflow-wrap:anywhere;
}

.nx-task-time {
 color:#B8BAC0;
 font-size:12px;
 white-space:nowrap;
}

.nx-task-dot {
 width:17px;
 height:17px;
 border:1.5px solid #A8A9AC;
 border-radius:5px;
 flex-shrink:0;
}

.nx-empty {
 padding:20px;
 background:#181A1F;
 border-radius:15px;
 color:var(--nx-muted);
 font-size:14px;
}

nav {
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 background:#101115!important;
 border-top:1px solid #34302A!important;
}

nav button {
 background:transparent!important;
 border:0!important;
 color:#A3A5AA!important;
 font-size:11px!important;
}

nav button.active {
 color:var(--nx-gold-light)!important;
 background:transparent!important;
}

nav button.nav-add .nav-icon {
 background:linear-gradient(140deg,#F0C983,#B37D36)!important;
 color:#15110B!important;
 border-radius:50%!important;
 width:48px!important;
 height:48px!important;
 font-size:29px!important;
 margin-top:-20px!important;
}

@keyframes nxFade {
 from {opacity:0;transform:translateY(5px)}
 to {opacity:1;transform:translateY(0)}
}

@media(max-width:370px) {
 .nx-greeting {font-size:22px}
 .nx-stat {padding:13px}
 .nx-stat-number {font-size:24px}
}

@media(prefers-reduced-motion:reduce) {
 .nx-home {animation:none}
}

/* INTERAKTIVNE KARTICE */

.nx-stat[role="button"] {
 cursor:pointer;
 transition:
  transform .16s ease,
  border-color .16s ease,
  background .16s ease;
}

.nx-stat[role="button"]:active {
 transform:scale(.96);
 border-color:#D8AB65;
}

.nx-stat[role="button"]:focus-visible {
 outline:2px solid #D8AB65;
 outline-offset:3px;
}

.nxc-item {
 align-items:flex-start;
}

.nxc-meta {
 color:#A7A8AF;
 font-size:12px;
 margin-top:7px;
}

.nxc-description {
 color:#D2D2D5;
 font-size:13px;
 margin-top:9px;
 white-space:pre-wrap;
}

main button.nxc-open {
 font-size:12px;
 padding:9px 12px;
 min-height:37px;
 flex-shrink:0;
}