/* Zprávy: tečkovaný papír (Moleskine) a příspěvky jako barevné lepicí papírky. */
body.atelier #workspace .hero,
body.atelier #workspace .shortcuts,
body.atelier #workspace .workspaceTop,
body.atelier #workspace .contentHeading>div,
body.atelier #workspace .toolbar,
body.atelier #workspace .loadedInfo,
body.atelier #workspace .workspaceBottom{display:none!important}

body.atelier #workspace .contentPanel{
 position:relative;box-sizing:border-box;min-height:calc(100vh - 6px);margin:0 -24px;padding:22px 44px 60px 34px;border:0;border-radius:0;background-color:#FBFAF7;
 background-image:radial-gradient(circle,#CFCBBE 1.1px,transparent 1.4px);background-size:28px 28px;background-position:14px 14px}
body.atelier #workspace .contentHeading{justify-content:flex-end;margin:0 0 26px}
body.atelier #addButton{min-height:36px;padding:8px 18px;font-size:13px}

body.atelier #items.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:34px 30px;padding:6px 6px 0}
body.atelier .post{--note:#FBEFA6;--note-2:#F2DF7D;--tilt:-1deg;
 display:flex;flex-direction:column;min-height:230px;padding:26px 22px 16px;border:0;border-radius:26px;color:#3b3724;
 background:linear-gradient(172deg,var(--note) 0,var(--note) 78%,var(--note-2) 100%);transform:rotate(var(--tilt));transition:transform .18s ease,box-shadow .18s ease;
 box-shadow:0 1px 1px #1E1E1C26,0 8px 14px -6px #1E1E1C38,0 18px 26px -14px #1E1E1C30}
body.atelier .post::before{content:"";position:absolute;top:-9px;left:50%;width:74px;height:20px;margin-left:-37px;background:#ffffff8c;box-shadow:0 1px 2px #1E1E1C1f;transform:rotate(-2deg)}
body.atelier .post:hover{transform:rotate(0) translateY(-4px);box-shadow:0 2px 2px #1E1E1C26,0 16px 24px -8px #1E1E1C42,0 28px 36px -16px #1E1E1C30;z-index:2}
body.atelier .post:nth-child(5n+1){--tilt:-1.4deg}
body.atelier .post:nth-child(5n+2){--tilt:.9deg}
body.atelier .post:nth-child(5n+3){--tilt:-.5deg}
body.atelier .post:nth-child(5n+4){--tilt:1.3deg}
body.atelier .post:nth-child(5n){--tilt:-.9deg}
/* barvy podle druhu: informace žlutá, nápad růžová, úkol modrá, termín zelená */
body.atelier .post:has(.badge.idea){--note:#F9CFD8;--note-2:#F2B4C2}
body.atelier .post:has(.badge.task){--note:#CFE3F4;--note-2:#B3D0EA}
body.atelier .post:has(.badge.date){--note:#CDEBCB;--note-2:#B0DBAE}
body.atelier .post.done{opacity:.72}

body.atelier .post .badge{align-self:flex-start;background:none;padding:0;border-radius:0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#3b3724a6;font-weight:600}
body.atelier .post h3{margin:6px 0 8px;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:#2c2916}
body.atelier .post p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#3b3724;white-space:pre-wrap}
body.atelier .post .eventDate,body.atelier .post .eventPlace{font-size:13px;color:#3b3724}
body.atelier .post .eventDate{font-weight:600}
body.atelier .post .projectTag,body.atelier .post .detailTag{background:#ffffff73;border:0;color:#3b3724;border-radius:10px;padding:2px 9px;font-size:11px;min-height:0;font-weight:500;align-self:flex-start;margin:0 6px 8px 0}
body.atelier .post .taskDetails{display:flex;flex-wrap:wrap}
body.atelier .post .taskToggle{align-self:flex-start;background:#ffffff73;color:#3b3724;font-size:12px;min-height:30px;padding:4px 12px;border-radius:15px;margin-bottom:12px}
body.atelier .post .cardBottom{margin-top:auto;border-top:1px dashed #3b372433;padding-top:10px;display:flex;align-items:center;justify-content:space-between}
body.atelier .post .meta{font-size:11px;color:#3b3724b3;display:flex;align-items:center;gap:8px}
body.atelier .post .meta .avatar{width:24px;height:24px}
body.atelier .post .textButton{color:#3b3724;font-size:12px}
@media(max-width:760px){
 body.atelier #workspace .contentPanel{margin:0 -16px;padding:16px 26px 40px 16px;min-height:100vh}
 body.atelier #items.grid{grid-template-columns:1fr;gap:28px}
}
@media(prefers-reduced-motion:reduce){body.atelier .post,body.atelier .post:hover{transition:none}}

/* Volné rozmístění papírků po ploše (jen na širším okně); barvu papírku volí člověk, jinak podle druhu */
body.atelier .post.post[data-color="yellow"]{--note:#FBEFA6;--note-2:#F2DF7D}
body.atelier .post.post[data-color="pink"]{--note:#F9CFD8;--note-2:#F2B4C2}
body.atelier .post.post[data-color="blue"]{--note:#CFE3F4;--note-2:#B3D0EA}
body.atelier .post.post[data-color="green"]{--note:#CDEBCB;--note-2:#B0DBAE}
body.atelier .post.post[data-color="orange"]{--note:#FAD9B0;--note-2:#F1BE86}
body.atelier .post.post[data-color="lilac"]{--note:#E1D6F3;--note-2:#CDBDE8}
body.atelier #items.free{display:block;position:relative;padding:0}
body.atelier #items.free .post{position:absolute;width:250px;margin:0;cursor:grab;touch-action:pan-y;user-select:none}
body.atelier #items.free .post:hover{transform:rotate(var(--tilt));z-index:inherit}
body.atelier #items.free .post.dragging{cursor:grabbing;transition:none;transform:rotate(0) scale(1.03);box-shadow:0 4px 4px #1E1E1C26,0 24px 34px -10px #1E1E1C55}
body.atelier .post .noteColors{position:absolute;top:-3px;left:50%;transform:translate(-50%,-100%);display:flex;align-items:center;gap:5px;padding:4px 8px;background:#FBFAF7;border-radius:12px;box-shadow:0 2px 8px #1E1E1C30;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5;white-space:nowrap}
body.atelier .post:hover .noteColors,body.atelier .post:focus-within .noteColors{opacity:1;pointer-events:auto}
@media(hover:none){body.atelier .post .noteColors{opacity:.95;pointer-events:auto}}
body.atelier .noteDot{width:14px;height:14px;min-height:0;padding:0;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px #ffffffb0,0 0 0 2.5px #1E1E1C33}
body.atelier .noteDot:hover{background:var(--c);transform:scale(1.2)}
body.atelier .noteDot.on{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1E1E1C99}

/* Velikosti papírků na nástěnce: velký (původní), malý čtvereček a úzký proužek na tři řádky */
body.atelier #items.free .post[data-size="small"]{width:125px;min-height:0;height:118px;padding:16px 12px 8px}
body.atelier #items.free .post[data-size="small"] h3{margin:0 0 3px;font-size:12px;line-height:1.15;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
body.atelier #items.free .post[data-size="small"] p{margin:0;font-size:10px;line-height:1.25;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
body.atelier #items.free .post[data-size="small"] :is(.badge,.eventDate,.eventPlace,.projectTag,.detailTag,.taskDetails,.taskToggle,.cardBottom){display:none}
body.atelier #items.free .post[data-size="strip"]{min-height:0;height:96px;padding:14px 18px 8px}
body.atelier #items.free .post[data-size="strip"] .badge{display:none}
body.atelier #items.free .post[data-size="strip"] h3{margin:0 0 2px;font-size:16px;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
body.atelier #items.free .post[data-size="strip"] p{margin:0;font-size:13px;line-height:1.4;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
body.atelier #items.free .post[data-size="strip"] :is(.eventDate,.eventPlace,.projectTag,.detailTag,.taskDetails,.taskToggle){display:none}
body.atelier #items.free .post[data-size="strip"] .cardBottom{padding-top:4px}
body.atelier #items.free .post[data-size="strip"] .meta .avatar{width:18px;height:18px}
body.atelier .post .noteSizes{display:flex;gap:4px;margin-left:6px;padding-left:6px;border-left:1px solid #1E1E1C26}
body.atelier .post .noteSize{width:12px;height:12px;min-height:0;padding:0;border:1.5px solid #1E1E1C99;border-radius:2px;background:transparent}
body.atelier .post .noteSize[data-size="small"]{width:8px;height:8px;align-self:center}
body.atelier .post .noteSize[data-size="strip"]{height:7px;align-self:center}
body.atelier .post .noteSize:hover{background:#1E1E1C22}
body.atelier .post .noteSize.on{background:#1E1E1C99}

body.atelier .post .noteColors{width:max-content;max-width:none}
body.atelier .post .noteDot,body.atelier .post .noteSize{flex:none}

body.atelier #items.free .post[data-size="small"]{border-radius:13px}