.task-mobile-calendar{overflow:hidden;border:1px solid #dbe4ef;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 18px 48px rgba(15,23,42,.09)}.task-mobile-calendar-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:18px;background:linear-gradient(135deg,#0b1f35,#123e54);color:#fff;text-align:center}.task-mobile-calendar-head h2{font-size:1.18rem;font-weight:750;text-transform:capitalize}.task-calendar-kicker{font-size:.68rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#35b58c}.task-mobile-calendar-head .task-calendar-kicker{color:#64d4b2}.task-calendar-nav{display:grid;height:40px;width:40px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.08);font-size:1.25rem;color:#fff}.task-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e2e8f0}.task-calendar-toolbar .field{max-width:155px}.task-calendar-weekdays,.task-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.task-calendar-weekdays{padding:9px 8px 5px;color:#64748b;font-size:.65rem;font-weight:750;text-align:center;text-transform:uppercase}.task-calendar-grid{gap:3px;padding:5px 8px 12px}.task-calendar-day{position:relative;display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;border:1px solid transparent;border-radius:12px;padding:7px 2px;background:#fff;color:#334155}.task-calendar-day.is-outside{opacity:.36}.task-calendar-day.is-today .task-calendar-number{display:grid;height:25px;min-width:25px;place-items:center;border-radius:999px;background:#0f766e;color:#fff}.task-calendar-day.is-selected{border-color:#0f766e;background:#ecfdf5;box-shadow:0 0 0 1px #0f766e inset}.task-calendar-number{font-size:.78rem;font-weight:750}.task-calendar-markers{display:flex;min-height:7px;align-items:center;justify-content:center;gap:2px}.task-calendar-markers i{height:6px;width:6px;border-radius:999px;background:#3b82f6}.task-calendar-markers i.priority-urgent{background:#dc2626}.task-calendar-markers i.priority-high{background:#f59e0b}.task-calendar-markers i.priority-low{background:#94a3b8}.task-calendar-markers b{font-size:.55rem;color:#475569}.task-calendar-agenda{border-top:1px solid #e2e8f0;padding:16px}.task-calendar-agenda h3{font-size:1rem;font-weight:750;text-transform:capitalize}.task-calendar-empty{border:1px dashed #cbd5e1;border-radius:14px;padding:16px;color:#64748b;font-size:.86rem;text-align:center}@media(min-width:640px){.task-calendar-day{min-height:72px}.task-calendar-number{font-size:.9rem}}
.calendar-shell{--cal-bg:#07111f;--cal-panel:#0d1b2d;--cal-line:rgba(148,163,184,.16);overflow:hidden;border:1px solid #17263a;border-radius:24px;background:radial-gradient(circle at 85% -20%,rgba(58,94,255,.32),transparent 34%),linear-gradient(145deg,#07111f,#0a1525 58%,#08111e);box-shadow:0 28px 80px rgba(2,8,23,.24);color:#e8eef8}.calendar-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:1px solid var(--cal-line)}.calendar-header p{font-size:11px;font-weight:800;letter-spacing:.2em;color:#7dd3fc}.calendar-header h1{margin-top:4px;font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-.04em}.calendar-header>div>span{font-size:13px;color:#94a3b8}.calendar-actions,.calendar-nav{display:flex;gap:8px}.calendar-toolbar{display:grid;grid-template-columns:auto repeat(3,minmax(150px,220px));gap:10px;padding:14px 18px;border-bottom:1px solid var(--cal-line);background:rgba(15,30,49,.8)}.calendar-toolbar .field{border-color:#26374e;background:#101f32;color:#dbeafe}.calendar-nav a{display:grid;min-width:40px;place-items:center;border:1px solid #2a3b51;border-radius:10px;padding:8px 12px;color:#dbeafe;font-size:13px;font-weight:700}.calendar-nav a:hover{background:#172b43}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{border-bottom:1px solid var(--cal-line);background:#091625}.calendar-weekdays div{padding:10px 14px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.16em}.calendar-day{min-height:152px;padding:10px;border-right:1px solid var(--cal-line);border-bottom:1px solid var(--cal-line);background:rgba(13,27,45,.46);transition:background .18s ease}.calendar-day:nth-child(7n){border-right:0}.calendar-day:hover{background:rgba(26,48,75,.62)}.calendar-day.is-outside{background:rgba(4,10,19,.52);color:#475569}.calendar-day>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.calendar-day>header span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;font-size:12px;font-weight:800}.calendar-day.is-today>header span{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.15);color:white}.calendar-day>header b{font-size:8px;letter-spacing:.15em;color:#60a5fa}.calendar-events{display:grid;gap:5px}.calendar-event{position:relative;display:grid;grid-template-columns:auto 1fr;gap:0 7px;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-left:3px solid #60a5fa;border-radius:9px;background:rgba(20,39,62,.9);padding:7px 8px;color:#e2e8f0}.calendar-event:hover{transform:translateY(-1px);border-color:rgba(147,197,253,.42);box-shadow:0 7px 18px rgba(0,0,0,.2)}.calendar-event time{color:#93c5fd;font-size:9px;font-weight:800}.calendar-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.calendar-event small{grid-column:1/-1;overflow:hidden;margin-top:3px;color:#7f91aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.calendar-event.priority-low{border-left-color:#64748b}.calendar-event.priority-high{border-left-color:#f59e0b}.calendar-event.priority-urgent,.calendar-event.is-overdue{border-left-color:#fb7185;background:linear-gradient(90deg,rgba(127,29,29,.48),rgba(20,39,62,.9))}.task-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border:1px solid #dbe6f3;border-radius:22px;background:radial-gradient(circle at 80% 0,rgba(37,99,235,.14),transparent 40%),linear-gradient(135deg,#fff,#f4f8ff);padding:28px;box-shadow:0 18px 50px rgba(15,23,42,.08)}.task-hero.is-overdue{border-color:#fecdd3;background:radial-gradient(circle at 80% 0,rgba(244,63,94,.14),transparent 40%),linear-gradient(135deg,#fff,#fff5f6)}.task-hero h1{max-width:850px;font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-.04em}.task-eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#3b82f6}.task-due-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#0f172a;padding:5px 10px;color:#fff;font-size:11px;font-weight:700}.task-link,.task-file{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;color:#1d4ed8}.task-link:hover,.task-file:hover{border-color:#93c5fd;background:#eff6ff}.task-file>span:nth-child(2){display:grid;flex:1;color:var(--text)}.task-file small,.task-person small{display:block;color:var(--muted);font-size:11px}.task-person{display:flex;align-items:center;gap:12px}.task-person>span{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:13px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;font-size:11px;font-weight:800}.task-comment{border-left:3px solid #bfdbfe;padding:2px 0 2px 14px}.task-comment>div{display:flex;justify-content:space-between;gap:12px}.task-comment time,.task-timeline time{color:var(--muted);font-size:10px}.task-comment p{margin-top:5px;font-size:13px}.task-timeline{display:grid;gap:0}.task-timeline>div{position:relative;border-left:1px solid #dbeafe;padding:0 0 18px 18px}.task-timeline i{position:absolute;left:-5px;top:2px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 2px #bfdbfe}.task-timeline p{font-size:12px}.task-assignment-card{position:sticky;top:96px}.calendar-view-tabs{display:flex;gap:5px;padding:10px 18px 0;background:rgba(15,30,49,.8)}.calendar-view-tabs a{border-radius:9px 9px 0 0;padding:9px 14px;color:#7f91aa;font-size:11px;font-weight:800}.calendar-view-tabs a:hover,.calendar-view-tabs a.active{background:#1a304b;color:#e0f2fe}.calendar-shell.view-week .calendar-day{min-height:440px}.calendar-shell.view-day .calendar-weekdays,.calendar-shell.view-day .calendar-grid{grid-template-columns:1fr}.calendar-shell.view-day .calendar-day{min-height:500px}.calendar-agenda{display:grid;gap:8px;padding:18px}.agenda-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;border:1px solid var(--cal-line);border-left:4px solid #60a5fa;border-radius:14px;background:rgba(13,27,45,.72);padding:14px 18px;color:#e2e8f0}.agenda-item:hover{background:#142943;transform:translateX(2px)}.agenda-item time{display:grid;color:#93c5fd}.agenda-item time b{font-size:16px}.agenda-item time span,.agenda-item small{color:#7f91aa;font-size:11px}.agenda-item div{display:grid}.agenda-item.priority-high{border-left-color:#f59e0b}.agenda-item.priority-urgent{border-left-color:#fb7185}.agenda-empty{padding:40px;text-align:center;color:#64748b}@media(max-width:1024px){.calendar-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-nav{grid-column:1/-1}.calendar-day{min-height:130px}.task-assignment-card{position:static}}@media(max-width:700px){.calendar-shell{margin-inline:-12px;border-radius:18px}.calendar-header{align-items:flex-start;flex-direction:column;padding:22px 18px}.calendar-actions{width:100%}.calendar-actions .btn{flex:1}.calendar-toolbar{grid-template-columns:1fr;padding:12px}.calendar-nav{grid-column:auto}.calendar-weekdays{display:none}.calendar-grid{display:block;padding:10px}.calendar-day{min-height:0;margin-bottom:8px;border:1px solid var(--cal-line)!important;border-radius:13px;padding:12px}.calendar-day.is-outside:not(.is-today){display:none}.calendar-day:not(.is-today):has(.calendar-events:empty){display:none}.calendar-day>header{justify-content:flex-start;gap:10px}.calendar-events:empty:after{content:"Nema zadataka";color:#52657d;font-size:11px;padding:4px}.calendar-event{padding:10px}.calendar-event b{font-size:12px}.task-hero{align-items:flex-start;flex-direction:column;padding:22px}.task-hero>div:last-child{width:100%}.task-hero .btn{flex:1}}


/* Shared hybrid assignee picker: searchable recommendations + selected chips. */
.task-assignee-picker{position:relative;border:1px solid #dbe3ee;border-radius:16px;background:#fff;padding:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.task-assignee-picker:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.task-assignee-picker.is-disabled{opacity:.65;background:#f8fafc}
.assignee-picker-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.assignee-picker-selected{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.assignee-picker-selected:empty{display:none}
.assignee-picker-empty{margin:0 0 8px;padding:9px 11px;border:1px dashed #cbd5e1;border-radius:11px;background:#f8fafc;color:#64748b;font-size:12px}
.assignee-picker-chip{display:inline-flex;min-width:0;align-items:center;gap:7px;max-width:100%;padding:4px 5px 4px 4px;border:1px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:#312e81;font-size:12px;font-weight:700}
.assignee-picker-avatar{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#4338ca,#2563eb);color:#fff;font-size:10px;font-weight:800;letter-spacing:.02em}
.assignee-picker-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assignee-picker-chip-remove{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border:0;border-radius:50%;background:transparent;color:#6366f1;font-size:18px;line-height:1;cursor:pointer}
.assignee-picker-chip-remove:hover,.assignee-picker-chip-remove:focus-visible{background:#c7d2fe;color:#312e81;outline:none}
.assignee-picker-search-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:12px;padding:0 10px;background:#fff}
.assignee-picker-search-wrap>span{color:#64748b;font-size:20px;transform:rotate(-18deg)}
.assignee-picker-search-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#0f172a;font:inherit;font-size:14px}
.assignee-picker-search-wrap small{color:#64748b;font-size:10px;white-space:nowrap}
.assignee-picker-results{display:none;margin-top:9px;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.task-assignee-picker.is-open .assignee-picker-results{display:block}
.assignee-picker-toolbar{display:flex;gap:5px;overflow-x:auto;padding:7px;border-bottom:1px solid #eef2f7;background:#f8fafc;scrollbar-width:thin}
.assignee-picker-filter{flex:0 0 auto;border:0;border-radius:999px;background:transparent;padding:5px 9px;color:#64748b;font-size:10px;font-weight:800;cursor:pointer}
.assignee-picker-filter.is-active{background:#e0e7ff;color:#3730a3}
.assignee-picker-list{max-height:250px;overflow-y:auto;padding:5px}
.assignee-picker-option{display:flex;width:100%;align-items:center;gap:9px;border:0;border-radius:10px;background:#fff;padding:7px;text-align:left;cursor:pointer}
.assignee-picker-option:hover,.assignee-picker-option:focus-visible{background:#eef2ff;outline:none}
.assignee-picker-option-text{min-width:0;flex:1}
.assignee-picker-option-text strong,.assignee-picker-option-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assignee-picker-option-text strong{color:#172033;font-size:12px}.assignee-picker-option-text small{margin-top:1px;color:#64748b;font-size:10px}
.assignee-picker-add{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:9px;background:#eef2ff;color:#4338ca;font-size:18px;font-weight:700}
.assignee-picker-more{width:100%;border:0;border-top:1px solid #eef2f7;background:#f8fafc;padding:8px;color:#4338ca;font-size:11px;font-weight:800;cursor:pointer}
.assignee-picker-no-results{margin:0;padding:16px;text-align:center;color:#64748b;font-size:12px}
@media(max-width:520px){.task-assignee-picker{padding:10px;border-radius:14px}.assignee-picker-search-wrap{grid-template-columns:auto minmax(0,1fr)}.assignee-picker-search-wrap small{grid-column:2}.assignee-picker-list{max-height:220px}.assignee-picker-option{min-height:48px}.assignee-picker-chip{max-width:100%}}


/* Light calendar skin shared by Tasks and Project Activities. */
.calendar-shell{--cal-bg:#f8fafc;--cal-panel:#ffffff;--cal-line:#dbe4ef;border-color:#dbe4ef;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 18px 50px rgba(15,23,42,.10);color:#172033}
.calendar-header{border-bottom-color:var(--cal-line);background:linear-gradient(135deg,#ffffff,#f3f8fc)}
.calendar-header p{color:#0369a1}.calendar-header h1{color:#0f172a}.calendar-header>div>span{color:#64748b}
.calendar-view-tabs,.calendar-toolbar{background:#f8fafc;border-bottom-color:var(--cal-line)}
.calendar-view-tabs a{color:#64748b}.calendar-view-tabs a:hover,.calendar-view-tabs a.active{background:#dbeafe;color:#1d4ed8}
.calendar-toolbar .field{border-color:#cbd5e1;background:#fff;color:#172033}
.calendar-nav a{border-color:#cbd5e1;background:#fff;color:#334155}.calendar-nav a:hover{background:#eff6ff;color:#1d4ed8}
.calendar-weekdays{border-bottom-color:var(--cal-line);background:#f1f5f9}.calendar-weekdays div{color:#64748b}
.calendar-day{border-color:var(--cal-line);background:#fff;color:#334155}.calendar-day:hover{background:#f8fbff}.calendar-day.is-outside{background:#f8fafc;color:#94a3b8}
.calendar-day.is-today{background:#eff6ff}.calendar-day>header b{color:#1d4ed8}
.calendar-events:empty:after{color:#94a3b8}
.calendar-event{border-color:#dbe4ef;border-left-color:#3b82f6;background:#eff6ff;color:#1e3a5f;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.calendar-event:hover{border-color:#93c5fd;background:#dbeafe;box-shadow:0 7px 18px rgba(15,23,42,.10)}
.calendar-event time{color:#2563eb}.calendar-event small{color:#64748b}
.calendar-event.priority-low{border-left-color:#94a3b8;background:#f8fafc}.calendar-event.priority-high{border-left-color:#f59e0b;background:#fffbeb}.calendar-event.priority-urgent,.calendar-event.is-overdue{border-left-color:#ef4444;background:#fef2f2}
.calendar-agenda{background:#f8fafc}.agenda-item{border-color:#dbe4ef;border-left-color:#3b82f6;background:#fff;color:#172033;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.agenda-item:hover{background:#eff6ff}.agenda-item time{color:#2563eb}.agenda-item time span,.agenda-item small{color:#64748b}.agenda-item.priority-low{border-left-color:#94a3b8}.agenda-item.priority-high{border-left-color:#f59e0b;background:#fffbeb}.agenda-item.priority-urgent,.agenda-item.is-overdue{border-left-color:#ef4444;background:#fef2f2}
.calendar-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:11px 18px;border-bottom:1px solid var(--cal-line);background:#fff;color:#475569;font-size:12px}
.calendar-legend strong{color:#0f172a}.calendar-legend span{display:inline-flex;align-items:center;gap:7px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.12)}
.legend-slate{background:#94a3b8}.legend-blue{background:#3b82f6}.legend-amber{background:#f59e0b}.legend-red{background:#ef4444}
@media(max-width:700px){.calendar-legend{gap:9px 13px;padding:10px 14px}.calendar-header{padding:22px 18px}.calendar-toolbar{background:#f8fafc}}
.calendar-day header>span:last-child{display:flex;align-items:center;gap:6px}.calendar-day-add{display:inline-grid;height:24px;width:24px;place-items:center;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#2563eb;font-size:18px;line-height:1;cursor:pointer}.calendar-day-add:hover{border-color:#60a5fa;background:#eff6ff}.task-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}.task-modal.hidden{display:none}.task-modal-panel{position:relative;max-height:calc(100vh - 40px);width:min(1180px,100%);overflow:auto;border-radius:20px;background:#f8fafc;box-shadow:0 28px 80px rgba(15,23,42,.32)}.task-modal-content{padding:28px}.task-modal-x{position:sticky;top:12px;z-index:3;float:right;margin:12px 12px -50px 0;height:36px;width:36px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font-size:24px;cursor:pointer}.task-modal-x:hover{background:#f1f5f9}@media(max-width:700px){.task-modal{padding:0;align-items:end}.task-modal-panel{max-height:94vh;border-radius:20px 20px 0 0}.task-modal-content{padding:20px 14px}}