@import url('/rich-text.css');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233c49;background:#f8fafb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit;border-radius:8px;padding:10px 12px;font-weight:550}button:hover{background:#e3ebee}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #609eab;outline-offset:3px}a{text-decoration:none;color:inherit}.topbar{height:65px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid #e0e8eb;background:white;gap:22px}.brand{font-size:23px;letter-spacing:-1px;font-weight:750;display:flex;align-items:center}.brandmark{background:#1c5965;color:#fff;padding:2px 7px;font-size:24px;border-radius:7px;margin-right:9px}.branddot{color:#cf8c5e}.environment{font-size:10px;letter-spacing:1.5px;margin-left:auto;color:#788b95}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#efe2d6;color:#805539;font-size:12px;font-weight:700}.shell{display:flex;height:calc(100dvh - 65px)}aside{width:245px;flex-shrink:0;padding:25px 18px;display:flex;flex-direction:column;background:#fff;border-right:1px solid #dfe7eb}.space{display:flex;align-items:center;gap:10px;margin-bottom:35px}.space-icon{background:#e7efeb;color:#336451;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700}.space strong{font-size:14px}.space small{display:block;font-size:10px;color:#86949a;margin-top:5px}.side-label,.side-heading{font-size:10px;color:#84969e;letter-spacing:1.2px;font-weight:650}.side-label{margin:0 12px 12px}.side-active{text-align:left;background:#edf3f4;color:#1c5965;display:flex;gap:12px}.side-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px 12px}.side-heading button{padding:4px 9px;font-size:20px}nav button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;line-height:1.5;margin-bottom:5px}.board-dot{width:17px;height:17px;background:#3c7384;border-radius:4px;flex-shrink:0}nav button.selected{background:#f0f4f5}.sidebar-bottom{margin-top:auto;font-size:11px;color:#7b8d95;line-height:1.7;padding:20px 8px 0}.sidebar-bottom p{font-size:10px;color:#9aa5aa}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71a88c;margin-right:5px}main{flex:1;min-width:0;display:flex;flex-direction:column;background:#e8eff0}.board-top{padding:28px 30px 23px;display:flex;align-items:center;gap:20px;background:#f8fafb}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8a999f;font-weight:650}h1{font-size:25px;letter-spacing:-.7px;margin:9px 0 0;font-weight:650}h2{font-size:24px;letter-spacing:-.6px;margin:0 0 12px}.toolbar{margin-left:auto;display:flex;gap:8px;align-items:center}.toolbar button{font-size:12px;border:1px solid #e0e7eb;background:white;white-space:nowrap}.primary,.toolbar .primary{background:#235d68;color:white;border:0}.primary:hover,.toolbar .primary:hover{background:#184b56}.viewbar{padding:0 30px;display:flex;align-items:center;gap:22px;height:49px;background:#f8fafb;border-bottom:1px solid #d8e3e6;font-size:11px}.view-active{height:100%;display:flex;align-items:center;border-bottom:2px solid #2b6672;font-weight:650;color:#235d68}.private{color:#81929a}.board-hint{margin-left:auto;color:#8b9ca3;font-size:11px}.board{padding:28px;display:flex;gap:18px;overflow:auto;align-items:flex-start;flex:1;background:linear-gradient(130deg,#dce9eb,#edf0eb 65%,#d8e7e9)}.board.forest{background:linear-gradient(130deg,#dae6db,#edf1e8 65%,#d4e2d4)}.board.clay{background:linear-gradient(130deg,#efdfd4,#f1eae2 65%,#e6d7cd)}.board.violet{background:linear-gradient(130deg,#e3dfee,#eeeaf2 65%,#daddec)}.list{width:283px;flex-shrink:0;background:#f4f7f8dd;border:1px solid #fff9;border-radius:13px;padding:12px;box-shadow:0 3px 12px #23475606;max-height:100%;overflow:auto}.list-header{display:flex;align-items:center;gap:5px;margin-bottom:10px}.list-title{font-size:12px;font-weight:700;padding:7px 5px;text-align:left;flex:1;overflow-wrap:anywhere}.count{font-size:10px;color:#8b9ba2;padding-right:5px}.card{display:block;text-align:left;width:100%;font-size:13px;line-height:1.6;font-weight:450;border:1px solid #e4e9eb;background:#fff;border-radius:9px;padding:16px 14px;margin-bottom:9px;box-shadow:0 2px 2px #283f4a04;overflow-wrap:anywhere}.card:hover{background:white;border-color:#84a7af;box-shadow:0 4px 14px #233d4910;transform:translateY(-1px)}.card-meta{display:block;font-size:11px;color:#95a4ab;margin-top:8px}.add-card{font-size:12px;color:#7b8e98;padding:10px 5px;width:100%;text-align:left}.add-list{flex-shrink:0;width:260px;padding:15px;background:#ffffff60;text-align:left;font-size:13px;border:1px dashed #a3b8c0;border-radius:12px;color:#547581}.composer textarea{width:100%;resize:vertical;min-height:85px;margin-bottom:5px}.composer button{font-size:12px}.form-actions{display:flex;gap:8px;align-items:center;margin-top:20px;flex-wrap:wrap}input,textarea,select{width:100%;border:1px solid #d5e0e4;background:white;border-radius:8px;padding:11px 12px;color:#233c49;outline:none}input:focus,textarea:focus,select:focus{border-color:#518594;box-shadow:0 0 0 3px #51859418}label{font-size:12px;font-weight:650;display:block;margin:20px 0 7px}textarea{resize:vertical;line-height:1.6}dialog{border:1px solid #dce5e8;border-radius:17px;width:min(640px,calc(100% - 32px));max-height:88vh;padding:24px 30px 30px;color:#233c49;box-shadow:0 20px 100px #17374130}dialog::backdrop{background:#16313e66;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:9px;letter-spacing:1.5px;color:#8799a2}.modal-top button{font-size:24px;padding:0 8px}.muted{font-size:12px;color:#80949d;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.week-preview{padding:14px;background:#f2f6f7;border-radius:9px;max-height:190px;overflow:auto;font-size:12px;line-height:2}.danger{color:#a15045}.error{color:#a15045;font-size:12px;margin-top:12px;line-height:1.5}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#244954;color:white;padding:12px 20px;border-radius:10px;font-size:12px;box-shadow:0 4px 20px #0002;display:none;z-index:5}.archived-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e8eef0;padding:10px 0;font-size:13px}.archived-row span{flex:1;overflow-wrap:anywhere}.swatches{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}.swatch{width:100px;height:70px;border:2px solid transparent}.swatch.ocean{background:#dce9eb}.swatch.forest{background:#dae6db}.swatch.clay{background:#efdfd4}.swatch.violet{background:#e3dfee}.swatch.chosen{border-color:#235d68}@media(max-width:1050px){aside{width:205px}.board-top{align-items:flex-start;flex-direction:column;padding:20px}.toolbar{margin-left:0}.board-hint{display:none}.board{padding:20px;gap:14px}.viewbar{padding:0 20px}}@media(max-width:650px){aside{display:none}.topbar{padding:0 16px}.brand{font-size:20px}.environment{font-size:8px;letter-spacing:.5px;max-width:90px;text-align:right}.toolbar{gap:5px}.toolbar button{padding:10px 8px;font-size:11px}.board-top{padding:17px}h1{font-size:23px}.list{width:280px}.board{padding:17px}.board-hint{display:none}dialog{padding:20px}.form-grid{grid-template-columns:1fr 1fr}}
.access-page{background:#f5f8f7}.access-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100dvh - 65px);background:linear-gradient(115deg,#e6efeb,#f8faf9 60%);padding:7vh 9vw;gap:8vw;align-items:center}.access-intro h1{font-size:clamp(35px,4vw,64px);line-height:1.1;font-weight:600;letter-spacing:-2px;margin:22px 0}.access-intro p{font-size:15px;line-height:1.8;max-width:420px;color:#6e858c}.access-panel{background:white;border:1px solid #e1e9e7;padding:38px;border-radius:18px;max-width:460px;box-shadow:0 14px 60px #30564b08}.access-panel h2{font-size:25px}.access-panel form>.primary{width:100%;margin-top:12px}.access-links{display:flex;justify-content:space-between;margin-top:18px;gap:12px}.access-links button{font-size:12px;padding:6px 0;color:#386b74}.local-note{font-size:10px;color:#8a9b9e;border-top:1px solid #edf1ef;padding-top:20px;margin:23px 0 0;line-height:1.7}.check-label{display:flex;align-items:center;gap:8px;font-weight:450}.check-label input{width:16px;height:16px;accent-color:#245d68}.demo-link{font-size:12px;width:100%;margin-top:20px;background:#f1f6f4;color:#56756e}.access-art{display:flex;gap:12px;margin-top:40px;transform:rotate(-3deg);max-width:410px}.access-art>div{background:#ffffff9c;border:1px solid white;border-radius:12px;padding:12px;width:32%;height:145px;box-shadow:0 8px 20px #30564b06}.access-art i{display:block;width:35%;height:5px;border-radius:5px;background:#a3bdb1;margin-bottom:17px}.access-art span{display:block;background:white;font-size:9px;padding:12px 8px;border-radius:6px;margin-bottom:8px;color:#7e9390}.access-art>div:last-child{margin-top:16px}.member-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e5ecee;font-size:12px}.member-row>span:not(.mq-avatar){flex:1;overflow-wrap:anywhere}.member-row button{font-size:11px}.avatar-button{padding:7px 10px;font-size:12px;border:1px solid #e0e8eb}.empty-board{padding:30px;color:#6e858c;font-size:14px}.toolbar button[hidden]{display:none}@media(max-width:800px){.access-layout{grid-template-columns:1fr;padding:30px 20px;gap:25px}.access-intro h1{font-size:38px}.access-intro h1 br{display:none}.access-intro p{font-size:13px}.access-art{display:none}.access-panel{max-width:100%;padding:28px}}
.workspace-home{min-height:calc(100dvh - 65px);padding:42px max(24px,6vw);background:#f6f9f8;display:block}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.workspace-heading h1{font-size:32px}.workspace-heading h2{font-size:20px;margin:0}.workspace-section{padding:28px 0;border-top:1px solid #dfe8e5;margin-top:24px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:22px}.workspace-tile{text-align:left;min-height:125px;background:#dce9eb;border:1px solid #cbdedd;padding:24px;border-radius:14px;font-size:17px;overflow-wrap:anywhere}.workspace-tile small{display:block;font-size:11px;font-weight:400;margin-top:24px;color:#577881}.workspace-tile.forest{background:#dae6db}.workspace-tile.clay{background:#efdfd4}.workspace-tile.violet{background:#e3dfee}#close{float:right;font-size:24px}
[hidden]{display:none!important}
.personal-close{float:right;font-size:24px}.notification-row{padding:18px 14px;border-bottom:1px solid #dfe8e5;border-radius:8px;font-size:13px}.notification-row.unread{background:#edf5f3;border-left:3px solid #34796e}.notification-row small{color:#7a9094}.notification-row .form-actions{font-size:11px;margin-top:8px}.board-tile-wrap{position:relative}.board-tile-wrap .workspace-tile{width:100%;padding-right:44px;height:100%}.board-star{position:absolute;right:8px;top:8px;font-size:22px;background:#ffffff88}.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}@media(max-width:650px){.topbar{gap:9px}.topbar .avatar-button{font-size:10px}}
.card-details{border-top:1px solid #dfe8e5;margin-top:28px;padding-top:15px}.card-details h3{font-size:16px;margin-top:28px}.card-details form{margin-bottom:16px}.card-details form .primary{font-size:12px;margin-top:12px}.compact-check{width:18px;height:18px}.detail-chips{display:flex;gap:8px;flex-wrap:wrap}.detail-chips button{font-size:12px;border:1px solid #cfdddf}.detail-chips button[aria-pressed=true]{outline:2px solid #376c76}.label-chip{padding:6px 10px;border-radius:6px;color:#233c49}.label-green,.label-lime{background:#cde9d4}.label-yellow{background:#faedab}.label-orange{background:#f8d4af}.label-red{background:#f2c6c2}.label-purple{background:#e0d1f2}.label-blue,.label-sky{background:#cce5f5}.label-pink{background:#f1d0e4}.label-black{background:#d5dce1}.checklist-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 0;font-size:13px}.checklist-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.checklist-row span{flex:1}.checklist-row small{color:#748a94}.checklist-row form{width:100%}.checklist-row button{font-size:11px}progress{width:100%;height:8px;accent-color:#347a6d}.comment-row{padding:14px 0;border-bottom:1px solid #dde7e9;font-size:13px}.comment-row small{display:block;color:#82969d;margin-top:5px}.comment-row p{white-space:pre-wrap;overflow-wrap:anywhere}.comment-row button{font-size:11px}

/* MeusQuadros visual system: quiet surfaces, indigo accent, familiar board structure. */
:root{--ink:#252938;--muted:#686f80;--line:#e4e6ed;--accent:#5652cf;--accent-soft:#eeedfb;--surface:#fff;--canvas:#f7f8fb;color:var(--ink);background:var(--canvas);font-size:14px}
body{font-weight:400;-webkit-font-smoothing:antialiased}
button{font-weight:550;border-radius:7px;transition:background .15s,border-color .15s,box-shadow .15s}
button:hover{background:#edeef4}button:disabled{cursor:not-allowed}
button:focus-visible,a:focus-visible{outline:3px solid #8c87ee;outline-offset:3px}
.topbar{min-height:64px;padding:12px 24px;gap:16px;background:#fff;border-color:var(--line);position:relative;z-index:2}
.brand{font-size:20px;letter-spacing:-.8px;color:#292c40;font-weight:750}
.brandmark{font-size:0;width:28px;height:29px;padding:0;border-radius:7px;background:var(--accent);position:relative;box-shadow:0 2px 5px #5652cf24;margin-right:10px}
.brandmark:before,.brandmark:after{content:'';position:absolute;top:7px;width:5px;background:white;border-radius:2px;left:7px;height:16px}.brandmark:after{left:16px;height:11px}
.branddot{color:var(--accent)}.environment{font-size:9px;letter-spacing:.9px;background:#f5f5f9;border:1px solid var(--line);padding:5px 8px;border-radius:5px;color:var(--muted)}
.avatar-button{background:#fff;border:1px solid var(--line);font-size:12px;padding:8px 11px}.topbar #account{background:var(--accent-soft);color:#514bb0;border-color:#dfdcf7}
.shell{height:calc(100dvh - 65px)}aside{width:232px;padding:26px 16px;background:#f9f9fc;border-color:var(--line);overflow:auto}
.space{margin:0 4px 27px;gap:11px}.space-icon{background:#e7e5fa;color:#5a50b8;border:1px solid #dad7f2;border-radius:9px}.space strong{font-size:13px}.space small{font-size:11px;letter-spacing:0;color:var(--muted)}
aside>a:not(.side-active){font-size:12px;color:var(--muted);padding:9px 12px;margin-bottom:18px;border-radius:7px}aside>a:hover{background:#efeff6}
.side-label,.side-heading{font-size:10px;letter-spacing:1px;color:#777d8d}.side-label{margin-top:4px}.side-active{background:#eae8f9;color:#5149b5;border:1px solid #e1def4;padding:10px 12px;font-size:13px;border-radius:7px}.side-heading{margin-top:28px}
nav button{font-size:12px;padding:10px}.board-dot{width:15px;height:15px;background:#8c95b7;border-radius:4px}nav button.selected{background:#eae8f9;color:#5149b5}nav button.selected .board-dot{background:#7368ca}.sidebar-bottom{color:var(--muted);font-size:11px}.sidebar-bottom p{font-size:11px;line-height:1.6}.pulse{background:#6b9d8a}
main{background:var(--canvas)}.board-top{background:#fff;padding:25px 28px 20px;gap:20px;flex-wrap:wrap}.eyebrow{color:#787d8e;font-size:10px;letter-spacing:1.3px}h1{font-size:27px;font-weight:650;letter-spacing:-.9px;color:var(--ink);margin-top:9px}h2{font-size:23px;letter-spacing:-.6px;color:var(--ink)}
.toolbar{gap:6px;flex-wrap:wrap}.toolbar button{border:1px solid var(--line);box-shadow:0 1px 2px #25293805;padding:9px 10px;font-size:12px}.primary,.toolbar .primary{background:var(--accent);color:white;box-shadow:0 2px 3px #39349e15}.primary:hover,.toolbar .primary:hover{background:#4540b5}
.viewbar{background:#fff;padding:0 28px;height:45px;border-color:var(--line);gap:20px;flex-shrink:0;font-size:12px}.view-active{color:#5149b5;border-color:#6258ca;gap:8px}.view-active:before{content:'';width:13px;height:12px;border:1.5px solid currentColor;border-radius:2px;background:linear-gradient(90deg,transparent 42%,currentColor 42%,currentColor 55%,transparent 55%)}.private{color:var(--muted);font-size:11px}.board-hint{color:#818697}
.board{padding:24px;gap:16px;background:radial-gradient(ellipse at 10% 0%,#dce2f1,transparent 70%),#e9edf6;scrollbar-color:#b5bbcc transparent;scrollbar-width:thin}.board.forest{background:radial-gradient(ellipse at 10% 0%,#d2e5dc,transparent 70%),#e8f0e9}.board.clay{background:radial-gradient(ellipse at 10% 0%,#ead5c9,transparent 70%),#f2e9e2}.board.violet{background:radial-gradient(ellipse at 10% 0%,#dcd3f0,transparent 70%),#ece8f5}
.list{width:284px;border:1px solid #ffffffa6;background:#f6f7fbeb;border-radius:12px;padding:10px;box-shadow:0 2px 5px #303c5d06;scrollbar-width:thin}.list-header{margin-bottom:8px;padding:1px 3px}.list-title{font-size:13px;color:#40465a;font-weight:650;padding:8px 4px}.count{display:grid;place-items:center;min-width:23px;height:22px;background:#e8eaf1;color:#73798c;border-radius:6px;padding:0;font-size:11px}
.card{font-size:13px;line-height:1.55;padding:15px 13px;border:1px solid #e2e5ee;border-radius:8px;color:#373d50;box-shadow:0 2px 3px #2d365309;margin-bottom:8px;transition:border-color .15s,box-shadow .15s}.card:hover{transform:none;border-color:#9890db;box-shadow:0 3px 8px #5149b514}.card-meta{color:#7b8293;font-size:11px;margin-top:10px}.add-card{color:#72798d;font-size:12px;padding:10px 8px}.add-card:hover{color:#5149b5;background:#eae8f7}.add-list{width:260px;background:#ffffff70;border:1px solid #ffffffa8;color:#5b647c;font-size:13px;padding:17px;border-radius:10px}.add-list:hover{background:#ffffffaa}
input,textarea,select{color:var(--ink);border-color:#dfe2eb;border-radius:7px;font-size:13px;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#8a81da;box-shadow:0 0 0 3px #6258ca14}label{font-size:12px;font-weight:600;color:#535b70;margin-top:19px}label>input,label>textarea,label>select{margin-top:8px}.muted{color:var(--muted);font-size:12px}.error,.danger{color:#ac484e}
dialog{border:1px solid #e3e4ed;border-radius:14px;padding:26px 30px 30px;color:var(--ink);box-shadow:0 24px 100px #20263b38;scrollbar-width:thin}dialog::backdrop{background:#21263b70;backdrop-filter:blur(4px)}.modal-top{color:#7d8295;letter-spacing:1.2px;margin-bottom:16px}.modal-top button,.personal-close,#close{color:#737a8b;border-radius:6px}.form-actions button:not(.primary){border:1px solid var(--line);background:#f9f9fc}.week-preview{background:#f4f3fb;border:1px solid #e6e3f5;color:#5c5586;padding:16px}.member-row{padding:13px 0;border-color:var(--line)}.member-row button{background:#f3f3f9}.swatch.chosen{border-color:var(--accent)}#toast{background:#31334d;border-radius:8px;font-size:13px}
.home-shell{display:flex;min-height:calc(100dvh - 65px)}.home-sidebar{width:232px;flex-shrink:0}.home-overview{display:block}.space-nav-link{display:block;font-size:12px;padding:10px 12px;color:#626a80;overflow-wrap:anywhere;border-radius:7px}.space-nav-link:hover{background:#eeeef6;color:#5046ad}
.workspace-home{min-height:0;padding:38px clamp(24px,4vw,64px) 70px;background:#fafbfe;overflow:hidden}.workspace-heading{gap:16px}.workspace-heading h1{font-size:32px;font-weight:650;letter-spacing:-1px}.workspace-heading h2{font-size:17px;font-weight:650}.workspace-heading .eyebrow{font-size:9px;color:#868a9c}.workspace-heading #greeting{font-size:13px;margin:12px 0 0}.workspace-heading>.primary{font-size:12px;padding:12px 16px}
.workspace-summary{display:flex;margin:29px 0 26px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0}.summary-item{display:flex;align-items:center;gap:12px;padding:0 30px;border-right:1px solid var(--line)}.summary-item:first-child{padding-left:0}.summary-item:last-child{border-right:0}.summary-item strong{font-size:24px;font-weight:550;letter-spacing:-.8px;color:#484269}.summary-item span{font-size:12px;color:var(--muted)}
.catalog-tools{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#85899a}.catalog-tools>span{text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:600}.catalog-tools button{font-size:11px;color:#71788d;padding:7px 0}.workspace-section{border:0;padding:12px 0 24px;margin-top:8px;scroll-margin-top:20px}.workspace-section>h2{font-size:17px}.workspace-actions{gap:5px}.workspace-actions button{font-size:11px;padding:8px 10px;color:#687086;border:1px solid var(--line);background:#fff}.workspace-actions .primary{background:#eeedfa;color:#584db0;border-color:#e1def5}.workspace-actions .primary:hover{background:#e3dff6}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:17px;margin-top:17px}
.workspace-tile{background:#fff!important;border:1px solid #e1e4ee;border-radius:10px;padding:0 16px 15px!important;min-height:160px;font-size:14px;font-weight:600;line-height:1.5;overflow:hidden;box-shadow:0 2px 4px #272f4904;transition:border-color .15s,box-shadow .15s}.workspace-tile:hover{border-color:#afa6df;box-shadow:0 6px 16px #3e386c0c}.tile-cover{display:block;height:77px;margin:0 -16px 14px;background:linear-gradient(120deg,#dce1f1,#d3dbed);position:relative;overflow:hidden}.tile-cover:after{content:'';position:absolute;width:100px;height:100px;border:24px solid #ffffff2e;border-radius:50%;right:-14px;top:-38px;transform:rotate(-20deg)}.forest .tile-cover{background:linear-gradient(120deg,#dcebe1,#c8ddd1)}.clay .tile-cover{background:linear-gradient(120deg,#f0ded0,#e4cbbd)}.violet .tile-cover{background:linear-gradient(120deg,#e8e0f4,#d3c8e9)}.workspace-tile small{margin-top:9px;font-size:10px;font-weight:400;color:#81879a}.board-star{right:10px;top:10px;border:1px solid #ffffffaa;background:#ffffffc9;color:#675e91;width:28px;height:28px;display:grid;place-items:center;padding:0;font-size:18px}.board-star[aria-pressed=true]{color:#7259a7;background:#fff}
.access-page{background:#f9f9fd}.access-layout{background:radial-gradient(ellipse at 5% 30%,#e5e1f7,transparent 65%),#f9f9fd;padding:7vh 9vw;gap:9vw}.access-intro h1{font-size:clamp(38px,4.3vw,65px);font-weight:600;letter-spacing:-2.7px;line-height:1.09;color:#333044}.access-intro .eyebrow{color:#77699f}.access-intro p{color:#76748a;font-size:14px}.access-panel{border:1px solid #e4e0ef;box-shadow:0 20px 70px #493b6e0a;border-radius:14px;padding:36px}.access-panel h2{font-size:25px}.access-links button{color:#6257aa}.local-note{color:#858197;border-color:#ece9f2}.demo-link{background:#f1eef9;color:#75659f}.access-art{transform:rotate(-4deg);gap:10px}.access-art>div{border-color:#fff;background:#ffffff90;box-shadow:0 8px 24px #57457608}.access-art i{background:#b6a5d6}.access-art span{color:#837492}
.card-details{border-color:var(--line)}.card-details h3{font-size:14px;letter-spacing:-.2px;margin-top:26px;padding-bottom:10px;border-bottom:1px solid #eeedf4}.card-details form{background:#fafafe;border:1px solid #eeedf4;border-radius:9px;padding:14px}.card-details form label:first-child{margin-top:0}.detail-chips button{border-color:#dedbea;font-size:11px}.detail-chips button[aria-pressed=true]{outline:2px solid #8271bd;outline-offset:1px}.comment-row{border-color:var(--line);font-size:13px}.comment-row small{font-size:11px;color:#888598}.notification-row.unread{background:#f0eefb;border-color:#8273c5}.notification-row small{color:#817c94}progress{accent-color:#7162be;height:6px}.check-label input{accent-color:var(--accent)}
@media(min-width:1500px){.workspace-home{padding-right:7vw}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}}
@media(max-width:1200px){.board-top{flex-direction:column;align-items:flex-start}.toolbar{margin-left:0}.board-top h1{font-size:25px}.workspace-summary .summary-item{padding:0 18px}.workspace-summary .summary-item:first-child{padding-left:0}}
@media(max-width:800px){.home-sidebar{display:none}.workspace-home{padding:28px 22px}.workspace-summary{gap:15px;justify-content:space-between}.summary-item{padding:0!important;flex-direction:column;align-items:flex-start;gap:3px;border:0}.summary-item span{font-size:10px}.access-layout{padding:30px 22px}.access-intro h1{letter-spacing:-1.5px}.access-panel{padding:27px}}
@media(max-width:650px){.topbar{padding:12px 16px;gap:8px}.brand{font-size:18px}.topbar .environment{font-size:8px;margin-left:auto}.topbar .avatar-button{font-size:11px}.board-top{padding:20px 17px 16px}.toolbar{gap:6px}.toolbar button{font-size:11px;padding:8px 9px}.viewbar{padding:0 17px}.board{padding:17px;gap:12px}.list{width:276px}.shell{height:auto;min-height:calc(100dvh - 65px)}.board-page main{min-height:calc(100dvh - 110px)}.board{min-height:55vh}.workspace-heading h1{font-size:28px}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.workspace-heading .primary{font-size:11px}.workspace-summary{margin:23px 0}.workspace-section{padding-bottom:18px}.workspace-heading h2{font-size:16px}.board-hint{display:none}dialog{padding:22px 20px}.form-grid{grid-template-columns:1fr}.member-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.card-title{display:block}.card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.card-label{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:10px;font-weight:600;border-radius:4px;padding:2px 7px;line-height:1.5}.card-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#7b8193;margin-top:12px}.due-badge,.check-done{padding:2px 5px;background:#eeedf7;border-radius:4px}.due-badge.overdue{background:#fae8e8;color:#a8464f}.due-badge.done,.check-done{background:#e1f0e7;color:#367155}.card-avatars{display:flex;margin-left:auto;gap:3px}.card-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e8e2f5;color:#73628f;font-size:9px;font-weight:700}
.view-tabs{display:flex;height:100%;gap:15px}.view-tabs button{border-radius:0;padding:0 4px;font-size:12px;height:100%}.view-tabs button.view-active{display:flex}.view-tabs button:hover{background:#f6f5fd}#filter-toggle{margin-left:auto;font-size:11px;border:1px solid var(--line);padding:6px 10px}.board-filters{display:flex;gap:12px;padding:14px 25px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end}.board-filters label{margin:0;flex:1;min-width:140px;font-size:11px}.board-filters input,.board-filters select{margin-top:6px;padding:8px;font-size:12px}.board-filters>span{font-size:11px;color:var(--muted);padding:10px 0}.data-view{display:block!important;overflow:auto;background:#f8f9fc!important}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;background:white}.cards-table{border-collapse:collapse;width:100%;font-size:12px;min-width:720px}.cards-table th{text-align:left;background:#f5f5fa;padding:9px 12px;border-bottom:1px solid var(--line);font-weight:600}.cards-table th button{padding:7px 0;font-size:11px;color:#6b7086}.cards-table td{padding:14px 12px;border-bottom:1px solid #eeedf3;max-width:350px;overflow-wrap:anywhere}.cards-table tr:last-child td{border-bottom:0}.cards-table .table-card{text-align:left;font-size:13px;line-height:1.6;padding:3px 0;color:#524bad}.cards-table select{min-width:150px;padding:7px;font-size:11px}.cards-table .label-chip{display:inline-block;margin:3px;font-size:10px}.complete-date{color:#367155}.calendar-toolbar{display:flex;gap:9px;align-items:center;margin:0 0 20px;flex-wrap:wrap}.calendar-toolbar h2{font-size:21px;margin:0 auto 0 0;text-transform:capitalize}.calendar-toolbar>button{border:1px solid var(--line);background:white}.calendar-toolbar select{width:110px;padding:9px}.calendar-toolbar label{display:flex;gap:8px;align-items:center;margin:0 0 0 10px;font-size:12px}.calendar-toolbar input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);background:white;min-width:840px}.calendar-grid.day{grid-template-columns:1fr;min-width:0}.calendar-day{min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;overflow:hidden}.calendar-grid.week .calendar-day{min-height:420px}.calendar-grid.day .calendar-day{min-height:420px}.calendar-day.outside{background:#f7f8fc;color:#8d91a0}.calendar-day.today{background:#f4f1fd}.calendar-day-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777d8f;margin-bottom:6px}.today .calendar-day-heading time{color:var(--accent);font-weight:700}.calendar-day-heading button{padding:3px 8px;font-size:15px}.calendar-card,.calendar-item{display:block;width:100%;text-align:left;border:1px solid #e0dcef;background:#eeebf8;color:#655490;border-radius:5px;padding:7px;margin-top:5px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.calendar-card:hover{background:#e4def5}.calendar-item{background:#f7f7fa;border-color:#e6e6ee;color:#737386}.calendar-card.completed,.calendar-item.completed{background:#e6f1ea;color:#53816a}.unscheduled{margin-top:22px;font-size:12px;color:var(--muted)}.unscheduled .calendar-card{max-width:350px}.unscheduled summary{cursor:pointer;margin-bottom:12px}@media(max-width:650px){.viewbar{gap:12px}.view-tabs{gap:9px}.view-tabs button{font-size:11px}.private{display:none}.board-filters{padding:14px 17px}.calendar-toolbar{min-width:0}.calendar-toolbar h2{width:100%;margin-bottom:10px}.data-view{max-width:100vw}}
.custom-definition{padding:13px 0;border-bottom:1px solid var(--line)}.custom-definition>button{font-size:11px;padding:6px 0;color:var(--accent)}.custom-editor{padding:15px;background:#f8f7fc;border-radius:9px;border:1px solid #e8e5f2;margin:15px 0}.custom-fields>.primary{margin-top:20px}.custom-card-fields .custom-value-form{padding:12px 14px}.custom-value-form label{margin-top:0}.custom-value-form .form-actions{margin-top:10px}.custom-value-form .form-actions button{font-size:11px;padding:7px 10px}.card-custom-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:10px;color:#756b8a}.card-custom-summary span{background:#f5f2fa;border-radius:4px;padding:3px 5px;overflow-wrap:anywhere}
.list-menu{padding:3px 6px;color:#81869b;font-size:18px;line-height:1.1}.menu-action{display:block;width:100%;text-align:left;border:1px solid var(--line);margin-top:8px;padding:13px 15px;font-size:13px}
/* Planning surfaces share the board's data and keep navigation in place. */
.planning-view{padding:26px!important;background:#f5f6fa!important;display:block!important;overflow:auto!important}.planning-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.planning-toolbar h2{font-size:21px;font-weight:650;letter-spacing:-.5px;margin:0 auto 0 0}.planning-toolbar>button{background:white;border:1px solid var(--line);padding:8px 12px}.planning-toolbar label{display:flex;gap:8px;align-items:center;margin:0;font-size:11px;color:var(--muted)}.planning-toolbar select{width:auto;max-width:175px;padding:8px 28px 8px 10px;background:white;font-size:12px}.timeline-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white;max-height:70vh}.timeline-grid{width:calc(240px + var(--track-width));min-width:100%}.timeline-heading,.timeline-row{display:grid;grid-template-columns:240px var(--track-width)}.timeline-heading{position:sticky;top:0;z-index:4;background:#fafafe;border-bottom:1px solid var(--line);height:48px;align-items:center;font-size:11px;color:var(--muted)}.timeline-name{position:sticky;left:0;z-index:2;background:white!important;padding:12px 17px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;border-radius:0!important;border-right:1px solid var(--line);font-size:12px!important}.timeline-heading .timeline-name{background:#fafafe!important;font-weight:600}.timeline-ticks{display:grid;height:100%;align-items:center}.timeline-ticks span{text-align:center;white-space:nowrap;overflow:visible;font-size:10px}.timeline-group h3{position:sticky;left:0;width:240px;box-sizing:border-box;padding:13px 17px;margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#78768b;background:#f8f8fc}.timeline-row{height:48px;border-top:1px solid #f0f0f6}.timeline-track{position:relative;background:repeating-linear-gradient(90deg,transparent,transparent calc(var(--tick-width) - 1px),#f1f1f8 calc(var(--tick-width) - 1px),#f1f1f8 var(--tick-width))}.timeline-bar{position:absolute;top:9px;height:30px;min-width:10px;border-radius:6px;background:#e6e1f9;border:1px solid #cfc6ef;box-sizing:border-box;touch-action:none}.timeline-bar.completed{background:#e3f0e9;border-color:#bbd8ca}.timeline-card{display:block;width:100%;height:100%;padding:4px 13px!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;background:transparent!important;touch-action:none;color:#544778}.timeline-handle{position:absolute!important;top:0;width:8px!important;min-width:0!important;height:100%;padding:0!important;border:0!important;border-radius:3px!important;background:transparent!important;touch-action:none;cursor:ew-resize}.timeline-handle:hover,.timeline-handle:focus{background:#9d8dce!important}.timeline-handle.start{left:0}.timeline-handle.end{right:0}.timeline-unscheduled{padding:8px 17px;max-width:600px;font-size:11px;color:var(--muted)}.timeline-unscheduled summary{cursor:pointer;padding:5px 0}.unscheduled-card{margin:4px;padding:7px 10px;font-size:11px;background:#f2f1f8!important;border:1px solid #e7e4f0}.dashboard-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-tile{background:white;border:1px solid #e5e5ee;border-radius:13px;padding:23px;box-shadow:0 3px 12px #33334d04;min-width:0}.dashboard-tile-heading{display:flex;align-items:center;gap:8px;margin-bottom:22px}.dashboard-tile-heading h3{font-size:14px;margin:0 auto 0 0;font-weight:650}.dashboard-tile-heading button{font-size:10px;padding:5px 7px;color:#827c99}.dashboard-chart.pie{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:20px;align-items:center}.dashboard-pie{width:100%;max-height:220px}.dashboard-legend{min-width:0}.dashboard-category{margin-bottom:12px;font-size:12px}.dashboard-category summary{display:grid;grid-template-columns:1fr auto;gap:7px;cursor:pointer;list-style:none}.dashboard-category summary::-webkit-details-marker{display:none}.dashboard-category summary span:first-child{overflow-wrap:anywhere;color:#73758b}.dashboard-category summary strong{font-variant-numeric:tabular-nums;color:#36374e}.dashboard-bar{grid-column:1/-1;height:8px;border-radius:3px;min-width:0;display:block;margin-bottom:4px}.dashboard-card-link{display:block;text-align:left;font-size:11px;padding:7px 9px;color:var(--accent);background:#f7f6fc;margin-top:4px;width:100%}.chart-note{font-size:10px;color:#9492a5;margin:18px 0 0}.dashboard-add{margin-top:22px}.dashboard-editor{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px;background:#f7f6fc;border-radius:8px;margin-top:16px}.dashboard-editor label{margin:0;flex:1;min-width:130px;font-size:11px}.dashboard-editor select{font-size:12px;margin-top:6px;padding:8px}.dashboard-editor button{font-size:12px}.view-tabs{flex-wrap:wrap}.viewbar{flex-wrap:wrap}
@media(max-width:900px){.dashboard-tiles{grid-template-columns:1fr}.planning-view{padding:17px!important}.planning-toolbar h2{width:100%;margin-bottom:8px}.timeline-name{max-width:240px}.dashboard-tile{padding:17px}}

/* Covers are presentation metadata; original attachments remain unchanged. */
.card-cover-strip{height:76px;margin:-13px -13px 12px;border-radius:10px 10px 0 0;flex-shrink:0}
.card.covered-full,.cover-preview.covered-full{background:var(--cover-color);min-height:136px;justify-content:flex-end}
.cover-text-light{color:#17212e}.cover-text-dark{color:#fff}
.card.covered-full .card-title{color:inherit;font-size:16px;font-weight:650}
.card.covered-full .card-badges,.card.covered-full .card-custom-summary{color:inherit}
.card.covered-full .due-badge,.card.covered-full .card-avatar{color:#17212e;background:#ffffffdf}
.card-cover-back{height:120px;border-radius:12px;margin-bottom:20px}
.cover-editor{border-top:1px solid var(--border,#e2e6ea);margin-top:24px;padding-top:16px}
.cover-preview{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7dde3;border-radius:12px;padding:13px;max-width:280px;margin-bottom:14px;min-height:88px;background:#fff;color:#17212e;gap:8px}
.cover-preview .card-cover-strip{margin-bottom:2px}
.cover-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:280px;margin-bottom:14px}
.cover-swatch{height:36px;border:2px solid transparent;border-radius:8px;box-shadow:inset 0 0 0 1px #00000012}
.cover-swatch[aria-pressed=true]{outline:2px solid #263b54;outline-offset:2px}
.cover-editor label{display:block;margin:12px 0}.cover-editor label select{display:block;margin-top:6px;width:100%}
.cover-editor>button{margin:0 8px 8px 0}
.card.covered-full{display:flex;flex-direction:column;text-align:left}
.card.covered-full.cover-text-light,.cover-preview.covered-full.cover-text-light{color:#17212e}
.card.covered-full.cover-text-dark,.cover-preview.covered-full.cover-text-dark{color:#fff}
.card>.card-cover-strip{margin-top:-15px}
.cover-image{display:block;width:calc(100% + 26px);object-fit:cover}.card-cover-back.cover-image{width:100%}
.card.covered-photo,.cover-preview.covered-photo{position:relative;isolation:isolate;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end}
.card-cover-full-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.covered-photo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#ffffffee)}
.covered-photo.cover-text-dark:after{background:linear-gradient(transparent,#152033ee)}
.card.covered-photo.cover-text-dark,.cover-preview.covered-photo.cover-text-dark{color:white}
.card.covered-photo.cover-text-light,.cover-preview.covered-photo.cover-text-light{color:#17212e}
.card.covered-photo .card-title,.card.covered-photo .card-badges{color:inherit}
.cover-photo-options{display:flex;flex-wrap:wrap;gap:8px}.cover-photo-options>p{width:100%}
.cover-photo-option{padding:0;width:110px;height:80px;overflow:hidden;border:1px solid #d7dde3}.cover-photo-option img{width:100%;height:100%;object-fit:cover}
.attachment-thumbnail{display:inline-block;vertical-align:middle;width:88px;height:64px;object-fit:cover;border-radius:8px;margin-right:12px}
.cover-editor input[type=range]{width:100%}
.board.has-photo-background{background-size:cover;background-position:center;background-repeat:no-repeat}
.board.has-photo-background>.list{background:#f8f9fcf2;border-color:#ffffffaa;box-shadow:0 4px 18px #17212e18}
.board.has-photo-background>.add-list{background:#f8f9fce8}
.tile-cover.has-photo-background{background-size:cover;background-position:center}
.background-photo-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.background-photo-option{padding:0;overflow:hidden;border:1px solid #d7dde3;text-align:left;background:#fff}
.background-photo-option img{display:block;width:100%;height:100px;object-fit:cover}
.background-photo-option span,.background-photo-option small{display:block;margin:8px 10px;overflow-wrap:anywhere}
.background-photo-option small{color:#777385;font-size:11px}
.background-photo-option[aria-pressed=true]{outline:2px solid #7162be;outline-offset:2px}

.background-photo-options > p { grid-column: 1 / -1; }

/* 2026-10-18: polished workspace surfaces. Behavior and DOM hooks are unchanged. */
:root{--ink:#202534;--muted:#626b7c;--line:#e2e6ed;--accent:#6254d9;--accent-soft:#eeebff;--canvas:#f5f6fa;--sidebar:#202331;--sidebar-muted:#a9afc1}
body{letter-spacing:-.012em}
.topbar{min-height:65px;padding:12px 26px;box-shadow:0 1px 0 #20253404}
.brand{font-size:21px;letter-spacing:-.9px}.brandmark{background:linear-gradient(145deg,#7c6cf0,#5143be);box-shadow:0 3px 8px #6254d926}
.environment{border:0;background:#f3f4f8;letter-spacing:1.1px;color:#677084;padding:6px 10px}
.avatar-button{box-shadow:0 1px 2px #20253405}.topbar #account{background:#eeeafd;color:#5444bb}
.shell>aside,.home-sidebar{background:var(--sidebar);border-right:1px solid #171a27;color:#eef0f8;padding:27px 16px;width:238px}
aside .space{padding:0 4px 22px;margin-bottom:22px;border-bottom:1px solid #ffffff12}
aside .space-icon{background:#39334f;border-color:#514668;color:#e5ddff;box-shadow:inset 0 1px 0 #ffffff10}
aside .space strong{color:#f4f3fb;line-height:1.5;font-size:13px}aside .space small{color:var(--sidebar-muted);font-size:11px}
aside>a:not(.side-active){color:#b5bbce;margin-bottom:20px}aside>a:hover{background:#ffffff08;color:#fff}
aside .side-label,aside .side-heading{color:#9ea6bd;font-size:10px;letter-spacing:1.35px}
aside .side-active,aside nav button.selected{background:#38334f;border:1px solid #64519370;color:#f1eaff;box-shadow:inset 3px 0 #aa94f0}
aside nav button{color:#c4c9d8;border:1px solid transparent;font-size:12px;padding:10px;line-height:1.55}
aside nav button:hover,aside .space-nav-link:hover{background:#ffffff0a;color:#fff}
aside .board-dot{background:#7588b9}aside nav button.selected .board-dot{background:#b39bec}
aside .space-nav-link{color:#c5c9da;padding:11px 12px}
aside .sidebar-bottom{color:#aab2c8;border-top:1px solid #ffffff12;margin-top:auto;padding-top:20px}aside .sidebar-bottom p{color:#8f98b0}
aside button:focus-visible,aside a:focus-visible{outline-color:#bcaaff}
.board-top{padding:23px 28px 19px;border-bottom:1px solid #f2f3f7;background:#fff}
.board-top h1{font-size:26px;letter-spacing:-.8px;font-weight:700;line-height:1.25}
.eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#758096}
.toolbar{gap:7px}.toolbar button{padding:9px 11px;min-height:35px;font-size:12px;border-color:#e1e5ed;box-shadow:0 1px 2px #20253405}
.primary,.toolbar .primary{background:var(--accent);box-shadow:0 2px 4px #5143be24;border:1px solid #5749c8;color:#fff}
.primary:hover,.toolbar .primary:hover{background:#5345c2;box-shadow:0 3px 7px #5143be30}
.viewbar{min-height:50px;height:auto;padding:5px 28px;gap:16px;align-items:center}
.view-tabs{gap:4px}.view-tabs button{padding:9px 11px;border-radius:6px;font-size:12px;color:#606a7e;min-height:35px}
.view-tabs button.view-active{background:#f0edfc;border-bottom:0;color:#5d4cbd;font-weight:650}
.view-tabs button.view-active:before{display:none}.viewbar .private{margin-left:auto;color:#71798b}.viewbar #filter-toggle{font-size:12px;padding:8px 10px;border:1px solid var(--line)}
.board{padding:25px 26px;gap:17px;background:radial-gradient(ellipse at 0 0,#e1e6f0,transparent 72%),#edf0f6;scroll-padding:26px}
.list{width:286px;padding:10px;background:#f8f9fceF;border:1px solid #ffffffde;border-radius:12px;box-shadow:0 3px 10px #26334d08,0 1px 2px #26334d05}
.list-header{padding:2px 3px 4px;margin-bottom:7px}.list-title{color:#3f485c;font-size:13px;font-weight:700;line-height:1.45}.count{background:#e9ecf3;color:#6c768b;border-radius:5px;font-size:10px;min-width:22px}
.list-menu{color:#7e879b}.list-menu:hover{background:#e6e9f1;color:#29334b}
.card{border:1px solid #e2e6ed;border-radius:8px;padding:15px 13px;box-shadow:0 1px 2px #2431470a,0 3px 5px #24314703;font-size:13px;color:#30394d;line-height:1.55;margin-bottom:9px}
.card:hover{border-color:#a69bde;box-shadow:0 3px 9px #6254d918;background:#fff}
.card-meta,.card-badges{color:#728096}.add-card{color:#68758a;border-radius:7px}.add-card:hover{background:#eeebfa;color:#5a4abd}
.add-list{border:1px solid #ffffffc9;background:#ffffff8c;border-radius:10px;box-shadow:0 1px 2px #26334d04;font-weight:550;min-height:52px}.add-list:hover{background:#ffffffd9}
.workspace-home{background:#f7f8fb;padding:42px clamp(26px,4vw,64px) 70px}
.workspace-heading h1{font-size:34px;letter-spacing:-1.15px;font-weight:700}.workspace-heading h2{font-size:18px;font-weight:650}.workspace-heading #greeting{color:#687286;font-size:13px}
.workspace-summary{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:28px 0;box-shadow:0 2px 5px #20253403}
.summary-item{padding:0 32px}.summary-item strong{font-size:27px;font-weight:650;color:#383049}.summary-item span{color:#697287}
.catalog-tools{margin:7px 0 17px}.catalog-tools>span{font-size:10px;letter-spacing:1.3px;color:#737d90}.catalog-tools button{color:#6357aa;font-weight:550}
.workspace-section{padding:8px 0 28px;margin-top:8px}.workspace-section+.workspace-section{border-top:1px solid var(--line);padding-top:25px}
.workspace-actions button{background:white;min-height:33px;color:#616c81;border-radius:6px;padding:8px 11px}
.workspace-grid{gap:18px;margin-top:19px;grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}
.workspace-tile{min-height:182px;border-color:#dfe4ed;border-radius:11px;font-size:14px;box-shadow:0 2px 4px #20253405;line-height:1.55}
.workspace-tile:hover{border-color:#a89bd9;box-shadow:0 7px 20px #40376412}
.tile-cover{height:94px;margin-bottom:15px;background:linear-gradient(125deg,#cbd6ed,#99a9cc)}
.tile-cover:after{width:160px;height:160px;border-width:32px;border-color:#ffffff26;right:-22px;top:-61px}
.forest .tile-cover{background:linear-gradient(125deg,#cedfd5,#95b9a8)}.clay .tile-cover{background:linear-gradient(125deg,#efdccf,#ccaa92)}.violet .tile-cover{background:linear-gradient(125deg,#dfd5f1,#afa0d0)}
.workspace-tile small{color:#717c91;font-size:11px;margin-top:10px}.board-star{border-radius:7px;background:#ffffffdb;box-shadow:0 1px 3px #30304710}
.access-layout{background:radial-gradient(ellipse at 10% 25%,#e9e4fa,transparent 58%),#f7f8fc;padding:8vh 9vw;gap:8vw}
.access-intro h1{font-weight:650;letter-spacing:-2.8px;color:#26283d;max-width:600px}.access-intro p{color:#687087;line-height:1.85;font-size:15px}
.access-panel{border-color:#e0e2ee;border-radius:16px;padding:38px;box-shadow:0 18px 60px #38305c0c,0 2px 8px #38305c04}.access-panel h2{font-weight:650;letter-spacing:-.6px}
.access-art{transform:rotate(-2deg);gap:12px}.access-art>div{height:155px;background:#ffffffb3;border:1px solid white;box-shadow:0 8px 22px #38305c09}.access-art span{border:1px solid #e8e6ef;box-shadow:0 1px 3px #38305c05;color:#68657c}
input,textarea,select{border-color:#d9dfe9;border-radius:7px;background:#fff;font-size:13px;line-height:1.45}
input:focus,textarea:focus,select:focus{border-color:#9181d8;box-shadow:0 0 0 3px #6254d914}
dialog{border-radius:15px;border-color:#dfe3ee;box-shadow:0 24px 80px #17203a40;padding:27px 30px 30px}dialog::backdrop{background:#141b325e;backdrop-filter:blur(4px)}
.card-details form{background:#f8f9fc;border-color:#e8ebf2}.card-details h3{font-size:14px;color:#424b60}.week-preview{border-color:#ded8f4;background:#f5f2fd;color:#5b4c87}
.board-filters{border-bottom:1px solid var(--line);background:#fafbfe}
.planning-view{background:#f4f6fa!important}.dashboard-tile{border-color:#e0e5ed;box-shadow:0 2px 5px #20253404;border-radius:12px}.planning-toolbar h2{color:#30394e}.timeline-scroll{box-shadow:0 2px 5px #20253404}
@media(max-width:1200px){.board-top{gap:15px}.toolbar{margin-left:0}.viewbar .private{margin-left:0}.workspace-summary .summary-item{padding:0 23px}}
@media(max-width:800px){.workspace-home{padding:30px 22px 50px}.workspace-summary{padding:19px 20px}.workspace-heading h1{font-size:30px}.access-layout{padding:32px 22px}.access-panel{padding:28px}.viewbar{gap:10px}.view-tabs{gap:2px}.view-tabs button{padding:8px}}
@media(max-width:650px){.topbar{padding:12px 16px;gap:8px}.board-top{padding:20px 17px 15px}.board-top h1{font-size:24px}.toolbar{gap:5px}.toolbar button{font-size:11px;padding:8px}.viewbar{padding:7px 17px}.viewbar .private{font-size:10px}.board{padding:18px 17px;gap:12px}.list{width:276px}.workspace-summary{padding:18px 16px}.summary-item strong{font-size:24px}.workspace-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.access-intro h1{letter-spacing:-1.7px}.workspace-heading h1{font-size:28px}}
/* Keep user-selected cover colors intact on hover. */
.card.covered-full:hover{background:var(--cover-color)}
.card.covered-photo:hover{background:transparent}
/* Intrinsic tab heights keep the filter control in the wrapped mobile toolbar. */
.view-tabs{height:auto;align-items:center}.view-tabs button{height:auto}

.weekly-list-option{border-top:1px solid #e3e3ed;margin-top:24px;padding-top:18px}.weekly-list-option h3{margin:0 0 8px}.weekly-list-option p{line-height:1.5;margin:0 0 14px}

.history-view{display:flex;flex-direction:column;overflow:hidden;gap:16px}.history-toolbar{display:flex;gap:12px;flex-wrap:wrap}.history-toolbar input{width:min(420px,100%)}.history-track{display:flex;gap:16px;overflow-x:auto;align-items:flex-start;min-height:240px;width:100%;padding:4px 0 20px}.history-track .list{flex:0 0 286px}.history-more{flex:0 0 160px;padding:24px}.history-match{outline:2px solid #7c6be0}.published-badge{color:#26734d;background:#e5f6ed;padding:2px 5px;border-radius:4px}

/* Dark application surfaces; uploaded backgrounds and card cover colors remain user-owned. */
:root{color-scheme:dark;--ink:#e7e9f2;--muted:#a5adbf;--line:#343a4b;--accent:#a195ff;--accent-soft:#36304f;--surface:#202532;--canvas:#151923;color:var(--ink);background:var(--canvas)}
body,main,.home-main{background:var(--canvas);color:var(--ink)}
.topbar,.board-top,.viewbar,.board-filters,.home-topbar{background:#1b1f2b;color:var(--ink);border-color:var(--line)}
.brand,.board-top h1,.home-main h1,.home-main h2,.home-main h3,.planning-toolbar h2,.access-intro h1,.card-details h3{color:var(--ink)}
aside,.home-sidebar{background:#141821;border-color:var(--line)}
.environment,.avatar-button,.toolbar button,.viewbar>button,.calendar-toolbar>button,.planning-toolbar>button{background:#252a39;border-color:#3a4054;color:#dbe0ef}
.topbar #account,.view-tabs .view-active,.view-tabs button[aria-pressed=true]{background:#3b335c;color:#ded8ff;border-color:#615580}
.view-tabs button,.muted,.private,.eyebrow,label,.card-badges,.list-header .count{color:var(--muted)}
button:hover,.view-tabs button:hover,.list-title:hover{background:#343b4d;color:#f4f2ff}
button.primary,.primary,.toolbar #weeks{background:#7661db;color:white;border-color:#9c8be8}button.primary:hover,.primary:hover{background:#8871ed}
input,textarea,select{background:#161b26;color:#edf0f8;border-color:#434b60}input::placeholder,textarea::placeholder{color:#9099af}
input:focus,textarea:focus,select:focus{outline-color:#aa9bff;border-color:#aa9bff}
.board:not(.has-photo-background){background:linear-gradient(130deg,#202438,#171d2b)}
.board .list,.board.has-photo-background>.list{background:#202635f5;border-color:#3b4356;box-shadow:0 4px 16px #0002;color:var(--ink)}
.card:not(.covered-full):not(.covered-photo),.composer,.board .add-list,.board.has-photo-background>.add-list{background:#2a3142;color:#e9ecf5;border-color:#454e63;box-shadow:0 2px 4px #0002}
.card:not(.covered-full):not(.covered-photo):hover{background:#353e53;border-color:#a195ff}
.card .card-title,.list-title{color:inherit}.list-header .count{background:#353d50}.list>button:not(.card):hover{background:#384156}
#modal,dialog,.access-panel{background:#202532;color:#e7e9f2;border:1px solid #42495f;box-shadow:0 20px 80px #0008}
dialog::backdrop{background:#090c16b8;backdrop-filter:blur(4px)}
.week-preview{background:#2b2943;color:#dcd6ff;border-color:#514969}.weekly-list-option{border-color:var(--line)}
.member-row,.archived-row,.attachment-row,.comment-row,.card-details form{background:#252c3b;color:var(--ink);border-color:var(--line)}
.card-details h4,.card-details summary{color:#dce1ef}.error,.danger{color:#ff9da8}
.access-layout{background:radial-gradient(ellipse at 10% 25%,#34304f,transparent 65%),#151923}.access-intro p{color:#b0b7c9}.access-art>div,.access-art span{background:#293044;border-color:#49526b;color:#d4d9e8}
.board-tile,.space-card,.workspace-card,.home-section,.empty-state{background:#202635;border-color:#3b4356;color:var(--ink)}
.tile-body,.tile-info,.board-tile h3,.board-tile p{background:#202635;color:var(--ink)}
.data-view,.planning-view{background:#171d29!important}.table-wrap,.calendar-grid,.calendar-day,.dashboard-tile,.timeline-scroll,.timeline-label,.timeline-header{background:#222938;color:var(--ink);border-color:#3c4559}
.cards-table th,.calendar-weekday,.calendar-day.outside,.timeline-row:nth-child(even){background:#1b2230;color:#bfc8dc}.cards-table td{border-color:#3c4559}.cards-table .table-card{color:#c9bdff}.calendar-day.today{background:#302b48}
.calendar-card,.timeline-bar{color:#ece8ff;background:#4a3e78}.dashboard-tile h3,.dashboard-tile strong,.dashboard-tile span{color:inherit}
.background-photo-option{background:#252c3b;color:var(--ink);border-color:var(--line)}
.published-badge,.due-badge.done,.check-done{background:#234b40;color:#b6efcf}.due-badge.overdue{background:#5b303e;color:#ffc1c9}.due-badge{background:#39334f;color:#ddd7ed}
.history-toolbar select,.history-toolbar input{max-width:100%}.history-track .list h3{color:var(--ink)}
.workspace-home{background:#171c28;color:var(--ink)}.workspace-summary{background:#222938;border-color:#3c4559}.workspace-summary strong,.workspace-summary span,.workspace-tile small,.workspace-heading #greeting{color:#bdc5d7}.workspace-tile{background:#242c3c!important;color:#e8ebf5;border-color:#3d465a}.workspace-actions button{background:#2b3244;color:#dce0ef;border-color:#46516a}.workspace-actions .primary{background:#453968;color:#ded5ff;border-color:#6a5a8e}.workspace-heading h1,.workspace-heading h2,.workspace-section h2,.workspace-summary b{color:#eef0fa}
.history-toolbar{width:100%;align-items:center;flex:0 0 auto}.history-toolbar select{width:180px}.history-toolbar input{width:320px}.history-track{flex:1 1 auto;min-height:240px;overflow-y:auto}.history-view>p{margin:0}.history-view .list h3{font-size:14px;line-height:1.5}
.board.forest:not(.has-photo-background){background:linear-gradient(130deg,#203b35,#172722)}.board.clay:not(.has-photo-background){background:linear-gradient(130deg,#3c2c31,#261f25)}.board.violet:not(.has-photo-background){background:linear-gradient(130deg,#302644,#201d30)}

/* Dark controls must pair their foreground and background, including legacy views. */
.form-actions button:not(.primary),.member-row button,.cover-editor>button,.custom-editor,.dashboard-editor,.dashboard-card-link{background:#30384b;color:#e7e9f2;border-color:#4a546c}
.form-actions button.danger{color:#ffadb7}
.form-actions button:not(.primary):hover,.cover-editor>button:hover,.dashboard-card-link:hover{background:#414b63;color:#fff}
.planning-toolbar select,.cover-preview:not(.covered-full):not(.covered-photo){background:#222a3b;color:#e7e9f2;border-color:#4a546c}
.timeline-name,.timeline-heading .timeline-name,.unscheduled-card{background:#252d3e!important;color:#e7e9f2}
.timeline-heading,.timeline-group h3{background:#222938;color:#c6cde0}
.timeline-card{color:#f0eaff}.timeline-bar.completed,.calendar-card.completed,.calendar-item.completed{background:#264b40;color:#cbf2dc}
.timeline-track{background:repeating-linear-gradient(90deg,transparent,transparent calc(var(--tick-width) - 1px),#343d50 calc(var(--tick-width) - 1px),#343d50 var(--tick-width))}
.card-custom-summary span{background:#39334f;color:#ded7ed}.card-meta,.add-card{color:#b2bdd3}
.cover-swatch[aria-pressed=true]{outline-color:#dbd2ff}
/* Card hierarchy follows the observed Trello card: content left, comments right, tools on demand. */
.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border:1px solid transparent;border-radius:8px;flex-shrink:0;list-style:none;color:#cbd3e6}
.icon-button svg{display:block;flex-shrink:0}.icon-button::-webkit-details-marker{display:none}.icon-button:hover{background:#3b4358;color:white}
.notification-count{position:absolute;right:-5px;top:-5px;background:#a699ff;color:#181525;min-width:17px;height:17px;padding:1px 4px;border-radius:9px;font-size:10px;font-weight:750;border:2px solid #1b1f2b}
#modal.card-dialog{width:min(1100px,calc(100% - 40px));padding:0;overflow:auto;border-radius:16px;max-height:92dvh}
.card-dialog .modal-top{position:absolute;right:14px;top:15px;z-index:8;margin:0}.card-dialog #modal-kicker{display:none}.card-dialog #close-modal{color:#d9e0f1;background:#30384a;width:34px;height:34px;border-radius:50%}
.card-context{display:flex;align-items:center;justify-content:space-between;padding:14px 62px 14px 22px;gap:14px;border-bottom:1px solid #343c4e;min-height:66px}
.card-list-location{padding:7px 11px;font-size:12px;background:#30384a;color:#d9e1f0;text-align:left}.card-context-actions{display:flex;gap:8px}
.card-hero .card-cover-back{border-radius:0;height:160px;margin:0}.card-hero img.card-cover-back{object-fit:contain;background:#171c28}
.card-content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);min-height:520px}.card-content-main{padding:25px 28px 36px;min-width:0}.card-activity{padding:26px 22px;background:#252c3a;border-left:1px solid #3b4356;min-width:0}
.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.card-heading>.icon-button{border:1px solid #77839c;width:25px;height:25px;border-radius:50%;padding:4px}.card-heading>.icon-button[aria-pressed=true]{background:#649349;border-color:#80b665;color:white}.card-heading>.icon-button[aria-pressed=false] svg{opacity:.25}
.card-title-editor{font-size:23px;font-weight:650;line-height:1.35;padding:5px;border:1px solid transparent;background:transparent;box-shadow:none;min-width:0}.card-title-editor:hover{border-color:#49536b}.card-title-editor:focus{background:#192030}
.card-tools{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;align-items:center}.card-tools>.form-actions{margin:0}.card-tools>.form-actions button{font-size:12px;padding:7px 10px;background:transparent}
.card-tool{position:relative}.card-tool>summary:not(.icon-button){list-style:none;cursor:pointer;padding:7px 10px;border:1px solid #49536a;border-radius:7px;font-size:12px;color:#d5dced;background:#2b3344}.card-tool>summary::-webkit-details-marker{display:none}.card-tool[open]>summary{background:#463b68;border-color:#8c7bba}
.card-tool-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:12;width:310px;max-height:65vh;overflow:auto;border:1px solid #4a546d;border-radius:12px;padding:18px;background:#222a3a;box-shadow:0 18px 45px #0008}.card-context-actions .card-tool-panel{left:auto;right:0}.card-tool-panel h3{margin:0 0 14px;font-size:14px}.card-tool-panel label{margin-top:12px}.card-tool-panel input,.card-tool-panel select{max-width:100%}.card-tool-panel form{padding:0;border:0;background:transparent}.card-tool-panel form>button{margin-top:12px}.card-tool-panel .cover-editor{margin:0;padding:0;border:0}.card-tool-panel .cover-preview{display:none}.card-tool-panel .cover-swatches{margin-bottom:10px}.card-tool-panel .cover-save-actions{margin:10px 0}.card-tool-panel .cover-save-actions button{font-size:12px;padding:7px 9px}.card-tool-panel .cover-photo-options{margin-top:12px}.card-tool-panel .menu-action{border:0;margin:0;padding:10px}
.card-inline-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.card-inline-meta:empty{display:none}.card-inline-meta button{font-size:11px;padding:5px 9px}.card-date-chip,.member-chip{background:#353e52;color:#dbe1f0}
.publication-control{font-size:11px;padding:5px 8px;color:#aebbd1;border:1px solid #49566b;margin-bottom:18px}.publication-control[aria-pressed=true]{background:#244c40;color:#b6efcf}
.card-description{margin:5px 0 26px}.card-description h3,.card-content-main .attachment-section h3,.card-activity>h3{font-size:14px;margin:0 0 15px;color:#dce3ef}.description-display{text-align:left;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#2b3343;min-height:64px;font-size:13px;font-weight:400;line-height:1.6;padding:14px;color:#c4cede}.description-display:hover{background:#343e51}
.card-activity .comment-row{padding:15px;background:#202735;border:1px solid #3c455a;border-radius:10px;margin-bottom:12px;font-size:13px}.comment-row small{display:block;color:#a4b0c7;margin-top:5px}.comment-row p{white-space:pre-wrap;overflow-wrap:anywhere}.card-activity form{background:transparent;padding:0;border:0}.card-activity form>button{margin-top:10px}.card-activity textarea{min-height:88px}.card-activity label{margin-top:10px}.card-content-main .card-details{border:0;margin:20px 0;padding:0}.card-tool-panel .compact-check{width:18px;height:18px}.card-tool-panel .inline-detail-form{display:block}.card-tool-panel .detail-chips{gap:6px}.card-tool-panel .detail-chips button{max-width:100%;white-space:normal}
@media(max-width:800px){#modal.card-dialog{width:calc(100% - 20px);max-height:95dvh}.card-content-grid{grid-template-columns:1fr}.card-content-main{padding:20px}.card-activity{padding:20px;border-left:0;border-top:1px solid #3b4356}.card-tool-panel{position:fixed;left:5vw!important;right:5vw!important;top:22vh;width:90vw;max-height:65vh}.card-title-editor{font-size:20px}.card-context{padding-left:16px}}

.checklist-section{position:relative}.checklist-section>h3{padding-right:40px;border:0}.checklist-menu{position:absolute;right:0;top:0;z-index:2}.checklist-menu>summary{list-style:none}.checklist-menu>summary::-webkit-details-marker{display:none}.checklist-menu[open]{padding:8px;background:var(--panel,#252a38);border:1px solid var(--border,#414758);border-radius:8px;box-shadow:0 8px 24px #0005}.checklist-menu[open]>button{display:block;width:100%;text-align:left}.checklist-add>summary,.attachment-upload>summary{display:inline-block;cursor:pointer;padding:8px 12px;border-radius:6px;background:#ffffff0b;margin-top:8px}.checklist-add form{margin-top:8px}.attachment-upload{margin-top:8px}.attachment-upload input{display:block;margin:12px 0}

.label-options{display:flex;flex-direction:column;align-items:stretch}.label-option{display:flex;gap:6px;align-items:center}.label-option>.label-chip{flex:1;text-align:left}.label-option form{width:100%}.label-add>summary{padding:9px;cursor:pointer}.label-none{background:#384052;color:#eef0f6}.toolbar .icon-button{flex:none}

/* Shared theme contract. Every interactive surface pairs background and foreground.
   Cover colors, label colors and uploaded images deliberately retain their own palette. */
:root {
  color-scheme:dark;
  --ink:#edf0f7;--muted:#b1bdd1;--line:#465169;--accent:#b9adff;--accent-soft:#39334f;
  --canvas:#171c28;--surface:#202735;--panel:#252d3e;--border:var(--line);
  --control:#30394c;--hover:#3b465d;--input:#191f2c;--header:#1c2230;
  --sidebar:#151b26;--sidebar-muted:#acb7cc;--selected:#3b335c;--selected-ink:#e6dfff;
  --primary:#6753c5;--primary-hover:#7862d5;--focus:#b9adff;
  --danger:#ffb4bd;--success:#c0f0d4;--success-bg:#254b3f;
  --unread:#30334c;--unread-line:#b9adff;--shadow:0 16px 48px #0005;
  --board-bg:linear-gradient(130deg,#202438,#171d2b);
  --forest-bg:linear-gradient(130deg,#203b35,#172722);
  --clay-bg:linear-gradient(130deg,#3c2c31,#261f25);
  --violet-bg:linear-gradient(130deg,#302644,#201d30);
}
:root[data-theme="light"] {
  color-scheme:light;
  --ink:#243047;--muted:#57657b;--line:#c7cfdd;--accent:#5744b4;--accent-soft:#eeeafb;
  --canvas:#f4f6fa;--surface:#fff;--panel:#f0f3f8;--control:#e8edf5;--hover:#dbe3f0;
  --input:#fff;--header:#fff;--sidebar:#eef1f7;--sidebar-muted:#57657b;
  --selected:#e6def9;--selected-ink:#47328e;--primary:#6350be;--primary-hover:#51409f;
  --focus:#6852c5;--danger:#a52b41;--success:#215e40;--success-bg:#def1e5;
  --unread:#f0ecfc;--unread-line:#7560c6;--shadow:0 16px 48px #26334d26;
  --board-bg:linear-gradient(130deg,#dce2f1,#edf0f6);
  --forest-bg:linear-gradient(130deg,#d2e5dc,#e8f0e9);
  --clay-bg:linear-gradient(130deg,#ead5c9,#f2e9e2);
  --violet-bg:linear-gradient(130deg,#dcd3f0,#ece8f5);
}
body,main,.home-main,.workspace-home {background:var(--canvas);color:var(--ink)}
.topbar,.board-top,.viewbar,.board-filters,.home-topbar {background:var(--header);color:var(--ink);border-color:var(--line)}
h1,h2,h3,h4,.brand,.board-top h1,.home-main h1,.home-main h2,.home-main h3,.access-intro h1,
.workspace-heading h1,.workspace-heading h2,.workspace-section h2,.planning-toolbar h2,
.card-details h3,.card-details h4,.card-details summary,.card-description h3,
.card-content-main .attachment-section h3,.card-activity>h3 {color:var(--ink)}
.muted,.private,.eyebrow,label,.environment,.card-badges,.card-meta,.add-card,.list-menu,.board-hint,
.modal-top,.modal-top button,.personal-close,#close,.notification-row small,.comment-row small,
.checklist-row small,.background-photo-option small,.card-custom-summary,.calendar-day-heading,
.catalog-tools>span,.chart-note,.dashboard-category summary span:first-child,.cards-table th button,
.workspace-heading .eyebrow,.workspace-heading #greeting,.workspace-tile small,.local-note {color:var(--muted)}
.environment,.avatar-button,.toolbar button,.viewbar>button,.calendar-toolbar>button,.planning-toolbar>button,
.form-actions button:not(.primary),.member-row button,.cover-editor>button,.custom-editor,.dashboard-editor,
.dashboard-card-link,.workspace-actions button,.demo-link {background:var(--control);color:var(--ink);border-color:var(--line)}
button:hover,.icon-button:hover,.view-tabs button:hover,.list-title:hover,.list-menu:hover,
.form-actions button:not(.primary):hover,.cover-editor>button:hover,.dashboard-card-link:hover,
.list>button:not(.card):hover,.add-card:hover,.add-card:focus-visible {background:var(--hover);color:var(--ink)}
button.primary,.primary,.toolbar .primary,.toolbar #weeks,.workspace-actions .primary {background:var(--primary);color:#fff;border-color:var(--primary)}
button.primary:hover,.primary:hover,.toolbar .primary:hover,.toolbar #weeks:hover {background:var(--primary-hover);color:#fff}
button:focus-visible,a:focus-visible,summary:focus-visible {outline:3px solid var(--focus);outline-offset:3px}
input,textarea,select,.planning-toolbar select {background:var(--input);color:var(--ink);border-color:var(--line)}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
input:focus,textarea:focus,select:focus {border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 20%,transparent)}
input[type=checkbox],input[type=radio] {accent-color:var(--primary)}
.error,.danger,.form-actions button.danger {color:var(--danger)}
.error {background:transparent}
#modal,dialog,.access-panel {background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}
dialog::backdrop {background:#0c13258c;backdrop-filter:blur(4px)}
.notification-row,.member-row,.archived-row,.attachment-row,.comment-row,.card-details form {
  background:var(--surface);color:var(--ink);border-color:var(--line)
}
.notification-row.unread {background:var(--unread);color:var(--ink);border-color:var(--unread-line)}
.notification-row .form-actions button:not(.primary) {background:var(--control);color:var(--ink)}
.notification-row .form-actions button:hover {background:var(--hover)}
.notification-count {background:var(--accent);color:var(--canvas);border-color:var(--header)}
.icon-button {color:var(--muted)}
.topbar #account,.view-tabs .view-active,.view-tabs button[aria-pressed=true],.card-tool[open]>summary {
  background:var(--selected);color:var(--selected-ink);border-color:var(--focus)
}
.view-tabs button,.viewbar .private {color:var(--muted)}
.shell>aside,.home-sidebar,aside {background:var(--sidebar);color:var(--ink);border-color:var(--line)}
aside .space,aside .sidebar-bottom {border-color:var(--line)}
aside .space strong {color:var(--ink)}
aside .space small,aside .side-label,aside .side-heading,aside .sidebar-bottom,aside .sidebar-bottom p,
aside>a:not(.side-active),aside nav button,aside .space-nav-link {color:var(--sidebar-muted)}
aside .space-icon,aside .side-active,aside nav button.selected {background:var(--selected);color:var(--selected-ink);border-color:var(--line)}
aside nav button:hover,aside .space-nav-link:hover,aside>a:hover {background:var(--hover);color:var(--ink)}
.board:not(.has-photo-background) {background:var(--board-bg)}
.board.forest:not(.has-photo-background) {background:var(--forest-bg)}
.board.clay:not(.has-photo-background) {background:var(--clay-bg)}
.board.violet:not(.has-photo-background) {background:var(--violet-bg)}
.board .list,.board.has-photo-background>.list,.history-track .list {background:var(--panel);color:var(--ink);border-color:var(--line)}
.card:not(.covered-full):not(.covered-photo),.composer {background:var(--surface);color:var(--ink);border-color:var(--line)}
.card:not(.covered-full):not(.covered-photo):hover {background:var(--panel);color:var(--ink);border-color:var(--focus)}
.board .add-list,.board.has-photo-background>.add-list {background:var(--panel);color:var(--ink);border-color:var(--line)}
.board .add-list:hover {background:var(--hover);color:var(--ink)}
.list-title,.history-track .list h3 {color:var(--ink)}
.list-header .count {background:var(--control);color:var(--muted)}
.card-avatar,.avatar {background:var(--selected);color:var(--selected-ink)}
.week-preview {background:var(--accent-soft);color:var(--selected-ink);border-color:var(--line)}
.weekly-list-option,.local-note {border-color:var(--line)}
.access-layout {background:radial-gradient(ellipse at 10% 25%,var(--accent-soft),transparent 65%),var(--canvas)}
.access-intro p {color:var(--muted)}
.access-links button,.catalog-tools button {color:var(--accent)}
.access-art>div,.access-art span {background:var(--surface);color:var(--muted);border-color:var(--line)}
.board-tile,.space-card,.workspace-card,.home-section,.empty-state,.workspace-summary,
.tile-body,.tile-info,.board-tile h3,.board-tile p {background:var(--surface);color:var(--ink);border-color:var(--line)}
.workspace-tile {background:var(--surface)!important;color:var(--ink);border-color:var(--line)}
.workspace-summary strong,.workspace-summary b,.dashboard-category summary strong {color:var(--ink)}
.workspace-summary span {color:var(--muted)}
.board-star {background:var(--surface);color:var(--ink)}
.data-view,.planning-view {background:var(--canvas)!important}
.table-wrap,.calendar-grid,.calendar-day,.dashboard-tile,.timeline-scroll,.timeline-label,.timeline-header {
 background:var(--surface);color:var(--ink);border-color:var(--line)
}
.cards-table th,.calendar-weekday,.calendar-day.outside,.timeline-row:nth-child(even),.timeline-heading,.timeline-group h3 {
 background:var(--panel);color:var(--muted);border-color:var(--line)
}
.cards-table td,.timeline-row {border-color:var(--line)}
.cards-table .table-card {color:var(--accent)}
.calendar-day.today {background:var(--accent-soft)}
.calendar-card,.calendar-item,.timeline-bar {background:var(--selected);color:var(--selected-ink);border-color:var(--line)}
.calendar-card:hover {background:var(--hover);color:var(--ink)}
.timeline-card {color:var(--selected-ink)}
.timeline-name,.timeline-heading .timeline-name,.unscheduled-card {background:var(--panel)!important;color:var(--ink)}
.timeline-track {background:repeating-linear-gradient(90deg,transparent,transparent calc(var(--tick-width) - 1px),var(--line) calc(var(--tick-width) - 1px),var(--line) var(--tick-width))}
.published-badge,.due-badge.done,.check-done,.timeline-bar.completed,.calendar-card.completed,.calendar-item.completed {
 background:var(--success-bg);color:var(--success)
}
.complete-date {color:var(--success)}
.due-badge {background:var(--selected);color:var(--selected-ink)}
.due-badge.overdue {background:var(--surface);color:var(--danger);outline:1px solid var(--danger)}
.card-custom-summary span {background:var(--selected);color:var(--selected-ink)}
.background-photo-option {background:var(--surface);color:var(--ink);border-color:var(--line)}
.cover-swatch[aria-pressed=true] {outline-color:var(--focus)}
.cover-preview:not(.covered-full):not(.covered-photo) {background:var(--surface);color:var(--ink);border-color:var(--line)}
.card-context {border-color:var(--line)}
.card-dialog #close-modal,.card-list-location,.card-date-chip,.member-chip {background:var(--control);color:var(--ink)}
.card-activity {background:var(--panel);border-color:var(--line)}
.card-activity .comment-row {background:var(--surface);color:var(--ink);border-color:var(--line)}
.card-title-editor {background:transparent;color:var(--ink)}
.card-title-editor:hover {border-color:var(--line)}
.card-title-editor:focus {background:var(--input)}
.card-tool>summary:not(.icon-button) {background:var(--control);color:var(--ink);border-color:var(--line)}
.card-tool[open]>summary:not(.icon-button) {background:var(--selected);color:var(--selected-ink);border-color:var(--focus)}
.card-tool-panel,.checklist-menu[open] {background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}
.card-tool-panel form,.card-activity form {background:transparent}
.card-tool-panel .menu-action:hover {background:var(--hover);color:var(--ink)}
.description-display {background:var(--panel);color:var(--ink)}
.description-display:hover {background:var(--hover);color:var(--ink)}
.publication-control {color:var(--muted);border-color:var(--line)}
.publication-control[aria-pressed=true] {background:var(--success-bg);color:var(--success)}
.checklist-add>summary,.attachment-upload>summary {background:var(--control);color:var(--ink)}
.label-none {background:var(--control);color:var(--ink)}
/* Colored labels and covers keep their authored foreground even under generic hover rules. */
.label-chip,.label-chip:hover {color:#243047}
.card.covered-full.cover-text-light:hover,.card.covered-photo.cover-text-light:hover {color:#17212e}
.card.covered-full.cover-text-dark:hover,.card.covered-photo.cover-text-dark:hover {color:#fff}
.card.covered-full .card-meta,.card.covered-photo .card-meta {color:inherit}
.card.covered-full .due-badge,.card.covered-full .card-avatar {color:#17212e;background:#ffffffdf}
#toast {background:var(--ink);color:var(--canvas);box-shadow:var(--shadow)}
@keyframes mq-panel-enter {from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
dialog[open],.card-tool[open]>.card-tool-panel {animation:mq-panel-enter .14s ease-out}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.label-green:hover,.label-lime:hover{background:#cde9d4}.label-yellow:hover{background:#faedab}
.label-orange:hover{background:#f8d4af}.label-red:hover{background:#f2c6c2}.label-purple:hover{background:#e0d1f2}
.label-blue:hover,.label-sky:hover{background:#cce5f5}.label-pink:hover{background:#f1d0e4}.label-black:hover{background:#d5dce1}
.label-none,.label-none:hover{background:var(--control);color:var(--ink)}
.notification-row a {color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.notification-row a:hover {color:var(--ink)}
.mq-avatar {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--selected);color:var(--selected-ink);font-weight:650;line-height:1;vertical-align:middle}
.mq-avatar img {display:block;width:100%;height:100%;object-fit:cover}
.member-option {display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border-radius:8px;color:var(--ink)}
.member-option[aria-pressed=true] {background:var(--selected);color:var(--selected-ink)}
.member-avatar-button {display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0;flex-shrink:0}
.member-avatar-button:hover {box-shadow:0 0 0 2px var(--focus)}
.member-avatar-stack {display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.profile-photo-editor {display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}
.profile-photo-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-photo-actions button {background:var(--control);color:var(--ink);border:1px solid var(--line)}
.profile-photo-actions button:hover {background:var(--hover)}
.mq-avatar{width:32px;height:32px;font-size:12px}
.mq-avatar[data-size="24"]{width:24px;height:24px;font-size:10px}
.mq-avatar[data-size="28"]{width:28px;height:28px;font-size:11px}
.mq-avatar[data-size="40"]{width:40px;height:40px;font-size:15px}
.mq-avatar[data-size="48"]{width:48px;height:48px;font-size:18px}
.mq-avatar[data-size="64"]{width:64px;height:64px;font-size:24px}
.mq-avatar[data-size="80"]{width:80px;height:80px;font-size:30px}
.member-row{display:flex;align-items:center;gap:10px}.member-row>span:not(.mq-avatar){flex:1}
.profile-photo-actions{flex:1}.profile-photo-actions label{width:100%;margin:0}
.profile-photo-actions input{max-width:100%;min-width:0}
input[type=file]::file-selector-button{background:var(--control);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 10px;margin-right:10px;cursor:pointer}
.topbar .avatar-button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;padding:5px}
.topbar .avatar-button:hover{background:var(--hover);color:var(--ink)}
/* One stroke family for controls, view navigation and compact card metadata. */
.mq-icon{display:block;flex:none;vertical-align:middle}
.icon-label{display:inline-flex;align-items:center;gap:8px}
.icon-label>span{min-width:0}.menu-action.icon-label{display:flex}
.icon-badge{display:inline-flex;align-items:center;gap:4px;line-height:1.4;white-space:nowrap}
.view-tabs button.icon-label{display:inline-flex;gap:6px}.view-tabs button.icon-label .mq-icon{width:16px;height:16px}
.view-tabs button.icon-label:before{display:none}
.list-menu.icon-button{width:28px;height:28px;padding:4px}
.add-card.icon-label,.add-list.icon-label{display:flex}.add-card .mq-icon,.add-list .mq-icon{width:16px;height:16px}
.publication-control .mq-icon{width:14px;height:14px}
.attachment-upload>summary.icon-label{display:inline-flex;align-items:center;gap:8px}
.attachment-upload progress{display:block;width:100%;margin-top:12px}

/* Contextual member identity; no private account fields are displayed. */
.member-profile-popover {position:fixed;inset:auto;margin:0;box-sizing:border-box;width:320px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.member-profile-popover:popover-open {animation:mq-panel-enter .14s ease-out}
.member-profile-header {display:flex;align-items:center;gap:12px}
.member-profile-header>div {flex:1;min-width:0}
.member-profile-header strong {display:block;overflow-wrap:anywhere}
.member-profile-header p {margin:4px 0 0;font-size:12px}
.member-profile-header>.mq-avatar {flex-shrink:0}
.member-profile-header>button {align-self:flex-start;flex-shrink:0}
.member-profile-remove {margin-top:16px;width:100%;text-align:left;background:var(--control);color:var(--ink);border-color:var(--line)}
.member-profile-remove:hover {background:var(--hover)}
@media(prefers-reduced-motion:reduce){.member-profile-popover:popover-open{animation:none}}

/* Input feedback observed in captured Trello composer; panel timing remains our design. */
input,textarea,select{transition:background-color 85ms ease,border-color 85ms ease,box-shadow 85ms ease}
@media(prefers-reduced-motion:reduce){input,textarea,select{transition:none}}

.attachment-upload progress[hidden]{display:none}

.attachment-row{display:flex;align-items:center;gap:14px;width:100%;padding:10px;margin:4px 0;text-align:left;border:0;background:transparent;color:inherit;border-radius:8px;cursor:pointer}
.attachment-row:hover{background:var(--hover-bg,rgba(128,140,160,.14))}.attachment-row:focus-visible{outline:2px solid #8194f5;outline-offset:2px}
.attachment-row .attachment-thumbnail,.attachment-file-tile{width:112px;height:72px;flex:none;object-fit:cover;border-radius:6px;background:rgba(128,140,160,.16)}
.attachment-file-tile{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:650;color:inherit}.attachment-row-info{display:flex;flex-direction:column;gap:5px;min-width:0}.attachment-row-name{font-weight:600;overflow-wrap:anywhere}.attachment-row-date{font-size:12px;opacity:.75}
.attachment-viewer[open]{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 64px 110px;border:0;border-radius:0;background:rgba(13,16,22,.94);color:#f5f7fc;overflow:hidden;animation:attachment-viewer-in 140ms ease-out}
.attachment-viewer::backdrop{background:rgba(0,0,0,.5)}.attachment-viewer-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}.attachment-viewer-stage>img,.attachment-viewer-stage>video{display:block;max-width:100%;max-height:100%;object-fit:contain}.attachment-viewer-stage>audio{width:min(600px,100%)}.attachment-viewer-stage>p{text-align:center;max-width:540px;color:#f5f7fc}
.attachment-viewer .attachment-viewer-close,.attachment-viewer .attachment-viewer-previous,.attachment-viewer .attachment-viewer-next{position:absolute;display:grid;place-items:center;width:44px;height:44px;background:rgba(255,255,255,.1);color:#fff;border:0;border-radius:50%;padding:10px}.attachment-viewer .attachment-viewer-close{right:16px;top:16px}.attachment-viewer .attachment-viewer-previous{left:16px;bottom:26px}.attachment-viewer .attachment-viewer-next{right:16px;bottom:26px}.attachment-viewer button[hidden]{display:none}.attachment-viewer button:disabled{opacity:.3;cursor:default}.attachment-viewer button:focus-visible,.attachment-viewer a:focus-visible{outline:2px solid #a5b4ff;outline-offset:4px}
.attachment-viewer-footer{position:absolute;bottom:14px;left:70px;right:70px;text-align:center}.attachment-viewer-footer h2{color:#fff;font-size:16px;line-height:1.3;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-footer p{color:#cad2e0;font-size:12px;margin:0 0 8px}.attachment-viewer-links{display:flex;gap:20px;justify-content:center;align-items:center}.attachment-viewer-links a{color:#e1e7ff;font-size:13px;text-decoration:underline}.attachment-viewer-links .icon-label{display:inline-flex;gap:6px;align-items:center}
@keyframes attachment-viewer-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.attachment-viewer[open]{animation:none}}
@media(max-width:600px){.attachment-viewer[open]{padding:62px 12px 130px}.attachment-viewer-footer{left:54px;right:54px}.attachment-viewer-links{gap:10px;flex-wrap:wrap}.attachment-row .attachment-thumbnail,.attachment-file-tile{width:80px;height:60px}}

/* Shared member management */
.member-identity{display:grid;gap:4px;flex:1;min-width:0}.member-identity strong{overflow-wrap:anywhere}.member-manage{flex-shrink:0}

/* Participant geometry: avatars never share the flexible text column. */
.member-row>.mq-avatar{flex:0 0 auto;aspect-ratio:1;align-self:center}
.member-row{gap:12px;min-height:56px;padding:10px 0;flex-wrap:nowrap}
.member-row>.member-identity{flex:1 1 0;min-width:0;gap:3px;line-height:1.4}
.member-identity strong{font-size:14px;font-weight:600}
.member-identity small{font-size:12px;line-height:1.4}
.member-row>button{flex:0 0 auto;min-height:32px;padding:6px 10px;font-size:12px;line-height:20px}
.participants-dialog{width:min(600px,calc(100% - 32px));padding:22px 24px 24px}
.participants-dialog .modal-top{margin-bottom:8px}
.participants-dialog h2{font-size:20px;line-height:28px;margin-bottom:8px}
.participants-dialog h3{font-size:14px;line-height:20px;margin:22px 0 10px}
.participants-dialog .member-row{border-bottom:0;background:transparent}
.participants-dialog .member-list{margin-top:8px}
.participants-dialog label{margin-top:14px}
.participants-invite{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px 12px;align-items:end}
.participants-invite label{margin:0 0 6px}
.participants-invite input,.participants-invite select{height:40px;padding:8px 10px;font-size:13px}
.participants-invite>.error{grid-column:1/-1;margin:0}
.participants-invite>.error:empty{display:none}
.participants-invite>.primary{justify-self:start;min-height:36px}
@media(max-width:500px){.participants-dialog{padding:18px 16px}.participants-invite{grid-template-columns:1fr}.member-row{gap:10px}.member-identity strong{font-size:13px}.member-row>button{padding:5px 8px;font-size:11px}}

/* Compact header controls: circles only for icons, never text pills. */
.topbar #account{width:auto;height:36px;max-width:180px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--ink);box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .avatar-button:not(#account){display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}
.topbar .avatar-button:hover,.topbar #account:hover{background:var(--hover)}
.topbar .avatar-button .mq-avatar{flex:0 0 32px;width:32px;height:32px}
.toolbar .member-avatar-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}
.topbar #notifications{position:relative;overflow:visible}

/* Board sorting feedback shares the light/dark palette. */
.board-sortable .workspace-tile{cursor:grab}
.board-sortable.board-dragging{opacity:.45}
.board-sortable.board-drop-target{outline:2px solid var(--accent,#9b87f5);outline-offset:4px;border-radius:12px}
.board-order-status{font-size:12px;min-height:0;margin:6px 0 0}
.board-order-status:empty{display:none}
.workspace-grid[aria-busy="true"]{cursor:progress}
.board-tile-wrap>.board-star{position:absolute;top:10px;right:10px;z-index:1}
.workspace-tile small.icon-label{display:flex;align-items:center;gap:5px}

.attachment-entry{display:flex;align-items:center;gap:8px}.attachment-entry>.attachment-row{flex:1;min-width:0}.attachment-edit-button{flex:0 0 32px;width:32px;height:32px;padding:6px;border:0;background:transparent;color:var(--muted);border-radius:6px}.attachment-edit-button:hover{background:var(--hover);color:var(--ink)}
.attachment-name-dialog{width:min(380px,calc(100vw - 32px));padding:20px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px}.attachment-name-dialog h3{margin-top:0}.attachment-name-dialog label{display:block}.attachment-name-dialog input{width:100%;margin-top:8px}.attachment-name-dialog::backdrop{background:#0005}

.attachment-actions-menu{display:flex;flex-direction:column;gap:4px}.attachment-actions-menu>button,.attachment-actions-menu>a{display:flex;align-items:center;gap:8px;text-align:left;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-decoration:none}.attachment-actions-menu>button:hover,.attachment-actions-menu>a:hover{background:var(--hover)}.attachment-actions-menu>.danger{color:var(--danger)}

/* Attachment actions stay anchored to the file, matching the card's compact controls. */
.attachment-open-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:6px;box-sizing:border-box;border:0;background:transparent;color:var(--muted);border-radius:6px;text-decoration:none}
.attachment-open-button:hover{background:var(--hover);color:var(--ink)}
.attachment-actions-popover{position:fixed;inset:auto;margin:0;width:220px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);box-shadow:0 8px 30px #0005}
.attachment-actions-popover .error:empty{display:none}.attachment-actions-popover .attachment-actions-menu{gap:2px}
.comment-row p a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
/* Labels offer the same ten hues in three strengths, plus no color. */
.label-green_light,.label-green_light:hover{background:#baf3db}.label-yellow_light,.label-yellow_light:hover{background:#f8e6a0}.label-orange_light,.label-orange_light:hover{background:#fedec8}.label-red_light,.label-red_light:hover{background:#ffd5d2}.label-purple_light,.label-purple_light:hover{background:#dfd8fd}.label-blue_light,.label-blue_light:hover{background:#cce0ff}.label-sky_light,.label-sky_light:hover{background:#c6edfb}.label-lime_light,.label-lime_light:hover{background:#d3f1a7}.label-pink_light,.label-pink_light:hover{background:#fdd0ec}.label-black_light,.label-black_light:hover{background:#dcdfe4}
.label-green_dark,.label-green_dark:hover{background:#216e4e}.label-yellow_dark,.label-yellow_dark:hover{background:#7f5f01}.label-orange_dark,.label-orange_dark:hover{background:#a54800}.label-red_dark,.label-red_dark:hover{background:#ae2e24}.label-purple_dark,.label-purple_dark:hover{background:#5e4db2}.label-blue_dark,.label-blue_dark:hover{background:#0055cc}.label-sky_dark,.label-sky_dark:hover{background:#206a83}.label-lime_dark,.label-lime_dark:hover{background:#4c6b1f}.label-pink_dark,.label-pink_dark:hover{background:#943d73}.label-black_dark,.label-black_dark:hover{background:#44546f}
.label-chip[class*="_light"],.label-chip[class*="_light"]:hover{color:#172b4d}.label-chip[class*="_dark"],.label-chip[class*="_dark"]:hover{color:#fff}
.label-color-field{margin:12px 0;padding:0;border:0;min-width:0}.label-color-field legend{font-size:12px;color:var(--muted);margin-bottom:8px}.label-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.label-color-grid .label-color-swatch{position:relative;display:grid;place-items:center;margin:0;min-height:32px;border-radius:4px;cursor:pointer;color:#172b4d;overflow:hidden}.label-color-grid .label-color-swatch[class*="_dark"]{color:#fff}
.label-color-swatch input[type="radio"]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.label-color-swatch span{visibility:hidden;font-weight:750;pointer-events:none}.label-color-swatch:has(input:checked){outline:2px solid var(--accent);outline-offset:2px}.label-color-swatch input:checked+span{visibility:visible}.label-color-swatch:focus-within{outline:3px solid var(--accent);outline-offset:2px}.label-color-swatch:hover{filter:brightness(.95)}
.label-color-field .label-remove-color{width:100%;margin-top:10px;background:var(--control);color:var(--ink);border:1px solid var(--line);font-size:12px}.label-remove-color[aria-pressed="true"]::before{content:'✓ ';}
.checklist-drag-handle{flex:0 0 26px!important;width:26px;height:28px;padding:2px!important;border:0;background:transparent;color:var(--muted);cursor:grab;font-size:20px!important;line-height:1;touch-action:none}.checklist-drag-handle:active{cursor:grabbing}.checklist-section>.checklist-drag-handle{float:left;margin:2px 6px 0 0}.checklist-drop-target{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}.checklist-dragging{opacity:.55}.checklist-sort-status:empty{display:none}

/* Photo covers follow intrinsic proportions; color strips retain their compact height. */
.card>img.card-cover-strip.cover-image{height:auto;max-height:200px;object-fit:contain;background:var(--panel)}

/* Compact notification popover anchored beneath the account controls. */
dialog.notifications-panel{position:fixed;inset:72px 16px auto auto;margin:0;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);padding:20px;border-radius:12px;background:var(--panel);color:var(--ink);overflow:auto;box-shadow:0 16px 48px #0005}
dialog.notifications-panel::backdrop{background:transparent;backdrop-filter:none}
.notifications-panel h2{font-size:19px;margin:0 36px 16px 0}.notifications-panel .personal-close{position:absolute;right:14px;top:14px}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.notification-toolbar button{font-size:12px;min-height:32px}.notification-toolbar button[aria-pressed=true]{background:var(--accent);color:white}
.notification-list{display:grid;gap:6px}.notifications-panel .notification-row{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border:0;border-radius:8px;background:transparent;position:relative}.notifications-panel .notification-row.unread{background:var(--unread);border:0}.notification-content{flex:1;min-width:0}.notification-content p{margin:0 0 8px;line-height:1.5}.notification-content small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.notifications-panel .notification-destination{display:block;color:var(--ink);text-decoration:none;line-height:1.5;font-size:13px}.notifications-panel .notification-destination:hover{text-decoration:underline}.notifications-panel .notification-row .form-actions{margin:0;flex:none}.notifications-panel .notification-row .form-actions button{width:28px;height:28px;padding:5px;min-height:28px;background:transparent;border:0}.notifications-panel .notification-row .form-actions button:hover{background:var(--hover)}
@media(max-width:520px){dialog.notifications-panel{inset:68px 12px auto;width:calc(100vw - 24px);padding:16px}}

.global-search-dialog{width:min(640px,calc(100vw - 32px));max-height:85vh}.global-search-dialog>button:first-child{float:right}.global-search-dialog form{display:flex;align-items:end;gap:12px}.global-search-dialog label{flex:1}.global-search-result{display:flex;flex-direction:column;gap:6px;padding:14px 8px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.global-search-result:hover{background:var(--surface)}.global-search-result small{color:var(--muted)}

.saved-search-row{display:flex;align-items:center;gap:8px}.saved-search-row>button:first-child{flex:1;text-align:left;overflow-wrap:anywhere}.global-search-dialog details{margin-block:12px}.global-search-dialog details p{line-height:1.5;color:var(--muted)}

/* Workspace navigation mirrors the board/member/settings hierarchy. */
.workspace-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border,#46516a);margin-bottom:24px;padding-bottom:8px}.workspace-tabs a{padding:9px 16px;border-radius:6px;text-decoration:none;color:inherit}.workspace-tabs a[aria-current=page],.workspace-subnav[aria-current=page]{background:var(--accent,#6554c0);color:#fff}.workspace-subnav{display:block;margin:3px 0 3px 20px;padding:8px 12px;border-radius:6px;color:inherit;text-decoration:none}.workspace-create-tile{min-height:120px;border:1px dashed var(--border,#46516a);border-radius:10px;background:transparent;color:inherit}.workspace-heading h2 a{color:inherit;text-decoration:none}.workspace-section>form{max-width:680px}.workspace-section>.member-list{max-width:900px}.workspace-summary[hidden]{display:none}
.workspace-tabs a[aria-current=page],.workspace-subnav[aria-current=page]{background:#5143a5;color:#fff}

.workspace-logo{display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;background:#5143a5;color:white;border-radius:7px;font-size:16px;font-weight:700;vertical-align:middle}.workspace-logo img{display:block;width:100%;height:100%;object-fit:cover}.workspace-title{display:flex;align-items:center;gap:12px}.space-nav-link{display:flex!important;align-items:center;gap:10px}.workspace-logo-button{padding:0;border:0;background:transparent;flex:none}.workspace-logo-preview{margin:16px 0}

.workspace-guests{margin:24px 0;border-top:1px solid var(--border,#46516a);padding-top:16px}.workspace-guests summary{cursor:pointer;font-weight:600}.workspace-guest-boards{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.workspace-guest-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace-guest-actions button{font-size:12px;padding:6px 10px}
.workspace-section>.member-list{max-width:none}.workspace-section .member-row{padding:12px 0;background:transparent}.workspace-section .workspace-guests .member-row{grid-template-columns:32px minmax(0,1fr) auto}.workspace-section>form{max-width:680px}
.workspace-guests .member-row[hidden]{display:none}

.workspace-view-list,.workspace-view-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.workspace-view-editor{max-width:680px;display:grid;gap:12px}.workspace-view-editor fieldset{border:1px solid var(--border,#46516a);border-radius:8px;padding:16px}.workspace-view-editor fieldset label{display:flex;align-items:center;gap:10px}.workspace-view-editor input[type=checkbox]{width:auto}.workspace-view-filters input{max-width:400px}.workspace-view-filters select{width:auto}.workspace-tabs{flex-wrap:wrap}.workspace-view-confirm{padding:16px;border:1px solid var(--border,#46516a);border-radius:8px}.workspace-view-confirm button{margin-right:8px}

.export-option{display:flex;align-items:center;gap:10px;margin:20px 0 10px}.export-option input{width:18px;height:18px;flex:none}

.workspace-view-avatars{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.workspace-view-list>button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-raised,var(--panel));border:1px solid var(--border);border-radius:8px}.workspace-view-filters{margin:14px 0}.workspace-filter-editor{padding:16px;border:1px solid var(--border);border-radius:10px;margin:12px 0}

/* Account accessibility: symbols supplement label colors without replacing names. */
html[data-colorblind="true"] .label-green::before,html[data-colorblind="true"] .label-green_light::before,html[data-colorblind="true"] .label-green_dark::before{content:"●";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-yellow::before,html[data-colorblind="true"] .label-yellow_light::before,html[data-colorblind="true"] .label-yellow_dark::before{content:"▲";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-orange::before,html[data-colorblind="true"] .label-orange_light::before,html[data-colorblind="true"] .label-orange_dark::before{content:"◆";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-red::before,html[data-colorblind="true"] .label-red_light::before,html[data-colorblind="true"] .label-red_dark::before{content:"■";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-purple::before,html[data-colorblind="true"] .label-purple_light::before,html[data-colorblind="true"] .label-purple_dark::before{content:"★";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-blue::before,html[data-colorblind="true"] .label-blue_light::before,html[data-colorblind="true"] .label-blue_dark::before{content:"✚";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-sky::before,html[data-colorblind="true"] .label-sky_light::before,html[data-colorblind="true"] .label-sky_dark::before{content:"○";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-lime::before,html[data-colorblind="true"] .label-lime_light::before,html[data-colorblind="true"] .label-lime_dark::before{content:"△";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-pink::before,html[data-colorblind="true"] .label-pink_light::before,html[data-colorblind="true"] .label-pink_dark::before{content:"◇";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-black::before,html[data-colorblind="true"] .label-black_light::before,html[data-colorblind="true"] .label-black_dark::before{content:"▰";display:inline-block;margin-right:5px;font-size:12px;font-weight:800;line-height:1;flex:none}
html[data-colorblind="true"] .label-color-swatch{position:relative}html[data-colorblind="true"] .label-color-swatch::before{position:absolute;left:5px;top:5px;pointer-events:none}
.card-label,.label-color-swatch{color:#172b4d}
.card-label[class*="_dark"],.label-color-swatch[class*="_dark"]{color:#fff}
.card-label.label-none{color:var(--ink)}

.session-row{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.session-row p{margin:5px 0;font-size:12px}.session-row button{flex:none}.session-confirm{border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:16px}.session-confirm button{margin-right:8px}

/* Personal collapsed-list navigation, without changing shared content. */
.list-collapse{flex:0 0 28px;width:28px;height:28px;padding:5px;background:transparent;border:0;color:var(--ink)}
.list.list-collapsed{width:44px;min-width:44px;flex:0 0 44px;padding:0;align-self:flex-start}
.list-expand{display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;width:100%;min-height:140px;max-height:70vh;padding:14px 10px;border:0;background:transparent;color:inherit;border-radius:inherit}
.list-expand:hover,.list-collapse:hover{background:var(--hover,rgba(128,128,128,.18))}
.collapsed-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:50vh}
.collapse-glyph{font-size:22px;line-height:1;writing-mode:horizontal-tb}
.list-expand .count{writing-mode:horizontal-tb;flex-shrink:0}

html[data-label-names-visible="false"] #board .card-label{font-size:0;min-width:40px;min-height:8px;padding:2px 7px}
html[data-label-names-visible="false"][data-colorblind="true"] #board .card-label{min-height:18px}
html[data-label-names-visible="false"] #board .card-label::before{margin-right:0}
.shortcuts-dialog p{display:flex;align-items:center;gap:12px}
.shortcuts-dialog kbd{display:inline-flex;justify-content:center;min-width:92px;padding:5px 9px;border-radius:6px;border:1px solid var(--line,#596174);background:var(--control,#30394b);font-size:12px}

.card-copy-form fieldset{border:0;padding:0;margin:16px 0;display:flex;gap:24px;flex-wrap:wrap}
.card-copy-form fieldset legend{font-size:12px;color:var(--muted);margin-bottom:6px}
.card-copy-form fieldset label{margin:4px 0;font-size:12px}
.card-copy-form textarea{min-height:58px;height:58px}
.card-copy-form>label{margin-top:12px}

/* List colors are board content; cards retain their own theme surface. */
.list[data-list-color="green"]{--list-tint:#244638}.list[data-list-color="yellow"]{--list-tint:#4c4327}.list[data-list-color="orange"]{--list-tint:#4c3428}.list[data-list-color="red"]{--list-tint:#4c2d35}.list[data-list-color="purple"]{--list-tint:#3d3053}.list[data-list-color="blue"]{--list-tint:#243c5b}.list[data-list-color="teal"]{--list-tint:#23444a}.list[data-list-color="lime"]{--list-tint:#394426}.list[data-list-color="magenta"]{--list-tint:#4a3044}.list[data-list-color="black"]{--list-tint:#30343d}
:root[data-theme="light"] .list[data-list-color="green"]{--list-tint:#d6ebdf}:root[data-theme="light"] .list[data-list-color="yellow"]{--list-tint:#f2e9bf}:root[data-theme="light"] .list[data-list-color="orange"]{--list-tint:#f2dfcd}:root[data-theme="light"] .list[data-list-color="red"]{--list-tint:#efd7dc}:root[data-theme="light"] .list[data-list-color="purple"]{--list-tint:#e5dbf2}:root[data-theme="light"] .list[data-list-color="blue"]{--list-tint:#d6e4f5}:root[data-theme="light"] .list[data-list-color="teal"]{--list-tint:#d1e8eb}:root[data-theme="light"] .list[data-list-color="lime"]{--list-tint:#e3ebcf}:root[data-theme="light"] .list[data-list-color="magenta"]{--list-tint:#eed8e6}:root[data-theme="light"] .list[data-list-color="black"]{--list-tint:#dce0e6}
.board .list[data-list-color],.board.has-photo-background>.list[data-list-color],.history-track .list[data-list-color]{background:var(--list-tint)}
.list-color-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}
.list-color-choice{height:36px;min-width:0;padding:0;background:var(--swatch);border:2px solid transparent;border-radius:6px;position:relative}
.list-color-choice:hover{background:var(--swatch);filter:brightness(1.1)}
.list-color-choice[aria-checked="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--canvas)}
.list-color-choice[aria-checked="true"]:after{content:'✓';display:grid;place-items:center;position:absolute;inset:5px;margin:auto;width:22px;height:22px;border-radius:50%;color:white;background:#182332}
.list-color-choice:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.list-color-remove{width:100%;margin-bottom:8px}

#modal.list-actions-dialog{width:min(380px,calc(100vw - 24px));padding:20px;max-height:calc(100dvh - 32px)}
.list-actions-dialog #modal-kicker{display:none}.list-actions-dialog h2{font-size:17px;margin:0 34px 16px 0;line-height:1.4}
.list-actions-dialog .menu-action{border:0;margin:0;padding:9px 8px;min-height:36px;border-radius:6px;font-size:13px}
.list-actions-dialog .menu-action:hover{background:var(--hover)}.list-actions-dialog h3{font-size:12px;color:var(--muted);margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.list-actions-dialog .list-color-remove{padding:8px;margin:0}.list-actions-dialog .error:empty{display:none}
.list-actions-dialog .modal-top{position:absolute;top:12px;right:12px;margin:0}.list-actions-dialog #close-modal{width:32px;height:32px;padding:6px}

/* Keep weekly names and date ranges together, leaving room for controls. */
.weekly-list .list-header{gap:4px}.weekly-list .list-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;min-width:0;font-size:12px;letter-spacing:-.15px;padding-inline:3px}
.weekly-list .list-header .count{min-width:18px;flex-shrink:0;padding:2px 4px}.weekly-list .list-collapse,.weekly-list .list-menu.icon-button{width:24px;flex:0 0 24px;padding:3px}
.history-track .weekly-list h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}

/* Card templates share the familiar list composer row. */
.list-add-actions{display:flex;align-items:center;gap:4px}.list-add-actions .add-card{flex:1;min-width:0}.list-template-action{flex:0 0 32px;width:32px;height:32px;padding:6px;background:transparent;border:0;display:grid;place-items:center}.card-mirror-label{display:block;font-size:11px;line-height:1.4;opacity:.8;padding:4px 0;white-space:normal}.mirror-card{border-inline-start:3px solid var(--accent,#8b78d9)}

.mirror-card-wrap{position:relative}.mirror-card-wrap>.card{width:100%}.mirror-options{position:absolute;right:6px;top:6px;width:28px;height:28px;padding:4px;opacity:0}.mirror-card-wrap:hover .mirror-options,.mirror-card-wrap:focus-within .mirror-options{opacity:1}.mirror-card .card-mirror-label{padding-right:26px}
/* Board table/calendar controls, keeping the established theme tokens. */
.table-editor{width:min(480px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:22px}.table-editor::backdrop{background:#080b1688;backdrop-filter:blur(3px)}.table-editor form{display:grid;gap:12px}.table-editor label{display:block}.table-editor input[type=checkbox]{width:18px;height:18px;margin-left:10px;vertical-align:middle}.table-drag-handle{cursor:grab;padding:5px;font-size:21px}.table-drag-handle:disabled{opacity:.3;cursor:default}.cards-table td:first-child,.cards-table th:first-child{width:30px;padding:4px}.calendar-entry{position:relative;padding:0 14px}.calendar-entry .calendar-card{min-height:32px}.calendar-resize{position:absolute;top:0;bottom:0;width:14px;padding:0;border:0;background:var(--selected);color:var(--selected-ink);cursor:ew-resize}.calendar-resize:nth-child(2){left:0}.calendar-resize:nth-child(3){right:0}.calendar-resize:last-child:not(:nth-child(3)){right:0;left:auto}.calendar-resize:focus-visible{outline:2px solid var(--accent)}
.calendar-resize.start{left:0;right:auto}.calendar-resize.end{right:0;left:auto}
.document-preview-frame{width:min(100%,1000px);height:70vh;border:0;background:#fff}.document-preview-text{width:100%;max-height:70vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;background:var(--panel);color:var(--ink);padding:20px;box-sizing:border-box}

/* Custom-field definitions use compact, stable rows at every dialog width. */
.custom-option-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto auto;align-items:center;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px}
.custom-option-editor>label{grid-row:1;margin:0}.custom-option-editor>input,.custom-option-editor>select{grid-row:2;min-width:0;width:100%}.custom-option-editor>button{grid-row:2;min-height:36px}.custom-definition .form-actions{flex-wrap:wrap;gap:6px}.custom-definition[draggable=true]{cursor:grab}.custom-definition input,.custom-definition select{cursor:auto}.card-custom-summary [data-field-color]{border-radius:4px;padding:2px 6px;color:#172b4d;background:#dfe1e6}.card-custom-summary [data-field-color=green]{background:#7ee2b8}.card-custom-summary [data-field-color=yellow]{background:#f5cd47}.card-custom-summary [data-field-color=orange]{background:#fea362}.card-custom-summary [data-field-color=red]{background:#f87168}.card-custom-summary [data-field-color=purple]{background:#b8acf6}.card-custom-summary [data-field-color=blue]{background:#85b8ff}.card-custom-summary [data-field-color=sky]{background:#6cc3e0}.card-custom-summary [data-field-color=lime]{background:#b3df72}.card-custom-summary [data-field-color=pink]{background:#f797d2}
@media(max-width:600px){.custom-option-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.custom-option-editor>button{grid-row:3}.custom-option-editor>button:last-child{grid-column:3}}
.attachment-section.attachment-drop-target{outline:2px dashed var(--accent);outline-offset:8px;border-radius:8px}
.custom-card-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-card-fields>h3,.custom-card-fields>.error{grid-column:1/-1}.custom-card-fields .custom-value-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0!important;border:0!important;margin:0!important;background:transparent!important}.custom-value-form>label{grid-column:1/-1;margin:0}.custom-value-form>input,.custom-value-form>select{min-width:0;width:100%}.custom-value-form>.form-actions{margin:0}.custom-value-form>.form-actions button{font-size:11px;padding:8px}.custom-value-form .compact-check{justify-self:start}.custom-value-form button[hidden]{display:none!important}@media(max-width:600px){.custom-card-fields{grid-template-columns:minmax(0,1fr)}}

.board-switch-tabs{display:flex;gap:6px;overflow-x:auto;margin:12px 0;padding-bottom:6px}.board-switch-tabs button{flex:0 0 auto;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-switch-tabs button[aria-pressed="true"]{background:var(--accent,#6951c4);color:#fff}.board-switch-results{display:grid;gap:8px}.board-switch-results>.card{margin:0;text-align:left}.board-switch-workspace{border-top:1px solid var(--border,#46516a);padding-top:12px;margin-top:8px}.board-switch-workspace h3{font-size:14px;margin:0 0 8px}

.workspace-cards-table{min-width:960px;table-layout:auto}.workspace-cards-table td:first-child,.workspace-cards-table th:first-child{width:240px;min-width:220px;padding:12px}.workspace-cards-table td:first-child button{text-align:left;line-height:1.45;white-space:normal;overflow-wrap:break-word}.workspace-cards-table td:nth-child(2){min-width:150px}.workspace-cards-table td:nth-child(4){min-width:140px}.workspace-cards-table td:nth-child(5){min-width:90px}.workspace-cards-table .workspace-view-avatars{display:inline-flex;vertical-align:middle;gap:4px}.workspace-cards-table td>.icon-button{vertical-align:middle}

.global-search-result strong{display:flex;align-items:center;gap:8px}.search-complete{display:inline-flex;flex:0 0 20px;width:20px;height:20px;align-items:center;justify-content:center;color:var(--success,#75b99b)}.search-complete svg{width:16px;height:16px}