
*{box-sizing:border-box}body{margin:0;background:#101216;color:#dce1e9;font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:58px;display:flex;align-items:center;gap:20px;padding:0 16px;border-bottom:1px solid #2a2e37;background:#15181e}h1{font-size:17px;letter-spacing:2px;margin:0;color:#f1f3f7}header span{font-size:11px;color:#77818f}input{margin-left:auto;width:270px;height:32px;border:1px solid #343b47;border-radius:5px;background:#101318;padding:0 11px;color:#e8edf5;outline:none}input:focus{border-color:#849dce}main{display:grid;grid-template-columns:repeat(8,minmax(142px,1fr));gap:7px;padding:12px;height:calc(100vh - 90px);min-width:1200px}.column{background:#171a20;border:1px solid #292e38;border-radius:6px;display:flex;flex-direction:column;min-height:0}.heading{height:42px;flex-shrink:0;display:flex;align-items:center;padding:0 9px;gap:7px;border-bottom:1px solid #2b3039;font-size:10px;font-weight:650;letter-spacing:.4px}.dot{width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0}.count{margin-left:auto;color:#7f8998;font-size:10px;font-weight:400}.list{padding:6px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b4350 transparent}.card{display:flex;align-items:stretch;min-height:36px;margin-bottom:5px;border:1px solid #343b47;background:#232831;border-radius:4px;cursor:grab;transition:border-color .12s}.card:hover{border-color:#718098;background:#29303b}.name{display:flex;align-items:center;flex:1;min-width:0;padding:7px 8px;font-size:12px;line-height:17px;overflow-wrap:anywhere}.next{width:23px;flex-shrink:0;border:0;border-left:1px solid #39414f;background:#2e3643;color:#aebed8;font-size:18px;border-radius:0 3px 3px 0;cursor:pointer}.next:hover{background:#455573;color:white}.next:disabled{opacity:.25;cursor:default}.column.over{border-color:#8caade;background:#1b2330}.dragging{opacity:.35}footer{height:32px;padding:0 16px;display:flex;align-items:center;gap:20px;color:#717c8b;font-size:11px}footer b{font-weight:400;color:#a1acbc}#notice{margin-left:auto;color:#b7c7e3}.empty{padding:15px 4px;text-align:center;color:#525c6b;font-size:11px}.flat .column{border-radius:0;background:#14171c;border:0;border-right:1px solid #30353f}.flat main{gap:0;padding:8px}.flat .card{min-height:29px;margin-bottom:0;border:0;border-bottom:1px solid #303743;border-radius:0;background:#1c2129}.flat .name{padding:5px 7px;font-size:11px}.flat .next{border-radius:0;width:21px;background:#252d39}.flat .list{padding:3px}.flat .heading{height:35px}
.column{background:color-mix(in srgb,var(--accent) 8%,#14171c);border-color:color-mix(in srgb,var(--accent) 24%,#22262e)}.heading{background:color-mix(in srgb,var(--accent) 16%,#171a20);border-bottom-color:color-mix(in srgb,var(--accent) 30%,#242830);color:color-mix(in srgb,var(--accent) 45%,#e0e4eb);border-radius:5px 5px 0 0;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--accent) 65%,#22262e)}.card{background:color-mix(in srgb,var(--accent) 14%,#20242c);border-color:color-mix(in srgb,var(--accent) 27%,#2b3039)}.card:hover{background:color-mix(in srgb,var(--accent) 22%,#242831);border-color:var(--accent)}.next{background:color-mix(in srgb,var(--accent) 24%,#242a33);border-left-color:color-mix(in srgb,var(--accent) 28%,#303540);color:color-mix(in srgb,var(--accent) 50%,#dce2ec)}.next:hover{background:color-mix(in srgb,var(--accent) 40%,#2c333e)}
#notes-dialog{position:absolute;z-index:5;padding:0;border:1px solid #637087;border-radius:3px;background:#1b2028;color:#dce1e9;box-shadow:none;max-width:calc(100vw - 24px)}
#notes-dialog::before{content:"";position:absolute;top:-5px;left:var(--pointer,22px);width:7px;height:7px;border-top:1px solid #637087;border-left:1px solid #637087;transform:rotate(45deg);background:#1b2028}
#notes-text{display:block;width:100%;resize:none;border:0;border-radius:3px;outline:none;background:transparent;color:#dce1e9;padding:7px 9px;font:12px/19px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-y:auto;scrollbar-width:thin}
#notes-status:not([hidden]){display:block;padding:4px 9px;color:#d9a8a8;font-size:11px}
.name{cursor:pointer}.card:focus-visible{outline:2px solid #849dce;outline-offset:2px}
.add-person{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:24px;border:0;background:transparent;color:inherit;font:0/1 sans-serif;padding:0;cursor:pointer}.add-person::before{content:"";width:10px;height:10px;background:linear-gradient(currentColor,currentColor) center/10px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 10px no-repeat}.add-person+.count{margin-left:0}.add-person:hover{color:#fff}
#notes-text[hidden],#notes-read[hidden]{display:none}#notes-read{white-space:pre-wrap;overflow-wrap:anywhere;padding:7px 25px 7px 9px;font:12px/19px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin}
#notes-dialog.notes-appending #notes-read{min-height:0!important;padding-bottom:0}
#notes-dialog.notes-appending #notes-read:not([hidden])+#notes-text{padding-top:0}
#notes-edit,#notes-save{position:absolute;right:3px;top:3px;border:0;background:#1b2028;color:#8c99ad;padding:1px 4px;cursor:pointer;z-index:1}
#notes-dialog,#notes-dialog.has-note-date{padding-bottom:22px}
#notes-created{position:absolute;right:9px;bottom:4px;color:#8490a2;font:10px/12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;pointer-events:none}
#notes-save{right:25px}
/* Compact journal and note toolbar; board palette remains unchanged. */
[hidden]{display:none!important}header nav{display:flex;align-items:center;white-space:nowrap;gap:4px}header nav button{border:0;background:transparent;color:#77818f;padding:5px 3px;font:inherit;cursor:pointer}header nav button[aria-pressed=true]{color:#dce1e9}header #search{min-width:90px}
.notes-toolbar{height:0;position:static}.notes-actions{position:absolute;right:3px;top:2px;display:flex;gap:0}.notes-toolbar button,#notes-edit,#notes-save{position:static;border:0;background:transparent;color:#8c99ad;cursor:pointer;width:22px;height:22px;padding:0;font:16px/22px sans-serif}.notes-toolbar button:hover{color:#e8edf5}.notes-toolbar button:disabled{opacity:.3;cursor:default}.notes-toolbar #notes-delete{position:absolute;left:3px;top:auto;bottom:0;font-size:0}.notes-toolbar #notes-delete::before{content:'';position:absolute;left:7px;top:8px;width:8px;height:9px;border:1px solid currentColor;border-top:0;border-radius:0 0 2px 2px}.notes-toolbar #notes-delete::after{content:'';position:absolute;left:6px;top:5px;width:10px;height:2px;background:currentColor;box-shadow:2px -2px 0 -0.5px currentColor}#notes-read,#notes-text{padding-right:120px}
#journal{padding:14px 16px;max-width:1100px;margin:auto;min-height:calc(100vh - 90px)}.journal-filters,.journal-pagination{display:flex;align-items:center;gap:10px;margin-bottom:14px}#journal select,#journal button{border:1px solid #343b47;border-radius:4px;background:#1b2028;color:#b7c2d3;padding:4px 8px;font:12px inherit;cursor:pointer}#journal-status{font-size:11px;color:#8490a2}.journal-event{padding:12px 0;border-bottom:1px solid #2a2e37;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.journal-event time{font-size:11px;color:#8490a2}.journal-event>span{font-size:12px;color:#9aa6b7}.journal-event details{width:100%;font-size:12px}.journal-event summary{cursor:pointer;color:#8490a2}.journal-event pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#171a20;padding:8px;font:12px/19px inherit}.journal-pagination{margin-top:16px}#journal button:disabled{opacity:.3}
@media(max-width:600px){header{gap:8px;padding:0 10px}header h1{font-size:13px;letter-spacing:1px}header #variant{display:none}header nav{font-size:11px;gap:0}header #search{width:100%;max-width:180px;padding:0 6px}header #logout{padding:4px;font-size:11px}.journal-filters{flex-wrap:wrap}}

.entity{vertical-align:top;display:inline;margin:0;padding:0;border:0;border-bottom:1px dotted #7e8ea4;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;white-space:pre-wrap;text-align:left;cursor:copy;overflow-wrap:anywhere}.entity:hover,.entity.copied{background:#334153}.entity.copied{border-bottom-color:#9dbca5}
