:root{--bg:#f7f2e8;--surface:#fffdf8;--surface-2:#f7f2e8;--ink:#2a231b;--muted:#766e62;--line:rgba(42,35,27,.15);--blue:#a8862f;--blue-soft:#f3eddd;--orange:#bf5a36;--green:#5d9477;--red:#bf6a58;--shadow:0 10px 26px rgba(67,50,27,.045)}
.brand{padding-bottom:25px}.brand-logo{display:block;width:158px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}h1,h2,h3{font-family:"Noto Serif TC","Songti TC",serif;font-weight:900;letter-spacing:.01em}.content:not(.hidden){animation:ben-fade-in .42s cubic-bezier(.22,1,.36,1) both}.sidebar{background:#fffdf8;border-right-color:var(--line)}.workspace{background:#fbf8f0;border-color:var(--line)}.topbar{background:rgba(247,242,232,.92);border-bottom-color:var(--line)}.global-search{background:#fffdf8;border-color:var(--line)}.metric-card,.panel,.project-card,.source-card,.automation-row,.agent-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:11px}.project-card,.source-card,.agent-card{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease}.project-card:hover,.source-card:hover,.agent-card:hover{transform:translateY(-2px);border-color:rgba(168,134,47,.42);box-shadow:0 14px 28px rgba(67,50,27,.08)}.progress{background:#eee7d8}.nav-item.active,.nav-item:hover{color:#7c621f;background:var(--blue-soft)}.nav-item.active span{color:#a8862f}.usage b{color:#5d9477}.primary{color:#2a210f;background:linear-gradient(180deg,#e1bd69 0%,#c9a84c 55%,#b3913c 100%);border:1px solid rgba(168,134,47,.55);box-shadow:0 9px 22px rgba(168,134,47,.16);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.primary:hover{background:linear-gradient(180deg,#e8c979 0%,#d0ae54 55%,#b9963e 100%);transform:translateY(-1px);box-shadow:0 13px 30px rgba(168,134,47,.23)}.secondary{background:#fffdf8;border-color:var(--line)}.ghost,.text-btn,.project-open{color:#9a7927}.focus-item,.calendar-item,.project-row,.result-row,.field,.drive-link,.inbox-item,.task-item{border-color:rgba(42,35,27,.1)}.tag{color:#7c621f;background:#f3eddd}.tag.orange{color:#a9472d;background:#f9e9df}.tag.green{color:#4d8066;background:#eaf3ed}.tag.gray{color:#7e776d;background:#f1eee7}.project-logo{color:#a95731;background:#f9e9df}.project-logo.blue{color:#8a6d24;background:#f3eddd}.project-logo.green{color:#4d8066;background:#eaf3ed}.insight-icon{background:#f3eddd;color:#9a7927}.insight-icon.orange{color:#a9472d;background:#f9e9df}.ai-input button{color:#7c621f;background:#f3eddd}.card-progress{background:#eee7d8}.source-icon{color:#8a6d24;background:#f3eddd}.source-icon.drive{color:#4d8066;background:#eaf3ed}.source-icon.mail{color:#a9472d;background:#f9e9df}.connected{color:#4d8066;background:#eaf3ed}.file-icon.doc{color:#8a6d24;background:#f3eddd}.file-icon.sheet{color:#4d8066;background:#eaf3ed}.result-tag{color:#7e776d;background:#f1eee7}.auto-status.paused{background:#a69c8c;box-shadow:0 0 0 4px #eee9df}.agent-avatar{color:#a95731;background:#f9e9df}.agent-avatar.green{color:#4d8066;background:#eaf3ed}.agent-avatar.violet{color:#8068a9;background:#eee9f6}.detail-icon{color:#fff;background:#a8862f}.detail-tabs button.active,.detail-tabs button:hover{color:#7c621f;background:#f3eddd}.modal-backdrop{background:rgba(55,43,27,.28)}.modal{background:#fffdf8;border-color:var(--line);box-shadow:0 30px 80px rgba(67,50,27,.18)}.modal input,.modal textarea,.modal select{background:#fffdf8;color:var(--ink);border-color:var(--line)}.toast{background:#2a231b;color:#fff}.context-rule{display:block;width:34px;height:1px;background:var(--blue);margin-top:9px}
@keyframes ben-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.brand-logo{width:34px;height:34px;object-fit:cover;object-position:left center;border-radius:10px}}
.panel,.project-card,.source-card,.agent-card{position:relative;overflow:hidden;isolation:isolate}.panel::before,.project-card::before,.source-card::before,.agent-card::before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,0%),rgba(168,134,47,.13),transparent 31%);opacity:0;transition:opacity .35s ease}.panel:hover::before,.project-card:hover::before,.source-card:hover::before,.agent-card:hover::before{opacity:1}.panel>* ,.project-card>* ,.source-card>* ,.agent-card>*{position:relative;z-index:1}.project-row{transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease}.project-row:hover{transform:translateX(4px);background:linear-gradient(90deg,rgba(168,134,47,.09),transparent 70%)}.primary{position:relative;overflow:hidden}.primary::after{position:absolute;top:-30%;bottom:-30%;left:-70%;width:42%;content:"";background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);opacity:0}.primary:hover::after{animation:ben-shine .8s cubic-bezier(.22,1,.36,1)}
@keyframes ben-shine{0%{left:-70%;opacity:0}20%{opacity:1}100%{left:135%;opacity:0}}
@media(prefers-reduced-motion:reduce){.content:not(.hidden),.project-card,.source-card,.agent-card,.project-row,.primary,.primary::after{animation:none!important;transition:none!important;transform:none!important}}
.calendar-state{min-height:178px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--muted);font-size:12px}.calendar-state-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:12px;border-radius:50%;color:#a8862f;background:#f3eddd;font-size:18px}.calendar-state b{color:var(--ink);font-family:"Noto Serif TC","Songti TC",serif;font-size:15px}.calendar-state p{max-width:320px;margin:7px 0 14px;line-height:1.6}.loader-dot{width:9px;height:9px;margin:0 0 13px;border-radius:50%;background:#a8862f;box-shadow:0 0 0 5px rgba(168,134,47,.14);animation:ben-pulse 1.4s ease-in-out infinite}.calendar-panel .calendar-item{min-height:44px}.calendar-panel .secondary{padding:8px 11px}@keyframes ben-pulse{50%{opacity:.35;transform:scale(.8)}}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setting-card{min-height:250px}.setting-badge{display:inline-flex;padding:5px 8px;border-radius:5px;font-size:10px}.setting-badge.ready{color:#4d8066;background:#eaf3ed}.setting-badge.pending{color:#a9472d;background:#f9e9df}.setting-copy{max-width:520px;color:var(--muted);font-size:12px;line-height:1.7}.setting-status{display:flex;align-items:flex-start;gap:10px;margin:22px 0;padding:13px 0;border-top:1px solid rgba(42,35,27,.1);border-bottom:1px solid rgba(42,35,27,.1)}.status-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#bf5a36;box-shadow:0 0 0 4px rgba(191,90,54,.12)}.status-dot.ready{background:#5d9477;box-shadow:0 0 0 4px rgba(93,148,119,.12)}.setting-status b{display:block;font-size:12px}.setting-status small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.setup-steps{display:grid;gap:9px;margin:18px 0}.setup-steps div{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:11px}.setup-steps strong{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#8a6d24;background:#f3eddd;font-size:9px}.source-status{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 0;border-bottom:1px solid rgba(42,35,27,.1)}.source-status:last-child{border-bottom:0}.source-status span{font-size:12px;font-weight:700}.source-status b{color:#7c621f;font-size:10px;font-weight:500}.source-status small{grid-column:1 / -1;color:var(--muted);font-size:10px}@media(max-width:650px){.settings-grid{grid-template-columns:1fr}}
.integration-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:5px;color:var(--muted);background:#f1eee7;font-size:10px;white-space:nowrap}.integration-badge.ready{color:#4d8066;background:#eaf3ed}.integration-badge.pending{color:#a9472d;background:#f9e9df}.integration-results{margin-top:18px}.integration-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.integration-columns h3{margin:0 0 8px;font-size:16px}.integration-columns .result-row{align-items:flex-start}.result-link{color:#7c621f;text-decoration:none}.file-icon.drive{color:#4d8066;background:#eaf3ed}.file-icon.mail{color:#a9472d;background:#f9e9df}.file-icon.notion{color:#2a231b;background:#f3eddd}.connected-sources-card .panel-head{align-items:flex-start}@media(max-width:900px){.integration-columns{grid-template-columns:1fr}}
.inbox-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.inbox-actions .secondary{white-space:nowrap}@media(max-width:650px){.inbox-item{align-items:flex-start;flex-wrap:wrap}.inbox-item>div:first-child{min-width:0}.inbox-actions{width:100%;margin-left:0}.inbox-actions .secondary{flex:1}}
.attachment-panel-action{display:inline-flex;margin-top:14px;padding:8px 0;border:0;color:#9a7927;background:transparent;font:inherit;font-size:11px;cursor:pointer}.task-attachment-action{margin-left:auto;padding:6px 9px;border:1px solid rgba(42,35,27,.14);border-radius:7px;color:#8d6f29;background:#fffaf0;font:inherit;font-size:10px;white-space:nowrap;cursor:pointer}.attachment-summary-wrap{display:inline-flex;max-width:280px;margin-left:auto;min-width:0}.attachment-summary{display:inline-flex;align-items:center;gap:8px;max-width:280px;min-width:150px;padding:6px 9px;border:1px solid rgba(42,35,27,.14);border-radius:8px;color:var(--ink);background:#fffaf0;font:inherit;text-align:left;cursor:pointer}.attachment-summary:hover{border-color:rgba(154,121,39,.55);background:#fff8e8}.attachment-summary.is-loading,.attachment-summary.is-empty{color:#8d6f29}.attachment-summary-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:7px;color:#9a7927;background:#f5ecd7;font-size:8px;font-weight:800}.attachment-summary-copy{display:block;min-width:0;overflow:hidden}.attachment-summary-copy b{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.attachment-summary-copy small{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.attachment-summary-manage{flex:0 0 auto;color:#9a7927;font-size:9px}.attachment-modal{max-width:680px}.attachment-subtitle{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.attachment-upload{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:13px;border:1px dashed rgba(42,35,27,.22);border-radius:10px;background:#fffaf0}.attachment-upload small{color:var(--muted);font-size:10px;line-height:1.5;text-align:right}.attachment-upload .upload-label{margin:0;white-space:nowrap}.attachment-upload input{display:none}.attachment-list{display:grid;gap:1px}.attachment-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(42,35,27,.1)}.attachment-row:last-child{border-bottom:0}.attachment-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:#9a7927;background:#f5ecd7;font-size:9px;font-weight:800}.attachment-meta{flex:1;min-width:0}.attachment-meta b{display:block;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.attachment-meta small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.attachment-row a{padding:5px 7px}.attachment-state{padding:28px 10px;color:var(--muted);font-size:11px;text-align:center}@media(max-width:650px){.attachment-upload{align-items:flex-start;flex-direction:column}.attachment-upload small{text-align:left}.attachment-row{align-items:flex-start;flex-wrap:wrap}.attachment-row .attachment-meta{min-width:calc(100% - 52px)}.attachment-row a,.attachment-row button{margin-left:48px}.task-attachment-action{padding:5px 7px}.attachment-summary-wrap{width:100%;max-width:none;margin:8px 0 0 34px}.attachment-summary{width:100%;max-width:none}.attachment-summary-manage{margin-left:auto}}
.project-detail-content{animation:ben-fade-in .24s ease both}.project-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:15px}.project-stat-text{font-size:18px!important;letter-spacing:0!important}.project-progress-summary{display:grid;gap:14px}.project-progress-summary>div:first-child{display:flex;align-items:baseline;gap:10px}.project-progress-summary b{font-family:"Noto Serif TC","Songti TC",serif;font-size:30px}.project-progress-summary span,.project-progress-summary small{color:var(--muted);font-size:11px}.project-progress-summary .card-progress{height:8px;margin:0}.project-detail-panel{min-height:250px}.project-description-field{margin-bottom:10px}.project-record-list{display:grid;gap:0}.project-record-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 0;border-top:1px solid rgba(42,35,27,.1)}.project-record-row:first-child{border-top:0}.record-type-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#a8862f;background:#f3eddd;font-size:12px;font-weight:800}.project-record-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.project-record-head b{font-size:12px}.project-record-head small{color:var(--muted);font-size:10px;white-space:nowrap}.project-record-row p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.7;white-space:pre-wrap}.attachment-file-intro{margin:4px 0 22px;color:var(--muted);font-size:12px;line-height:1.7}.project-detail-panel .primary{display:inline-flex}.project-detail-panel .activity-row b{font-size:12px}.detail-tabs{overflow-x:auto;scrollbar-width:none}.detail-tabs::-webkit-scrollbar{display:none}.detail-tabs button{flex:0 0 auto;white-space:nowrap}@media(max-width:800px){.project-detail-stats{grid-template-columns:1fr}.project-record-head{align-items:flex-start;flex-direction:column;gap:4px}.project-detail-panel .panel-head{align-items:flex-start;flex-wrap:wrap}}
 .dashboard-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.dashboard-signal-card{min-height:210px}.signal-row{padding:11px 0;border-top:1px solid rgba(42,35,27,.1)}.signal-row b{font-size:12px}.signal-row p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.signal-list{margin:9px 0 0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.7}.signal-list li+li{margin-top:5px}.signal-metrics{display:grid;gap:9px}.signal-metrics div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(42,35,27,.1)}.signal-metrics span{color:var(--muted);font-size:10px}.signal-metrics b{font-size:11px;text-align:right}.wiki-sync-followup{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(42,35,27,.1);color:var(--muted);font-size:11px}.wiki-sync-followup>span{align-self:center;color:#9a7927}.project-knowledge-panel{margin:15px 0}.project-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-knowledge-grid>div{padding:12px 0;border-top:1px solid rgba(42,35,27,.1)}.project-knowledge-grid b{font-size:12px}.project-knowledge-grid p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.project-knowledge-grid ul{margin-top:8px}.work-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.work-center-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid rgba(42,35,27,.1)}.work-center-row b{display:block;font-size:12px}.work-center-row small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.work-center-row p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.agent-state{display:inline-flex;align-items:center;padding:5px 8px;border-radius:5px;color:#7c621f;background:#f3eddd;font-size:10px;white-space:nowrap}@media(max-width:950px){.dashboard-signal-grid,.work-center-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.dashboard-signal-grid,.work-center-grid,.project-knowledge-grid{grid-template-columns:1fr}.wiki-sync-followup{grid-template-columns:1fr}.wiki-sync-followup>span{justify-self:start}}
/* Ben OS v2 navigation and task-flow surface */
.nav-section-label{margin:18px 12px 7px;color:#64727b;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nav-secondary-group{margin-top:8px;padding-top:7px;border-top:1px solid #e4e5df}.primary-nav-item{font-weight:700}.primary-nav-item span{color:#172c3c}.nav-item.active,.nav-item:hover{color:#172c3c;background:#f0c571}.nav-item.active span{color:#a65e16}.ben-workflow{margin:0 0 18px;padding:20px 22px;background:#fffdf8;border-color:#e4e5df}.ben-workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ben-workflow-head h2{margin:2px 0 5px;font-size:20px}.ben-workflow-head p:not(.eyebrow){max-width:620px;margin:0;color:#64727b;font-size:12px;line-height:1.7}.ben-workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}.ben-workflow-step{display:flex;gap:9px;min-width:0;padding:11px 8px;border-top:2px solid #edb653}.ben-workflow-step>span{color:#a65e16;font-size:10px;font-weight:800}.ben-workflow-step b{display:block;color:#172c3c;font-size:12px}.ben-workflow-step small{display:block;margin-top:4px;color:#64727b;font-size:10px;line-height:1.5}@media(max-width:800px){.ben-workflow-head{flex-direction:column}.ben-workflow-steps{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ben-workflow{padding:16px}.ben-workflow-steps{grid-template-columns:1fr}.ben-workflow-step{padding-left:0}}