/* Tablón App – ergänzt landing.css (Kork/Holz). Nur App-spezifisches. */
/* Nav: Holzleiste oben auf dem Kork */
.nav{display:flex;flex-wrap:wrap;gap:.4rem .5rem;align-items:center;margin:-.2rem -.2rem 1rem;padding:.45rem .6rem;border-radius:8px;
 background:linear-gradient(#6b3d1d,#4a2610);box-shadow:0 3px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,200,120,.25);font-weight:700;position:relative;z-index:3}
.nav>a{color:#f5e6d0;text-decoration:none;padding:.35rem .7rem;border-radius:999px;font-size:.92rem}
.nav>a:hover{background:rgba(255,255,255,.15);color:#fff}
.nav .langs{margin-left:auto}
.nav .langs a{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:.25rem .5rem;border-radius:999px;
 font-size:1.35rem;line-height:1;text-decoration:none;opacity:.6;filter:saturate(.7);transition:opacity .12s,transform .12s}
.nav .langs a:hover{opacity:1;transform:translateY(-1px)}
.nav .langs a[aria-current]{opacity:1;filter:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
a.filter{text-decoration:none;color:#1a1008}
.sub{color:#fff;font-family:Georgia,serif;font-style:italic;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6)}
/* Papier auf Kork: Formulare, Unlock, Admin */
.paper{position:relative;background:#fffdf3;background-image:repeating-linear-gradient(transparent 0 27px,rgba(80,120,200,.12) 27px 28px);
 max-width:660px;margin:1.4rem auto;padding:1.6rem 1.6rem 1.3rem;color:#2a1a0a;border-radius:2px;transform:rotate(-.4deg);
 box-shadow:0 1px 1px rgba(0,0,0,.15),0 10px 22px rgba(0,0,0,.4)}
.paper::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#f8b4a8,#d63a2f 48%,#7a1810);box-shadow:1px 3px 4px rgba(0,0,0,.45)}
.paper.gate{max-width:460px;background-color:#fff6b8;transform:rotate(1deg)}
.paper.wide{max-width:1100px;transform:none}
.paper h2{font-family:Georgia,"Times New Roman",serif;color:#4a2610;margin-top:.2rem}
.paper label{display:block;margin:.6rem 0;font-weight:600}
.paper input:not([type=checkbox]),.paper select,.paper textarea{display:block;width:100%;padding:.55rem;margin-top:.25rem;font:inherit;background:#fff;border:1px solid #b9a98a;border-radius:4px}
.paper input:focus,.paper select:focus,.paper textarea:focus{border-color:#d63a2f;outline:2px solid #f5c542}
.paper label.ck{font-weight:400}.row{display:grid;grid-template-columns:1fr 2fr;gap:.6rem}
@media (max-width:520px){.row{grid-template-columns:1fr}.paper{padding:1.2rem 1rem;transform:none}}
.bizf{border:2px dashed #e08a2c;padding:.4rem .8rem;margin:.8rem 0}
.btn{display:inline-block;background:linear-gradient(#d84a3a,#a92e20);color:#fff;border:0;padding:.65rem 1.2rem;border-radius:999px;font:inherit;font-weight:700;
 cursor:pointer;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.3)}
.btn:hover{transform:translateY(-1px)}
.btn.alt{background:linear-gradient(#7a5532,#5a3a1c)}.btn.danger{background:#7b1010}
.errors{color:#9b1c1c;background:#fde8e8;padding:.6rem 1.4rem;border-radius:4px}
.hint{font-size:.85rem;color:#5a4a3a}.codebox{border:3px solid #2d7d46;background:#eefaf0;padding:.8rem 1rem;margin:1rem 0}
.code{font-size:2rem;font-family:monospace;letter-spacing:.15em;font-weight:800;text-align:center}
.notice{padding:.7rem 1rem;margin:.8rem 0;border-radius:4px}.notice.review{background:#fff6d6}.notice.rejected{background:#fde8e8}
.note img.photo{width:100%;max-height:180px;object-fit:cover;margin:.3rem 0;border:4px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.note .contact{font-weight:700;margin:.3rem 0}.note .rep{color:#7b1010}.note .biz{font-size:.75rem;margin:.2rem 0}.note .evdate{font-weight:700}
/* Footer = Holzleiste unter dem Kork (landing .foot) */
.sitefoot{display:block;text-align:center;line-height:1.5}
.sitefoot p{margin:.2rem 0}.sitefoot a{color:#e8d5b8}.provi{opacity:.75;font-size:.8rem}
.legal mark{background:#ffe066}
table{width:100%;border-collapse:collapse;font-size:.85rem;background:rgba(255,255,255,.6)}td{border-bottom:1px solid #ddd;padding:.4rem;vertical-align:top}
.adm input{width:auto!important;display:inline-block!important}.thumb{max-width:120px}

/* Board: slim action nav (logo+flags live in topbar) */
.nav-actions{justify-content:flex-start}
.nav-actions .langs{display:none}

/* Keep note shadows/rotation from landing.css — do not flatten */
.note{box-shadow:3px 5px 12px rgba(40,20,5,.4),1px 1px 0 rgba(0,0,0,.08)}
.note.commercial{outline:2px dashed rgba(160,40,80,.45);outline-offset:-6px}
.note.commercial .tag{background:#e85a8a;color:#fff}

/* Leather badge must not collide with old commercial "badge" misuse */
.side-bits .badge{max-width:300px}


/* Rubrik-Picker + rubrik-spezifische Formulare (ohne JS) */
.paper.pick{max-width:720px;transform:none}
.cat-group{margin:1.1rem 0 .4rem}
.cat-group h3{margin:.2rem 0 .35rem;font-family:Georgia,serif;color:#4a2610;font-size:1.05rem}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}
.cat-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.9rem 1rem;border-radius:10px;
 text-decoration:none;color:#1a1008;font-weight:700;border:2px solid rgba(0,0,0,.08);
 box-shadow:0 2px 6px rgba(40,20,5,.2);transition:transform .12s,box-shadow .12s}
.cat-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(40,20,5,.28)}
.cat-card .cat-ico{font-size:1.6rem;line-height:1}
.cat-card .cat-name{font-size:1.05rem}
.cat-card .cat-hint{font-weight:500;font-size:.82rem;color:#5a4a3a}
.cat-want{background:#8fd19e}.cat-offer{background:#7eb6e8}
.cat-event{background:#f5d76e}.cat-commercial{background:#f0a0c0}
.pick-back{margin:.2rem 0 .8rem}.pick-back a{color:#6b3d1d;font-weight:700}
.rubrik-fixed .tag{display:inline-block;padding:.25rem .7rem;border-radius:999px;background:#f5e6d0;
 font-size:.9rem;font-weight:700;color:#3d1f0c}