/* Jednotné ikony a vzhled pro telefon. Načítá se jako poslední. */
.ic{display:block;flex:none}

/* kosočtverce „hotovo“ v okně projektu */
.pfDm::before{content:"";display:block;width:9px;height:9px;border:1.5px solid currentColor;transform:rotate(45deg)}
.pfDm.on::before{background:currentColor}
.pfStar{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);font-size:0}
.pfX,.pfEdit,.pfArr,.chatAnswer,.chatOwnerAction{display:inline-grid;place-items:center}

/* automatické záznamy u poznámek ke dnům (milník, hotovo, událost) */
.dNote .auto i.sym{display:inline-block;width:7px;height:7px;margin:0 10px 1px 0;vertical-align:middle;font-size:0}
.dNote .auto i.sym.ms{border:1.5px solid var(--gold-ink);transform:rotate(45deg)}
.dNote .auto i.sym.done{width:9px;height:5px;margin-bottom:3px;border-left:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(-45deg)}
.dNote .auto i.sym.dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.calRoot .quiet svg{margin:auto}

/* křížky zavírání oken: znak se schová, nakreslí se tenký křížek */
button[aria-label^="Zavřít"]:not([aria-label="Zavřít editor"]):not([aria-label="Zavřít fotografii"]):not([aria-label="Zavřít nahrávání"]){font-size:0;position:relative;width:36px;height:36px;min-height:0;padding:0}
button[aria-label^="Zavřít"]:not([aria-label="Zavřít editor"]):not([aria-label="Zavřít fotografii"]):not([aria-label="Zavřít nahrávání"])::before{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat}

/* tlačítko menu: čistá hamburger ikona místo znaku ☰ */
.menuIcon{display:inline-block;width:20px;height:20px;background:currentColor;vertical-align:middle;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 8h16M4 16h16'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M4 8h16M4 16h16'/%3E%3C/svg%3E") center/contain no-repeat}
.menuButton .menuText{margin-left:6px}
body.atelier .navIcon,body.atelier .shortcutIcon{display:none}
.sideGlyph .ic{display:block}
.sideLink.active .sideGlyph{color:var(--gold)}
@media(max-width:1150px){body.atelier .sideGlyph{display:grid!important;place-items:center}}

/* chat: ikony v řádku pro psaní */
body.atelier .chatComposer .chatTool{display:grid;place-items:center;width:38px;height:40px;min-height:40px;color:var(--ink-soft)}
body.atelier .chatComposer button[type=submit]{display:grid;place-items:center;flex:none}
body.atelier .chatAnswer svg,body.atelier .chatOwnerAction svg{width:16px;height:16px}
body.atelier .chatMeta .chatRead{color:var(--gold-ink)}
body.atelier .chatMeta>span{font-size:10px;letter-spacing:.04em;margin-left:6px}

/* ----- Telefon ----- */
@media(max-width:760px){
 body.atelier{--bar:52px;padding-top:var(--bar)}
 /* horní lišta: hamburger a značka DMNK */
 body.atelier .topbar{position:fixed;top:0;left:0;right:0;z-index:45;display:flex;align-items:center;gap:6px;height:var(--bar);min-height:0;padding:0 8px;background:#FBFAF7;border-bottom:1px solid var(--line);box-shadow:none}
 body.atelier .topActions{display:contents}
 body.atelier .topActions>*:not(#menuWrap){display:none!important}
 body.atelier #menuWrap{order:-1;display:block}
 body.atelier #menuWrap[hidden]{display:none}
 body.atelier .menuButton{display:grid;place-items:center;width:44px;height:44px;min-height:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);box-shadow:none}
 body.atelier .menuButton .menuText{display:none}
 body.atelier .topbar>.brand{display:block;width:96px;height:20px;margin:0;visibility:visible;overflow:hidden;font-size:0;background:url(icons/dmnk-logo-black.svg) left center/contain no-repeat}
 body.atelier .topbar>.brand *{display:none}
 /* výsuvné menu */
 .atelier #sidebar{z-index:60;width:min(78vw,280px);padding:calc(var(--bar) + 8px) 14px 18px}
 .atelier.mobileNavOpen .sideLink{font-size:17px;min-height:48px;display:flex;align-items:center;gap:14px}
 body.atelier.mobileNavOpen .sideLink>.sideGlyph{display:grid!important;place-items:center;width:24px}
 body.atelier #sidebar .sideBrand{display:block;width:112px;height:26px;margin:0 8px 26px;border:0;background:url(icons/dmnk-logo-white.svg) left center/contain no-repeat;font-size:0}
 body.atelier #sidebar .sideBrand>*{display:none}
 #navScrim{display:none}
 body.mobileNavOpen #navScrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:rgba(15,23,42,.4);cursor:pointer}
 .atelier.mobileNavOpen #sidebar{box-shadow:none}
 body.atelier.mobileNavOpen .topbar{z-index:70;background:transparent;border-color:transparent}
 body.atelier.mobileNavOpen .topbar>.brand{visibility:hidden}
 body.atelier.mobileNavOpen .menuButton{color:#fff}
 /* stránky vyplní okno pod lištou */
 body.atelier .pf{min-height:calc(100dvh - var(--bar));height:auto;padding-top:8px}
 body.atelier .calRoot{min-height:calc(100dvh - var(--bar));padding-top:8px}
 body.atelier .tmPage{min-height:calc(100dvh - var(--bar))}
 body.atelier .chatCard{height:calc(100dvh - var(--bar));margin:0 -14px;min-height:0}
 body.atelier #workspace .tb{height:calc(100dvh - var(--bar))}
 body.atelier #workspace .contentPanel{min-height:calc(100dvh - var(--bar))}
 body.atelier.chatOpen{height:100dvh;overflow:hidden}
 /* chat: pohodlné psaní, dost místa pro palec */
 body.atelier .chatComposer{padding:8px 12px calc(10px + env(safe-area-inset-bottom)) 12px;gap:6px}
 body.atelier .chatComposer textarea{font-size:16px}
 body.atelier .chatBubble.open{flex-wrap:wrap;justify-content:flex-end}
 body.atelier .chatBubble.open .chatBody{flex:0 0 100%}
 body.atelier .chatMessageRow:not(.mine) .chatBubble.open{justify-content:flex-start}
 body.atelier .chatHeading h1{font-size:10px}
 body.atelier .chatBody{font-size:16px}
 /* tlačítka bez hover: malé akce vždy viditelné a dost velké */
 body.atelier .pfEdit{width:30px;height:30px}
 body.atelier .pfArr{display:none}
 body.atelier .pf{--pf-lw:96px}
 body.atelier .pfLab{padding-left:8px;padding-right:4px}
 body.atelier .pfLabName{font-size:12px}
 body.atelier .tbNote{width:104px;height:104px}
 /* okna na celou šířku */
 dialog.pjDlg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
 body.atelier .pfPage{max-height:calc(100dvh - 72px)}
}

/* Telefon na šířku: nízká obrazovka, panel se smí posouvat a je menší */
@media(max-height:520px) and (orientation:landscape){
 #sidebar{overflow-y:auto;overscroll-behavior:contain;padding-top:10px;padding-bottom:10px}
 body.atelier #sidebar .sideBrand{height:30px;margin-bottom:10px}
 .sideBrand{width:36px;height:30px;margin-bottom:10px}
 .sideLink{min-height:38px;padding:7px 12px}
 dialog.pjDlg{max-height:100dvh}
 body.atelier .pfPage{max-height:calc(100dvh - 20px)}
}

/* Přihlášení e-mailem a heslem */
.loginField{display:block;margin:0 0 12px;font-size:12px;letter-spacing:.06em;color:var(--ink-soft)}
.loginField input{display:block;width:100%;margin-top:6px;min-height:46px;font-size:16px}
.loginCard .loginAlt{margin-top:12px;background:none;color:var(--ink);border:1px solid var(--line)}
.loginCard .loginAlt:hover{background:var(--card)}
body.teamHost .loginCard .loginAlt{display:none}

/* Člen týmu (účet s heslem) nevidí Projekty ani Tabuli */
body[data-role="team"] [data-view="projects"],body[data-role="team"] [data-view="tabule"]{display:none!important}
body[data-role="team"] .notesDetail{display:none!important}

/* Tlačítko Změnit heslo: pod Aplikace a Odhlásit se, ve stylu levého panelu */
body.atelier #changePw{position:fixed;left:12px;bottom:104px;width:152px;z-index:36;min-height:38px;padding:8px 12px;font-size:13px;background:transparent;color:#BDBAB0;border:1px solid #3A3934;border-radius:6px}
body.atelier #changePw:hover{background:#2A2926;color:#fff}
@media(max-width:1150px){body.atelier #changePw{width:56px;left:10px;font-size:10px;padding:8px 2px}}
@media(max-width:760px){body.atelier #changePw{left:14px;bottom:20px;z-index:65;width:calc(min(78vw,280px) - 28px);font-size:13px}body.atelier:not(.mobileNavOpen) #changePw{display:none}}