/* Production adapters for the supplied Ether design. No demo state or actions. */
:root { --green:#315b42; --selection:#e9ede0; }
*,*::before,*::after { letter-spacing:0; }
body { background:#f5f5ef; }
h1,h2,h3 { letter-spacing:0; }
.ether-brand { display:inline-flex;align-items:center;gap:9px;font:400 34px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#17291f;white-space:nowrap; }
.ether-brand img { width:23px;height:23px; }
.shell { grid-template-columns:224px minmax(0,1fr); }
.sidebar { width:224px;background:#f5f5ef;padding:28px 16px 16px; }
.brand { padding:0 8px 24px;text-decoration:none; }
.workspace-switch { display:flex;align-items:center;gap:10px;text-decoration:none;border-bottom:1px solid var(--line);padding:14px 6px 18px;margin-bottom:20px;min-width:0; }
.workspace-switch>span:nth-child(2) { min-width:0;flex:1; }
.workspace-switch strong,.workspace-switch small { display:block;overflow-wrap:anywhere; }
.workspace-switch strong { font-size:12px;font-weight:500; }
.workspace-switch small { font-size:10px;color:var(--muted);margin-top:3px; }
.workspace-switch svg { width:12px;height:12px; }
.avatar { flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#e5eadb;color:#17291f;font-size:11px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none; }
.nav { gap:4px; }
.nav a { min-height:44px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:13px;font-weight:400;padding:11px 12px;gap:11px; }
.nav a svg { width:16px;height:16px; }
.nav a.active { background:#fff;border-color:var(--line);color:#17291f; }
.nav a i { width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto; }
.nav-label { font-size:10px;font-weight:400;margin-top:18px;color:var(--muted); }
.sidebar-bottom { margin-top:auto;padding-top:24px; }
.extension-link { display:flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;font-size:11px;margin-bottom:8px;color:var(--muted); }
.extension-link svg { width:15px;height:15px; }
.extension-link svg:last-child { margin-left:auto; }
.profile { border-top:1px solid var(--line);padding:16px 4px 0; }
.profile>span:nth-child(2) { font-size:11px; }
.profile .icon-button { width:44px;height:44px;flex:0 0 44px;margin-left:auto; }
.topbar { height:60px;min-height:60px;background:#f5f5ef;padding:0 24px; }
.topbar>.icon-button:first-child { width:44px;height:44px;flex:0 0 44px; }
.crumb { font-size:11px;min-width:0; }
.crumb strong { font-weight:500; }
.top-actions { flex-shrink:0;gap:6px; }
.top-actions .icon-button { width:44px;height:44px;flex:0 0 44px;border-radius:50%; }
.top-actions .avatar { width:44px;height:44px; }
.icon-button { display:inline-flex;align-items:center;justify-content:center;text-decoration:none; }
.content { max-width:none;padding:32px 36px 48px; }
.page-header { margin-bottom:26px; }
.page-header h1 { font-size:32px;font-weight:400; }
.button,button.primary,.form-footer button { border-radius:8px;box-shadow:none;font-size:13px;font-weight:500; }
.button.primary,.send,.miniapp-submit .primary { background:#dceda6;color:#17291f;border-color:#dceda6; }
.button.primary:hover,.send:hover { background:#17291f;color:white; }
.button:not(.primary) { border-color:var(--line);background:white; }
.status { border-radius:20px;font-weight:400;font-size:11px; }
.status.neutral { background:#f1f3ed;color:#58655b; }
.app-grid { grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px; }
.app-card { border-radius:8px;padding:24px;box-shadow:none; }
.app-card h2 { font-size:21px;font-weight:400;margin-top:18px; }
.app-card p { font-size:13px; }
.app-card footer { gap:8px;flex-wrap:wrap; }
.app-icon { border-radius:50%; }
.app-icon.coral { background:#faeae5;color:#b55c48; }
.app-icon.blue { background:#e7edf6;color:#456a94; }
.app-icon.amber { background:#f7efd8;color:#926f1f; }
.app-icon.green { background:#e5eee0;color:#416547; }
.section-band { background:transparent;border-radius:0;box-shadow:none; }
.list-row { border-color:var(--line);padding-top:18px;padding-bottom:18px; }
.list-row h3 { font-size:14px;font-weight:500; }
.list-main { min-width:0; }
.tabs,.work-tabs { border-color:var(--line); }
.tab { font-size:13px; }
.tab[aria-selected=true] { color:#17291f;border-color:#315b42;background:#edf1e5; }
.miniapp-workbench { max-width:1100px;margin:auto; }
.intake-header h1 { font-size:27px;font-weight:400; }
.intake-header { border-color:var(--line); }
.intake-section { background:transparent;border-radius:0;box-shadow:none; }
.intake-section h2 { font-size:18px;font-weight:500; }
.visual-choice { border-radius:8px;box-shadow:none; }
.visual-choice:has(input:checked) { background:#edf1e5;border-color:#97ae87;color:#17291f; }
.intake-options,.field input,.field textarea,.field select,.planning-editor input,.planning-editor textarea,.planning-editor select { border-color:var(--line);border-radius:8px; }
.field label,.field>label { color:var(--text);font-weight:500;font-size:13px; }
.result-actions,.toolbar { gap:8px; }
.document { border-color:var(--line);box-shadow:none;border-radius:8px; }
.daily-workspace { max-width:1200px;margin:auto; }
.today-header h1 { font-size:38px;font-weight:400; }
.today-metric { border-color:var(--line);box-shadow:none;border-radius:8px;background:#f5f5ef; }
.today-metric strong { font-weight:400; }
.today-section { border-color:var(--line); }
.today-section h2 { font-size:17px;font-weight:500; }
.today-row { background:transparent; }
.today-aside { background:#fafbf8;padding:0 20px;border-left:1px solid var(--line); }
.planning-card { border-color:var(--line);box-shadow:none;border-radius:8px; }
.planning-card .planning-open .planning-excerpt { font-size:13px;line-height:1.7; }
.planning-day { background:#fafbf8; }
.planning-card:hover { border-color:#aeba9f; }
.auth { background:#f5f5ef; }
.auth-form { background:#fff;border:1px solid var(--line);padding:30px;border-radius:8px; }
.auth-form h1 { font-size:30px;font-weight:400; }
dialog { border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #17291f30;max-height:90dvh; }
dialog::backdrop { background:#17291f55;backdrop-filter:blur(3px); }
.dialog-header { border-color:var(--line); }
.dialog-header h2 { font-size:21px;font-weight:400; }
.dialog-header .icon-button { width:44px;height:44px;flex:0 0 44px; }
.dialog-body { min-width:0; }
.ether-quick-nav { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.ether-quick-nav a { justify-content:flex-start; }
.ether-quick-nav a svg:last-child { margin-left:auto; }
.ether-assistant { max-width:880px;margin:auto;display:flex;flex-direction:column;align-items:center;min-height:calc(100dvh - 130px);padding:0 0 24px; }
#page[data-view=assistant] { background:#f5f5ef; }
.assistant-history-slot { display:flex;justify-content:center;align-items:flex-start;min-height:36px;width:100%; }
.history-hint { align-self:center;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12px;color:var(--muted);padding:9px 15px;border:1px solid var(--line);border-radius:30px;background:#ffffff70; }
.history-hint svg { width:14px;height:14px; }
.orb { position:relative;isolation:isolate; }
.orb canvas { width:100%;height:100%;display:block;position:absolute;inset:0;z-index:1; }
.orb-fallback { position:absolute;inset:0;background:url('/workspace-assets/ether/orb-fallback-emerald.webp') center/contain no-repeat; }
.orb[data-orb-palette=mineral] .orb-fallback { background-image:url('/workspace-assets/ether/orb-fallback-mineral.webp'); }
.orb[data-renderer=webgl] .orb-fallback { display:none; }
.ether-assistant-orb { width:160px;height:160px;flex:none;margin:14px 0 0; }
.ether-ready { display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:18px; }
.ether-ready>span { width:5px;height:5px;border-radius:50%;background:#315b42; }
.ether-assistant h1 { font-size:52px;line-height:1.12;text-align:center;font-weight:400;margin:0 0 30px; }
.ether-assistant h1:focus-visible { outline:none; }
.ether-assistant h1 em { font-family:Georgia,'Times New Roman',serif;font-weight:400; }
.assistant-composer { width:100%;max-width:760px;padding:16px 18px 12px;border:1px solid #cbd4c3;border-radius:8px;background:#fff;box-shadow:0 14px 38px -30px #17291f40; }
.assistant-composer textarea { min-height:62px;height:62px;border:0;font-size:15px;line-height:1.6;resize:vertical; }
.composer-footer { display:flex;justify-content:space-between;align-items:center; }
.composer-sources { display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;border-radius:6px;color:#24563d;font-size:12px;font-weight:600;text-decoration:none; }
.composer-sources svg { width:16px;height:16px;flex:none; }
.composer-sources:hover,.composer-sources:focus-visible { background:#edf4ee; }
.context-return { display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 8px;padding:0 8px;border-radius:6px;color:#24563d;font-size:12px;font-weight:600;text-decoration:none; }
.context-return svg { width:16px;height:16px;flex:none; }
.context-return:hover,.context-return:focus-visible { background:#edf4ee; }
.ether-feed-page .feed-actions .icon-button { width:44px;height:44px;flex-basis:44px; }
.composer-footer .send { width:44px;height:44px;flex-basis:44px;border-radius:50%; }
.ether-shortcuts { display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 30px; }
.ether-shortcuts button { display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);padding:9px 14px;border-radius:24px;background:transparent;color:var(--muted);font-size:12px; }
.ether-shortcuts button:hover { background:white;border-color:#aeba9f; }
.ether-shortcuts svg { width:14px;height:14px; }
.assistant-recent-slot { width:100%;max-width:760px;min-width:0; }
.assistant-recent-error { display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#6d593d;font-size:12px; }
.assistant-recent-error button { display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:7px 10px;border:1px solid #d5c9b4;border-radius:6px;background:#fff;color:#4a3a29;font:inherit;font-weight:600; }
.assistant-recent-error button:hover { background:#fbf4e8; }
.assistant-recent-error svg { width:14px;height:14px; }
.ether-recent { width:100%;max-width:760px;min-width:0; }
.ether-recent>header { display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px; }
.ether-recent h2 { font-size:13px;font-weight:500; }
.ether-recent header a { display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12px; }
.ether-recent-list { display:grid;grid-auto-flow:column;grid-auto-columns:230px;overflow:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x proximity; }
.ether-work { display:block;text-decoration:none;text-align:left;border:1px solid var(--line);background:#ffffffc0;border-radius:8px;padding:16px;min-width:0;scroll-snap-align:start; }
.ether-work:hover { border-color:#aeba9f;background:white; }
.ether-work>span { display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);margin-bottom:10px; }
.ether-work h3 { font-size:13px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ether-work p,.ether-work small { font-size:11px;color:var(--muted); }
.ether-work p { margin-top:8px;max-height:36px;overflow:hidden; }
.dialogue-page { background:#f5f5ef; }
.chat-layout { max-width:860px;margin:0 auto;width:100%; }
.message { border:0;background:transparent; }
.user-message { background:#e9ede0;border-radius:8px; }
.message-label { font-size:11px; }
.composer { border-color:#cbd4c3;border-radius:8px; }
.empty { background:transparent;border:0; }
dialog:has(.ether-inbox) { width:min(1060px,calc(100vw - 32px)); }
dialog:has(.ether-inbox) .dialog-body { padding:0; }
.ether-inbox>header { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line); }
.ether-inbox>header strong,.ether-inbox>header small { display:block;overflow-wrap:anywhere; }
.ether-inbox>header small { color:var(--muted);margin-top:4px; }
.ether-inbox-layout { display:grid;grid-template-columns:260px minmax(0,1fr);min-height:420px; }
.ether-inbox-layout>nav { border-right:1px solid var(--line);max-height:65vh;overflow:auto;background:#fafbf8; }
.ether-inbox-layout>nav button { position:relative;display:block;width:100%;text-align:left;padding:20px 18px;border:0;border-bottom:1px solid var(--line);background:transparent; }
.ether-inbox-layout>nav button[aria-current] { background:#e9ede0;box-shadow:inset 3px 0 #315b42; }
.ether-inbox-layout>nav strong,.ether-inbox-layout>nav span,.ether-inbox-layout>nav small { display:block;overflow-wrap:anywhere; }
.ether-inbox-layout>nav strong { font-weight:500;font-size:13px; }.ether-inbox-layout>nav span { font-size:12px;margin-top:8px; }
.ether-inbox-layout>nav small { font-size:11px;color:var(--muted);margin-top:6px; }
.ether-inbox-layout>article { padding:24px;max-height:65vh;overflow:auto; }
.ether-inbox-layout>article header h2 { font-size:22px;line-height:1.35;margin-bottom:20px; }
.ether-inbox-layout>article header p { font-size:13px; }.ether-inbox-layout>article header small { color:var(--muted); }
.ether-mail-body { white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:24px 0; }
.ether-inbox-layout footer { border-top:1px solid var(--line);padding-top:18px; }
.ether-unread { position:absolute;right:8px;top:20px;width:5px;height:5px;background:#315b42;border-radius:50%; }
@media(max-width:650px) { .ether-inbox>header { align-items:flex-start;flex-direction:column; }.ether-inbox-layout { grid-template-columns:minmax(0,1fr); }.ether-inbox-layout>nav { max-height:180px;border-right:0;border-bottom:1px solid var(--line); }.ether-inbox-layout>article { max-height:none;padding:20px; } }
@media(min-width:1500px) { .ether-assistant { padding-top:22px; } }
@media(max-width:1000px) { .content { padding:28px 24px; }.today-aside { padding-left:12px;padding-right:0; } }
@media(max-width:800px) {
  .shell { display:block; }.main { grid-column:auto; }.sidebar { display:flex;width:224px;transform:translateX(-100%);top:60px; }.sidebar.open { transform:none; }.topbar>.icon-button:first-child { display:inline-flex; }.content { padding:22px 18px; }
  .topbar { padding:0 14px;gap:10px; }.crumb { flex:1; }.top-actions { gap:0; }.top-actions .avatar { display:none; }
  .ether-assistant { min-height:0; }.ether-assistant h1 { font-size:38px; }.ether-assistant-orb { width:130px;height:130px; }
  .page-header h1,.today-header h1 { font-size:28px; }.today-aside { padding:0;border:0; }
}
@media(max-width:440px) {
  .content { padding:20px 14px; }.ether-assistant h1 { font-size:30px; }.crumb { font-size:10px; }.crumb>span { margin:0 4px; }
  .top-actions .icon-button[data-action=refresh] { display:none; }.assistant-composer { padding:12px; }
  .ether-command-trigger kbd { display:none; }
  .ether-shortcuts { gap:6px; }.ether-shortcuts button { padding:8px 10px;font-size:11px; }
  .app-grid { grid-template-columns:minmax(0,1fr); }.ether-quick-nav { grid-template-columns:1fr; }
  .auth-form { padding:20px; }.intake-header h1 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }