:root{--navy:#102a43;--ink:#17324b;--muted:#697d8f;--blue:#286ce7;--border:#dfe7ef;--paper:#fff;--bg:#f4f7fb;--teal:#1f8b80;--radius:14px;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button{border:0}a{color:inherit}p{line-height:1.6}button:focus-visible,a:focus-visible{outline:3px solid #74aeff}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:15px;background:white;z-index:20;padding:12px}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--navy);color:#d8e5f1;display:flex;flex-direction:column;padding:31px 18px 22px;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-.7px;padding:0 10px;margin-bottom:42px}.brand-mark{display:flex;align-items:center;justify-content:center;width:38px;height:42px;border:2px solid #55b5f4;border-radius:12px;color:#79c9ff;font-size:30px}.brand-mark span{font-size:25px;color:#56d2b7;margin-left:-4px}.brand-light{font-weight:400;color:#d4e5f5}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#85a2bc;font-weight:650;margin-top:5px}.sidebar-label{font-size:9px;letter-spacing:1.6px;font-weight:750;color:#819cb3;padding:0 15px;margin:0 0 12px}.nav-button{width:100%;background:none;color:#a9bfd2;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;text-align:left;margin:2px 0;font-size:13px;font-weight:550}.nav-button:hover{background:#193b58;color:#fff}.nav-button.active{background:#234c73;color:#fff}.nav-icon{font-size:18px;min-width:20px;text-align:center}.nav-count{margin-left:auto;background:#416586;border-radius:5px;padding:2px 6px;font-size:10px}.sources-label{margin-top:34px}.sidebar-source{display:flex;align-items:center;gap:10px;padding:9px 15px;font-size:11px;color:#abc0d2}.source-dot{width:7px;height:7px;border-radius:50%;background:#8da2b5}.source-dot.gmail{background:#e69c67}.source-dot.outlook{background:#65a9ef}.source-dot.google_calendar{background:#b7a3f8}.source-dot.outlook_calendar{background:#65c4dc}.source-dot.android_sms{background:#68c3ab}.sidebar-source small{margin-left:auto;color:#718da7;font-size:9px}.sidebar-bottom{margin-top:auto;padding:19px 10px 0;border-top:1px solid #26445e;display:flex;gap:10px;font-size:10px;color:#d4e3f0;align-items:flex-start}.sidebar-bottom small{display:block;color:#7f9bb3;font-size:9px;margin-top:5px}.status-dot{height:6px;width:6px;background:#50baa2;border-radius:50%;margin-top:4px}.shell{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 42px;background:#ffffffd9}.breadcrumb{font-size:12px;color:#93a2af;display:flex;gap:14px;align-items:center}.breadcrumb strong{color:#536a7e;font-weight:550}.top-actions{display:flex;gap:18px;align-items:center}.pill{padding:6px 10px;border-radius:6px;background:#eaf2ff;color:#3d71b3;font-size:10px;font-weight:650}.avatar{height:31px;width:31px;border-radius:50%;background:#e8eef5;display:grid;place-items:center;font-size:9px;font-weight:700;color:#5b738a}.icon-button{background:none;font-size:22px;color:#7b8d9e;padding:3px 6px;border-radius:6px}.icon-button:hover{background:#e8eef5;color:#244461}main{max-width:1480px;width:100%;padding:37px 42px 42px;margin:0 auto;flex:1}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#6e89a1;font-weight:750;margin:0 0 8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:31px;letter-spacing:-1px;margin:0;font-weight:650}h2{font-size:19px;letter-spacing:-.4px;margin:0}h3{font-size:14px;margin:0}.page-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:8px 0 0}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.primary-button,.secondary-button,.danger-button{border-radius:8px;padding:10px 15px;font-size:11px;font-weight:650;min-height:36px;white-space:nowrap}.primary-button{background:var(--blue);color:white;box-shadow:0 3px 8px #286ce715}.primary-button:hover{background:#185ace}.secondary-button{background:white;color:#4a6378;border:1px solid var(--border)}.secondary-button:hover{border-color:#9cb6d0}.danger-button{background:#fff0f0;color:#a63142}.notice{background:#edf5ff;border:1px solid #d6e7fa;border-radius:10px;padding:13px 16px;display:flex;align-items:center;gap:12px;margin-bottom:25px;font-size:11px;color:#456782}.notice-icon{border:1px solid #8aabc8;border-radius:50%;width:17px;height:17px;text-align:center;flex-shrink:0;font-weight:750}.notice strong{font-weight:650;margin-right:9px}.notice span:not(.notice-icon){color:#67859e}.cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.metric{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px}.metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:#eef4ff;color:#5385cc}.metric-icon.teal{background:#e8f5f0;color:#4e9a82}.metric-icon.purple{background:#f1edfc;color:#9273c0}.metric-icon.amber{background:#fff3e6;color:#ba935a}.metric-number{font-size:25px;font-weight:650;letter-spacing:-.8px}.metric-label{font-size:10px;color:var(--muted);margin-top:3px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:white;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid #edf1f6;gap:10px}.panel-header p{margin:5px 0 0;font-size:10px;color:#8b9aa8}.text-button{background:none;color:#3a78ca;font-weight:600;font-size:10px;padding:5px;white-space:nowrap}.panel-stack{display:flex;flex-direction:column;gap:21px}.activity-row{display:flex;gap:12px;padding:17px 22px;border-bottom:1px solid #eef2f6;background:#fff;width:100%;text-align:left;color:inherit;align-items:flex-start}.activity-row:last-child{border-bottom:0}.activity-row:hover{background:#f8fbff}.item-symbol{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:#f0f3f8;color:#6d859b;flex-shrink:0;font-size:15px}.item-symbol.gmail{background:#fff0e8;color:#b77b52}.item-symbol.outlook{background:#ebf3ff;color:#5084c7}.item-symbol.android_sms{background:#e8f5ef;color:#489676}.item-symbol.google_calendar,.item-symbol.outlook_calendar{background:#f0edfb;color:#9679bf}.row-main{min-width:0;flex:1}.row-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.row-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.row-time{font-size:9px;color:#95a4b2;white-space:nowrap;flex-shrink:0}.row-preview{font-size:10px;color:#8998a6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:6px;line-height:1.5}.row-meta{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:9px;color:#8b9baa}.small-badge{border-radius:4px;padding:3px 6px;font-size:8px;font-weight:600;background:#edf2f8;color:#718399;display:inline-block}.small-badge.readonly{background:#f2f4f7;color:#8a98a5}.small-badge.catchmind{background:#eaf2ff;color:#4f81c3}.unread-dot{height:5px;width:5px;border-radius:50%;background:#4889e0}.agenda-list{padding:3px 21px 12px}.agenda-item{width:100%;background:none;display:flex;text-align:left;padding:15px 0;gap:13px;border-bottom:1px solid #edf1f6;color:inherit}.agenda-item:last-child{border:0}.agenda-date{font-size:10px;color:#8b9eae;min-width:48px;padding-top:1px}.agenda-line{border-left:3px solid #7aa7e5;padding-left:11px;min-width:0}.agenda-line.external{border-color:#a994cf}.agenda-title{font-size:11px;font-weight:600}.agenda-source{font-size:9px;color:#8e9dac;margin-top:6px}.task-row{padding:13px 21px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #eef2f6}.task-row:last-child{border:0}.task-check{height:17px;width:17px;border:1px solid #c6d4e1;border-radius:5px;background:white;flex-shrink:0;color:#3184bf;font-size:11px}.task-check.checked{background:#e4f2eb;border-color:#b6d7c7}.task-label{font-size:11px;flex:1;background:none;text-align:left;color:#456079;padding:3px}.task-label.completed{text-decoration:line-through;color:#9aabb8}.notes-mini{padding:17px 21px;border-bottom:1px solid #edf1f6;background:none;width:100%;text-align:left;color:inherit}.notes-mini p{margin:6px 0 0;font-size:10px;color:#8999a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:42px 24px;text-align:center;color:#8395a7;font-size:12px}.empty-state strong{display:block;color:#506e88;font-weight:600;margin-bottom:8px;font-size:14px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.search-box{flex:1;min-width:180px;position:relative}.search-box input{width:100%;padding:11px 14px 11px 36px;border:1px solid var(--border);border-radius:9px;background:white;font-size:11px}.search-box span{position:absolute;left:13px;top:9px;color:#8fa0b1;font-size:18px}.toolbar select{padding:10px 28px 10px 12px;font-size:11px;border:1px solid var(--border);border-radius:9px;background:white;color:#5d758c;max-width:100%}.result-count{font-size:10px;color:#8b9dad;margin:9px 2px 14px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;color:#8c9baa;font-size:10px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note-card{background:white;border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:24px;min-height:185px;color:inherit;display:flex;flex-direction:column;width:100%}.note-card:hover{border-color:#a6c2e3}.note-card p{font-size:11px;color:#8194a5;margin:13px 0 22px;white-space:pre-wrap;max-height:96px;overflow:hidden}.note-card small{margin-top:auto;color:#a3b0bb;font-size:9px}.calendar-panel{padding:22px}.calendar-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.calendar-month{display:flex;align-items:center;gap:14px}.calendar-month h2{font-size:19px;min-width:150px;text-align:center}.calendar-month button{font-size:19px;background:#f3f6fa;border-radius:7px;color:#6f8aa2;width:30px;height:30px}.calendar-legend{display:flex;gap:14px;flex-wrap:wrap;color:#8196a7;font-size:9px}.calendar-legend span{display:flex;align-items:center;gap:5px}.calendar-legend i{width:6px;height:6px;border-radius:50%;background:#4286df}.calendar-legend i.external{background:#ab93cb}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #e6edf4}.weekday{padding:9px;font-size:9px;color:#98a8b5;text-align:right;background:#f8fafd;border-top:1px solid #e6edf4;border-right:1px solid #e6edf4}.calendar-day{min-height:115px;border-right:1px solid #e6edf4;border-bottom:1px solid #e6edf4;padding:8px;min-width:0}.calendar-day.outside{background:#fafbfd;color:#b7c3cc}.day-number{display:flex;justify-content:flex-end;font-size:10px;color:#70899e;margin-bottom:6px}.day-number span{padding:3px;width:22px;text-align:center;border-radius:50%}.calendar-day.today .day-number span{color:white;background:#3479d6}.calendar-event{display:block;width:100%;border-radius:4px;padding:5px;margin-bottom:4px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;background:#eaf2ff;color:#4a79b2}.calendar-event.external{background:#f2eef9;color:#8970ac}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.source-card{padding:24px}.source-card h3{font-size:15px}.source-card .source-card-top{display:flex;gap:12px;align-items:center;margin-bottom:17px}.source-card p{font-size:11px;color:#8294a4;margin:10px 0}.source-status{font-size:10px;color:#8c9eae;border-top:1px solid #e9eef4;padding-top:15px;margin-top:18px}.source-status strong{color:#547693;display:block;font-weight:600;margin-bottom:5px}.source-status .connection-state{margin-bottom:10px}.connection-note{margin-top:22px;font-size:11px;color:#7d92a4;line-height:1.7}footer{padding:20px 42px;border-top:1px solid #e5ebf2;color:#a0aebc;font-size:9px;display:flex;justify-content:space-between}.loading-state{padding:75px;text-align:center;color:#91a1af;font-size:12px}.error-banner{background:#fff0f0;border:1px solid #f1d3d7;border-radius:9px;padding:14px 18px;margin-bottom:20px;font-size:12px;color:#a43d4d}dialog{border:1px solid #d7e2ed;border-radius:17px;padding:27px;width:min(620px,calc(100% - 30px));max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #18365430}dialog::backdrop{background:#102a4359;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-heading h2{font-size:22px}.dialog-help{font-size:11px;color:#8b9dad;margin:14px 0 24px}label{display:block;font-size:11px;font-weight:600;color:#6a8298;margin:16px 0 8px}input:not([type=checkbox]),textarea{width:100%;border:1px solid #d4e0ea;border-radius:8px;background:#fcfdff;color:#344f66;padding:11px;font-size:12px}textarea{resize:vertical;line-height:1.6}.form-row{display:flex;gap:14px}.form-row>div{flex:1;min-width:0}.checkbox-label{display:flex;gap:8px;align-items:center;font-weight:400;margin-bottom:15px}.dialog-footer{display:flex;align-items:center;margin-top:24px}.push-right{display:flex;gap:9px;margin-left:auto}.inline-error{color:#b23b4f;font-size:11px;min-height:16px;margin-top:12px}.detail-meta{font-size:11px;color:#8b9baa;line-height:1.7;margin:15px 0 22px}.detail-body{font-size:13px;white-space:pre-wrap;line-height:1.8;color:#567086;overflow-wrap:anywhere;max-height:48vh;overflow:auto;border-top:1px solid #e7edf4;padding-top:20px}.detail-actions{margin-top:25px;display:flex;gap:8px;flex-wrap:wrap}.toast{position:fixed;right:28px;bottom:27px;background:#173b55;color:#e3f0f8;padding:13px 20px;font-size:12px;border-radius:10px;box-shadow:0 5px 30px #173b5522;z-index:40}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.workspace-intro{font-size:11px;color:#7d94a8;margin-bottom:22px}.task-panel{max-width:850px}
@media(min-width:1650px){main{padding-top:45px}.overview-grid{grid-template-columns:1.9fr 1fr}.activity-row{padding:20px 24px}.cards-row{gap:20px}.metric{padding:22px}}
@media(max-width:1200px){.sidebar{width:218px;padding-left:12px;padding-right:12px}.shell{margin-left:218px}main{padding:29px 27px}.topbar{padding:0 27px}.metric{padding:15px 13px;gap:9px}.metric-icon{width:32px;height:34px}.metric-number{font-size:23px}.metric-label{font-size:9px}.overview-grid{gap:17px;grid-template-columns:minmax(0,1.45fr) minmax(240px,1fr)}.notes-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{padding:5px;min-height:100px}.calendar-event{font-size:8px}}
@media(max-width:950px){.sidebar{width:76px;align-items:center;padding:24px 8px}.brand{padding:0;margin-bottom:29px}.brand>span:not(.brand-mark){display:none}.brand-mark{width:35px;height:37px;font-size:26px}.sidebar-label,.nav-label,.nav-count,#sidebar-sources,.sidebar-bottom,.sources-label{display:none}.nav-button{padding:13px;justify-content:center}.shell{margin-left:76px}.overview-grid{grid-template-columns:1fr}.panel-stack{display:grid;grid-template-columns:1fr 1fr}.panel-stack .panel:last-child{grid-column:1/-1}.page-heading{align-items:flex-start}.heading-actions{max-width:225px;justify-content:flex-end}h1{font-size:28px}.cards-row{gap:10px}.calendar-legend{display:none}}
@media(max-width:640px){.sidebar{inset:auto 0 0;width:100%;height:65px;padding:5px 4px;background:#102a43f5;backdrop-filter:blur(8px)}.brand{display:none}#navigation{display:flex;justify-content:space-around;width:100%}.nav-button{padding:7px 4px;flex-direction:column;gap:3px;margin:0;min-width:45px}.nav-icon{font-size:17px}.nav-label{display:block;font-size:8px}.shell{margin-left:0;padding-bottom:65px}.topbar{height:58px;padding:0 18px}.top-actions{gap:11px}.avatar{display:none}main{padding:26px 17px 28px}.eyebrow{font-size:8px}h1{font-size:27px}.page-heading{flex-direction:column;gap:17px}.heading-actions{max-width:none;justify-content:flex-start}.page-heading p:not(.eyebrow){font-size:11px;max-width:300px}.notice{padding:12px;font-size:10px;align-items:flex-start;gap:8px}.notice strong{display:block;margin-bottom:4px}.notice span:not(.notice-icon){line-height:1.6}.cards-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.metric{padding:15px 13px}.metric-number{font-size:24px}.metric-label{font-size:9px}.panel-stack{display:flex}.panel-header{padding:18px}.activity-row{padding:16px;gap:10px}.row-title{font-size:11px}.row-time{font-size:8px}.row-meta{font-size:8px}.item-symbol{width:29px;height:30px;font-size:13px}.notes-grid,.source-grid{grid-template-columns:1fr}.calendar-panel{padding:12px}.calendar-toolbar{flex-wrap:wrap;gap:10px}.calendar-month h2{font-size:15px;min-width:120px}.calendar-day{min-height:80px;padding:3px}.weekday{font-size:8px;padding:7px 3px}.calendar-event{font-size:7px;padding:4px 2px}.day-number{font-size:9px}.calendar-day.outside .calendar-event{display:none}footer{padding:18px;font-size:8px;gap:10px}.form-row{flex-direction:column;gap:0}.toolbar{gap:8px}.toolbar .search-box{flex-basis:100%}.toolbar select{flex:1;font-size:10px}.toast{right:15px;bottom:80px;left:15px;text-align:center}dialog{padding:22px}.detail-body{font-size:12px}.row-preview{font-size:10px}.breadcrumb{font-size:10px;gap:9px}}
.panel,.panel-stack,.row-main,.note-card{min-width:0}.day-create{padding:3px;width:23px;height:23px;border-radius:50%;background:none;color:inherit;font-size:10px}.calendar-day.today .day-create{background:#3479d6;color:white}.day-create:hover{outline:1px solid #b6cde5}.note-heading{margin-top:15px;overflow-wrap:anywhere}.row-title{font-size:13px}.row-preview{font-size:11px}.row-meta{font-size:10px}
@media(max-width:950px){.overview-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.row-title{font-size:12px}.row-preview{font-size:11px}.row-meta{font-size:9px}.row-time{font-size:9px}.agenda-title,.task-label{font-size:12px}.notes-mini p{font-size:11px}}

#access { max-width: 32rem; }
#access-description { color: var(--muted, #526778); line-height: 1.6; }
.connection-grid { margin-bottom: 1.25rem; }
.connection-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
#access input { width: 100%; }


.field-help { color: var(--muted, #526778); font-size: .8rem; margin-top: .35rem; }
.import-sample { background: #f4f7fb; padding: .75rem; border-radius: .5rem; overflow-wrap: anywhere; }
#sms-import .notice { margin-top: 1rem; }
#sms-review h3 { margin-bottom: .75rem; }
#sms-import input[type=file] { padding: .65rem; }


#sms-import .dialog-footer { gap: 9px; flex-wrap: wrap; }
#sms-import .push-right { flex-wrap: wrap; justify-content: flex-end; }
#sms-summary, .source-card { overflow-wrap: anywhere; }


.read-panel { padding: 22px 24px; margin-bottom: 20px; }
.read-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.read-panel p { font-size: 12px; overflow-wrap: anywhere; }
.source-status .small-badge { margin-left: .4rem; }
#calendar-read .dialog-footer, #calendar-read .push-right { flex-wrap: wrap; gap: 9px; }
.task-groups { display: grid; gap: 18px; max-width: 850px; }
.task-toolbar { max-width: 850px; }
.task-group-title { font-size: 15px; }
.task-group .list-heading { border-bottom: 1px solid #edf1f6; }
.task-summary { flex: 1; min-width: 0; }
.task-summary .task-label { display: block; width: 100%; overflow-wrap: anywhere; }
.task-due { display: block; padding: 3px; color: var(--muted); font-size: 10px; }
.task-due.overdue { color: #a34d3e; }
.search-box input[type=search] { padding-left: 36px; }
.calendar-controls { justify-content: space-between; }
.calendar-view-switch { display: flex; gap: 6px; }
.calendar-view-switch [aria-pressed=true] { background: #eaf2ff; border-color: #97b8e3; color: #235faa; }
.calendar-range { margin-bottom: 18px; }
.calendar-day .day-number { justify-content: space-between; align-items: center; }
.calendar-day .day-view { padding: 3px; width: 23px; height: 23px; border-radius: 50%; background: none; color: inherit; font-size: 10px; }
.calendar-day.today .day-view { background: #3479d6; color: white; }
.calendar-day.today .day-create { background: none; color: #3479d6; }
.day-view:hover { outline: 1px solid #b6cde5; }
.calendar-agenda-day + .calendar-agenda-day { margin-top: 23px; }
.calendar-agenda-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.calendar-agenda-heading h3 { font-size: 14px; }
.calendar-day-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.calendar-agenda-item { display: flex; flex-direction: column; gap: 7px; width: 100%; padding: 15px 12px; border-bottom: 1px solid #edf1f6; border-left: 3px solid #7aa7e5; background: white; text-align: left; color: inherit; white-space: normal; }
.calendar-agenda-item.external { border-left-color: #a994cf; }
.calendar-agenda-item:hover { background: #f8fbff; }
.calendar-agenda-title { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.calendar-agenda-time { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.calendar-agenda-source { font-size: 11px; color: var(--muted); }
#discard-editor { max-width: 460px; }
.page-heading > div:first-child { min-width: 0; max-width: 100%; }
#page-title { overflow-wrap: anywhere; }
.podcast-view-controls { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 17px; }
.podcast-view-controls [aria-pressed=true] { color: #205bc0; background: #eaf2ff; border-color: #aac5ee; }
.podcast-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.podcast-card { padding: 22px; min-width: 0; }
.podcast-card h2 { font-size: 17px; line-height: 1.5; margin: 12px 0; overflow-wrap: anywhere; }
.podcast-badges,.podcast-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.podcast-collection,.podcast-notes { color: var(--muted); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.podcast-actions { margin-top: 18px; }
.podcast-open { display: inline-flex; align-items: center; text-decoration: none; }
#podcast-fields select { width: 100%; padding: 11px; border: 1px solid #d4e0ea; border-radius: 8px; background: #fcfdff; color: #344f66; font-size: 12px; }
@media(max-width:700px){.podcast-list{grid-template-columns:minmax(0,1fr)}.podcast-card{padding:18px}.podcast-toolbar select{min-width:140px}}
.project-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.project-card { padding: 22px; text-align: left; color: inherit; min-width: 0; }
.project-card h2 { margin-top: 14px; font-size: 18px; overflow-wrap: anywhere; }
.project-card p { color: var(--muted); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 100px; overflow: hidden; }
.project-card small { color: var(--muted); font-size: 10px; }
.project-card:hover { border-color: #9cb6d0; }
.project-detail { margin-bottom: 22px; }
.project-description { padding: 18px 22px; overflow-wrap: anywhere; }
.project-description > p:first-child { white-space: pre-wrap; font-size: 13px; }
.project-detail .notice { margin: 0 22px 18px; }
.project-create-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 22px 22px; }
.project-items { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.project-items .notes-mini { width: 100%; text-align: left; overflow-wrap: anywhere; }
#project-field select,#project-status-field select { width: 100%; padding: 11px; border: 1px solid #d4e0ea; border-radius: 8px; background: #fcfdff; color: #344f66; font-size: 12px; }
@media(max-width:1100px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.project-list,.project-items{grid-template-columns:minmax(0,1fr)}.project-description{padding:16px}.project-detail .notice{margin:0 16px 16px}.project-create-actions{padding:0 16px 16px}}
.today-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 22px; }
.today-column { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.today-grid .calendar-agenda-item { padding: 17px 22px; }
.today-continuing { font-size: 11px; font-weight: 600; color: #675293; }
.today-explainer { padding: 14px 22px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.today-section-label { margin: 0; padding: 16px 22px 12px; font-size: 11px; color: #567086; background: #f8fafd; border-bottom: 1px solid var(--border); }
.today-task-group + .today-task-group { border-top: 1px solid var(--border); }
.today-snapshots { margin-top: 22px; }
.today-snapshot-list { margin: 0; padding: 0 22px 18px; list-style: none; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; }
.today-snapshot-list li { font-size: 11px; min-width: 0; overflow-wrap: anywhere; }
.today-snapshot-list strong,.today-snapshot-list span { display: block; line-height: 1.7; }
.today-snapshot-list span { color: var(--muted); }
@media(max-width:950px){.today-grid{grid-template-columns:minmax(0,1fr)}.today-column{gap:18px}.today-grid .panel-header{flex-wrap:wrap}}
@media(max-width:640px){.today-snapshot-list{grid-template-columns:minmax(0,1fr);padding:0 16px 16px}.today-explainer{padding:13px 16px}.today-grid .calendar-agenda-item{padding:15px 16px}.today-grid{gap:18px}.today-section-label{padding:14px 16px}.today-grid .empty-state{padding:25px 16px}.today-grid .panel-header p{font-size:11px}}
.trash-notice { align-items: center; justify-content: space-between; flex-wrap: wrap; }
.trash-notice-copy { flex: 1; min-width: 160px; overflow-wrap: anywhere; }
.trash-notice-copy p { margin: 0; }
.trash-notice-copy .inline-error:empty { display: none; }
.trash-notice-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.trash-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px; border-bottom: 1px solid var(--border); }
.trash-row:last-child { border-bottom: 0; }
.trash-row-copy { min-width: 0; overflow-wrap: anywhere; }
.trash-row h2 { font-size: 15px; line-height: 1.5; }
.trash-meta, .trash-preview { font-size: 11px; color: var(--muted); margin-top: 8px; white-space: pre-wrap; }
.trash-row .inline-error:empty { display: none; }
.trash-row > button { flex-shrink: 0; }
@media(max-width:640px){#navigation{justify-content:space-between;gap:1px}.nav-button{min-width:0;flex:1;padding:7px 1px}.nav-label{font-size:7px}.nav-count{display:none}.trash-row{padding:16px;gap:12px;flex-wrap:wrap}.trash-row-copy{flex-basis:100%}.dialog-footer{gap:12px;flex-wrap:wrap}.dialog-footer .push-right{flex-wrap:wrap}}
#discard-editor .dialog-footer, #discard-editor .push-right { flex-wrap: wrap; gap: 9px; }
@media(max-width:640px){.calendar-agenda-heading{align-items:flex-start;flex-direction:column}.calendar-controls select{flex-basis:100%}.calendar-agenda-time{font-size:12px}.calendar-range{font-size:11px;line-height:1.6}}


@media(max-width:640px){#navigation{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;gap:2px;min-width:0;scrollbar-width:thin}.nav-button{flex:0 0 64px;min-width:64px;min-height:52px;padding:6px 3px}.nav-label{font-size:9px}}

#editor-write-recovery { display: block; min-width: 0; overflow-wrap: anywhere; }
#sms-recovery { display: block; min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
#sms-recovery h3 { margin: 0 0 8px; }
#sms-recovery .toolbar { flex-wrap: wrap; margin-bottom: 0; }
#editor-write-recovery > .toolbar { flex-wrap: wrap; }
#editor-saved-preview { min-width: 0; }
#editor-saved-content { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; max-height: 18rem; overflow-y: auto; }
#own-import-samples li { overflow-wrap: anywhere; }

/* Seven saved civil days; all content stays readable under the existing CSP. */
.calendar-week-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.calendar-week-day { min-width: 0; padding: 10px 7px; border: 1px solid var(--border); border-radius: 8px; }
.calendar-week-day.today { border-color: #7aa7e5; background: #f8fbff; }
.calendar-week-day h3 { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; margin-bottom: 8px; }
.calendar-week-day .calendar-day-actions { gap: 4px; margin-bottom: 8px; }
.calendar-week-day button, .calendar-week-day p { white-space: normal; overflow-wrap: anywhere; }
.calendar-week-day .calendar-agenda-item { padding: 10px 7px; }
.calendar-week-day .calendar-agenda-title, .calendar-week-day .calendar-agenda-time { font-size: 11px; }
.calendar-week-day .calendar-agenda-source, .calendar-continuation { font-size: 10px; line-height: 1.5; overflow-wrap: anywhere; color: var(--muted); }
.calendar-week-more { margin-top: 8px; text-align: left; }
.calendar-week-empty { line-height: 1.6; }
.calendar-panel .calendar-month { min-width: 0; }
.calendar-panel .calendar-month h2 { min-width: 0; overflow-wrap: anywhere; }
.calendar-panel .calendar-month button { flex-shrink: 0; }
.calendar-view-switch { flex-wrap: wrap; }
@media(max-width:1100px) { .calendar-week-grid { grid-template-columns: minmax(0, 1fr); } .calendar-week-day { padding: 14px; } .calendar-week-day .calendar-agenda-title, .calendar-week-day .calendar-agenda-time { font-size: 12px; } }

.calendar-week-day .calendar-agenda-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  line-height: 1.5;
  overflow: hidden;
}

#quick-action-recovery { display: block; }
.quick-action-row + .quick-action-row { border-top: 1px solid #d6e7fa; padding-top: 14px; margin-top: 14px; }
.quick-action-row p, .quick-action-row h3 { overflow-wrap: anywhere; }
.quick-action-row .toolbar { margin: 10px 0; }
.quick-action-row button { white-space: normal; }

/* Saved-data navigation controls, with no inline styles under the private CSP. */
.calendar-jump { margin: 0 0 12px; }
.calendar-jump .toolbar { margin-bottom: 4px; }
.calendar-jump label { margin: 0; font-size: 12px; color: var(--muted); }
.calendar-jump input { width: auto; flex: 0 1 190px; max-width: 100%; min-width: 0; padding: 9px 12px; border: 1px solid var(--border); border-radius: 8px; color: var(--ink); background: white; }
.calendar-jump p:empty { display: none; }
.podcast-toolbar > * { min-width: 0; max-width: 100%; }
.podcast-toolbar .search-box { flex-basis: 220px; }

/* Due follow-ups are separate from calendar appointments. */
.calendar-followup-toggle { margin: 0; flex-wrap: wrap; font-size: 11px; }
.calendar-followups { margin-top: 12px; padding-top: 8px; border-top: 1px dashed #cbdccc; min-width: 0; }
.calendar-followups h4 { font-size: 10px; color: #3b725c; margin: 0 0 6px; overflow-wrap: anywhere; }
.calendar-followup { display: block; width: 100%; text-align: left; color: #32664f; background: #edf7f0; border-radius: 5px; padding: 6px; margin: 4px 0; font-size: 11px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.calendar-followup:hover { background: #deefe4; }
.calendar-day .calendar-followup { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; font-size: 9px; }
.calendar-followup-more { white-space: normal; text-align: left; overflow-wrap: anywhere; }
#detail-body .calendar-followups { padding: 14px; }

.notes-toolbar > *, .task-toolbar > * { min-width: 0; max-width: 100%; }
.notes-toolbar .search-box, .task-toolbar .search-box { flex-basis: 220px; }
.notes-toolbar select, .task-toolbar select { flex: 1 1 180px; min-width: min(180px,100%); }
@media(max-width:640px){.notes-toolbar .search-box,.task-toolbar .search-box{flex-basis:100%}}

.calendar-title-controls { flex-wrap: wrap; margin-top: 12px; }
.calendar-title-controls .search-box { flex: 1 1 240px; min-width: 0; }
.calendar-title-controls input { width: 100%; min-width: 0; }
#calendar-title-status { overflow-wrap: anywhere; }
/* Private app-building results stay separate from the workspace document. */
.app-builder textarea { width:100%; min-height:150px; resize:vertical; margin:8px 0 14px; }
.app-builder label { display:block; font-weight:650; }
.app-build-card { padding:16px; margin:12px 0; border:1px solid var(--line,#d7dfea); border-radius:12px; }
.app-build-card button { margin:4px 8px 4px 0; }
.app-build-brief { white-space:pre-wrap; overflow-wrap:anywhere; max-height:20rem; overflow:auto; font:inherit; }
.app-build-frame { display:block; width:100%; height:560px; border:1px solid #bac9d8; border-radius:12px; margin-top:12px; background:white; }

/* Builder readability and keyboard focus against its light panels. */
.app-builder .field-help { color: #536a7e; }
.app-builder :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible { outline: 3px solid #286ce7; outline-offset: 4px; }

/* Keep builder actions readable at narrow widths and enlarged text. */
.app-builder :is(.primary-button,.secondary-button,.danger-button) { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }

.app-build-check-name { overflow-wrap:anywhere; white-space:pre-wrap; }

/* Long saved names must not widen the native version chooser. */
#app-build-reuse-choice, #app-build-reuse-search { display:block; width:100%; max-width:100%; min-width:0; }