@font-face{font-family:DM Sans;src:url('/artifacts/team-inbox--v1--s1--gpt-6-luna-codex--best-web-design--2026-10-09T22-03-41-689Z/assets/dm-sans.ttf') format('truetype');font-display:swap}
@font-face{font-family:IBM Plex Mono;src:url('/artifacts/team-inbox--v1--s1--gpt-6-luna-codex--best-web-design--2026-10-09T22-03-41-689Z/assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--bg:#f4f3ee;--surface:#fff;--surface-soft:#fafaf8;--ink:#252a2e;--muted:#798087;--line:#e8e8e2;--accent:#ca563d;--accent-ink:#fff;--todo:#7f8991;--progress:#b67b19;--blocked:#bd5145;--done:#42836a;--font:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;display:flex;flex-direction:column;background:#efeee9;border-right:1px solid #e5e4de;padding:22px 14px 14px;z-index:2}.brand{height:34px;display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--ink);text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-1.2px}.brand-period{color:var(--accent)}.brand-mark{display:flex;gap:2px;align-items:end;width:19px;height:19px;padding:3px;border:1.5px solid #31373a;border-radius:5px;transform:rotate(-7deg)}.brand-mark i{display:block;width:3px;background:var(--accent);border-radius:3px}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:10px}.brand-mark i:nth-child(3){height:7px}.workspace-switcher{height:54px;margin:27px 1px 25px;padding:8px 9px;border:1px solid #dfdfd8;background:#f7f6f2;display:flex;align-items:center;gap:10px;border-radius:7px}.workspace-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#e8e5dc;color:#626356;font:600 12px var(--mono)}.workspace-copy,.profile-text{min-width:0;display:flex;flex-direction:column;line-height:1.35}.workspace-copy b,.profile-text b{font-size:11px;font-weight:650;white-space:nowrap}.workspace-copy small,.profile-text small{font-size:10px;color:var(--muted);margin-top:2px}.chevron{margin-left:auto;color:#959a9a;font-size:15px}.nav-label{padding:0 11px;color:#92968f;font:10px var(--mono);letter-spacing:.11em}.primary-nav{display:grid;gap:3px;margin-top:10px}.nav-link{height:36px;display:flex;align-items:center;gap:11px;padding:0 10px;border-radius:5px;text-decoration:none;color:#686f73;font-size:12px}.nav-link.selected{background:#e4e3dd;color:#282d30;font-weight:650}.nav-glyph{width:16px;text-align:center;color:#878d8e;font-size:15px}.nav-link.selected .nav-glyph{color:var(--accent)}.nav-count{margin-left:auto;background:#d7d6ce;padding:1px 6px;border-radius:9px;font:10px var(--mono);color:#555b5b}.status-nav-label{margin-top:31px}.status-nav{display:grid;gap:2px;margin-top:10px}.status-nav-item{height:30px;display:flex;align-items:center;gap:10px;padding:0 11px;color:#687075;font-size:11px}.status-nav-item>span:last-child{margin-left:auto;color:#828987;font:10px var(--mono)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--todo)}.progress-dot{background:var(--progress)}.blocked-dot{background:var(--blocked)}.done-dot{background:var(--done)}.sidebar-bottom{margin-top:auto}.team-presence{height:43px;display:flex;align-items:center;gap:9px;padding:0 9px;color:#8a8e8e;font-size:10px}.avatar-stack{display:flex;padding-left:2px}.avatar{width:21px;height:21px;margin-left:-3px;display:grid;place-items:center;border:1.5px solid #efeee9;border-radius:50%;font-size:8px;font-weight:700;color:#fff}.av-maya{background:#9f6d59}.av-theo{background:#657f7e}.av-asha{background:#947d9b}.av-more{background:#d8d5cd;color:#626661}.profile-button{width:100%;height:51px;display:flex;align-items:center;gap:9px;padding:5px 8px;border:0;border-top:1px solid #dfded8;background:transparent;text-align:left}.profile-avatar,.top-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d6ded8;color:#476254;font-size:9px;font-weight:700}.profile-text b{font-size:10px}.profile-text small{font-size:9px}.profile-button .chevron{font-size:13px}
.main-area{grid-column:2;min-width:0}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #e6e5df;background:rgba(250,249,246,.72)}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#969b9b;font-size:11px}.breadcrumbs b{font-weight:600;color:#444b4f}.crumb-slash{color:#c6c8c4}.topbar-tools{display:flex;align-items:center;gap:15px}.today-label{color:#818887;font-size:10px}.today-spark{margin-right:5px;color:var(--accent)}.icon-button{width:24px;height:24px;display:grid;place-items:center;border:1px solid #dfe0da;border-radius:50%;background:transparent;color:#79807f;font-size:12px}.top-avatar{width:25px;height:25px;border:0;font-size:8px}.inbox-content{max-width:1115px;margin:0 auto;padding:42px 48px 38px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:8px;color:#737a78;font:10px var(--mono);letter-spacing:.1em}.eyebrow-line{width:17px;height:1px;background:var(--accent)}.eyebrow-date{color:#a6aaa5;font-size:9px;letter-spacing:.06em}.page-heading h1{margin:12px 0 2px;font-size:31px;line-height:1.1;letter-spacing:-1.1px;font-weight:650}.heading-total{display:inline-block;margin-left:4px;vertical-align:top;color:#9b9f9a;font:11px var(--mono);letter-spacing:0}.page-intro{margin:8px 0 0;color:#848b8b;font-size:12px}.heading-mark{display:grid;grid-template-columns:35px 25px auto;align-items:center;gap:8px;margin:0 5px 3px 0;color:#969d99}.mark-number{font:11px var(--mono);color:var(--accent)}.mark-rule{height:1px;background:#d9dad3}.mark-caption{font:8px/1.45 var(--mono);letter-spacing:.08em;color:#989d98}.queue-card{background:var(--surface);border:1px solid #e4e5df;border-radius:7px;overflow:hidden;box-shadow:0 2px 8px rgba(42,45,39,.025)}.queue-toolbar{min-height:72px;padding:14px 19px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.queue-title{display:flex;align-items:center;gap:11px}.queue-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#f3eee9;color:var(--accent);font-size:15px}.queue-title h2{margin:0;font-size:13px;font-weight:650;letter-spacing:-.15px}.queue-title div>span{display:block;color:#929896;font-size:10px;margin-top:2px}.queue-controls{display:flex;gap:8px;align-items:center}.search-wrap{position:relative;width:200px}.search-icon{position:absolute;left:10px;top:5px;font-size:20px;line-height:20px;color:#8c9492;pointer-events:none;transform:rotate(-20deg)}.search-wrap input{width:100%;height:32px;padding:0 10px 0 31px;border:1px solid #e4e5df;border-radius:5px;outline:0;background:#fff;color:#303638;font-size:11px}.search-wrap input::placeholder{color:#a1a6a2}.filter-wrap select{width:128px;height:32px;padding:0 26px 0 10px;border:1px solid #e4e5df;border-radius:5px;outline:0;background:#fff;color:#555d5d;font-size:10px}.search-wrap input:focus,.filter-wrap select:focus,.status-control:focus{border-color:#9d7167;box-shadow:0 0 0 3px rgba(202,86,61,.12)}.list-heading,.task-row{display:grid;grid-template-columns:minmax(230px,1fr) 142px 128px 95px 16px;align-items:center;column-gap:12px}.list-heading{height:32px;padding:0 19px;background:#fbfbf9;border-bottom:1px solid #eeefe9;color:#9a9f9b;font:9px var(--mono);letter-spacing:.08em}.task-row{min-height:57px;padding:8px 19px;border-bottom:1px solid #f0f0eb;transition:background .15s}.task-row:last-child{border-bottom:0}.task-row:hover{background:#fcfcfa}.task-main{min-width:0;display:flex;align-items:center;gap:10px}.priority-mark{flex:0 0 6px;width:6px;height:6px;border-radius:2px;background:#aeb5b2}.priority-high{background:#c7654c}.priority-medium{background:#c79a53}.priority-low{background:#aeb5b2}.task-title-button{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:#343a3c;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title-button:hover{color:var(--accent)}.task-subtitle{display:block;margin-top:3px;overflow:hidden;color:#a0a5a0;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.assignee-cell{min-width:0;display:flex;align-items:center;gap:7px;color:#697173;font-size:10px;white-space:nowrap}.assignee-avatar{width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;border-radius:50%;background:#ebe8df;color:#64685e;font-size:8px;font-weight:650}.status-pill{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;font-size:9px;white-space:nowrap}.status-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-todo{color:#68727a;background:#f0f2f2}.status-in-progress{color:#95630c;background:#fbf3e3}.status-blocked{color:#a7473d;background:#fbefed}.status-done{color:#34745b;background:#eaf3ee}.due-cell{color:#798180;font:10px var(--mono);white-space:nowrap}.due-cell.overdue{color:#a46e60}.row-open{width:23px;height:25px;margin-left:-4px;border:0;border-radius:4px;background:transparent;color:#adb2ae;cursor:pointer;font-size:16px}.row-open:hover{background:#f1efea;color:var(--accent)}.queue-footer{height:40px;padding:0 19px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#949a96;font-size:9px}.queue-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-indicator{width:5px;height:5px;border-radius:50%;background:#7ea58d}.queue-footer-right{display:flex;align-items:center;gap:9px}.footer-seal{width:17px;height:17px;display:grid;place-items:center;border:1px solid #dadbd5;border-radius:50%;font:8px var(--mono);color:#999d97}.register-note{display:flex;align-items:center;gap:13px;margin-top:16px;color:#989e98;font-size:9px}.note-index,.note-tail{font:8px var(--mono);letter-spacing:.08em;color:#aaada6}.note-tail{margin-left:auto}.empty-state{min-height:252px;padding:32px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state[hidden]{display:none}.empty-stamp{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e3e3dd;border-radius:50%;color:#b1b6af;font:20px var(--mono)}.empty-state h3{margin:12px 0 3px;font-size:13px}.empty-state p{margin:0;color:#8b928d;font-size:11px}.text-button{margin-top:14px;padding:5px;border:0;background:transparent;color:var(--accent);font-size:11px;cursor:pointer}.text-button span{margin-left:5px}
.detail-backdrop{position:fixed;inset:0;background:rgba(27,31,32,.23);z-index:4}.detail-backdrop[hidden],.detail-panel[hidden],.toast[hidden]{display:none}.detail-panel{position:fixed;z-index:5;right:0;top:0;bottom:0;width:min(490px,calc(100vw - 20px));overflow-y:auto;background:#fff;box-shadow:-12px 0 32px rgba(28,33,32,.12);animation:panel-in .2s ease-out}.detail-topline{height:57px;position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.detail-kicker{display:flex;align-items:center;gap:8px;color:#909792;font:9px var(--mono);letter-spacing:.1em}.detail-kicker-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.close-button{width:29px;height:29px;border:1px solid #e7e8e2;border-radius:5px;background:white;color:#777f7c;font-size:20px;line-height:1;cursor:pointer}.detail-content{padding:26px 30px 36px}.detail-id{display:flex;align-items:center;gap:8px;color:#9a9f99;font:9px var(--mono);letter-spacing:.06em}.detail-priority{margin-left:auto;color:#a16b54}.detail-title{max-width:410px;margin:14px 0 20px;font-size:24px;line-height:1.2;letter-spacing:-.65px;font-weight:650}.detail-status-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.field-label{display:block;color:#898f8a;font:9px var(--mono);letter-spacing:.09em}.status-control{height:34px;min-width:138px;margin-top:6px;padding:0 28px 0 10px;border:1px solid #e2e4de;border-radius:5px;background:#fff;color:#454c4c;font-size:11px;outline:0}.status-feedback{min-height:15px;margin-top:4px;color:var(--done);font-size:10px}.detail-section{padding:19px 0 16px;border-bottom:1px solid var(--line)}.detail-section h3{margin:0 0 12px;color:#8d938e;font:9px var(--mono);letter-spacing:.1em;font-weight:400}.detail-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.meta-value{display:flex;align-items:center;gap:7px;margin-top:7px;color:#4d5555;font-size:11px}.meta-value .assignee-avatar{width:22px;height:22px}.meta-value svg{width:14px;height:14px;color:#909792}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:4px 7px;border:1px solid #e9eae4;border-radius:3px;color:#68716c;font-size:9px}.detail-body{color:#626a69;font-size:12px;line-height:1.75;white-space:pre-line}.detail-project{padding:10px 11px;border:1px solid #ecece6;border-radius:5px;background:#fafaf8;color:#555c5a;font-size:11px}.project-kicker{display:block;margin-bottom:4px;color:#a0a49e;font:8px var(--mono);letter-spacing:.08em}.detail-footer{display:flex;align-items:center;gap:7px;padding-top:15px;color:#929893;font-size:10px}.comment-icon{color:#9ca29c;font-size:14px}.toast{position:fixed;z-index:8;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;min-height:42px;padding:0 10px 0 13px;border:1px solid #e2e5de;border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(32,38,35,.12);color:#454d4a;font-size:11px;animation:toast-in .2s ease-out}.toast-check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e9f3ed;color:#38805f;font-size:10px}.toast button{margin-left:7px;padding:5px 7px;border:0;border-radius:3px;background:#f5f2ed;color:#9b4b38;font-size:10px;font-weight:650;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #b65a43!important;outline-offset:2px}
@keyframes panel-in{from{transform:translateX(15px);opacity:.8}to{transform:translateX(0);opacity:1}}@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1050px){.inbox-content{padding-right:28px;padding-left:28px}.topbar{padding:0 28px}.list-heading,.task-row{grid-template-columns:minmax(190px,1fr) 120px 114px 85px 16px;column-gap:8px}.list-heading,.task-row{padding-right:14px;padding-left:14px}.assignee-cell{font-size:9px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:auto;height:54px;flex-direction:row;align-items:center;padding:0 15px;border-right:0;border-bottom:1px solid #e4e3dd}.brand{padding:0;height:auto;font-size:20px}.workspace-switcher,.nav-label,.primary-nav,.status-nav,.sidebar-bottom{display:none}.main-area{display:block}.topbar{height:46px;padding:0 17px}.topbar-tools{gap:10px}.today-label{font-size:9px}.inbox-content{padding:27px 15px 28px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:28px}.heading-mark{display:none}.page-intro{font-size:11px}.queue-card{margin:0 -1px}.queue-toolbar{align-items:flex-start;flex-direction:column;padding:13px 13px 12px;gap:12px}.queue-title{gap:9px}.queue-controls{width:100%;gap:7px}.search-wrap{width:auto;flex:1}.filter-wrap select{width:121px}.list-heading{display:none}.task-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-height:73px;padding:11px 13px}.task-main{grid-column:1;grid-row:1}.task-title-button{font-size:11px}.assignee-cell{grid-column:1;grid-row:2;padding-left:16px;font-size:9px}.assignee-avatar{width:17px;height:17px;flex-basis:17px;font-size:7px}.row-open{grid-column:2;grid-row:1/3;align-self:center}.status-pill{grid-column:2;grid-row:2;margin-right:27px;padding:3px 6px;font-size:8px}.due-cell{position:absolute;right:57px;margin-top:-23px;color:#858c88;font-size:8px}.task-row{position:relative}.task-subtitle{max-width:240px}.queue-footer{padding:0 13px;height:38px}.register-note{gap:8px;font-size:8px}.note-tail{font-size:7px}.detail-panel{width:100%;top:0;bottom:0}.detail-content{padding:23px 20px 32px}.detail-title{font-size:22px}.toast{bottom:12px;width:max-content;max-width:calc(100vw - 24px)}}
@media(max-width:380px){.inbox-content{padding-right:11px;padding-left:11px}.topbar{padding:0 13px}.today-label{display:none}.filter-wrap select{width:112px}.register-note{font-size:7px}.note-index{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}