/* Senior Buddy account workspace — UEH teal, warm paper, clear typography. */
.sb-space{padding:72px 0;background:#edf3ef}.sb-space h2{color:#075a53;font-size:clamp(24px,3vw,38px)}.sb-space p{color:#52695e;line-height:1.7}.sb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.sb-tile{background:white;padding:24px;border:1px solid #d8e5dc;border-radius:20px}.sb-tile strong{display:block;color:#075a53;font-size:18px}.sb-tile small{display:block;margin:10px 0;color:#52695e;line-height:1.7}.sb-badge{display:inline-flex;align-items:center;background:#e9f2ed;color:#245d50;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.3}.sb-sources{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.sb-sources a{padding:12px 16px;border-radius:12px;background:white;color:#075a53;border:1px solid #d8e5dc;text-decoration:none}
.sb-dialog,.sb-dialog *{box-sizing:border-box}.sb-dialog{width:min(1220px,calc(100vw - 48px));height:min(850px,calc(100dvh - 64px));max-width:none;max-height:none;margin:auto;border:1px solid #d7e5de;border-radius:24px;padding:0;color:#203e38;background:#f5f7f4;box-shadow:0 30px 100px #002b284d;overflow:hidden;font:400 14px/1.6 Roboto,Arial,sans-serif}.sb-dialog::backdrop{background:#072e35a8;backdrop-filter:blur(5px)}.sb-dialog[open]{display:flex;flex-direction:column}
.sb-head{flex-shrink:0;padding:18px 26px;display:flex;justify-content:space-between;align-items:center;background:#075a53;color:#fff;min-height:82px}.sb-head>div{display:flex;flex-direction:column;gap:2px}.sb-head strong{font-size:19px;font-weight:600;letter-spacing:-.2px}.sb-kicker{font:600 10px/1.6 Roboto,Arial,sans-serif;letter-spacing:1.8px;color:#58776d;display:block}.sb-head .sb-kicker{color:#c2dfd2;font-size:9px}.sb-head button{border:1px solid #ffffff55;background:#ffffff10;color:#fff;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}
.sb-body{display:grid;grid-template-columns:226px minmax(0,1fr);flex:1;min-height:0;padding:0}.sb-sidebar{background:#fcfdfa;border-right:1px solid #e0e8e1;display:flex;flex-direction:column;padding:24px 16px;overflow-y:auto}.sb-main{padding:28px 32px 40px;overflow-y:auto;min-width:0;scrollbar-gutter:stable;overscroll-behavior:contain}.sb-dialog h2{font:700 clamp(24px,3vw,31px)/1.25 Roboto,Arial,sans-serif;color:#143f37;letter-spacing:-.7px;margin:6px 0 10px}.sb-dialog h3{font:600 17px/1.45 Roboto,Arial,sans-serif;color:#204c42;margin:0 0 10px}.sb-dialog p{font-size:14px;line-height:1.7;max-width:none;color:#415f55;margin:8px 0 16px}.sb-dialog .sb-muted{color:#667d73;font-size:13px;line-height:1.7}.sb-page-title{margin:0 0 24px}.sb-page-title p{margin-bottom:0}
#sbIdentity{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 8px 22px;min-width:0}#sbIdentity strong{font-size:13px;overflow-wrap:anywhere;color:#254c42}.sb-avatar{display:grid;place-items:center;background:#e0eee4;color:#075a53;font-size:24px;font-weight:700;width:48px;height:48px;border-radius:16px;margin-bottom:4px;box-shadow:inset 0 0 0 1px #cbded1}.sb-role{font-size:11px;color:#416554;background:#edf3e9;border:1px solid #d9e6d5;border-radius:20px;padding:3px 9px}#sbIdentity .sb-btn{font-size:11px;padding:4px 0;border:0;color:#78887d;background:none;min-height:0}.sb-tabs{display:flex;flex-direction:column;gap:5px;margin:8px 0}.sb-tabs button{display:flex;align-items:center;gap:12px;border:0;border-radius:10px;background:transparent;color:#567369;min-height:43px;font:500 13px/1.4 Roboto,Arial,sans-serif;padding:11px 12px;text-align:left;cursor:pointer}.sb-nav-icon{font-size:20px;line-height:1;width:22px;text-align:center;color:#799a89}.sb-tabs button.active{color:#075a53;background:#e4efe7;font-weight:700;box-shadow:inset 3px 0 #075a53}.sb-tabs button.active .sb-nav-icon{color:#075a53}.sb-tabs button:hover{background:#edf3eb}.sb-sidebar .sb-sidebar-note{font-size:11px;line-height:1.8;color:#8b9b90;padding:30px 10px 0;margin-top:auto}
.sb-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 15px;min-height:40px;border:1px solid #cdded3;border-radius:10px;background:#fff;color:#075a53;font:600 12px/1.5 Roboto,Arial,sans-serif;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s,border-color .15s}.sb-btn:hover{background:#eef5ef;border-color:#90b7a7}.sb-btn.primary{background:#075a53;color:#fff;border-color:#075a53}.sb-btn.primary:hover{background:#084a45}.sb-btn:disabled{opacity:.55;cursor:wait}.sb-dialog button:focus-visible,.sb-dialog input:focus-visible,.sb-dialog textarea:focus-visible,.sb-dialog select:focus-visible,.sb-dialog summary:focus-visible{outline:3px solid #efab73;outline-offset:3px}
.sb-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}.sb-card,.sb-row{background:#fff;border:1px solid #dce6df;border-radius:16px;padding:23px;min-width:0;overflow-wrap:anywhere}.sb-row{margin:12px 0}.sb-row>.sb-btn{margin-right:8px;margin-top:8px}.sb-row>strong{display:block;max-height:3.5em;overflow:hidden}.sb-row>small{display:block}.sb-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sb-row-head h3{margin:0}.sb-row-head .sb-btn{min-height:30px;padding:5px 10px}.sb-row p,.sb-story-detail p,.sb-preview p{white-space:pre-wrap}.sb-record-text{max-height:220px;overflow:auto}.sb-collection{display:grid;gap:12px}.sb-collection .sb-row{margin:0}.sb-private-image{display:block;max-width:100%;max-height:380px;border-radius:12px;margin-top:16px;object-fit:contain}
.sb-form{display:grid;gap:17px;width:100%;max-width:none;margin:16px 0 24px}.sb-form label{display:grid;gap:7px;color:#355e50;font-size:12px;font-weight:600}.sb-form input,.sb-form textarea,.sb-form select,.sb-library-controls input,.sb-library-controls select{padding:12px 13px;border:1px solid #cddcd2;border-radius:9px;font:400 14px/1.5 Roboto,Arial,sans-serif;color:#244b3f;background:#fff;width:100%;min-width:0;box-shadow:0 1px 2px #143b2410}.sb-form input::placeholder,.sb-form textarea::placeholder,.sb-library-controls input::placeholder{color:#8b9d92}.sb-form textarea{min-height:110px;resize:vertical}.sb-composer textarea{min-height:240px}.sb-form input[type=file]{font-size:12px;background:#f7faf5}.sb-form button[type=submit]{justify-self:start;min-width:180px}.sb-form>.sb-btn:not([type=submit]){justify-self:start}.sb-preview{background:#f6f8f3;border-radius:12px;border:1px dashed #bdcfc1;padding:22px}.sb-preview[hidden]{display:none}.sb-library-controls{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;margin:24px 0 14px}
.sb-status{font-size:13px;padding:12px 16px;border-radius:10px;background:#e5f1e8;color:#25583f;margin:0 0 18px;border:1px solid #d0e4d6}.sb-status:empty{display:none}.sb-status[data-type=loading]{background:#eef3ec;color:#63786c}.sb-status[data-type=error]{background:#fff0eb;border-color:#edc3b5;color:#a34b2b}.sb-warn{background:#fff5e6;border:1px solid #efdab7;color:#785d32!important;padding:16px;border-radius:12px}.sb-welcome{padding:26px 28px;background:radial-gradient(ellipse at 100% 0,#d8e4c7 0,transparent 55%),#e8efe1;border-radius:18px;border:1px solid #d6e1cf;margin:0 0 20px}.sb-welcome h3{font-size:24px;letter-spacing:-.6px;max-width:390px;margin-top:8px}.sb-welcome p{max-width:480px}.sb-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.sb-metrics button{display:flex;align-items:flex-start;flex-direction:column;padding:20px;border-radius:15px;border:1px solid #dce6df;background:#fff;gap:8px;color:#355e50}.sb-metrics strong{font-size:29px;line-height:1}.sb-metrics span{font-size:11px;font-weight:400}.sb-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 28px}.sb-empty{border:1px dashed #cbdad0;border-radius:16px;text-align:center;padding:32px 24px;background:#fafcf8;grid-column:1/-1}.sb-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:#e7efe3;color:#628363;font-size:24px;margin-bottom:14px}.sb-empty h3{margin-bottom:8px}.sb-empty p{max-width:440px;margin:0 auto 18px}.sb-empty .sb-btn{margin-top:2px}
.sb-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sb-story-card{border:1px solid #d8e3db;border-radius:16px;overflow:hidden;background:#fff}.sb-story-cover{display:flex;align-items:flex-end;justify-content:space-between;padding:22px;background:#dce9df;color:#356b58;height:115px}.sb-story-cover>span{font-size:70px;line-height:1;font-family:Georgia,serif}.sb-story-cover small{font-size:9px;font-weight:700;letter-spacing:2px}.sb-story-cover.blog{background:#e8e5d9;color:#746b42}.sb-story-cover.experience{background:#e5e8ef;color:#5d6c83}.sb-story-content{padding:22px}.sb-story-content h3{font-size:19px;margin-top:10px}.sb-story-detail summary{color:#075a53;font-size:12px;font-weight:600;cursor:pointer;margin:16px 0}.sb-story-detail[open]{grid-column:1/-1}.sb-story-content>.sb-btn{margin-top:10px}.sb-story-detail p{max-height:420px;overflow:auto}
.sb-inbox{display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid #dce6df;border-radius:16px;overflow:hidden;background:#fff;margin-bottom:26px;min-height:330px}.sb-thread-list{padding:18px;background:#f9fbf7;border-right:1px solid #e0e8df}.sb-thread-list>.sb-btn{width:100%;display:flex;align-items:flex-start;flex-direction:column;text-align:left;margin:8px 0;padding:12px}.sb-thread-list .sb-btn.active{background:#e2eee3;border-color:#9fc3a9}.sb-thread-list small{font-size:10px;font-weight:400}.sb-thread{padding:22px;min-width:0}.sb-thread>.sb-empty{border:0;padding:22px 8px}.sb-bubbles{display:flex;flex-direction:column;gap:12px;max-height:340px;overflow-y:auto;padding:10px 0;min-height:130px}.sb-bubble{align-self:flex-start;max-width:85%;background:#edf2ec;border-radius:12px 12px 12px 2px;padding:10px 14px}.sb-bubble.mine{align-self:flex-end;background:#075a53;border-radius:12px 12px 2px 12px;color:white}.sb-bubble p{white-space:pre-wrap;color:inherit;font-size:13px;margin:0 0 5px}.sb-bubble small{font-size:9px;opacity:.65}.sb-message-form{padding:0;border:0;box-shadow:none;margin:18px 0 0}.sb-message-form textarea{min-height:70px}.sb-dialog:has(.sb-main #sbPanel>form:first-child) .sb-sidebar-note{display:none}
@media(min-width:900px){.sb-form:not(.sb-composer):has(input[name=display_name]){grid-template-columns:repeat(2,minmax(0,1fr))}.sb-form:has(input[name=display_name])>label:has(textarea),.sb-form:has(input[name=display_name])>button,.sb-form:has(input[name=display_name])>h3{grid-column:1/-1}}
@media(max-width:900px){.sb-dialog{width:calc(100vw - 24px);height:calc(100dvh - 28px)}.sb-body{grid-template-columns:180px minmax(0,1fr)}.sb-sidebar{padding:20px 10px}.sb-main{padding:24px 20px}.sb-tabs button{font-size:12px;gap:7px}.sb-inbox{grid-template-columns:1fr}.sb-thread-list{border-right:0;border-bottom:1px solid #e0e8df;max-height:180px;overflow:auto}.sb-thread-list>.sb-btn{display:inline-flex;width:auto;margin:4px}.sb-post-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sb-dialog{width:100vw;height:100dvh;border-radius:0;border:0}.sb-head{min-height:70px;padding:14px 18px}.sb-head strong{font-size:17px}.sb-body{display:flex;flex-direction:column}.sb-sidebar{overflow:visible;border-right:0;border-bottom:1px solid #dce6df;padding:12px 14px 0;flex-shrink:0}#sbIdentity{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 0 10px;flex-wrap:wrap}#sbIdentity strong{font-size:11px;flex:1}.sb-avatar{width:28px;height:28px;border-radius:9px;font-size:14px;margin:0}.sb-role{font-size:9px}#sbIdentity .sb-btn{font-size:10px}.sb-tabs{flex-direction:row;overflow-x:auto;flex-wrap:nowrap;margin:0 -14px;padding:0 14px 10px;gap:6px;scrollbar-width:none}.sb-tabs button{flex-shrink:0;min-height:36px;padding:8px 10px;font-size:11px}.sb-tabs .sb-nav-icon{width:auto;font-size:16px}.sb-sidebar .sb-sidebar-note{display:none}.sb-main{padding:22px 16px;flex:1;min-height:0}.sb-dialog h2{font-size:26px}.sb-dialog p{font-size:13px}.sb-quick-grid,.sb-grid{grid-template-columns:1fr}.sb-card,.sb-row{padding:18px}.sb-metrics{gap:8px}.sb-metrics button{padding:14px 10px}.sb-metrics strong{font-size:24px}.sb-metrics span{font-size:10px}.sb-welcome{padding:22px}.sb-welcome h3{font-size:22px}.sb-toolbar .sb-btn{font-size:11px;padding:9px 11px}.sb-library-controls{grid-template-columns:1fr}.sb-form button[type=submit]{width:100%}.sb-row-head{align-items:flex-start}.sb-story-cover{height:90px}.sb-inbox{min-height:280px}.sb-thread{padding:16px}}
@media(prefers-reduced-motion:reduce){.sb-dialog *{scroll-behavior:auto!important;transition:none!important}}
.sb-admin-group{border:1px solid #d8e4db;border-radius:14px;padding:18px 22px;background:white;margin:16px 0}.sb-admin-group>summary{font-size:16px;font-weight:600;color:#205446;cursor:pointer}.sb-admin-group[open]>summary{margin-bottom:18px}.sb-admin-group .sb-card{background:#fafcf8}.sb-mini-spread{display:flex;gap:12px;margin:16px 0}.sb-mini-spread img{width:82px;height:142px;object-fit:contain;border-radius:6px;background:#f4f2e6;box-shadow:0 4px 10px #193e3615}.sb-dialog .sb-launch{border:0;border-radius:999px;padding:12px 18px;background:#ef7945;color:white}
.sb-sample-note{grid-column:1/-1;background:#eef4e8;border:1px solid #dce8ce;border-radius:10px;padding:14px 18px}
.sb-writing-tools{display:flex;gap:7px;flex-wrap:wrap;padding:10px;background:#edf3e8;border:1px solid #d8e4d1;border-radius:10px}.sb-writing-tools .sb-btn{padding:6px 9px;min-height:30px;font-size:11px}.sb-cover-preview{width:100%;max-height:260px;object-fit:cover;border-radius:12px;display:block}.sb-cover-preview[hidden]{display:none}.sb-story-cover.has-cover{padding:0}.sb-story-cover.has-cover img{width:100%;height:100%;object-fit:cover}.sb-preview-prose{font-size:15px;line-height:1.8}.sb-preview-prose img{max-width:100%;border-radius:10px}.sb-preview-prose blockquote{padding:16px;border-left:3px solid #df8959;background:#edf2e8}.sb-preview-prose p{white-space:normal}.sb-preview-prose figcaption{font-size:11px;color:#738473}.sb-preview-prose h2{font-size:24px}.sb-preview-prose h3{font-size:19px}
