/* Tabule: tečkovaný papír a malé čtvercové papírky (něco větší než kolečko avatara). */
body.atelier #workspace .tb{position:relative;box-sizing:border-box;height:calc(100dvh - 6px);margin:0 -24px;padding:0;overflow:auto;background-color:#FBFAF7;
 background-image:radial-gradient(circle,#CFCBBE 1.1px,transparent 1.4px);background-size:28px 28px;background-position:14px 14px;background-attachment:local}
.tbWrap{box-sizing:border-box;min-width:1040px;padding:0 44px 40px 96px}
.tbHead{display:flex;align-items:baseline;gap:14px;height:44px;padding-top:12px}
.tbLabel{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);font-weight:600}
.tbCount{font-size:12px;color:var(--muted)}
.tbBoard{position:relative}
.tbEmpty{margin:0;font-size:14px;color:var(--muted)}
.tbNote{--note:#FBEFA6;--note-2:#F2DF7D;position:absolute;box-sizing:border-box;width:112px;height:112px;padding:12px 10px 8px;display:flex;flex-direction:column;gap:4px;color:#3b3724;cursor:grab;touch-action:pan-y;user-select:none;
 border-radius:14px;background:linear-gradient(172deg,var(--note) 0,var(--note) 78%,var(--note-2) 100%);transform:rotate(var(--tilt,0deg));transition:transform .18s,box-shadow .18s;
 box-shadow:0 1px 1px #1E1E1C26,0 6px 10px -5px #1E1E1C3a,0 14px 20px -12px #1E1E1C30}
.tbNote::before{content:"";position:absolute;top:-7px;left:50%;width:46px;height:14px;margin-left:-23px;background:#ffffff8c;box-shadow:0 1px 2px #1E1E1C1f;transform:rotate(-2deg)}
.tbNote:nth-child(5n+1){--tilt:-1.6deg}.tbNote:nth-child(5n+2){--tilt:1deg}.tbNote:nth-child(5n+3){--tilt:-.6deg}.tbNote:nth-child(5n+4){--tilt:1.5deg}.tbNote:nth-child(5n){--tilt:-1deg}
.tbNote:hover{transform:rotate(0) translateY(-2px)}
.tbNote.dragging{cursor:grabbing;transition:none;transform:rotate(0) scale(1.05);box-shadow:0 3px 3px #1E1E1C26,0 18px 26px -8px #1E1E1C55}
.tbNote[data-color="yellow"]{--note:#FBEFA6;--note-2:#F2DF7D}
.tbNote[data-color="pink"]{--note:#F9CFD8;--note-2:#F2B4C2}
.tbNote[data-color="blue"]{--note:#CFE3F4;--note-2:#B3D0EA}
.tbNote[data-color="green"]{--note:#CDEBCB;--note-2:#B0DBAE}
.tbNote[data-color="orange"]{--note:#FAD9B0;--note-2:#F1BE86}
.tbNote[data-color="lilac"]{--note:#E1D6F3;--note-2:#CDBDE8}
.tbName{margin:0;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:-.005em;color:#2c2916;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.tbLine{margin-top:auto;box-sizing:border-box;width:100%;height:26px;min-height:0;padding:0 1px;border:0;border-bottom:1px solid #3b372455;border-radius:0;background:transparent;font-size:12px;color:#3b3724;box-shadow:none;user-select:text}
.tbLine::placeholder{color:#3b372460}
.tbLine:focus{border-bottom-color:#3b3724;outline:0}
body.atelier .tbNote .noteColors{position:absolute;top:-3px;left:50%;transform:translate(-50%,-100%);display:flex;gap:4px;padding:3px 6px;background:#FBFAF7;border-radius:10px;box-shadow:0 2px 6px #1E1E1C30;opacity:0;pointer-events:none;transition:opacity .15s;z-index:3}
body.atelier .tbNote:hover .noteColors,body.atelier .tbNote:focus-within .noteColors{opacity:1;pointer-events:auto}
@media(hover:none){body.atelier .tbNote .noteColors{opacity:.95;pointer-events:auto}}
body.atelier .tbNote .noteDot{width:12px;height:12px;min-height:0;padding:0;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #1E1E1C33}
body.atelier .tbNote .noteDot:hover{background:var(--c);transform:scale(1.25)}
body.atelier .tbNote .noteDot.on{box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1E1E1C99}
@media(max-width:760px){body.atelier #workspace .tb{margin:0 -16px;padding:14px 26px 40px 16px}}
@media(prefers-reduced-motion:reduce){.tbNote,.tbNote:hover{transition:none}}

/* Šest sloupců s nadpisy */
.tbCols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:sticky;top:0;z-index:20;background:#FBFAF7;border-bottom:1px solid #D9D5C9}
.tbColTitle{box-sizing:border-box;width:100%;height:44px;min-height:0;padding:0 8px;border:0;border-left:1px solid #D9D5C9;border-radius:0;background:transparent;text-align:center;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);box-shadow:none}
.tbColTitle:first-child{border-left:0}
.tbColTitle:focus{outline:0;background:var(--gold-soft);color:var(--ink)}
.tbDiv{position:absolute;top:0;bottom:0;width:1px;background:#D9D5C9;pointer-events:none}
body.atelier #workspace .tbBoard{background:transparent}

/* Stupnice „teploměru“ 0–100 vlevo od ploch */
.tbScale{position:absolute;left:-60px;top:0;bottom:0;width:54px;pointer-events:none}
.tbBar{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:4px;background:linear-gradient(to top,#BCD2DD 0%,#DCE3D2 30%,#F1E3B0 55%,#E4B96A 78%,#C26A55 100%);box-shadow:0 0 0 1px #1E1E1C26 inset}
.tbTick{position:absolute;right:14px;transform:translateY(-50%);font-size:10px;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1}
.tbTick:first-of-type{transform:translateY(0)}
.tbTick:last-of-type{transform:translateY(-100%)}
@media(max-width:760px){.tbWrap{padding-left:74px}.tbScale{left:-52px;width:46px}}

/* Velikosti papírků: velký (původní), malý čtvereček a úzký proužek na tři řádky */
.tbNote[data-size="small"]{width:56px;height:56px;padding:6px 5px 4px}
.tbNote[data-size="small"] .tbName{font-size:9px;line-height:1.15;-webkit-line-clamp:4}
.tbNote[data-size="small"] .tbLine{display:none}
.tbNote[data-size="strip"]{height:58px;padding:7px 10px 4px;gap:1px}
.tbNote[data-size="strip"] .tbName{font-size:12px;-webkit-line-clamp:1}
.tbNote[data-size="strip"] .tbLine{height:20px}
body.atelier .tbNote .noteSizes{display:flex;gap:4px;margin-left:6px;padding-left:6px;border-left:1px solid #1E1E1C26}
body.atelier .tbNote .noteSize{width:12px;height:12px;min-height:0;padding:0;border:1.5px solid #1E1E1C99;border-radius:2px;background:transparent}
body.atelier .tbNote .noteSize[data-size="small"]{width:8px;height:8px;align-self:center}
body.atelier .tbNote .noteSize[data-size="strip"]{height:7px;align-self:center}
body.atelier .tbNote .noteSize:hover{background:#1E1E1C22}
body.atelier .tbNote .noteSize.on{background:#1E1E1C99}

/* Volné lístečky bez projektu */
.tbAddBar{display:flex;justify-content:flex-end;padding:0 4px 8px}
.tbNameEdit{display:block;width:100%;min-height:0;padding:0;border:0;border-bottom:1px dashed #3b372455;border-radius:0;background:transparent;box-shadow:none;font-family:inherit;user-select:text}
.tbNameEdit:focus{outline:0;border-bottom-color:#3b3724}
body.atelier .tbNote .noteDel{width:16px;height:16px;min-height:0;padding:0;margin-left:6px;border-radius:50%;background:#1E1E1C99;color:#fff;font-size:12px;line-height:16px}
body.atelier .tbNote .noteDel:hover{background:#B3261E}
.tbNote[data-size="small"] .tbNameEdit{font-size:9px}

/* Lišta barev a velikostí: vždy v plné šířce nad papírkem, kolečka se nesmí smáčknout */
body.atelier .tbNote .noteColors{width:max-content;max-width:none;white-space:nowrap}
body.atelier .tbNote .noteDot,body.atelier .tbNote .noteSize,body.atelier .tbNote .noteDel{flex:none}

.tbNote[data-size="small"]{border-radius:7px}