/* Approved Automatech direction: shared across workspaces and niches. */
:root{--line:#e1e8ee;--muted:#607488;--premium-shadow:0 8px 28px #19344908,0 1px 3px #19344905}
body{background:#f4f7fa;color:#1d2c3d}
.workspace{background:radial-gradient(ellipse at 95% 0%,#e8effc80,transparent 44%),radial-gradient(ellipse at 8% 40%,#e8f5f080,transparent 40%);min-height:100vh}
.sidebar{background:linear-gradient(165deg,#10202d 0%,#102c33 100%);box-shadow:6px 0 24px #12273408}
.brand-image{background:#ffffff0e;border:1px solid #ffffff18;box-shadow:0 5px 18px #0002}
.nav button{border:1px solid transparent;transition:background .15s,color .15s}
.nav button.active{background:linear-gradient(100deg,#118a7e35,#118a7e12);border-color:#5db6a72d;box-shadow:inset 3px 0 #45c9b4;color:#e6fff8}
.nav button>.icon{opacity:.9}.nav-active-dot{box-shadow:0 0 10px #45c9b433}
.topbar{background:#fffffff2;min-height:76px;border-bottom-color:#e4eaf0}
.account-avatar,.person-avatar{border:1px solid #d8e9e4;background:linear-gradient(140deg,#edf9f4,#e5edf9);color:#17685f}
.main{padding-top:32px;padding-bottom:42px}
.page-head h1,.dashboard-head h1{letter-spacing:-1.05px;line-height:1.2;color:#1a2b3b}
.page-head p,.dashboard-head p{font-size:13px;line-height:1.6;color:var(--muted)}
.eyebrow{color:var(--brand);letter-spacing:1.3px;font-size:10px}
.btn{border-radius:10px;box-shadow:0 1px 2px #16384a04;transition:background .15s,border-color .15s,box-shadow .15s}
.btn:hover:not(:disabled){border-color:#b7c9d6;background:#f7fafc}
.btn.primary{box-shadow:0 4px 10px #118a7e1c}.btn.primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}
.card,.dashboard-panel,.metric-card{border-color:var(--line);border-radius:18px;box-shadow:var(--premium-shadow)}
.dashboard-hero{background:radial-gradient(ellipse at 90% 15%,#73d2af33,transparent 55%),linear-gradient(115deg,#0b605d,#168c78 65%,#269887);border:1px solid #ffffff22;box-shadow:0 10px 30px #0b605d20;border-radius:20px}
.hero-copy h2{font-size:29px;max-width:560px;letter-spacing:-.9px}.hero-copy p{font-size:13px;color:#e0f3ec;line-height:1.7}
.hero-kicker{font-size:10px;letter-spacing:1.2px;color:#ddf6ed}.hero-art-icon{background:#ffffff14;border:1px solid #ffffff40;box-shadow:0 15px 35px #004e4a24}.hero-art-detail{background:#ffffffed;box-shadow:0 8px 24px #004e4a20}
.metric-card{position:relative;overflow:hidden;padding:21px;background:linear-gradient(155deg,#fff 65%,#f3fbf8)}
.metric-card.blue{background:linear-gradient(155deg,#fff 65%,#f1f5fe)}.metric-card.violet{background:linear-gradient(155deg,#fff 65%,#f7f3fd)}.metric-card.amber{background:linear-gradient(155deg,#fff 65%,#fff8ec)}.metric-card.rose{background:linear-gradient(155deg,#fff 65%,#fff4f6)}
.metric-top>span:first-child{font-size:12px;line-height:1.5;color:#526779;font-weight:600}.metric-symbol{width:38px;height:38px;border-radius:12px}.metric-symbol>.icon{width:20px;height:20px}.metric-card>strong{font-size:36px;font-weight:750;letter-spacing:-1.2px;color:#213446}.metric-foot{font-size:11px;color:#62758a}
.dashboard-panel{padding:24px}.panel-heading h2{font-size:15px;color:#23384b}.panel-heading p{font-size:11px;line-height:1.6}.panel-pill{background:#f0f7f5;border:1px solid #daebe5;color:#246f62;font-size:10px;border-radius:7px}
.dashboard-empty{background:radial-gradient(ellipse at 50% 50%,#f1f8f6,transparent 70%);border-radius:14px}.empty-symbol{width:48px;height:48px;border-radius:15px;background:#e7f4ed;border:1px solid #d8eae1;color:#287c68}.dashboard-empty>strong{font-size:13px}.dashboard-empty>p{font-size:11px;max-width:310px}
.attention-icon{background:#fff4df;border:1px solid #f1dfbd;border-radius:11px}.appointment-time{background:#eff6fa;border:1px solid #e1ebf2;border-radius:10px;padding:9px}.appointment-person strong,.recent-person strong{font-size:12px}.appointment-person small,.recent-person small{font-size:11px}.status-tag{border-radius:7px;font-size:10px}
.table-scroll{border-radius:14px;box-shadow:var(--premium-shadow)}th{background:#f5f8fb;color:#526b80}td{padding-top:15px;padding-bottom:15px}.op-card{border-radius:12px;box-shadow:0 3px 10px #18354b05}.kanban-column{background:#eaf0f6}
.feature-inbox-overview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-6px 0 18px;color:#607488;font-size:11px}.feature-inbox-count{background:#fff;border:1px solid var(--line);padding:7px 11px;border-radius:8px;display:inline-flex;align-items:center;gap:7px}.feature-inbox-count b{color:#244358;font-size:12px}.feature-state-dot{width:6px;height:6px;border-radius:50%;background:#118a7e;display:inline-block;flex-shrink:0}.feature-state-dot.team{background:#4577dc}.feature-state-dot.pending{background:#bf842b}
.feature-inbox{grid-template-columns:minmax(260px,320px) minmax(0,1fr);border-radius:19px;border-color:var(--line);box-shadow:var(--premium-shadow);overflow:hidden}
.feature-inbox-list{background:#fafcfd;max-height:850px}.feature-inbox-search{padding:21px 18px 18px;font-size:11px;color:#536a7d;font-weight:650;border-bottom:1px solid #e8edf2}.feature-inbox-search input{padding:11px 12px;border-color:#dde6ed;border-radius:10px;background:#fff;margin-top:8px;font-size:12px}
.feature-thread{padding:18px 16px;gap:12px;border-bottom:1px solid #edf1f5;min-height:108px}.feature-thread:hover{background:#f2f7f9}.feature-thread.selected{background:linear-gradient(100deg,#eaf6f1,#f1f8f5);box-shadow:inset 4px 0 var(--brand)}
.feature-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#e8f1fc,#e1f1ec);color:#316c71;font-size:12px;letter-spacing:.5px;border:1px solid #d9e7e8;flex-shrink:0;font-weight:750}.feature-thread.selected .feature-avatar{background:linear-gradient(135deg,#d2eae0,#d6e6f3);border-color:#bfdbd0;color:#126f60}
.feature-thread-info strong{font-size:12px;font-weight:700;color:#233b4f;margin-bottom:4px}.feature-thread-info small{font-size:11px;line-height:1.5;color:#64778a}.feature-thread-info>span{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.feature-conversation-badge{font-size:9px;line-height:1.3;padding:4px 6px;border-radius:5px;background:#eef5f1;color:#267563;border:1px solid #d9e9e0;white-space:nowrap}.feature-conversation-badge.team{background:#edf3fc;color:#3b64a3;border-color:#dbe6f5}.feature-conversation-badge.resolved{background:#f0f3f5;color:#657688;border-color:#e0e7ec}.feature-conversation-badge.pending{background:#fff6e6;color:#8e6529;border-color:#f0e1c3}.feature-unread{background:var(--brand);border:2px solid #fff;box-shadow:0 2px 6px #118a7e20}
.feature-chat{min-width:0;background:white}.feature-chat-header{padding:21px 24px;gap:16px;align-items:center;border-bottom:1px solid #e6edf2;background:#fff}.feature-chat-person{display:flex;align-items:center;gap:12px;min-width:0}.feature-chat-person .feature-avatar{width:44px;height:44px}.feature-chat-header h2{font-size:17px;letter-spacing:-.3px;margin-bottom:6px;overflow-wrap:anywhere}.feature-chat-header p{font-size:11px;margin:0;color:#667c8f;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.feature-chat-header .actions{gap:6px}.feature-chat-header .btn.small{font-size:10px;min-height:33px;padding:7px 9px}
.feature-messages{height:420px;padding:26px;gap:16px;background:radial-gradient(ellipse at 100% 0,#eaf2fa60,transparent 70%),#f4f7fa;scrollbar-width:thin;scrollbar-color:#c6d5de transparent}.feature-message{border-radius:16px 16px 16px 4px;padding:13px 17px;border:1px solid #e5ebf1;box-shadow:0 2px 7px #203d5004;max-width:82%;background:white}.feature-message.outbound{border-radius:16px 16px 4px 16px;background:#eaf7f2;border-color:#d4e9df}.feature-message.note{background:#fff8e9;border-color:#f0e2bf}.feature-message>small{font-size:10px;color:#667b8d}.feature-message p{font-size:13px;line-height:1.65;margin-top:6px;color:#2a4052;overflow-wrap:anywhere}.feature-message-status{font-size:9px;color:#61798a;display:block;text-align:right;margin-top:5px}.feature-message audio{max-width:100%}
.feature-compose{padding:20px 24px;background:#fff;border-top:1px solid #e4ebf1}.feature-compose>label{font-size:11px;font-weight:650;color:#476174;margin-bottom:9px;display:block}.feature-compose textarea{min-height:82px;border:1px solid #dce5ec;border-radius:12px;background:#fafcfd;font-size:13px;line-height:1.6;padding:13px 15px}.feature-compose textarea:focus{background:white;border-color:var(--brand);outline:2px solid #118a7e18}.feature-compose-tools{margin-top:12px;gap:9px}.feature-file{border-radius:8px;font-size:11px;background:#f4f7fa;border-color:#dfe7ee}.feature-compose .meta{font-size:10px}
.feature-empty{color:#698094}.feature-empty h3{color:#38556a;font-size:16px}.feature-empty p{font-size:12px;max-width:310px;margin-inline:auto}
@media(max-width:1200px){.feature-inbox{grid-template-columns:260px minmax(0,1fr)}.feature-chat-header{align-items:flex-start;flex-wrap:wrap}.feature-chat-header .actions{margin-left:0}.hero-copy h2{font-size:26px}.metric-card{padding:17px}.metric-top>span:first-child{font-size:11px}}
@media(max-width:760px){.topbar{min-height:66px}.main{padding:24px 16px 32px}.page-head{flex-wrap:wrap;gap:14px}.page-head h1{font-size:26px}.page-head p{font-size:12px}.dashboard-hero{padding:24px;border-radius:17px}.hero-copy h2{font-size:25px}.hero-copy p{font-size:12px}.metric-card{padding:15px;border-radius:14px}.metric-symbol{width:28px;height:28px;border-radius:9px}.metric-symbol>.icon{width:16px;height:16px}.metric-card>strong{font-size:30px}.metric-top>span:first-child{font-size:11px}.metric-foot{font-size:10px}.dashboard-panel{padding:20px 18px;border-radius:15px}.panel-heading h2{font-size:14px}.feature-inbox{grid-template-columns:1fr;border-radius:16px}.feature-inbox-list{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.feature-inbox-search{padding:15px}.feature-thread{padding:15px;min-height:96px}.feature-chat-header{padding:18px 15px;gap:13px}.feature-chat-header h2{font-size:16px}.feature-chat-header .actions{width:100%;gap:6px}.feature-chat-header .btn.small{min-height:36px}.feature-messages{height:360px;padding:18px 14px;gap:14px}.feature-message{max-width:92%;padding:12px 14px}.feature-message p{font-size:12px}.feature-compose{padding:17px 15px}.feature-compose-tools{flex-wrap:wrap}.feature-inbox-overview{gap:6px}.feature-inbox-count{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.nav button,.btn{transition:none}}

.feature-file{flex:initial;position:relative;display:inline-flex;align-items:center;min-height:38px;padding:9px 12px;max-width:100%;cursor:pointer}.feature-file:focus-within{outline:2px solid var(--brand);outline-offset:3px}.feature-file-caption{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-file:has(input:disabled){opacity:.6;cursor:default}

.hero-art-detail{color:#246b61}