:root{--accent:#55dcd4;--accent-rgb:85 220 212;--accent-soft:#b1f3ee;--accent-solid:#55dcd4;--on-accent:#082321}
:root[data-theme=light]{--accent:#087f88;--accent-rgb:8 127 136;--accent-soft:#14606b}
body>aside nav button,aside #folders button,aside .quick-access button,aside .team-tools button{justify-content:flex-start;text-align:left}
body>aside{background:rgba(19,30,35,.85);backdrop-filter:blur(24px);border-right:1px solid rgb(var(--accent-rgb)/12%)}
[data-theme=light] body>aside{background:rgba(236,246,246,.85)}
button.primary,#upload{background:var(--accent-solid);color:var(--on-accent)}
nav button.active{border-left-color:var(--accent);background:rgb(var(--accent-rgb)/12%)}
.studio-overview{display:flex;gap:0;margin:8px 0 16px;border:1px solid #ffffff12;border-radius:6px;overflow:hidden}
.studio-overview .overview-card{flex:1;display:flex;align-items:center;gap:12px;padding:9px 16px;border:0;border-right:1px solid #ffffff12;border-radius:0;background:transparent;min-height:0}
.studio-overview .overview-card small{margin:0;color:#9aabb4}
.studio-overview .overview-card strong{margin:0 0 0 auto;font-size:17px;color:var(--accent)}
[data-theme=light] .studio-overview{border-color:#cedddd}
[data-theme=light] .studio-overview .overview-card small{color:#50616a}
#mobile-actions{display:none}
.calendar-active #newfolder{background:rgb(var(--accent-rgb)/15%);color:var(--accent-soft)}
#calendar-view .month-panel,#calendar-view .agenda-panel{padding:16px;border-radius:8px;background:#182128;border:1px solid #35434c}
#calendar-view .month-head{margin-bottom:12px}
#calendar-view .month-grid{gap:3px}
#calendar-view .day-cell{min-height:78px;padding:4px;background:#1d2931;border:1px solid #3b4b55;border-radius:5px}
#calendar-view .day-cell.outside{opacity:.48}
#calendar-view .day-cell.selected{border-color:var(--accent)}
#calendar-view .day-cell.today{background:rgb(var(--accent-rgb)/12%);border:2px solid var(--accent)}
#calendar-view .today .day-number{background:var(--accent-solid)!important;color:var(--on-accent)!important;border-radius:4px;font-weight:700}
#calendar-view .day-event{display:block;width:100%;text-align:left;margin:3px 0;padding:4px 5px;border-radius:3px;border:0;border-left:3px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.25}
#calendar-view .day-event.planned{background:#513e20!important;color:#ffdc9b!important;border-left-color:#edb357}
#calendar-view .day-event.confirmed{background:#164a4a!important;color:#b1f3ee!important;border-left-color:#55dcd4}
#calendar-view .day-event.done{background:#254333!important;color:#b8e8ca!important;border-left-color:#75bf91}
#calendar-view .day-event.cancelled{background:#443039!important;color:#ebbecd!important;border-left-color:#c6889d}
#calendar-view .day-event[aria-pressed=true],#calendar-view .session-selected{outline:2px solid var(--accent);outline-offset:1px}
#calendar-view .weekdays,#calendar-view .calendar-note,#calendar-view .archive-toggle{color:#aebdc6}
#calendar-view .session-card{border-left:3px solid #edb357;background:#202c34}
#calendar-view .session-card.confirmed{border-left-color:#55dcd4}
#calendar-view .session-card.done{border-left-color:#75bf91}
#calendar-view .session-card.cancelled{border-left-color:#c6889d}
[data-theme=light] #calendar-view .month-panel,[data-theme=light] #calendar-view .agenda-panel{background:#f7fbfc;border-color:#c3d3da}
[data-theme=light] #calendar-view .day-cell{background:#fff;border-color:#c8d5dc}
[data-theme=light] #calendar-view .session-card{background:#eef5f7}
[data-theme=light] #calendar-view .weekdays,[data-theme=light] #calendar-view .calendar-note,[data-theme=light] #calendar-view .archive-toggle{color:#52636e}
@media(max-width:700px){
 .studio-overview{display:none!important}
 main>header{display:flex!important;flex-wrap:nowrap!important;gap:6px;padding:10px 12px;min-width:0}
 main>header .navigation-buttons,main>header #theme-toggle,main>header #install,main>header .account-label,main>header #menu-toggle{display:none!important}
 #address-bar{flex:0 1 38%;width:38%;min-width:0;overflow:hidden;white-space:nowrap;padding:6px}
 #address-bar button{overflow:hidden;text-overflow:ellipsis;padding:4px;font-size:11px;flex-shrink:1}
 main>header .search{flex:1 1 62%;min-width:0;width:auto;margin:0}
 main>header .search input{min-width:0;width:100%;font-size:14px}
 .search::after{display:none!important}
 .command-bar{gap:8px;padding:8px 12px;overflow:visible}
 .command-bar>button{display:none!important}
 .command-bar>#upload,.command-bar>#mobile-actions{display:flex!important}
 .calendar-active .command-bar>#upload{display:none!important}
 .calendar-active .command-bar>#newfolder{display:flex!important}
 #mobile-actions{margin-left:auto}
 .command-bar>button[hidden]{display:none!important}
 #calendar-view .month-panel,#calendar-view .agenda-panel{padding:10px}
 #calendar-view .day-cell{min-height:64px;padding:2px;min-width:0}
 #calendar-view .day-event{font-size:9px;padding:3px 2px}
 #calendar-view .month-head h2{font-size:16px}
 .intro{padding-top:14px}
}

@media(max-width:700px){#upload span{font-size:0}#upload span::after{content:"Dodaj";font-size:14px}}
/* Quieter cards, compact folders, grouped menus and mobile sheets. */
.card .card-actions{opacity:0;pointer-events:none;transition:opacity 150ms ease}
.card:hover .card-actions,.card.selected .card-actions,.card:focus-within .card-actions{opacity:1;pointer-events:auto}
.cards,.kanban-cards{align-items:start}
.cards .folder-card,.kanban-lane .folder-card{min-height:0;align-self:start}
.cards .folder-card .file-name,.kanban-lane .folder-card .file-name{min-height:0;padding-top:6px;padding-bottom:4px}
.cards .folder-card .file-name>.fluent-icon,.kanban-lane .folder-card .file-name>.fluent-icon{width:36px;height:36px;margin:4px 0}
.folder-card .status-badge:empty{display:none}
.context-menu{min-width:245px;max-width:calc(100vw - 16px);overflow:visible;z-index:2000;padding:5px;border-radius:7px}
.context-menu button{display:flex;width:100%;justify-content:flex-start;gap:9px;padding:8px 10px;white-space:nowrap}
.context-menu kbd{margin-left:auto;padding-left:18px;color:#9a9ca5;font:11px "Segoe UI",system-ui}
.menu-separator{height:1px;background:#ffffff18;margin:5px 4px}
.context-menu .danger{color:#fa8d95}
.submenu-wrap{position:relative}
.context-submenu{position:absolute;left:100%;top:0;min-width:220px;padding:5px;background:#20242b;border:1px solid #ffffff20;border-radius:7px;box-shadow:0 8px 28px #0006;z-index:1}
.context-submenu.open-left{left:auto;right:100%}
.status-dot{width:9px;height:9px;border-radius:50%;margin:0 5px;flex-shrink:0;background:#adb4bf}
.status-dot.editing{background:#f0bc60}.status-dot.ready{background:#66cf9b}.status-dot.published{background:#55dcd4}
[data-theme=light] .context-submenu{background:#fff;border-color:#cbd2d8}
[data-theme=light] .menu-separator{background:#d8dce1}
[data-theme=light] .context-menu .danger{color:#bd2736}
#calendar-view .month-grid{gap:1px;background:#344149;border:1px solid #344149;overflow:hidden;border-radius:5px}
#calendar-view .day-cell{border:0;border-radius:0;margin:0}
#calendar-view .day-cell.outside{opacity:1;background:#151d23;color:#61717c}
#calendar-view .day-cell.outside .day-number{opacity:.42}
#calendar-view .day-cell.today{border:0;box-shadow:inset 0 0 0 2px var(--accent)}
#calendar-view .day-cell.selected{box-shadow:inset 0 0 0 1px var(--accent)}
#calendar-view .day-cell.today.selected{box-shadow:inset 0 0 0 2px var(--accent)}
[data-theme=light] #calendar-view .month-grid{background:#d8e0e4;border-color:#d8e0e4}
[data-theme=light] #calendar-view .day-cell.outside{background:#edf1f3;color:#82909a}
.inspector dt,.inspector-field>span,.inspector h3{color:#9a9ca5}
[data-theme=light] .inspector dt,[data-theme=light] .inspector-field>span{color:#626773}
.tag-editor{display:flex;flex-wrap:wrap;gap:6px;border:1px solid #ffffff20;border-radius:6px;padding:7px}
.tag-chips{display:contents}.tag-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 5px 2px 9px;background:rgb(var(--accent-rgb)/15%);border-radius:5px;font-size:12px}
.tag-chip button{padding:3px;min-height:22px;border:0;background:transparent}
.tag-chip .fluent-icon{width:13px;height:13px}.tag-editor input{width:100%;border:0;background:transparent;padding:5px}
[data-theme=light] .tag-editor{border-color:#bdc9cf}
.mobile-file-actions{display:none}
.view-enter .intro,.view-enter .library,.view-enter #calendar-view{animation:studio-arrive 150ms ease both}
.view-enter .card{animation:none!important}
@keyframes studio-arrive{from{transform:translateY(3px)}to{transform:none}}
@media(max-width:700px){
 .card .card-actions{opacity:1;pointer-events:auto;border:0;justify-content:flex-end;margin-top:3px;padding-top:0}
 .card .card-actions .icon-action:not(:first-child){display:none}
 #inspect-toggle{display:none!important}
 .mobile-inspector-open .inspector{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:85dvh;border-radius:14px 14px 0 0;z-index:1400;overflow-y:auto;padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));animation:sheet-arrive 150ms ease}
 .mobile-selection-mode .bottom-navigation{display:none!important}
 .mobile-selection-mode .mobile-file-actions:not([hidden]){display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1200;gap:4px;justify-content:space-around;background:#182128;border-top:1px solid #ffffff20;padding:8px 5px calc(8px + env(safe-area-inset-bottom))}
 .mobile-file-actions button{display:flex;flex-direction:column;gap:4px;border:0;background:transparent;font-size:11px;padding:7px;color:#dfe8ec}
 .mobile-file-actions button:disabled{opacity:.4}
 .mobile-file-actions button:first-child span:not(.fluent-icon){display:none}
 .mobile-file-actions button:last-child{color:#fa8d95}
 .context-submenu,.context-submenu.open-left{position:static;min-width:0;border:0;box-shadow:none;margin-left:14px}
 .context-menu{max-height:80dvh;overflow-y:auto}
}
@keyframes sheet-arrive{from{transform:translateY(40px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.view-enter .intro,.view-enter .library,.view-enter #calendar-view,.mobile-inspector-open .inspector{animation:none!important}.card .card-actions{transition:none}}