/* Explicit notes-only surface; existing room rules below retain their own scopes. */
.private-notes{margin:0;background:#f6f4ef;color:#243744;font:17px/1.55 system-ui,sans-serif}
.private-notes *{box-sizing:border-box}.private-notes [hidden]{display:none!important}
.private-notes button,.private-notes input,.private-notes textarea{font:inherit}
.private-notes button,.private-notes a{touch-action:manipulation}
.private-notes a{color:#244e65}.private-notes button{border:1px solid #b8c2c4;border-radius:8px;padding:.6rem .9rem;background:#fff;color:#243744;cursor:pointer}
.private-notes button:hover{background:#e9efed}.private-notes :focus-visible{outline:3px solid #b16c27;outline-offset:3px}
.private-notes .notes-primary{display:inline-block;background:#244e65;color:#fff;border-color:#244e65;text-decoration:none;padding:.7rem 1.1rem;border-radius:8px}
.private-notes .notes-primary:hover{background:#183e53}.notes-top{display:flex;align-items:center;justify-content:space-between;padding:1.1rem max(5%,calc((100vw - 1300px)/2));border-bottom:1px solid #d9ddda}
.notes-top>a{font-weight:700;text-decoration:none;letter-spacing:.02em}.notes-top form{margin:0}
.notes-skip{position:absolute;top:-10rem}.notes-skip:focus{top:1rem;background:white;padding:1rem;z-index:3}
.notes-foot{padding:2rem;text-align:center;font-size:.85rem;color:#687772}
.notes-welcome{max-width:800px;margin:clamp(3rem,9vw,9rem) auto;padding:2rem}.notes-welcome h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.13;letter-spacing:-.045em;margin:.6rem 0 1.6rem;font-weight:600}
.notes-welcome>p{max-width:32rem}.notes-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:#62736d;font-weight:650}.notes-muted{font-size:.9rem;color:#687772;margin-top:1.6rem}
.notes-workspace{display:grid;grid-template-columns:minmax(210px,300px) minmax(0,1fr);gap:2.2rem;max-width:1300px;padding:2rem;margin:auto;align-items:start}
.notes-sidebar h1{font-size:1.8rem;letter-spacing:-.03em;margin:.4rem 0 1.2rem}.notes-sidebar ul{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.6rem}
.notes-sidebar li button{width:100%;text-align:left;overflow-wrap:anywhere;font-size:.9rem;background:#fbfbf8;padding:.85rem}
.notes-editor{min-width:0;background:#fffdf9;border:1px solid #e0e1d9;border-radius:14px;padding:clamp(1.1rem,3vw,2.2rem);box-shadow:0 10px 40px #33443508}
.notes-editor label{display:block;font-size:.85rem;font-weight:650;margin:.6rem 0 .4rem}.notes-editor input,.notes-editor textarea{display:block;width:100%;border:1px solid #bdc9c6;border-radius:7px;padding:.8rem;background:#fff;color:#243744}
.notes-editor #draft-title{font-size:1.5rem;font-weight:550}.notes-editor #draft-body{min-height:340px;resize:vertical;line-height:1.7}
.notes-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.notes-editor #draft-status{min-height:1.6em;color:#53665e;font-size:.9rem}
.notes-editor details{border-top:1px solid #dbe0d9;padding:1.1rem 0}.notes-editor summary{cursor:pointer;font-weight:600}.notes-editor details>p{font-size:.9rem;color:#596c63}
.notes-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:25rem;overflow:auto;background:#eef2ed;border-radius:7px;padding:1rem;font:inherit;font-size:.9rem}.notes-editor pre:empty{display:none}
.notes-editor #history-list{padding-left:1.2rem;max-height:16rem;overflow:auto}.notes-editor #history-list button{text-align:left;font-size:.85rem;margin:.25rem 0}
.notes-editor #conflict{border-left:4px solid #a56230;padding-left:1rem}.notes-editor h2{font-size:1.2rem}
@media(max-width:700px){.notes-workspace{grid-template-columns:1fr;padding:1rem;gap:1rem}.notes-sidebar ul{display:flex;overflow:auto;max-height:9rem;gap:.5rem}.notes-sidebar li{min-width:11rem}.notes-editor #draft-body{min-height:45vh}.notes-top{padding:1rem}.notes-welcome{padding:1.5rem;margin:2rem auto}}

/* File room follows the Postkasse scene and keeps its controls in the right column. */
.p02-list h2,.p02-work h2 { font-size:24px; margin-bottom:20px; }
.p02-list .p02-files { border-top:1px solid var(--line); }
.p02-list .p02-files li { align-items:flex-start; }
.p02-list .empty { margin:0; }
.p02-quota { border-top:1px solid var(--line); padding-top:22px; }
.p02-quota h2 { font-size:22px; margin-bottom:14px; }
.p02-work { padding-top:var(--cb-work-offset); min-width:0; }
.p02-work>.banner { margin-bottom:22px; }
.p02-upload-panel { min-width:0; }
.p02-upload-panel label { margin-top:0; }
.p02-work #h-rec { margin-top:52px; padding-top:22px; border-top:1px solid var(--line); }
.p02-work .card.wide { border-top:0; padding-top:0; }
.p02-meter { display: block; width: 100%; height: 14px; margin: 4px 0 8px; accent-color: var(--accent); }
.p02-usage { margin: 0 0 8px; font-size: 15px; }
.p02-upload { display: grid; gap: 10px; }
.p02-upload input[type=file] { font: inherit; font-size: 15px; width: 100%; max-width: 100%; min-height: 44px;
  padding: 8px; border: 1px dashed var(--accent); border-radius: 6px; background: #fff; }
.p02-upload button { justify-self: start; }
ul.p02-files { list-style: none; padding: 0; margin: 0; }
ul.p02-files li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px;
  padding: 12px 0; border-bottom: 1px solid var(--line); }
ul.p02-files li:last-child { border-bottom: 0; }
.p02-name { display: grid; gap: 2px; min-width: 0; }
.p02-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
a.p02-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font-size: 15px; }
.banner.p02-error { border-color: var(--error); }
dl.p02-rec { margin-bottom: 12px; }
dl.p02-rec dd { font-family: var(--sans); }
@media (max-width:700px) { .p02-work { padding-top:0; } }
@media (max-width: 420px) { dl.p02-rec { grid-template-columns: 1fr; } dl.p02-rec dd { margin-bottom: 6px; } }
.p02-meter::-webkit-meter-bar { background: var(--bg); border: 1px solid var(--line); border-radius: 999px; }
.p02-meter::-webkit-meter-optimum-value { background: var(--accent); border-radius: 999px; }
.p02-meter::-moz-meter-bar { background: var(--accent); }
.p02-reader{max-width:1100px;margin:2rem auto;padding:1rem;color:#24221f;background:#fffdf8}
.p02-reader header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.p02-reader h1{font-size:1.4rem;overflow-wrap:anywhere}
.p02-reader-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin:1rem 0}
.p02-reader-controls input,.p02-reader-controls select{padding:.4rem;max-width:7rem}
#pdf-page{overflow:auto;max-height:72vh;background:#eee;padding:1rem;text-align:center}
#canvas{max-width:100%;height:auto;box-shadow:0 2px 10px #777}
.p02-drafts{margin-top:1.5rem;border-top:1px solid #d9d3c8;padding-top:1rem}
.p02-drafts input,.p02-drafts textarea{display:block;box-sizing:border-box;width:100%;max-width:60rem;margin:.35rem 0 1rem;padding:.65rem}
.p02-drafts textarea{font:inherit;resize:vertical}
.p02-drafts pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1eee8;padding:1rem;max-height:18rem;overflow:auto}
.p02-drafts button{margin:.2rem}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}