:root{--sage-ink:#233128;--sage-muted:#5E685E;--sage-soft:#E7EEDF;--sage-surface:#F8F8F3;--sage-line:#D8DED2;--sage-accent:#5B7863}
/* Interactive widget showcase based on current Discuss + Calendar widgets */
.widgets-v2{background:var(--paper)}
.widget-showcase-head{max-width:780px;margin-bottom:24px}
.widget-showcase-head p{color:var(--sage-muted)}
.widget-switcher{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}
.widget-switch{border:1px solid var(--sage-line);background:#fff;color:var(--sage-ink);border-radius:999px;padding:10px 16px;font-weight:850;cursor:pointer}
.widget-switch.active{background:var(--sage-soft);border-color:var(--sage-soft)}
.widget-preview{display:none}.widget-preview.active{display:block;animation:fade .2s ease}
.widget-stage{background:linear-gradient(145deg,#222827,#151919);border-radius:30px;padding:22px;display:flex;justify-content:center}
.widget-card-v2{width:min(100%,720px);background:var(--sage-surface);border:1px solid var(--sage-line);border-radius:28px;box-shadow:0 12px 34px rgba(18,24,18,.12);color:var(--sage-ink)}
.discuss-widget-v2{min-height:520px;padding:24px 22px 18px}
.widget-topbar-v2{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.widget-topbar-v2 h3{margin:0;font-size:2rem;line-height:1.05}.widget-topbar-v2 p{margin:3px 0 0;color:var(--sage-muted)}
.widget-top-actions-v2{display:flex;align-items:center;gap:10px}.pill-count-v2,.unread-v2{min-width:38px;height:38px;border-radius:16px;display:grid;place-items:center;background:var(--sage-soft);font-weight:900}
.icon-pill-v2{width:38px;height:38px;border-radius:16px;border:0;background:transparent;color:var(--sage-accent);font-size:1.45rem;cursor:pointer}
.segment-tabs-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.segment-tab-v2{border:0;background:transparent;color:var(--sage-ink);border-radius:999px;padding:16px 14px;font-size:1rem;cursor:pointer}.segment-tab-v2.active{background:var(--sage-soft)}
.discuss-list-v2{display:grid;gap:15px;min-height:300px}.discuss-row-v2{display:flex;gap:14px;align-items:flex-start;cursor:pointer;border-radius:18px;padding:8px}.discuss-row-v2:hover{background:#F0F3EC}
.avatar-v2{width:58px;height:58px;border-radius:50%;background:var(--sage-soft);display:grid;place-items:center;font-weight:900;flex:0 0 58px}
.discuss-main-v2{flex:1;min-width:0}.discuss-line1-v2{display:flex;justify-content:space-between;gap:12px}.discuss-line1-v2 strong{font-size:1.04rem}.date-v2,.discuss-line3-v2{color:var(--sage-muted)}.discuss-line2-v2{margin-top:4px;color:#2F3C33}
.widget-footer-v2{margin-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;color:var(--sage-muted)}
.new-chat-v2{border:0;background:var(--sage-soft);color:var(--sage-ink);border-radius:999px;padding:16px 22px;font-size:1rem;font-weight:900;cursor:pointer}
.calendar-widget-v2{padding:18px 16px 16px}.calendar-head-v2{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.calendar-title-v2{font-size:1.7rem;font-weight:900}.calendar-actions-v2{display:flex;align-items:center;gap:10px}
.mini-ctrl-v2{border:0;background:transparent;color:var(--sage-accent);font-size:2rem;cursor:pointer}.today-v2{border:0;background:transparent;color:var(--sage-accent);font-weight:900;cursor:pointer}.plus-v2{width:62px;height:62px;border-radius:20px;border:0;background:var(--sage-soft);color:var(--sage-ink);font-size:2rem;cursor:pointer}
.calendar-weekdays-v2{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:9px;color:var(--sage-muted);font-weight:850;text-align:center}
.calendar-grid-v2{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-day-v2{min-height:105px;border:1px solid var(--sage-line);border-radius:15px;background:#FAFAF7;padding:7px;position:relative}.cal-day-v2.muted{background:#F3F2EE;color:#81877F}.day-num-v2{font-size:.95rem}.cal-day-v2.selected .day-num-v2{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--sage-accent)}
.event-chip-v2{display:block;width:max-content;max-width:100%;margin-top:7px;padding:3px 7px;border-radius:999px;background:#DDE7DF;color:#314337;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-chip-v2.alt{background:#E5E8E7;color:#4C5960}
.widget-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.widget-point{border:1px solid var(--sage-line);border-radius:18px;padding:16px;background:#fff}.widget-point b{display:block;margin-bottom:4px}.widget-point p{margin:0;color:var(--sage-muted)}
.widget-demo-note{margin-top:16px;color:var(--sage-muted);font-size:.9rem}
.widget-toast-v2{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:var(--sage-ink);color:#fff;padding:9px 12px;border-radius:999px;font-size:.75rem;display:none;z-index:5;white-space:nowrap}.widget-toast-v2.show{display:block}
.widget-stage-inner{position:relative;width:min(100%,720px)}
@media(max-width:700px){.widget-topbar-v2{flex-direction:column}.segment-tabs-v2{grid-template-columns:1fr}.widget-footer-v2,.calendar-head-v2{flex-direction:column;align-items:flex-start}.widget-points{grid-template-columns:1fr}.cal-day-v2{min-height:78px;padding:5px}.calendar-grid-v2{gap:5px}.plus-v2{width:52px;height:52px}}

.native-phone{width:min(370px,100%);margin:0;background:#17221e;padding:9px 9px 0;border-radius:32px;box-shadow:0 28px 70px #17221e29}.native-screen{position:relative;border-radius:24px;overflow:hidden;background:#fafcf7}.native-screen>img{display:block;width:100%;height:auto}.native-phone figcaption{font-size:11px;color:#dce6d6;text-align:center;padding:10px 4px 12px}.native-phone-tabs{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);height:9%;background:transparent}.native-phone-tabs button{border:0;background:transparent;cursor:pointer;border-radius:14px}.native-phone-tabs button:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}.native-phone-tabs button:hover{background:#b7462f12}.screen-instruction{font-size:13px;color:var(--muted);margin:25px 0 15px}.native-tabs{display:flex;gap:8px;flex-wrap:wrap}.native-tabs button,.native-subtabs button{border:1px solid #cad3c1;background:var(--paper);padding:10px 13px;border-radius:6px;color:var(--ink);cursor:pointer;font-size:13px;font-weight:600}.native-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.native-description{margin:27px 0 24px;padding-top:23px;border-top:1px solid var(--line)}.native-description h3{font-size:24px}.native-description p{font-size:14px;color:var(--muted);margin-top:12px;max-width:440px}.native-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.native-subtabs button{font-size:12px;padding:8px 11px}.native-subtabs button[aria-pressed=true]{background:#dce5ce;border-color:#b9c7a8}
@media(max-width:480px){.native-phone{width:min(340px,100%)}.native-tabs{gap:6px}.native-tabs button{padding:10px 11px;font-size:12px}}
.native-subtabs[hidden]{display:none}

/* Screen navigation stays on the native imagery, with discoverable touch targets. */
.phone-explore-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 3px 10px}.phone-explore-controls button,.phone-calendar-modes button{border:0;background:#26372f;color:#ecf0e7;font-size:11px;padding:8px;border-radius:6px;cursor:pointer}.phone-explore-controls button:disabled{opacity:.45;cursor:default}.phone-explore-controls button[aria-pressed=true]{background:#53664b}.phone-calendar-modes{display:flex;gap:4px;justify-content:space-between;padding-bottom:9px}.phone-calendar-modes[hidden],.native-phone-tabs[hidden]{display:none}.phone-calendar-modes button{font-size:10px;padding:7px 5px;flex:1}.phone-calendar-modes button[aria-pressed=true]{background:#b7462f}.phone-hotspots{position:absolute;inset:0;pointer-events:none}.phone-hotspot{position:absolute;pointer-events:auto;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.hints-on .phone-hotspot{border:1px dashed #b7462f70;background:#b7462f05}.phone-hotspot:hover,.phone-hotspot:focus-visible{background:#b7462f22;outline:2px solid #b7462f;outline-offset:-2px}.native-phone-tabs{height:7.6%}

/* Values and labels follow Android widget layouts and WidgetMonthState. */
.widget-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.widget-controls .widget-switcher{margin:0}.widget-theme-switch{display:flex;gap:5px}.widget-theme-switch button{border:1px solid var(--sage-line);border-radius:7px;background:transparent;color:var(--sage-ink);padding:8px 12px;cursor:pointer}.widget-theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.widget-experience{--widget-bg:#f7f8f5;--widget-text:#1f2c22;--widget-secondary:#53614f;--widget-primary:#a83d22;--widget-day:#fff;--widget-outside:#f4efed;--widget-border:#d9dfd3;--widget-chip:#e5eee1;--widget-today:#e5eee1;--widget-today-border:#42624c;--widget-today-text:#2a472f}
.widget-experience[data-theme=dark]{--widget-bg:#101810;--widget-text:#e6ece2;--widget-secondary:#abb8a5;--widget-primary:#ffad90;--widget-day:#172117;--widget-outside:#111811;--widget-border:#354435;--widget-chip:#293a28;--widget-today:#293d31;--widget-today-border:#b7cabc;--widget-today-text:#e7edf5}
.widget-card-v2{background:var(--widget-bg);color:var(--widget-text);border:0;border-radius:26px}.calendar-widget-v2{padding:12px}.calendar-head-v2{gap:4px;margin-bottom:6px;align-items:center;flex-direction:row}.calendar-title-v2{font-size:20px;line-height:1.3;margin:0;min-width:0}.calendar-actions-v2{gap:2px;flex-shrink:0}.mini-ctrl-v2{color:var(--widget-secondary);font-size:27px;width:32px;height:38px}.today-v2{color:var(--widget-primary);font-size:12px;font-weight:700;height:38px;padding:0 7px}.plus-v2{border-radius:7px;background:#a83d22;color:white;width:38px;height:32px;font-size:24px;line-height:1}.calendar-weekdays-v2{gap:4px;margin:0 0 5px;color:var(--widget-secondary);font-size:11px;font-weight:700}.calendar-grid-v2{gap:4px;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-day-v2{min-height:94px;border:1px solid var(--widget-border);border-radius:8px;background:var(--widget-day);color:var(--widget-text);padding:3px;min-width:0;cursor:pointer}.cal-day-v2.muted{background:var(--widget-outside);color:var(--widget-secondary)}.cal-day-v2.selected{box-shadow:inset 0 0 0 2px var(--widget-primary)}.cal-day-v2 .day-num-v2{display:block;width:23px;height:23px;min-width:0;padding:0;margin:0 auto 4px;background:transparent;color:inherit;border:0;border-radius:50%;font-size:11px;cursor:pointer}.cal-day-v2.selected .day-num-v2{display:block;width:23px;height:23px;border:0}.cal-day-v2.is-today .day-num-v2{background:var(--widget-today);color:var(--widget-today-text);border:1px solid var(--widget-today-border)}.event-chip-v2{display:block;width:100%;max-width:100%;margin:2px 0 0;border:0;border-radius:5px;padding:2px 3px;background:#bed9b9;color:#18251b;font-size:9px;font-weight:500;text-align:left;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.event-chip-v2.blue{background:#aecdf9}.event-chip-v2.coral,.event-chip-v2.overdue-colour{background:#fab9a6}.event-chip-v2.purple{background:#d5c2f5}.event-chip-v2.pending,.event-chip-v2.done-colour{background:#d9e0e4}.event-chip-v2.overdue{color:#3d130e}.event-chip-v2.completed{text-decoration:line-through}.calendar-more{display:block;border:0;background:transparent;color:var(--widget-secondary);font-size:10px;cursor:pointer;padding:1px 2px}
.widget-agenda,.widget-conversation{padding:26px;border:1px solid var(--line);border-radius:20px;margin-top:20px;background:var(--widget-bg);color:var(--widget-text)}.agenda-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:15px}.agenda-heading h3{font-size:22px;margin-top:5px}.widget-agenda .eyebrow{color:var(--widget-secondary);font-size:10px}.widget-agenda .text-link,.widget-conversation .text-link{background:transparent;cursor:pointer;color:var(--widget-primary);border-top:0;border-left:0;border-right:0;font-size:12px}.agenda-task{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--widget-border)}.agenda-task strong{font-size:14px}.agenda-task p{font-size:12px;color:var(--widget-secondary);margin:4px 0 0}.agenda-task.completed strong{text-decoration:line-through}.agenda-task-actions{display:flex;gap:7px;flex-shrink:0}.agenda-task-actions button{font-size:11px;border:1px solid var(--widget-border);background:var(--widget-chip);color:var(--widget-text);border-radius:6px;padding:8px 10px;cursor:pointer}.agenda-complete{min-width:70px}#pending-agenda{margin-top:20px}#pending-agenda h4{font-size:13px;color:var(--widget-primary);margin-bottom:8px}.agenda-empty,.widget-legend{color:var(--widget-secondary);font-size:12px}.widget-legend{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}.sample-note{font-size:12px;color:var(--muted);margin-top:14px}
.discuss-widget-v2{padding:14px;min-height:380px}.widget-topbar-v2{align-items:center;flex-direction:row}.widget-topbar-v2 h3{font-size:20px}.widget-topbar-v2 p,.widget-footer-v2,.date-v2,.discuss-line3-v2{color:var(--widget-secondary);font-size:12px}.pill-count-v2,.unread-v2{background:var(--widget-chip);color:var(--widget-text);min-width:30px;height:30px;border-radius:9px;font-size:12px}.icon-pill-v2{color:var(--widget-primary)}.segment-tabs-v2{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.segment-tab-v2{color:var(--widget-text);padding:12px 8px;font-size:13px}.segment-tab-v2.active{background:var(--widget-chip)}.discuss-list-v2{min-height:220px;display:flex;flex-direction:column;gap:4px}.discuss-row-v2{border:0;background:transparent;color:var(--widget-text);width:100%;text-align:left;font:inherit;padding:12px 8px;gap:12px}.discuss-row-v2:hover{background:var(--widget-chip)}.avatar-v2{width:38px;height:38px;flex:0 0 38px;background:var(--widget-chip);font-size:12px}.discuss-main-v2>strong{font-size:13px}.discuss-main-v2>span{display:block}.discuss-line2-v2{font-size:12px;color:var(--widget-text);margin:5px 0;line-height:1.5}.widget-footer-v2{margin-top:8px;align-items:center;flex-direction:row}.new-chat-v2{background:var(--widget-chip);color:var(--widget-text);padding:12px;font-size:12px}.discussion-empty{color:var(--widget-secondary);padding:30px 10px;font-size:14px}.widget-conversation[hidden]{display:none}.widget-conversation h3{font-size:22px;margin:20px 0}.conversation-bubble{max-width:80%;background:var(--widget-chip);padding:12px 15px;border-radius:12px;font-size:13px;margin:10px 0}.conversation-bubble strong,.conversation-bubble span{display:block}.conversation-bubble strong{font-size:11px;margin-bottom:5px;color:var(--widget-secondary)}.conversation-bubble.own{margin-left:auto}.widget-conversation label{display:block;font-size:12px;margin:18px 0 7px}.reply-row{display:flex;gap:8px;margin-bottom:20px}.reply-row input{flex:1;min-width:0;background:var(--widget-day);color:var(--widget-text);border:1px solid var(--widget-border);padding:12px;border-radius:8px;font:inherit;font-size:13px}.reply-row button,.experience-action{border:0;border-radius:8px;background:#a83d22;color:#fff;padding:12px 16px;cursor:pointer;font-size:12px}
.experience-dialog{width:min(430px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);padding:25px;max-height:calc(100dvh - 40px);overflow:auto}.experience-dialog::backdrop{background:#17221e80}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h3{font-size:23px}.dialog-heading button{border:0;background:transparent;font-size:26px;cursor:pointer}.experience-dialog label{display:block;font-size:12px;font-weight:600;margin:15px 0 7px}.experience-dialog input,.experience-dialog select{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;padding:12px;background:#fff;color:var(--ink);font:inherit;font-size:14px}.experience-dialog .experience-action{width:100%;margin-top:18px}
@media(max-width:700px){.widget-stage{padding:10px;border-radius:24px}.calendar-widget-v2{padding:9px}.calendar-title-v2{font-size:16px}.mini-ctrl-v2{width:25px}.today-v2{font-size:11px;padding:0 4px}.plus-v2{width:32px}.calendar-grid-v2{gap:3px}.cal-day-v2{min-height:76px;padding:2px}.event-chip-v2{font-size:8px;padding:2px 1px}.widget-agenda,.widget-conversation{padding:18px}.agenda-heading{align-items:flex-start;flex-direction:column}.agenda-heading h3{font-size:20px}.agenda-task{gap:8px;align-items:flex-start;flex-direction:column}.agenda-task-actions{align-self:flex-end}.discuss-widget-v2{padding:10px}.widget-topbar-v2{gap:8px}.reply-row{gap:5px}.reply-row button{padding:10px}.conversation-bubble{max-width:92%}}
@media(prefers-reduced-motion:reduce){.widget-preview.active{animation:none}}

.task-detail-line{font-size:14px;margin:10px 0;color:var(--muted)}.task-detail-link{display:block;border:0;background:transparent;color:var(--orange);padding:14px 0 0;text-align:left;cursor:pointer;font-size:12px}

.reset-examples{border:0;background:transparent;color:var(--orange);font:inherit;text-decoration:underline;cursor:pointer;padding:0 5px}.conversation-bubble span{overflow-wrap:anywhere}
.widget-experience[data-theme=dark]{--widget-day:#19221a;--widget-outside:#091422;--widget-outside-border:#243146;--widget-border:#3c483b;--widget-chip:#304832;--widget-today:#243247;--widget-today-border:#8fa5bf}.cal-day-v2.muted{border-color:var(--widget-outside-border,var(--widget-border))}.agenda-task strong,.dialog-heading h3,.discuss-line2-v2{overflow-wrap:anywhere}