/* DMNK: dolaďovací vrstva vzhledu (barvy, písmo, menu, pozadí, výběr avatara).
   Načítá se jako ÚPLNĚ POSLEDNÍ stylopis a jen přebíjí starší pravidla.
   Vrátit předchozí vzhled = odstranit odkaz na polish.css v index.html (a v sw.js). */

/* ---------- Sada barev a zaoblení ---------- */
:root{
  --muted:#6A675F;            /* tmavší šedá: lepší čitelnost malého textu */
  --ink-soft:#44433E;
  --paper:#F6F5F1;
  --line:#E1DED5;
  --gold-hover:#B6942D;
  --r-sm:7px;                 /* tlačítka, pole */
  --r-md:12px;                /* karty, okna */
  --r-lg:16px;                /* velké plochy */
  --radius:var(--r-md);
  --shadow-1:0 1px 2px #1E1E1C14,0 8px 18px -10px #1E1E1C2E;
  --shadow-2:0 2px 6px #1E1E1C14,0 24px 48px -18px #1E1E1C47;
  --focus-ring:0 0 0 3px #C9AB5547;
}

/* ---------- Pozadí aplikace ---------- */
html body.atelier{background:radial-gradient(1100px 520px at 18% -8%,#FFFEFB 0,#FFFEFB00 70%),var(--paper);background-attachment:fixed}
/* tečkovaný papír na Zprávách a Tabuli: jemnější tečky a světlo shora */
html body.atelier #workspace .contentPanel,
html body.atelier #workspace .tb{
  background-color:#FBFAF6;
  background-image:radial-gradient(circle,#D5D1C4 1.2px,transparent 1.6px),radial-gradient(900px 460px at 14% 0,#FFFFFF 0,#FFFFFF00 72%);
  background-size:28px 28px,auto;background-position:14px 14px,0 0;background-repeat:repeat,no-repeat}
html body.atelier #workspace .tb{background-attachment:local,local}

/* ---------- Společné prvky ---------- */
html button{border-radius:var(--r-sm);transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s}
html button:active:not(:disabled){transform:translateY(1px)}
html .quiet:hover{border-color:var(--ink-soft)}
html input,html select,html textarea{border-radius:var(--r-sm);transition:border-color .15s,box-shadow .15s}
html input:focus,html select:focus,html textarea:focus{border-color:var(--gold-hover);box-shadow:var(--focus-ring);outline:none}
html dialog{border-radius:var(--r-md);box-shadow:var(--shadow-2)}
html dialog::backdrop{background:#1E1E1C73;backdrop-filter:blur(2px)}
html dialog label{font-size:12.5px;font-weight:600;color:var(--ink)}
html .contentPanel,html .post,html .photoCard{border-radius:var(--r-md)}
html .eyebrow{font-size:11px}

/* ---------- Postranní menu ---------- */
html body.atelier #sidebar{background:linear-gradient(180deg,#1F1F1D 0,#171715 100%);box-shadow:1px 0 0 #00000040}
html .sideLink{font-size:15px;min-height:44px;margin:1px 0;padding:10px 14px;border-radius:8px;color:#C6C3B9;letter-spacing:.02em}
html .sideLink:hover{background:#262522;color:#fff}
html .sideLink.active{background:linear-gradient(90deg,#35322B 0,#2A2925 100%);color:#fff;font-weight:600}
html .sideLink.active::before{left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);box-shadow:0 0 12px #C9AB5566}
html .sideLink:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
/* tlačítka dole v menu: jednotný, klidnější vzhled */
@media(min-width:761px){
  html body.atelier #logout,html body.atelier #changePw,html body.atelier #rmOpen,html body.atelier .installApp{
    font-size:13px;font-weight:500;text-align:left;color:#C6C3B9;border-color:#373530;border-radius:8px;letter-spacing:.02em}
  html body.atelier #logout:hover,html body.atelier #changePw:hover,html body.atelier #rmOpen:hover,html body.atelier .installApp:hover{
    background:#262522;color:#fff;border-color:#5C5438}
}
@media(max-width:1150px) and (min-width:761px){
  html body.atelier #logout,html body.atelier #changePw,html body.atelier #rmOpen,html body.atelier .installApp{text-align:center;font-size:10px}
}

/* ---------- Lístečky na Zprávách ---------- */
html body.atelier .post{border-radius:22px}
html body.atelier .post h3{font-size:20px}
html body.atelier .post p{font-size:15px;line-height:1.55}
html body.atelier #addButton{font-size:14px;min-height:40px;padding:9px 20px;border-radius:999px;box-shadow:var(--shadow-1)}
html body.atelier #addButton:hover{background:#34332F}

/* ---------- Výběr avatara ---------- */
.avatarStudio{display:grid;grid-template-columns:auto 1fr;gap:18px 22px;align-items:center;margin:14px 0 6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#FBFAF7}
.avatarPreviewBox{display:flex;flex-direction:column;align-items:center;gap:12px}
.avatarStudio .illustratedAvatar{display:block;border-radius:50%;flex:none}
.avatarPreviewBig{width:104px;height:104px;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--line),var(--shadow-1)}
.avatarPreviewSizes{display:flex;align-items:center;gap:10px}
.avatarPreviewMid{width:36px;height:36px}
.avatarPreviewSm{width:24px;height:24px}
.avatarStudio .avatarColorField{display:block;margin:0}
.avatarStudio .avatarColorField label{display:block;margin:0 0 8px}
.avatarSwatches{display:flex;flex-wrap:wrap;gap:8px}
.avatarSwatch{width:30px;height:30px;min-height:0;padding:0;border-radius:50%;border:2px solid #fff;background:var(--c);box-shadow:0 0 0 1px #1E1E1C26;cursor:pointer}
.avatarSwatch:hover{background:var(--c);transform:scale(1.12)}
.avatarSwatch.selected{box-shadow:0 0 0 2px var(--ink)}
.avatarColorRow{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.avatarColorRow span{font-size:12.5px;color:var(--ink-soft)}
.avatarColorRow input[type=color]{width:46px;height:34px;min-height:34px;padding:2px;border-radius:8px;cursor:pointer}
.avatarColorRow .quiet{margin-left:auto;min-height:34px;padding:6px 14px;font-size:12.5px}
.avatarStudio .avatarColorField small{margin-top:10px;line-height:1.5}
.avatarPicker{border-color:var(--line);border-radius:14px;background:#FBFAF7}
.avatarPicker h3{font-size:16px}
.avatarPicker #avatarSelectionLabel{font-size:12.5px;color:var(--muted)}
.avatarCategory{min-height:34px;padding:6px 14px;font-size:12.5px;border-color:var(--line);color:var(--ink-soft);background:#fff}
.avatarCategory:hover{border-color:var(--ink-soft);background:#fff}
.avatarCategory.active{background:var(--ink);border-color:var(--ink);color:#fff}
.avatarOptions{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px}
.avatarChoice{border-color:transparent;background:#fff;transition:transform .12s,box-shadow .15s}
.avatarChoice:hover{background:#fff;transform:scale(1.07)}
.avatarChoice.selected{border-color:var(--gold);box-shadow:0 0 0 3px #C9AB5547}
@media(max-width:520px){.avatarStudio{grid-template-columns:1fr;justify-items:center}.avatarStudio .avatarColorField{width:100%}}

/* Hledání avatara podle vlastností */
.avatarFilters{display:grid;gap:8px;margin:2px 0 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.avatarFilterRow{display:flex;flex-wrap:wrap;gap:6px}
.avatarChip{min-height:32px;padding:5px 12px;font-size:12.5px;font-weight:500;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-soft)}
.avatarChip:hover{background:#fff;border-color:var(--ink-soft)}
.avatarChip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.avatarChip.reset{background:transparent;border-color:var(--gold-hover);color:var(--gold-ink)}
.avatarChip.reset:hover{background:var(--gold-soft)}
.avatarFilterInfo{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted)}
.avatarNone{grid-column:1/-1;margin:14px 0;text-align:center;font-size:13.5px;color:var(--muted)}
@media(pointer:coarse){.avatarChip{min-height:40px}}

/* ---- Písmo: drobné texty zvětšené (vygenerováno z původních pravidel) ---- */
html .phasePill, html .timelineAxis .timelineName, html .timelineLegend small, html .ganttToday small, html .ganttLegend small, html .ganttPhaseTag, html .graphicCardText small{font-size:10px}
html .badge, html .portfolioHeading .eyebrow, html .timelineLegend, html .personMenuLabel, html .milestoneDates label, html .chatEditedLabel, html .chatSenderRole, html .tbNote[data-size="small"] .tbName, html .tbNote[data-size="small"] .tbNameEdit, html .yDays i, html .yd, html .ganttControls small, html .ganttName small, html .ganttAxisName, html .ganttWeek, html .ganttPhaseTag, html .ganttLegend, html .ganttPhase, html .ganttPhaseName, html .graphicName small{font-size:10.5px}
html .timelineName, html .axisTick, html .timelineMark, html .pfTag, html .pfBar span, html .pfTodayTag, html .pfPhHead span, html .tbTick, html .more, html .wk, html .mCell .holn, html .ganttTools .quiet, html .ganttTools select, html .ganttMonth, html .ganttPhase, html .ganttPhaseName{font-size:11px}
html .navLabel, html .eyebrow, html .shortcut small, html .loadedInfo, html .portfolioStat small, html .attentionItem small, html .riskBadge, html .financialBadge, html .projectTable th, html .projectTable td small, html .portfolioHint, html .projectTag, html .milestoneFormRow>.checkLabel, html .projectFacts small, html .detailMilestone small, html .unreadBadge, html .chatDay, html .chatMeta, html .chatMeta, html .chatGifItem, html .chatGifPicker>small{font-size:11.5px}
html #navigation small, html .workspaceTop, html .meta, html .textButton, html .detailTag, html .taskToggle, html .workspaceBottom, html .loginCard small, html .people small, html dialog small, html .feeSummary, html .viewModes button, html .portfolioFilters select, html .portfolioFilters input, html .portfolioFilters select, html .personProject, html .smallHeading button, html .formHint, html .milestoneFormRow input, html .milestoneFormRow select, html .detailMilestone button, html .portfolioStat small, html .chatHeading p, html .chatHeading>button, html .chatOlder, html .chatSender, html .chatQuote, html .chatAttachment, html .chatTyping, html .chatReply, html .chatFilePreview, html .chatNotice, html .chatJump, html .chatGifButton, html .chatGifTag, html .emojiCategory, html .chatEditCancel, html body.atelier .chatDay, html body.atelier .chatMeta, html .editPerson, html .projectPortraits small, html .pfLab small, html .tmPopLab, html body.atelier .post .badge, html body.atelier #items.free .post[data-size="small"] p, html body.atelier .chatMeta>span{font-size:12px}
@media(max-width:760px){
html .hero .eyebrow, html .shortcut small, html .ganttTools select, html .ganttTools .quiet{font-size:10.5px}
html .graphicCardText strong{font-size:11px}
html .workspaceTop, html .chatEditCancel{font-size:11.5px}
html .portfolioHeading>button, html .chatTools select{font-size:12px}
}
@media(max-width:500px){
html .people small{font-size:11.5px}
html .contentHeading>button, html .chatTools input{font-size:12px}
}

/* Odebrání člena z týmu */
.personDanger{display:grid;gap:8px;margin:22px 0 2px;padding:14px;border:1px solid #E6C9C2;border-radius:12px;background:#FBF3F1}
#personRemove{justify-self:start;min-height:38px;padding:7px 16px;font-size:13px;font-weight:600;color:#9A3B2B;border-color:#D9AFA5;background:#fff}
#personRemove:hover{background:#F6E3DE;border-color:#9A3B2B}
#personRemove[data-mode=restore]{color:var(--ink);border-color:var(--line)}
.personDanger small{margin:0;color:var(--muted);line-height:1.5}
.tmGone{margin:18px 0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.tmGone summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-soft)}
.tmGoneRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);margin-top:8px;font-size:14px}
.tmGoneRow .quiet{min-height:36px;padding:6px 14px;font-size:12.5px}

/* Seznam všech členů týmu (dole v sekci Tým) */
.tmMembers{padding-bottom:20px}
.tmMemRow{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.tmMemRow.gone{opacity:.8}
.tmMemFace{width:38px;height:38px;flex:none;border-radius:50%;overflow:hidden}
.tmMemWho{flex:1 1 120px;min-width:0;display:grid;gap:2px}
.tmMemName{font-size:15px;font-weight:600}
.tmMemMeta{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmMemBadge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink);font-size:11.5px;font-weight:600;white-space:nowrap}
.tmMemActs{display:flex;gap:16px;flex:none}
.tmMemActs .pfLink{font-size:13.5px;min-height:36px;white-space:nowrap}
.tmMemDel{color:#9A3B2B}
.tmMemAdd{margin-top:14px}
.tmMembers .tmGone{margin:14px 0 0}
.tmMembers .tmGone .tmMemRow{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}
@media(max-width:700px){.tmMemRow{flex-wrap:wrap;row-gap:4px}.tmMemBadges{order:3;padding-left:52px;width:100%}.tmMemBadges:empty{display:none}.tmMemActs{order:4;width:100%;padding-left:52px}.tmMapHead{flex-wrap:wrap}}
.tmMemBadge.off{background:#EFEDE7;color:var(--muted)}
.tmMemList:empty{display:none}

/* Záložky skupin avatarů se zalamují (dřív se posouvaly do strany a „Nové" nebylo vidět) */
.avatarCategories{flex-wrap:wrap;overflow:visible;gap:6px}
.avatarCategory[data-new]{border-color:var(--gold-hover);color:var(--gold-ink)}
.avatarCategory[data-new].active{color:#fff}

/* Výběr avatara: seznam se ukáže celý (okno se posouvá samo), ne v malém okénku se zvláštním posuvníkem */
.avatarOptions{max-height:none;overflow:visible}

/* Výběr výrazu u avatarů podle fotek */
.avatarMoods{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.avatarMoods>span{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-right:4px}
.avatarMoods[hidden]{display:none}

/* Bublina po kliknutí na avatar v Týmu: jen pozice a Editovat */
.tmPop .tmPopRole{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--ink)}
.tmPop .tmEdit{margin-top:2px}

/* Bublina u avatara v Týmu: bez rámečku, stínu a linek, jen písmo (světlý okraj písma pro čitelnost přes mapu) */
.tmPop{width:auto;min-width:0;padding:2px 10px 0;background:none;background-image:none;border:0;border-radius:0;box-shadow:none;text-align:center;white-space:nowrap;margin-top:2px;
  text-shadow:0 0 5px var(--paper),0 0 5px var(--paper),0 0 8px var(--paper)}
.tmPop p{line-height:1.3;min-height:0}
.tmPop .tmPopRole{margin:0 0 2px;font-size:16px}
.tmPop .tmEdit{display:inline-block;margin:0;min-height:0;padding:2px 0;font-size:14px;color:var(--ink-soft);text-decoration:none;text-shadow:inherit}
.tmPop .tmEdit:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}

/* Archivace a smazání projektu */
.projectDangerRow{display:flex;flex-wrap:wrap;gap:10px}
.dangerBtn{color:#9A3B2B;border-color:#D9AFA5;background:#fff}
.dangerBtn:hover{background:#F6E3DE;border-color:#9A3B2B}
#projectDanger button,.archiveActs button{min-height:38px;padding:7px 16px;font-size:13px;font-weight:600}
#archiveDialog{width:min(560px,94vw)}
.archiveRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}
.archiveName{font-size:15px;font-weight:600}
.archiveActs{display:flex;gap:8px;flex-wrap:wrap}
.archiveEmpty{color:var(--muted)}

/* Správa projektu v editoru z přehledu Projektů (jen CEO) */
.pfAdmin{margin:18px 0 8px;padding:14px 16px;border:1px solid #E6C9C2;border-radius:12px;background:#FBF3F1}
.pfAdminHint{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.pfAdminRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pfAdminBtn{min-height:38px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px}
.pfAdminBtn:hover{background:#fff;border-color:var(--ink-soft)}
.pfAdminBtn.danger{color:#9A3B2B;border-color:#D9AFA5}
.pfAdminBtn.danger:hover{background:#F6E3DE;border-color:#9A3B2B}
.pfAdminMsg{margin:10px 0 0;font-size:13px;color:#B0503C;min-height:0}
.pfAdminMsg:empty{display:none}