@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');

:root {
  --ink: #172829;
  --muted: #738182;
  --line: #e5e9e6;
  --canvas: #f5f6f2;
  --card: #ffffff;
  --deep: #163a3c;
  --deep-2: #21494a;
  --teal: #2e7774;
  --mint: #d8eee6;
  --mint-2: #ecf7f2;
  --coral: #ed765e;
  --coral-soft: #fff0eb;
  --gold: #e6aa4c;
  --gold-soft: #fff7df;
  --blue: #628ac5;
  --blue-soft: #edf3fb;
  --shadow: 0 14px 40px rgba(25, 51, 48, 0.07);
  --radius: 18px;
}

/* Personal notes — calm, three-pane writing workspace */
.personal-notes-page { --note-yellow:#f4c74f;--note-yellow-soft:#fff4c7; }
.notes-page-head { margin-bottom:18px; }
.notes-workspace { min-height:610px;height:calc(100dvh - 230px);display:grid;grid-template-columns:190px 310px minmax(360px,1fr);overflow:hidden;border:1px solid #dfe3df;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(30,49,45,.09); }
.notes-folder-pane,.notes-list-pane,.notes-editor-pane { min-width:0;min-height:0; }
.notes-folder-pane { display:flex;flex-direction:column;padding:15px 10px 12px;border-right:1px solid #dedfdc;background:#f2f1ed; }
.notes-pane-title { display:flex;align-items:center;justify-content:space-between;padding:4px 8px 11px; }
.notes-pane-title strong { font:700 14px/1.2 "Manrope",sans-serif;letter-spacing:-.25px; }
.notes-pane-title button,.note-editor-toolbar button,.note-folder-form button { width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer; }
.notes-pane-title button:hover,.note-editor-toolbar button:hover,.note-folder-form button:hover { background:rgba(31,50,47,.08); }
.notes-folder-pane nav { flex:1;overflow:auto; }
.note-folder-row { width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:0;border-radius:8px;background:transparent;color:#485654;text-align:left;cursor:pointer; }
.note-folder-row:hover { background:rgba(34,52,49,.06); }
.note-folder-row.active { color:#162d2d;background:#deddd7;box-shadow:inset 0 0 0 1px rgba(30,48,45,.04); }
.note-folder-row > span { min-width:0;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.note-folder-row svg { flex:0 0 auto;color:#b58b14; }
.note-folder-row small { flex:0 0 auto;color:#89928f;font-size:9px;font-weight:700; }
.note-folder-divider { display:flex;align-items:center;justify-content:space-between;margin:17px 8px 6px;color:#89918f;font-size:8px;font-weight:800;letter-spacing:.85px;text-transform:uppercase; }
.note-folder-hint { margin:8px;padding:0;color:#8a918f;font-size:9px;line-height:1.45; }
.note-folder-actions { display:flex;gap:5px;padding:7px 6px 0; }
.note-folder-actions button { flex:1;padding:6px;border:0;border-radius:7px;background:#e8e7e2;color:#687371;font-size:9px;font-weight:700;cursor:pointer; }
.note-folder-actions button:last-child { color:#a34f41; }
.note-folder-form { display:grid;grid-template-columns:1fr 30px 30px;gap:3px;margin:7px 5px;padding:4px;border:1px solid #d3d5d0;border-radius:9px;background:#fff; }
.note-folder-form input { width:100%;min-height:30px!important;padding:0 6px!important;border:0!important;background:transparent!important;font-size:10px!important; }
.notes-private-badge { display:flex;align-items:center;gap:6px;margin:12px 7px 0;padding-top:11px;border-top:1px solid #ddded9;color:#818b88;font-size:8px;font-weight:700; }
.notes-list-pane { display:flex;flex-direction:column;border-right:1px solid #e3e4e0;background:#faf9f6; }
.notes-list-head { padding:13px 13px 10px;border-bottom:1px solid #e7e6e1; }
.notes-list-head label { display:flex;align-items:center;gap:7px;margin:0;padding:0 10px;border:1px solid #dedfd9;border-radius:9px;background:#efeeea;color:#7b8582; }
.notes-list-head input { width:100%;min-height:34px!important;padding:0!important;border:0!important;background:transparent!important;font-size:11px!important; }
.notes-list-head > span { display:block;margin:8px 2px 0;color:#8c9491;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px; }
.notes-list { flex:1;overflow:auto;scrollbar-width:thin; }
.note-list-row { width:100%;display:block;padding:14px 15px 13px;border:0;border-bottom:1px solid #e8e7e3;background:transparent;text-align:left;cursor:pointer; }
.note-list-row:hover { background:#f3f1e9; }
.note-list-row.active { background:var(--note-yellow-soft);box-shadow:inset 3px 0 0 var(--note-yellow); }
.note-list-title { min-width:0;display:flex;align-items:center;gap:6px;color:#1d302f; }
.note-list-title svg { flex:0 0 auto;color:#a9800b;fill:#a9800b; }
.note-list-title strong { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;letter-spacing:-.12px; }
.note-list-preview { display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:5px;color:#75817e;font-size:9px; }
.note-list-preview time { color:#505e5b;font-weight:700;white-space:nowrap; }
.note-list-preview small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px; }
.notes-list-empty { min-height:210px;display:grid;place-content:center;gap:5px;padding:20px;color:#86908d;text-align:center; }
.notes-list-empty strong { color:#4e5b59;font-size:12px; }.notes-list-empty small { font-size:9px; }
.notes-compose-button { display:flex;align-items:center;justify-content:center;gap:6px;margin:10px;padding:9px 11px;border:1px solid #dddcd6;border-radius:9px;background:#fff;color:#78600e;font-size:10px;font-weight:800;cursor:pointer; }
.notes-compose-button:hover { border-color:#d0aa31;background:#fff8dc; }
.notes-editor-pane { display:flex;flex-direction:column;background:#fff; }
.note-editor-toolbar { min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 15px;border-bottom:1px solid #e9e9e5;background:#fff; }
.note-format-tools,.note-editor-actions { display:flex;align-items:center;gap:3px; }
.note-format-tools button { width:31px;color:#4f5d5a;font-size:12px;font-weight:800; }
.note-format-tools button:hover { color:#80630b;background:#fff4c7; }
.note-editor-actions button.active { color:#9b7400;background:#fff0ac; }
.note-editor-actions button.danger:hover { color:#a24b3c;background:#fff0ed; }
.note-save-status { margin-right:7px;color:#85908d;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.55px; }
.note-save-status.saving { color:#a77a00; }.note-save-status.error { color:#b14e3d; }
.note-editor-meta { display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 48px 2px;color:#949c99;font-size:9px; }
.note-editor-meta label { display:flex;align-items:center;gap:6px;margin:0!important;font-size:9px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important; }
.note-editor-meta select { width:auto;min-height:27px!important;padding:2px 23px 2px 7px!important;border:1px solid #e2e3df!important;border-radius:7px!important;background-color:#faf9f6!important;color:#697572;font-size:9px!important; }
.note-editor-title { width:calc(100% - 96px)!important;min-height:auto!important;margin:12px 48px 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#182a2a!important;font:700 clamp(25px,2.6vw,34px)/1.2 "Manrope",sans-serif!important;letter-spacing:-1px!important; }
.note-editor-content { flex:1;width:calc(100% - 96px)!important;min-height:260px!important;margin:17px 48px 40px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#283a38!important;font:400 14px/1.8 "DM Sans",sans-serif!important;resize:none!important;white-space:pre-wrap; }
.note-editor-title::placeholder,.note-editor-content::placeholder { color:#b0b6b3; }
.note-editor-title:focus,.note-editor-content:focus { box-shadow:none!important; }
.note-editor-empty { flex:1;display:grid;place-content:center;justify-items:center;padding:30px;color:#919a97;text-align:center; }
.note-editor-empty > span { width:54px;height:54px;display:grid;place-items:center;margin-bottom:12px;border-radius:17px;background:#fff3be;color:#987513; }
.note-editor-empty h2 { margin:0;color:#354542;font-size:18px; }.note-editor-empty p { max-width:320px;margin:7px 0 17px;font-size:10px; }
.note-mobile-back { display:none!important; }
@media (max-width:1120px){.notes-workspace{grid-template-columns:160px 270px minmax(320px,1fr)}.note-editor-title,.note-editor-content{width:calc(100% - 64px)!important;margin-left:32px!important;margin-right:32px!important}.note-editor-meta{padding-left:32px;padding-right:32px}}
@media (max-width:800px){.notes-workspace{grid-template-columns:280px minmax(320px,1fr)}.notes-folder-pane{display:none}}
@media (max-width:620px){.notes-page-head>button{display:none}.notes-workspace{height:calc(100dvh - 165px);min-height:500px;display:block;border-radius:14px}.notes-list-pane,.notes-editor-pane{height:100%}.notes-workspace.show-list .notes-list-pane{display:flex}.notes-workspace.show-list .notes-editor-pane{display:none}.notes-workspace:not(.show-list) .notes-list-pane{display:none}.notes-workspace:not(.show-list) .notes-editor-pane{display:flex}.note-mobile-back{display:grid!important}.note-editor-toolbar{padding:8px}.note-editor-meta{padding:13px 20px 2px}.note-editor-title,.note-editor-content{width:calc(100% - 40px)!important;margin-left:20px!important;margin-right:20px!important}.note-editor-title{font-size:25px!important}.note-editor-content{font-size:14px!important}.note-save-status{display:none}.note-format-tools{gap:1px}.note-format-tools button{width:28px}.note-editor-actions{gap:1px}}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font: 14px/1.45 "DM Sans", system-ui, sans-serif; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
svg { display: block; width: 19px; height: 19px; stroke-width: 1.8; }
button:disabled { opacity: .55; cursor: not-allowed; transform: none !important; }
button:focus-visible, a:focus-visible, summary:focus-visible, [role="button"]:focus-visible { outline: 2px solid #67a897; outline-offset: 3px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; }

.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(380px, .9fr) minmax(500px, 1.1fr); background: #fff; }
.auth-brand-panel { min-height: 100vh; position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 42px 52px; color: #fff; background: var(--deep); overflow: hidden; }
.auth-brand-panel::before { content: ""; position: absolute; width: 480px; height: 480px; right: -270px; top: 12%; border: 74px solid rgba(255,255,255,.035); border-radius: 50%; }
.auth-brand-panel::after { content: ""; position: absolute; width: 260px; height: 260px; left: -160px; bottom: -130px; border: 40px solid rgba(126,192,172,.08); border-radius: 50%; }
.auth-brand { position: relative; z-index: 1; font-size: 24px; }.auth-brand > span:last-child > span { color: #8ec8b6; }
.auth-story { position: relative; z-index: 1; max-width: 520px; margin: 80px 0; }.auth-kicker { display: block; margin-bottom: 22px; color: #f1bd65; font-size: 10px; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; }.auth-story h1 { margin-bottom: 20px; font-size: clamp(38px, 4vw, 57px); line-height: 1.08; letter-spacing: -2.3px; }.auth-story > p { max-width: 430px; margin-bottom: 34px; color: #afc3bf; font-size: 15px; line-height: 1.7; }
.auth-proof { display: flex; align-items: center; gap: 16px; }.auth-avatars { display: flex; padding-left: 8px; }.auth-avatars .avatar { width: 37px; height: 37px; margin-left: -8px; border: 3px solid var(--deep); border-radius: 12px; }.auth-proof > span:last-child { display: grid; }.auth-proof strong { font-size: 11px; }.auth-proof small { color: #91aaa5; font-size: 9px; }
.auth-quote { position: relative; z-index: 1; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); color: #d5e2df; font-size: 11px; }.auth-quote span { display: block; margin-top: 6px; color: #789995; font-size: 9px; }
.auth-form-panel { min-height: 100vh; display: grid; place-items: center; padding: 45px; background: #f7f8f5; }.auth-card { width: min(420px, 100%); padding: 35px; border: 1px solid #e5eae6; border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(22,58,60,.1); }.auth-card h2 { margin: 2px 0 8px; font-size: 25px; }.auth-card > p:not(.auth-switch) { margin-bottom: 26px; color: var(--muted); font-size: 11px; }.auth-card label { margin-top: 15px; }.auth-submit, .demo-button { width: 100%; margin-top: 20px; }.auth-submit[disabled] { opacity: .65; cursor: wait; transform: none; }.auth-switch { margin: 17px 0 0; color: #889392; text-align: center; font-size: 10px; }.auth-switch button { padding: 0; border: 0; color: var(--teal); background: none; font-weight: 700; cursor: pointer; }.auth-divider { position: relative; margin: 23px 0 3px; border-top: 1px solid #e9ece9; text-align: center; }.auth-divider span { position: relative; top: -9px; padding: 0 10px; color: #a1aaa8; background: #fff; font-size: 9px; }.demo-button { margin-top: 5px; }.auth-terms { display: block; margin-top: 18px; color: #a0aaa8; text-align: center; font-size: 8px; }.auth-alert { margin: 16px 0 3px; padding: 10px 12px; color: #a94839; border: 1px solid #f2cdc5; border-radius: 9px; background: var(--coral-soft); font-size: 10px; }.auth-mobile-brand { display: none; }

.app-shell { display: flex; min-height: 100vh; }
.sidebar { width: 252px; height: 100vh; position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; flex-direction: column; padding: 25px 18px 18px; color: #d9e4df; background: var(--deep); overflow: hidden; }
.brand-wrap { display: flex; justify-content: space-between; align-items: center; padding: 0 8px 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font: 700 21px/1 "Manrope", sans-serif; color: #fff; letter-spacing: -.7px; }
.brand > span:last-child > span { color: #83b9aa; }
.brand-mark { width: 25px; height: 25px; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding-bottom: 5px; border-radius: 7px; background: #f5c069; }
.brand-mark i { display: block; width: 3px; border-radius: 3px; background: var(--deep); }
.brand-mark i:nth-child(1) { height: 7px; }.brand-mark i:nth-child(2) { height: 12px; }.brand-mark i:nth-child(3) { height: 9px; }
.sidebar-close { display: none; color: #fff; }
.workspace-switcher { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; padding: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.045); }
.workspace-switcher > span:nth-child(2) { min-width: 0; }
.workspace-switcher small, .workspace-switcher strong { display: block; }
.workspace-switcher small { color: #91aaa6; font-size: 10px; }
.workspace-switcher strong { color: #f8fbfa; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-switcher button { padding: 0; border: 0; color: #9db3af; background: transparent; }
.workspace-logo { display: grid; place-items: center; width: 34px; height: 34px; overflow:hidden;color: var(--deep); font-weight: 700; border-radius: 9px; background: #b8dfd1; }
.workspace-logo.has-image img,.workspace-option > span:first-child.has-image img { width:100%;height:100%;display:block;object-fit:cover; }
.primary-nav { min-height: 0; flex: 1; margin: 12px -7px 0 0; padding: 8px 7px 10px 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.14) transparent; }
.nav-label { display: flex; justify-content: space-between; align-items: center; margin: 0 10px 7px; color: #77938f; font-size: 10px; font-weight: 700; letter-spacing: 1.15px; text-transform: uppercase; }
.nav-label button { width: 22px; height: 22px; padding: 0; border: 0; border-radius: 7px; color: #a7bbb8; background: rgba(255,255,255,.06); font-size: 17px; line-height: 1; cursor: pointer; }
.nav-item { display: flex; align-items: center; gap: 12px; min-height: 42px; margin: 3px 0; padding: 0 12px; color: #adc0bd; border-radius: 10px; font-size: 13px; font-weight: 500; transition: .18s ease; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.055); }
.nav-item.active { color: #fff; background: rgba(128, 193, 174, .14); box-shadow: inset 3px 0 #7fc0ad; }
.nav-item.active svg { color: #91cbb9; }
.nav-count { margin-left: auto; min-width: 22px; padding: 2px 7px; color: #d8e8e3; background: rgba(255,255,255,.08); border-radius: 10px; text-align: center; font-size: 10px; }
.sidebar-group { margin-top: 10px; border-top: 1px solid rgba(255,255,255,.07); padding-top: 8px; }
.sidebar-group summary { min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 11px; color: #91aaa6; border-radius: 9px; font-size: 11px; font-weight: 600; cursor: pointer; list-style: none; transition: .18s ease; }
.sidebar-group summary::-webkit-details-marker { display: none; }
.sidebar-group summary:hover { color: #eef6f3; background: rgba(255,255,255,.045); }
.sidebar-group-title { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; }
.sidebar-group-title > span { flex: 0 0 auto; }
.sidebar-group-title svg { width: 17px; height: 17px; }
.sidebar-group-chevron { transition: transform .2s ease; }
.sidebar-group-chevron svg { width: 14px; height: 14px; }
.sidebar-group[open] .sidebar-group-chevron { transform: rotate(180deg); }
.sidebar-group-items { padding: 3px 0 1px 8px; }
.sidebar-group-items .nav-item { min-height: 38px; font-size: 12px; }
.sidebar-group-count { min-width: 22px; padding: 2px 6px; color: #bed0cc; border-radius: 10px; background: rgba(255,255,255,.07); text-align: center; font-size: 9px; }
.sidebar-projects { margin-top: 4px; }
.sidebar-add-project { width: 100%; min-height: 34px; display: flex; align-items: center; gap: 9px; margin-top: 3px; padding: 0 12px; color: #84c8b4; border: 0; border-radius: 9px; background: transparent; font-size: 11px; font-weight: 600; cursor: pointer; }
.sidebar-add-project:hover { color: #b8e4d7; background: rgba(128,193,174,.08); }
.sidebar-add-project svg { width: 15px; height: 15px; }
.template-page-note { display:flex;align-items:center;gap:13px;margin:-8px 0 22px;padding:14px 16px;color:#315e59;border:1px solid #d7e8e1;border-radius:14px;background:linear-gradient(115deg,#edf8f3,#f7faf6); }
.template-page-note > span { display:grid;place-items:center;width:36px;height:36px;color:#2f746b;border-radius:10px;background:#d8eee6; }
.template-page-note strong,.template-page-note p { display:block;margin:0; }.template-page-note strong { color:var(--ink);font-size:12px; }.template-page-note p { margin-top:2px;color:var(--muted);font-size:10px; }
.templates-library-wide { grid-column:1/-1; }
.board-toolbar-label { display: flex; align-items: baseline; gap: 10px; color: var(--ink); }
.board-toolbar-label strong { font-size: 12px; }
.board-toolbar-label span { color: var(--muted); font-size: 10px; }
.project-link { min-height: 36px; padding-left: 15px; font-size: 12px; }
.sidebar-empty { display: block; padding: 8px 15px; color: #66807d; font-size: 9px; }
.dot { width: 7px; height: 7px; border-radius: 50%; }.dot-coral { background: var(--coral); }.dot-blue { background: #739bd4; }.dot-yellow { background: #edbd68; }
.sidebar-footer { flex: 0 0 auto; margin-top: 0; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08); }
.support-card { position: relative; margin-top: 12px; padding: 15px; border-radius: 13px; background: rgba(113, 176, 160, .12); overflow: hidden; }
.support-card::after { content: ""; position: absolute; width: 70px; height: 70px; right: -25px; bottom: -28px; border: 15px solid rgba(255,255,255,.025); border-radius: 50%; }
.support-card strong, .support-card p { display: block; }
.support-card strong { margin-top: 8px; color: #f4f8f7; font-size: 12px; }
.support-card p { margin: 4px 0 10px; color: #9bb3af; font-size: 10px; }
.support-card button { padding: 0; border: 0; color: #84c8b4; background: none; font-size: 10px; font-weight: 700; cursor: pointer; }
.support-icon { display: grid; place-items: center; width: 28px; height: 28px; color: #f5c166; background: rgba(255,255,255,.07); border-radius: 8px; }

.main-area { min-width: 0; min-height: 100vh; margin-left: 252px; flex: 1; }
.topbar { height: 76px; position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; padding: 0 36px; border-bottom: 1px solid #e8ebe7; background: rgba(245,246,242,.92); backdrop-filter: blur(16px); }
.menu-button { display: none; }
.icon-button { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 10px; background: transparent; cursor: pointer; }
.icon-button:hover { background: rgba(21,58,60,.06); }
.menu-button, .sidebar-close { display: none; }
.search-trigger { width: min(370px, 40vw); display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid transparent; border-radius: 10px; color: #8a9695; background: transparent; text-align: left; cursor: pointer; }
.search-trigger:hover { border-color: var(--line); background: #fff; }
.search-trigger > span:nth-child(2) { flex: 1; }
kbd { padding: 3px 7px; color: #98a2a1; border: 1px solid #dfe3e0; border-radius: 6px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.03); font: 10px "DM Sans"; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }
.notification-button { position: relative; color: #5c6b6b; }
.notification-button i { position: absolute; right: 7px; top: 6px; width: 7px; height: 7px; border: 2px solid var(--canvas); border-radius: 50%; background: var(--coral); }
.profile-button { display: flex; align-items: center; gap: 10px; padding: 0 0 0 4px; border: 0; background: transparent; cursor: pointer; }
.profile-copy { display: grid; text-align: left; line-height: 1.3; }.profile-copy strong { font-size: 12px; }.profile-copy small { color: var(--muted); font-size: 10px; }
.avatar { flex: 0 0 auto; display: inline-grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; font-size: 10px; font-weight: 700; }
.avatar.has-photo { overflow:hidden;color:transparent;background:#e7efeb; }
.avatar img { width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover; }
.avatar-a { color: #25484a; background: #b8dcd0; }.avatar-j { color: #854b38; background: #ffd5c4; }.avatar-s { color: #415980; background: #d7e3f6; }.avatar-n { color: #745b2e; background: #f6e0a8; }.avatar-r { color: #604674; background: #ead9f4; }
.content { max-width: 1440px; margin: 0 auto; padding: 34px 36px 60px; }

.page-enter { animation: pageEnter .3s ease both; }
@keyframes pageEnter { from { opacity: 0; transform: translateY(6px); } }
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.eyebrow { display: block; margin-bottom: 7px; color: var(--teal); font-size: 10px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { font-family: "Manrope", sans-serif; }
h1 { margin-bottom: 7px; font-size: clamp(25px, 3vw, 34px); letter-spacing: -1.25px; line-height: 1.15; }
h2 { font-size: 21px; letter-spacing: -.6px; }
h3 { font-size: 15px; letter-spacing: -.25px; }
.page-head p { margin: 0; color: var(--muted); }
.button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border: 1px solid transparent; border-radius: 10px; font-size: 12px; font-weight: 700; cursor: pointer; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #fff; background: var(--deep); box-shadow: 0 7px 16px rgba(22,58,60,.16); }.button.primary:hover { background: #0e3032; }
.button.secondary { color: var(--deep); border-color: #d9e1dd; background: #fff; }.button.ghost { color: #637171; background: transparent; }
.button.small { min-height: 32px; padding: 0 12px; font-size: 11px; }

.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 18px; }
.stat-card { min-width: 0; padding: 18px; border: 1px solid #e7ebe7; border-radius: var(--radius); background: var(--card); box-shadow: 0 4px 18px rgba(26,49,46,.025); }
.stat-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; color: var(--muted); font-size: 11px; }
.stat-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; }
.stat-icon.mint { color: var(--teal); background: var(--mint-2); }.stat-icon.coral { color: var(--coral); background: var(--coral-soft); }.stat-icon.gold { color: #b57b25; background: var(--gold-soft); }.stat-icon.blue { color: var(--blue); background: var(--blue-soft); }
.stat-main { display: flex; align-items: flex-end; gap: 10px; }.stat-main strong { font: 700 27px/1 "Manrope"; letter-spacing: -1px; }.trend { padding: 3px 6px; border-radius: 6px; color: #32816d; background: #edf8f3; font-size: 9px; font-weight: 700; }.trend.alert { color: #c95d49; background: var(--coral-soft); }
.stat-card > small { display: block; margin-top: 8px; color: #9aa3a2; font-size: 9px; }
.overview-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(290px, .85fr); gap: 18px; align-items: start; }
.stack { display: grid; gap: 18px; }
.panel { min-width: 0; border: 1px solid #e5e9e5; border-radius: var(--radius); background: var(--card); box-shadow: var(--shadow); overflow: hidden; }
.panel-head { min-height: 65px; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 16px 19px; border-bottom: 1px solid #edf0ed; }
.panel-head h2 { margin: 0; font-size: 15px; }.panel-head p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.text-button { display: inline-flex; align-items: center; gap: 5px; padding: 6px; border: 0; color: var(--teal); background: transparent; font-size: 10px; font-weight: 700; cursor: pointer; }
.progress-ring { --progress: 72; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--teal) calc(var(--progress) * 1%), #e9efeb 0); }
.progress-ring::before { content: attr(data-value); width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: #fff; font-size: 8px; font-weight: 700; }

.overview-activity-card { background:linear-gradient(180deg,#fff,#fbfdfc); }
.overview-activity-card .panel-head { min-height:58px;padding:13px 15px; }
.overview-activity-card .panel-head h2 { font-size:14px; }
.overview-activity-card .panel-head p { font-size:9px; }
.overview-activity-list { display:grid;padding:4px 10px 8px; }
.overview-activity-person { width:100%;display:grid;grid-template-columns:31px minmax(0,1fr) 13px;align-items:center;gap:9px;padding:8px 6px;border:0;border-bottom:1px solid #edf1ef;color:var(--ink);background:transparent;text-align:left;cursor:pointer; }
.overview-activity-person:last-child { border-bottom:0; }
.overview-activity-person:hover { border-radius:8px;background:#f2f8f5; }
.overview-activity-person > span:nth-child(2) { min-width:0; }
.overview-activity-person strong,.overview-activity-person small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.overview-activity-person strong { font-size:10px; }
.overview-activity-person small { margin-top:2px;color:var(--muted);font-size:8px; }
.overview-activity-person > svg { color:#8a9995; }
.overview-activity-avatar { position:relative;display:block;width:27px;height:27px; }
.overview-activity-avatar .presence-dot { left:20px;bottom:-1px;width:9px;height:9px; }
.overview-activity-empty { min-height:64px;display:flex;align-items:center;justify-content:center;gap:6px;padding:15px;color:var(--muted);font-size:9px;text-align:center; }

.task-list { padding: 4px 10px 8px; }
.task-row { display: grid; grid-template-columns: 24px minmax(160px, 1.8fr) minmax(95px, .8fr) 82px 78px 34px; gap: 7px; align-items: center; min-height: 46px; margin:2px 0;padding:4px 6px;border:1px solid transparent;border-left-width:4px;border-radius:9px;cursor:pointer;transition:.16s ease; }
.task-row.to-do { border-color:#c4e0d7;border-left-color:#3f8777;background:linear-gradient(90deg,#e9f6f1 0,#fff 38%); }
.task-row.in-progress { border-color:#efd49a;border-left-color:#c9861d;background:linear-gradient(90deg,#fff0cf 0,#fff 38%); }
.task-row.completed { border-color:#b8dbcf;border-left-color:#28735f;background:linear-gradient(90deg,#dcefe8 0,#fff 38%); }
.task-row:hover { transform:translateY(-1px);border-color:#8fb9ae;box-shadow:0 5px 14px rgba(28,73,65,.1); }
.task-row:last-child { border-bottom: 0; }
.task-row-status-marker { width:6px;height:30px;justify-self:center;border-radius:99px;background:#3f8777;box-shadow:0 0 0 4px #dcefe8; }
.task-row-status-marker.in-progress { background:#c9861d;box-shadow:0 0 0 4px #ffe8b7; }
.task-row-status-marker.completed { background:#28735f;box-shadow:0 0 0 4px #cde6dd; }
.task-title { min-width: 0; }.task-title > strong { display: block; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px;line-height:1.2; }.task-title small, .task-meta { color: #7e8b89; font-size: 9px; }.task-row-subline { display:flex;align-items:center;gap:5px;min-width:0; }.task-row-subline > .task-status-copy { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.task-row .project-pill,.task-row .priority-pill { padding:4px 7px;font-size:9px; }
.task-row.completed .task-title strong { color: #94a09e; text-decoration: line-through; }
.project-pill, .priority-pill { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 9px; font-weight: 600; }
.project-pill.website { color: #ad5848; background: var(--coral-soft); }.project-pill.mobile { color: #5070a0; background: var(--blue-soft); }.project-pill.campaign { color: #9b722e; background: var(--gold-soft); }.project-pill.operations { color: #48786a; background: var(--mint-2); }
.priority-pill.high { color: #c65846; background: var(--coral-soft); }.priority-pill.medium { color: #9d722b; background: var(--gold-soft); }.priority-pill.low { color: #5d7da8; background: var(--blue-soft); }
.row-avatar { width: 27px; height: 27px; border-radius: 8px; }
.task-avatar-stack { display: inline-flex; align-items: center; justify-content: flex-end; padding-left: 7px; }.task-avatar-stack .avatar { margin-left: -7px; border: 2px solid #fff; }.task-avatar-stack .avatar-more { display: grid; place-items: center; width: 27px; height: 27px; margin-left: -6px; border: 2px solid #fff; border-radius: 8px; background: #e9efec; color: #52615f; font-size: 7px; font-weight: 800; }.task-department { display: inline-flex; width: fit-content; margin: -2px 0 8px; padding: 4px 7px; border-radius: 7px; background: #f1f5f3; color: #64716f; font-size: 7px; font-weight: 700; }
.more-button { width: 30px; height: 30px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px; color: #8b9695; background: transparent; cursor: pointer; }.more-button:hover { background: #f4f6f3; }
.table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-bottom: 1px solid #edf0ed; }
.filter-group { display: flex; gap: 5px; }.filter-button { padding: 6px 10px; border: 0; border-radius: 7px; color: #889392; background: transparent; font-size: 10px; cursor: pointer; }.filter-button.active { color: var(--deep); background: #e8f1ed; font-weight: 700; }
.toolbar-actions { display: flex; align-items: center; gap: 9px; }.view-toggle { display: flex; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: #f7f9f7; }.view-toggle button { padding: 5px 9px; border: 0; border-radius: 6px; color: #85908f; background: transparent; font-size: 9px; cursor: pointer; }.view-toggle button.active { color: var(--deep); background: #fff; box-shadow: 0 1px 4px rgba(17,48,48,.08); font-weight: 700; }
.task-board { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 10px; background: #f7f9f7; }.board-column { min-width: 0; padding: 2px; border: 1px solid transparent; border-radius: 12px; transition: .16s ease; }.board-column.drag-over { border-color: #9fc6ba; background: #edf7f2; box-shadow: inset 0 0 0 1px rgba(71,137,121,.12); }.board-column-head { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 8px; color: #5d6c6a; font-size: 10px; }.board-column-head span { display: flex; align-items: center; gap: 6px; font-weight: 750; }.board-column-head strong { min-width: 22px; padding: 3px 6px; border-radius: 7px; background: #e9eeeb; text-align: center; font-size: 9px; }.board-dot { width: 7px; height: 7px; border-radius: 50%; background: #91a29e; }.board-dot.in-progress { background: var(--gold); }.board-dot.completed { background: var(--teal); }.board-stack { display: grid; min-height: 78px; gap: 8px; align-content: start; }.board-stack.scrollable { overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 6px 2px 2px; }.board-stack.scrollable::-webkit-scrollbar { width:7px; }.board-stack.scrollable::-webkit-scrollbar-track { border-radius:99px;background:#e4ece8; }.board-stack.scrollable::-webkit-scrollbar-thumb { border-radius:99px;background:#78a99c; }.board-stack.scrollable::-webkit-scrollbar-thumb:hover { background:#3f8777; }.board-card { position:relative;overflow:hidden;padding:12px;border:1px solid #dfe7e3;border-radius:13px;background:#fff;box-shadow:0 2px 7px rgba(22,52,47,.035);cursor:grab;transition:.18s; }.board-card::before { content:"";position:absolute;inset:0 0 auto;height:3px;background:#aab8b4; }.board-card.in-progress::before { background:#e2ab4f; }.board-card.completed::before { background:#4d9583; }.board-card:active { cursor: grabbing; }.board-card.dragging { opacity: .45; transform: rotate(1deg) scale(.98); box-shadow: none; }.board-card:hover { transform: translateY(-2px); border-color:#bfcfc8;box-shadow:0 9px 24px rgba(24,54,53,.09); }.board-card-top,.board-card-footer,.board-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.board-card-top .project-pill,.board-card-top .priority-pill { padding:5px 8px;font-size:9px; }.board-card > .task-template-badge { margin-top:7px;padding:3px 7px;font-size:9px; }.board-card h3 { margin:7px 0 3px;color:var(--deep);font-size:14px;line-height:1.3; }.board-card-status { display:flex;align-items:center;gap:6px;margin-bottom:7px; }.board-card-status > span:first-child { display:inline-flex;align-items:center;gap:5px;color:#6b7a77;font-size:10px;font-weight:650; }.board-card-status > span:first-child i { width:6px;height:6px;border-radius:50%;background:#98a7a3; }.board-card-status > span.in-progress i { background:#d69c36; }.board-card-status > span.completed i { background:#478979; }.board-card-status .task-department { margin:0;padding:3px 6px;font-size:8px; }.board-card-footer { margin-top:8px;color:#667774;font-size:9px; }.board-card-footer span:first-child { display:inline-flex;align-items:center;gap:5px; }.board-card-footer svg { width:13px;height:13px; }.board-card-actions { margin:9px -2px -2px;padding-top:7px;border-top:1px solid #e9efec; }.board-card-actions button { display:inline-flex;align-items:center;gap:4px;padding:4px 2px;border:0;color:var(--teal);background:transparent;font-size:9px;font-weight:750;cursor:pointer; }.board-card-actions button:first-child svg { transform: rotate(180deg); }.board-empty { padding: 18px 8px; border: 1px dashed #d9e1dd; border-radius: 9px; color: #9aa4a2; text-align: center; font-size: 9px; }

.focus-card { position: relative; padding: 21px; color: #fff; background: var(--deep); overflow: hidden; }
.focus-card::before { content: ""; position: absolute; width: 190px; height: 190px; right: -83px; top: -104px; border: 30px solid rgba(255,255,255,.035); border-radius: 50%; }
.focus-head { display: flex; align-items: center; justify-content: space-between; position: relative; }.focus-head h2 { margin: 0; font-size: 15px; }.focus-head span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; color: #f5bd63; background: rgba(255,255,255,.08); }
.focus-card > p { position: relative; margin: 9px 0 19px; color: #9fb7b3; font-size: 10px; }
.focus-task { position: relative; padding: 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.06); }.focus-task small { color: #91aaa6; font-size: 9px; }.focus-task strong { display: block; margin: 4px 0 12px; font-size: 12px; }.focus-meta { display: flex; align-items: center; justify-content: space-between; color: #c5d6d2; font-size: 9px; }.focus-meta span { display: inline-flex; align-items: center; gap: 5px; }.focus-meta svg { width: 13px; height: 13px; }
.focus-progress { height: 4px; margin: 12px 0 8px; border-radius: 5px; background: rgba(255,255,255,.1); overflow: hidden; }.focus-progress i { display: block; height: 100%; width: 68%; border-radius: inherit; background: #f0b75b; }
.focus-bottom { display: flex; justify-content: space-between; color: #91aaa6; font-size: 8px; }
.focus-card .button { width: 100%; margin-top: 16px; color: var(--deep); background: #edf5f1; }

.schedule-list { padding: 8px 19px 13px; }
.schedule-item { display: grid; grid-template-columns: 58px 3px 1fr auto; gap: 11px; align-items: center; min-height: 54px; cursor: pointer; }.schedule-item time { color: #73817f; font-size: 9px; }.schedule-line { width: 3px; height: 29px; border-radius: 3px; background: var(--blue); }.schedule-line.coral { background: var(--coral); }.schedule-line.gold { background: var(--gold); }.schedule-item strong { display: block; font-size: 11px; }.schedule-item small { color: #98a2a1; font-size: 8px; }.schedule-people { display: flex; }.schedule-people .avatar { width: 24px; height: 24px; margin-left: -5px; border: 2px solid #fff; border-radius: 8px; font-size: 7px; }

.section-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.project-card { position: relative; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; overflow: hidden; transition: .2s ease; }.project-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }.project-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--accent, var(--teal)); }.project-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.project-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: var(--accent, var(--teal)); background: var(--soft, var(--mint-2)); }.project-card h3 { margin: 16px 0 5px; font-size: 15px; }.project-card p { height: 38px; margin-bottom: 20px; color: var(--muted); font-size: 10px; }.progress-label { display: flex; justify-content: space-between; color: #879290; font-size: 9px; }.bar { height: 6px; margin: 8px 0 17px; border-radius: 10px; background: #edf0ed; overflow: hidden; }.bar i { display: block; width: var(--width); height: 100%; border-radius: inherit; background: var(--accent, var(--teal)); }.project-footer { display: flex; align-items: center; justify-content: space-between; }.avatar-stack { display: flex; padding-left: 5px; }.avatar-stack .avatar { width: 27px; height: 27px; margin-left: -6px; border: 2px solid #fff; border-radius: 9px; font-size: 7px; }.due-label { display: inline-flex; align-items: center; gap: 5px; color: #7e8a89; font-size: 9px; }.due-label svg { width: 13px; height: 13px; }
.project-task-link { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; color: var(--teal); background: none; font-size: 9px; font-weight: 700; cursor: pointer; }.project-edit-button { position: absolute; top: 22px; right: 72px; width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 8px; color: #85918f; background: #f4f7f5; cursor: pointer; }.project-edit-button:hover { color: var(--deep); background: #e7efeb; }
.project-delete-link { padding: 0; border: 0; color: #b65b4d; background: transparent; font-size: 8px; font-weight: 700; cursor: pointer; }.project-delete-link:hover { text-decoration: underline; }
.project-access { display: inline-flex; align-items: center; gap: 5px; margin-top: 12px; color: #7b8886; font-size: 8px; font-weight: 700; }.project-access svg { color: var(--teal); }
.scope-banner { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -10px 0 16px; padding: 10px 13px; border: 1px solid #d8e7df; border-radius: 10px; color: #56716a; background: #f0f7f3; font-size: 9px; }.scope-banner span { display: flex; align-items: center; gap: 6px; }.scope-banner button { border: 0; color: var(--teal); background: transparent; font-size: 9px; font-weight: 700; cursor: pointer; }

.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }.person-card { padding: 20px; text-align: center; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }.person-card .avatar { width: 56px; height: 56px; margin: 2px auto 12px; border-radius: 17px; font-size: 14px; }.person-card h3 { margin: 0 0 3px; }.person-card > p { margin-bottom: 17px; color: var(--muted); font-size: 10px; }.capacity { padding-top: 14px; border-top: 1px solid #edf0ed; text-align: left; }.capacity-head { display: flex; justify-content: space-between; margin-bottom: 8px; color: #84908e; font-size: 9px; }.capacity .bar { margin: 0; }.availability { display: inline-flex; align-items: center; gap: 5px; margin-top: 14px; color: #648078; font-size: 9px; }.availability::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #5ab492; }
.role-select { width: auto; max-width: 150px; height: 29px; margin: 2px auto 15px; padding: 0 26px 0 9px; color: #60706e; background-color: #f7f9f7; font-size: 9px; }.member-role-summary { min-height:29px;margin:2px 0 15px!important;color:#60706e!important;font-size:9px!important;font-weight:750; }.role-multi-select { position:relative;width:100%;margin:4px 0 15px;text-align:left; }.role-multi-select summary { min-height:34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 9px;border:1px solid #dbe5e1;border-radius:9px;color:#667572;background:#f7faf8;cursor:pointer;list-style:none; }.role-multi-select summary::-webkit-details-marker { display:none; }.role-multi-select summary > span { font-size:7px;font-weight:800;text-transform:uppercase; }.role-multi-select summary > strong { overflow:hidden;color:#24423e;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.role-multi-select summary > i { font-size:10px;font-style:normal;transition:.16s; }.role-multi-select[open] summary > i { transform:rotate(180deg); }.role-multi-menu { position:absolute;z-index:18;top:calc(100% + 5px);left:0;width:100%;display:grid;gap:4px;padding:9px;border:1px solid #cdded7;border-radius:10px;background:#fff;box-shadow:0 15px 34px rgba(22,53,49,.17); }.role-multi-menu > small { padding:1px 3px 5px;color:var(--muted);font-size:7px; }.role-multi-menu label { display:flex;align-items:center;gap:7px;margin:0!important;padding:6px 7px;border-radius:7px;color:#40534f;font-size:8px;font-weight:750;cursor:pointer; }.role-multi-menu label:hover { background:#edf7f3; }.role-multi-menu input { width:15px;height:15px;min-height:0;accent-color:var(--accent); }.role-multi-menu .button { width:100%;margin-top:4px; }.remove-member { margin-top: 12px; padding: 0; border: 0; color: #b65b4d; background: transparent; font-size: 8px; cursor: pointer; }.pending-panel { margin-top: 18px; }.pending-list { padding: 0 18px 12px; }.pending-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid #edf0ed; }.pending-row:last-child { border: 0; }.pending-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--teal); background: var(--mint-2); }.pending-row strong,.pending-row small { display: block; }.pending-row strong { font-size: 10px; }.pending-row small { margin-top: 3px; color: var(--muted); font-size: 8px; }.danger-text { color: #b65b4d; }.empty-inline { padding: 16px 0; color: var(--muted); font-size: 9px; }
.member-access-select .role-multi-menu { width:max(100%,230px);left:50%;transform:translateX(-50%);gap:8px;padding:11px; }.role-menu-section { display:grid;gap:3px; }.role-menu-section + .role-menu-section { padding-top:8px;border-top:1px solid #e5ece8; }.role-menu-section > small { padding:0 4px 3px;color:#70807c;font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase; }.member-department-options { max-height:138px;display:grid;gap:2px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px; }.member-department-options label i { width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--department-color); }.member-department-options label.inactive { opacity:.65; }.member-department-options label:has(input:disabled) { cursor:not-allowed; }.member-department-options p { margin:5px!important;color:var(--muted)!important;font-size:8px!important; }.member-department-summary { min-height:32px;display:grid;gap:2px;margin:-7px 0 12px!important;padding:7px 9px;border-radius:8px;color:#61716d!important;background:#f3f7f5;font-size:8px!important;text-align:left; }.member-department-summary b { color:#2e4a45;font-size:7px;letter-spacing:.05em;text-transform:uppercase; }.member-department-summary span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.invite-role-picker { margin:12px 0 0;padding:12px;border:1px solid #dbe5e1;border-radius:11px;background:#f8faf9; }.invite-role-picker legend { padding:0 5px;color:#2f4844;font-size:9px;font-weight:850; }.invite-role-picker > p { margin:0 0 9px;color:var(--muted);font-size:8px;line-height:1.45; }.invite-role-picker > div { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }.invite-role-picker label { display:flex;align-items:center;gap:8px;margin:0!important;padding:8px;border:1px solid #e0e8e4;border-radius:8px;background:#fff;cursor:pointer; }.invite-role-picker input { width:16px;height:16px;min-height:0;accent-color:var(--accent); }.invite-role-picker span { color:#3d504c;font-size:9px;font-weight:750; }
.manage-team-button { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 11px auto 0; padding: 7px 10px; border: 1px solid #cfe0d8; border-radius: 8px; color: var(--teal); background: #f2f8f5; font-size: 8px; font-weight: 700; cursor: pointer; }.manage-team-button:hover { background: #e7f3ed; }.team-lead-help { margin: -10px 0 15px; }.team-lead-banner { display: grid; grid-template-columns: 38px 1fr auto auto; align-items: center; gap: 12px; margin-bottom: 18px; padding: 16px 18px; border: 1px solid #cfe2d8; border-radius: var(--radius); background: linear-gradient(135deg,#edf7f2,#f9fbf8); }.team-lead-banner > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: var(--teal); background: #dcefe6; }.team-lead-banner strong { font-size: 11px; }.team-lead-banner p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }.team-lead-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; margin-bottom: 18px; }.lead-roster { padding: 0 18px 14px; }.lead-person { display: grid; grid-template-columns: 36px 1fr minmax(100px,140px); align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid #edf0ed; }.lead-person:last-child { border: 0; }.lead-person .avatar { width: 36px; height: 36px; border-radius: 10px; font-size: 8px; }.lead-person strong,.lead-person small { display: block; }.lead-person strong { font-size: 10px; }.lead-person small { margin-top: 3px; color: var(--muted); font-size: 8px; }.lead-load span { display: block; margin-bottom: 5px; color: var(--muted); text-align: right; font-size: 8px; }.lead-load .bar { margin: 0; }.team-work-panel { overflow: hidden; }.team-empty { padding: 15px; }

.insight-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: 18px; }.chart-panel { padding-bottom: 18px; }.chart-wrap { height: 260px; padding: 20px 24px 0; }.chart-wrap svg { width: 100%; height: 100%; overflow: visible; }.chart-labels { display: flex; justify-content: space-between; padding: 0 24px; color: #98a2a0; font-size: 9px; }.donut-wrap { display: grid; place-items: center; padding: 24px; }.donut { width: 160px; height: 160px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--teal) 0 52%, var(--coral) 52% 71%, var(--gold) 71% 88%, #dee6e2 88%); }.donut::after { content: "87%\A completion"; white-space: pre; width: 105px; height: 105px; display: grid; place-items: center; border-radius: 50%; background: #fff; text-align: center; font: 700 17px/1.5 "Manrope"; }.legend { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 24px 20px; }.legend span { display: flex; align-items: center; gap: 7px; color: #74817f; font-size: 9px; }.legend i { width: 7px; height: 7px; border-radius: 50%; }
.bar-chart { height: 270px; display: grid; grid-template-columns: repeat(7,1fr); align-items: end; gap: 14px; padding: 28px 28px 20px; }.bar-day { height: 100%; display: grid; grid-template-rows: 18px 1fr 18px; align-items: end; justify-items: center; gap: 6px; }.bar-day strong { color: #71807d; font-size: 9px; }.bar-day i { width: min(34px,70%); height: var(--height); min-height: 6px; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg,#5e9d8e,var(--teal)); }.bar-day span { color: #98a2a0; font-size: 8px; }.live-donut { background: conic-gradient(var(--teal) 0 var(--done),var(--coral) var(--done) var(--progress),#dee6e2 var(--progress)); }.live-donut::after { content: "Live\A workspace"; font-size: 14px; }.legend:has(.live-donut) { grid-template-columns: 1fr; }
.metric-list { padding: 5px 18px 13px; }.metric-row { display: flex; justify-content: space-between; align-items: center; padding: 13px 0; border-bottom: 1px solid #edf0ed; }.metric-row:last-child { border: 0; }.metric-row span { color: var(--muted); font-size: 10px; }.metric-row strong { font: 700 13px "Manrope"; }

.settings-layout { display: grid; grid-template-columns: 210px 1fr; gap: 18px; }.settings-menu { padding: 9px; align-self: start; }.settings-menu button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 10px; border: 0; border-radius: 8px; color: #73807e; background: transparent; text-align: left; font-size: 11px; cursor: pointer; }.settings-menu button.active { color: var(--deep); background: var(--mint-2); font-weight: 700; }.settings-form { padding: 22px; }.settings-form h2 { margin-bottom: 5px; }.settings-form > p { margin-bottom: 25px; color: var(--muted); font-size: 11px; }.form-avatar { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }.form-avatar .avatar { width: 54px; height: 54px; border-radius: 16px; font-size: 14px; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.settings-stack { display: grid; gap: 16px; max-width: 900px; }.settings-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }.settings-title h2 { margin: 0 0 5px; }.settings-title p { margin: 0; color: var(--muted); font-size: 10px; }.settings-title .avatar { width: 50px; height: 50px; border-radius: 15px; font-size: 13px; }

label { display: grid; gap: 7px; color: #50605e; font-size: 10px; font-weight: 700; }
input, select, textarea { width: 100%; border: 1px solid #dfe5e1; border-radius: 9px; outline: none; color: var(--ink); background: #fff; font-size: 12px; transition: .15s; }
input, select { height: 41px; padding: 0 11px; } textarea { padding: 11px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: #71a79a; box-shadow: 0 0 0 3px rgba(71,135,119,.11); }

.empty-state { padding: 50px 20px; text-align: center; }.empty-state span { width: 45px; height: 45px; display: grid; place-items: center; margin: 0 auto 13px; color: var(--teal); border-radius: 13px; background: var(--mint-2); }.empty-state h3 { margin-bottom: 5px; }.empty-state p { color: var(--muted); font-size: 10px; }

.modal, .search-modal { width: min(460px, calc(100% - 32px)); max-height: min(720px, calc(100vh - 48px)); padding: 0; border: 1px solid rgba(211,222,217,.92); border-radius: 14px; background: rgba(255,255,255,.985); box-shadow: 0 16px 46px rgba(10,31,31,.16), 0 2px 8px rgba(10,31,31,.05); overflow-y: auto; }
.modal[open], .search-modal[open] { animation: modalIn .18s cubic-bezier(.2,.8,.2,1) both; } @keyframes modalIn { from { opacity:0; transform:translateY(7px) scale(.985); } }
.modal::backdrop, .search-modal::backdrop { background: rgba(8,27,28,.38); backdrop-filter: blur(5px) saturate(.9); }
.modal:has(> form) { overflow: hidden; }
.modal > form { max-height: min(720px, calc(100vh - 48px)); padding: 18px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.modal-head { position: sticky; top: -18px; z-index: 3; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 17px; padding: 18px 0 12px; border-bottom: 1px solid #edf1ee; background: rgba(255,255,255,.985); }.modal-head h2 { margin: 0; font-size: 17px; letter-spacing: -.35px; }.modal-head .eyebrow { font-size: 8px; }.modal-head .icon-button { width: 30px; height: 30px; margin: -3px -3px 0 8px; border-radius: 9px; background: #f4f7f5; }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 11px 0; }.modal-actions { position: sticky; bottom: -18px; z-index: 3; display: flex; justify-content: flex-end; gap: 7px; margin: 16px -1px 0; padding: 13px 1px 18px; border-top: 1px solid #edf1ee; background: rgba(255,255,255,.97); backdrop-filter: blur(10px); }
.modal label { font-size: 9px; }.modal input,.modal select { min-height: 38px; height: 38px; padding-inline: 10px; }.modal textarea { padding: 9px 10px; }.modal label + label { margin-top: 11px; }.color-input { min-height: 38px; padding: 4px; cursor: pointer; }.form-help { margin: 9px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.modal-alert { margin: -8px 0 15px; padding: 10px 12px; border: 1px solid #f0c3ba; border-radius: 9px; color: #923f33; background: #fff2ef; font-size: 9px; line-height: 1.5; }
.confirmation-modal { width:min(390px,calc(100% - 28px));overflow:hidden; }
.confirmation-modal > form { display:grid;grid-template-columns:44px 1fr;gap:13px;padding:20px; }
.confirmation-icon { width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#a64f42;background:#fff0ed; }
.confirmation-copy { min-width:0; }
.confirmation-copy .eyebrow { color:#9b6259; }
.confirmation-copy h2 { margin:4px 0 6px;font-size:17px;letter-spacing:-.3px; }
.confirmation-copy p { margin:0;color:var(--muted);font-size:10px;line-height:1.6; }
.confirmation-modal .modal-actions { grid-column:1/-1;position:static;margin:4px 0 0;padding:14px 0 0; }
.split-actions { display: flex; align-items: center; }.split-actions > span { flex: 1; }.button.danger { color: #b84d3d; border-color: #f0c8c1; background: #fff4f1; }.button.danger:hover { background: #fee8e3; }
.approval-button { color: #087a62; border-color: #acdacf; background: #effbf8; }.approval-button:hover { background: #ddf6f0; }
.approval-toggle { display: flex; align-items: flex-start; gap: 11px; margin-top: 4px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fafcfb; cursor: pointer; }.approval-toggle input { width: 17px; height: 17px; min-height: 0; margin-top: 2px; accent-color: var(--accent); }.approval-toggle span { display: grid; gap: 3px; }.approval-toggle strong { color: var(--text); font-size: 13px; }.approval-toggle small { color: var(--muted); line-height: 1.4; }
.member-picker { margin: 14px 0 0; padding: 13px; border: 1px solid var(--line); border-radius: 11px; }.member-picker legend { padding: 0 6px; color: #50605e; font-size: 10px; font-weight: 700; }.member-picker > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.member-picker > p { margin: 10px 2px 0; color: var(--muted); font-size: 8px; line-height: 1.5; }.member-option { display: grid; grid-template-columns: 16px 28px 1fr; align-items: center; gap: 8px; padding: 8px; border: 1px solid #edf1ee; border-radius: 9px; cursor: pointer; }.member-option:has(input:checked) { border-color: #b7d2c7; background: #f1f8f4; }.member-option input { width: 14px; height: 14px; padding: 0; accent-color: var(--teal); }.member-option .avatar { width: 28px; height: 28px; border-radius: 8px; font-size: 7px; }.member-option strong,.member-option small { display: block; }.member-option strong { font-size: 9px; }.member-option small { margin-top: 2px; color: var(--muted); font-size: 7px; text-transform: capitalize; }

.calendar-panel { overflow: hidden; }.calendar-toolbar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 12px 14px; border-bottom: 1px solid var(--line); }.calendar-nav,.calendar-toolbar-actions { display: flex; align-items: center; gap: 7px; }.calendar-toolbar-title { min-width: 0; text-align: center; }.calendar-toolbar-title h2 { margin: 0; font-size: 14px; }.calendar-toolbar-title span { display: block; margin-top: 2px; color: var(--muted); font-size: 7px; }.calendar-toolbar [data-calendar-nav="prev"] svg { transform: rotate(180deg); }.calendar-range-toggle { flex: 0 0 auto; }.calendar-range-toggle button { padding-inline: 9px; }.calendar-months { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 12px; background: #f5f7f5; }.calendar-months.range-1 { grid-template-columns: 1fr; }.calendar-month { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: #fff; }.calendar-month > header { display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; border-bottom: 1px solid var(--line); }.calendar-month > header h3 { margin: 0; font-size: 11px; }.calendar-month > header span { color: var(--muted); font-size: 7px; }.calendar-weekdays,.calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); }.calendar-weekdays { border-bottom: 1px solid var(--line); background: #f8faf8; }.calendar-weekdays span { padding: 6px 5px; color: #83908e; font-size: 7px; font-weight: 800; text-align: center; text-transform: uppercase; }.calendar-day { min-width: 0; min-height: 68px; padding: 5px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }.range-1 .calendar-day { min-height: 82px; }.calendar-day:nth-child(7n) { border-right: 0; }.calendar-day:nth-last-child(-n+7) { border-bottom: 0; }.calendar-day.outside { background: #fafbfa; }.calendar-day.outside .calendar-date { opacity: .42; }.calendar-date { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; color: #677572; font-size: 8px; font-weight: 700; }.calendar-date small { width: 15px; height: 15px; display: grid; place-items: center; border-radius: 5px; color: var(--teal); background: var(--mint-2); font-size: 6px; }.calendar-day.today .calendar-date > span { width: 19px; height: 19px; display: grid; place-items: center; margin: -3px; border-radius: 6px; color: #fff; background: var(--deep); }.calendar-events { display: grid; gap: 3px; }.calendar-event { width: 100%; padding: 4px 5px; border: 0; border-left: 2px solid var(--event-color); border-radius: 5px; color: var(--ink); background: #f4f7f5; text-align: left; cursor: pointer; overflow: hidden; }.calendar-event:hover { background: #eaf2ee; }.calendar-event.complete { opacity: .58; }.calendar-event strong,.calendar-event span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.calendar-event strong { font-size: 7px; }.calendar-event span { margin-top: 1px; color: var(--muted); font-size: 6px; }.range-2 .calendar-event span { display: none; }.calendar-more { color: var(--teal); font-size: 6px; font-weight: 700; }.calendar-agenda { display: none; margin-top: 16px; }
.calendar-day { cursor:pointer;transition:background .16s ease,box-shadow .16s ease; }.calendar-day:hover { background:#f4f9f7; }.calendar-day.selected { position:relative;z-index:1;background:#edf7f3;box-shadow:inset 0 0 0 2px var(--teal); }.calendar-day.outside:hover,.calendar-day.outside.selected { background:#f0f6f3; }.calendar-day .calendar-date { width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer; }.calendar-day .calendar-date:focus-visible { outline:2px solid var(--teal);outline-offset:2px;border-radius:4px; }.calendar-day.selected .calendar-date { color:var(--deep); }.calendar-agenda.has-selected-day { display:block;scroll-margin-top:16px; }.calendar-agenda.has-selected-day .panel-head { background:linear-gradient(90deg,#edf7f3,#fff); }.calendar-agenda.has-selected-day .schedule-list { max-height:420px;overflow-y:auto; }
.workspace-list { display: grid; gap: 8px; }.workspace-option { width: 100%; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; }.workspace-option:hover,.workspace-option.active { border-color: #b9d1c7; background: #f2f8f5; }.workspace-option > span:first-child { width: 38px; height: 38px; display: grid; place-items: center;overflow:hidden;border-radius: 10px; color: var(--deep); background: var(--mint); font-weight: 800; }.workspace-option strong,.workspace-option small { display: block; }.workspace-option small { margin-top: 3px; color: var(--muted); font-size: 8px; }.workspace-option > svg { color: var(--teal); }.workspace-create { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }.workspace-create h3 { margin: 0 0 3px; font-size: 12px; }
.workspace-brand-editor { display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:13px;margin:15px 0;padding:12px;border:1px solid #dce7e2;border-radius:11px;background:#f7faf8; }
.workspace-image-preview { width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:15px;color:#245f53;background:#cce7dc;font-size:20px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(45,112,97,.08); }
.workspace-image-preview.has-image img { width:100%;height:100%;object-fit:cover; }
.workspace-brand-editor strong,.workspace-brand-editor p,.workspace-brand-editor small { display:block; }
.workspace-brand-editor strong { font-size:11px; }
.workspace-brand-editor p { margin:3px 0 8px;color:var(--muted);font-size:8px; }
.workspace-brand-editor > div:last-child > small { margin-top:6px;color:#7b8c87;font-size:7px; }
.workspace-image-actions { display:flex;align-items:center;gap:8px; }
.workspace-image-actions label { margin:0!important; }
.workspace-image-actions input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.search-modal { width:min(510px,calc(100% - 28px)); top: -20vh; overflow: hidden; }.search-box { height: 54px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid var(--line); }.search-box input { height: auto; padding: 0; border: 0; box-shadow: none; flex: 1; font-size: 12px; }.search-box kbd { padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#fafbfa;font-size:7px; }.search-results { max-height: 320px; padding: 7px; overflow-y: auto; }.search-group-label { padding: 7px 8px 4px; color: #8b9695; font-size: 8px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }.search-result { width: 100%; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 9px; padding: 7px; border: 0; border-radius: 8px; background: transparent; text-align: left; cursor: pointer; }.search-result:hover { background: #f1f5f2; }.search-result > span:first-child { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; color: var(--teal); background: var(--mint-2); }.search-result strong { display: block; font-size: 10px; }.search-result small { color: #8a9694; font-size: 8px; }.search-result > small { padding: 3px 6px; border-radius: 5px; background: #f3f5f2; }

.popover { position: fixed; z-index: 40; top: 62px; right: 27px; width: 294px; display: none; padding: 7px; border: 1px solid rgba(211,222,217,.94); border-radius: 12px; background: rgba(255,255,255,.985); box-shadow: 0 14px 40px rgba(17,43,42,.13),0 2px 7px rgba(17,43,42,.05); }.popover.open { display: block; animation: pop .15s cubic-bezier(.2,.8,.2,1); } @keyframes pop { from { opacity: 0; transform: translateY(-5px) scale(.985); } }.popover-head { display: flex; justify-content: space-between; align-items: center; padding: 7px 8px; border-bottom: 1px solid #eef1ee; }.popover-head strong { font-size:10px; }.popover-head button { border: 0; color: var(--teal); background: none; font-size: 8px; font-weight: 700; cursor: pointer; }.notice { display: flex; gap: 8px; padding: 9px 7px; border-radius: 8px; }.notice:hover { background: #f5f7f4; }.notice p { margin: 0; font-size: 9px; line-height:1.35; }.notice p span { color: #697675; }.notice p small { display: block; margin-top: 3px; color: #9ba4a3; font-size: 7px; }.notice-icon { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; color: var(--teal); background: var(--mint-2); }
.notice-button { width: 100%; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }.notification-empty { padding: 22px 10px; text-align: center; }
.profile-popover { width: 218px; }.profile-summary { display: flex; align-items: center; gap: 9px; padding: 8px 7px 11px; border-bottom: 1px solid #edf0ed; }.profile-summary .avatar { width:31px;height:31px;border-radius:9px;font-size:7px; }.profile-summary p { display: grid; margin: 0; }.profile-summary strong { font-size:9px; }.profile-summary small { color: var(--muted); font-size: 8px; }.profile-popover > button { width: 100%; display: flex; align-items: center; gap: 8px; margin-top: 5px; padding: 8px; border: 0; border-radius: 7px; color: #7c4d45; background: transparent; font-size: 9px; font-weight: 700; cursor: pointer; }.profile-popover > button:hover { background: var(--coral-soft); }.profile-popover > button svg { width: 14px; height: 14px; }
.toast-region { position: fixed; z-index: 70; right: 19px; bottom: 19px; display: grid; gap: 6px; }.toast { min-width: 210px; max-width:310px; display: flex; align-items: center; gap: 8px; padding: 9px 11px; color: #fff; border:1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(22,57,57,.97); box-shadow: 0 9px 24px rgba(8,34,35,.2); animation: toastIn .2s ease both; }.toast svg { width:15px;height:15px;color: #8dd1bb; }.toast p { margin: 0; font-size: 8px;line-height:1.4; }.toast strong { display: block; font-size: 9px; } @keyframes toastIn { from { opacity: 0; transform: translateY(6px) scale(.985); } }
.mobile-overlay { display: none; }

/* Collaboration, workflow automation, intake, security, and planning */
.task-detail-modal { width: min(540px, calc(100% - 28px)); }.task-detail-modal form { padding:13px 15px; }.task-detail-modal .modal-head { top:-13px;margin-bottom:9px;padding:13px 0 8px; }.task-detail-modal .modal-head h2 { font-size:15px; }.task-detail-modal .form-row { gap:8px;margin:6px 0; }.task-detail-modal label + label { margin-top:6px; }.task-detail-modal input,.task-detail-modal select { min-height:34px;height:34px; }.task-detail-modal #taskNotes { height:46px;min-height:46px; }.task-detail-modal .task-advanced { margin:7px 0; }.task-detail-modal .task-advanced summary { padding:8px 10px; }.task-detail-modal .approval-toggle { padding:7px 9px; }.task-detail-modal .approval-toggle strong { font-size:10px; }.task-detail-modal .modal-actions { bottom:-13px;margin-top:8px;padding:9px 1px 13px; }
.task-audience { margin: 7px 0; padding: 9px; border: 1px solid #e2eae6; border-radius: 10px; background: #f8fbf9; }.task-audience .task-section-title { margin-bottom: 2px; }.task-audience .task-section-title > span { padding: 3px 6px; border-radius: 999px; background: #eaf4ef; color: var(--teal); font-size: 6px; font-weight: 700; }.task-audience .member-picker { margin-top: 6px; padding: 7px; background: #fff; }.task-audience .member-picker > p { margin-top: 5px; }.task-assignee-picker .member-option { min-width: 0; padding: 5px 6px; }.task-assignee-picker .member-option:has(input:disabled) { opacity: .5; cursor: default; }.task-assignee-picker .member-option .avatar { width: 22px; height: 22px; }.optional-field-toggle { display: flex !important; align-items: center; gap: 8px; margin: 8px 0 !important; padding: 8px 9px; border: 1px solid #e5ece8; border-radius: 8px; background: #fff; cursor: pointer; }.optional-field-toggle input { width: 14px; height: 14px; min-height: 0; padding: 0; accent-color: var(--accent); }.optional-field-toggle strong,.optional-field-toggle small { display: block; }.optional-field-toggle strong { font-size: 9px; }.optional-field-toggle small { margin-top: 2px; color: var(--muted); font-size: 7px; }.task-start-date-row[hidden] { display: none; }
.task-template-badge { max-width:100%;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;color:#357565;background:#e8f4ef;font-size:8px;font-weight:800;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle; }.task-template-badge svg { width:10px;height:10px;flex:0 0 auto; }
.task-view-modal { width:min(550px,calc(100% - 28px));overflow:hidden; }.task-view-shell { max-height:min(700px,calc(100vh - 42px));padding:16px;overflow-y:auto;overscroll-behavior:contain; }.task-view-head { position:sticky;top:-16px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:11px;padding:16px 0 11px;border-bottom:1px solid #e9efec;background:rgba(255,255,255,.985); }.task-view-head .eyebrow { font-size:10px; }.task-view-head h2 { max-width:435px;margin:2px 0 0;font-size:21px;line-height:1.28;letter-spacing:-.35px; }.task-view-head .icon-button { width:31px;height:31px;background:#f3f6f4; }.task-view-status { display:flex;align-items:center;gap:7px;margin-bottom:10px; }.task-status-chip { display:inline-flex;padding:5px 9px;border-radius:7px;color:#52615f;background:#eef2f0;font-size:11px;font-weight:800; }.task-view-status .priority-pill { padding:5px 9px;font-size:11px; }.task-status-chip.in-progress { color:#8d6828;background:var(--gold-soft); }.task-status-chip.completed { color:#2e7764;background:var(--mint-2); }.task-view-template { display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;padding:11px;border:1px solid #d7e6df;border-radius:10px;background:linear-gradient(135deg,#eff7f3,#fbfdfc); }.task-view-template > span { width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--teal);background:#dcefe7; }.task-view-template small,.task-view-template strong { display:block; }.task-view-template small { color:#697775;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }.task-view-template strong { margin-top:2px;font-size:14px; }.task-view-template p { margin:4px 0 0;color:#667472;font-size:11px;line-height:1.5; }.task-view-grid { display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 10px;border:1px solid #e2e9e6;border-radius:10px;background:#e2e9e6;overflow:hidden; }.task-view-grid.single { grid-template-columns:1fr; }.task-view-grid > div { min-width:0;padding:10px;background:#fff; }.task-view-grid dt { color:#71807e;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase; }.task-view-grid dd { margin:4px 0 0;color:var(--ink);font-size:12px;font-weight:700;line-height:1.45; }.task-view-section { margin-top:10px;padding:11px;border:1px solid #e1e9e5;border-radius:10px;background:#fafcfb; }.task-view-section header strong,.task-view-section header small { display:block; }.task-view-section header strong { font-size:13px; }.task-view-section header small { margin-top:3px;color:#71807e;font-size:10px; }.task-view-fields { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px; }.task-view-fields > div { min-width:0;padding:10px;border:1px solid #e8eeeb;border-radius:8px;background:#fff; }.task-view-fields span,.task-view-fields strong { display:block; }.task-view-fields span { color:#71807e;font-size:10px; }.task-view-fields strong { margin-top:4px;font-size:12px;line-height:1.45;overflow-wrap:anywhere; }.task-view-files.loading { min-height:48px;display:grid;place-items:center; }.task-file-list { display:grid;gap:7px;margin-top:9px; }.task-file-list article { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid #e3ebe7;border-radius:9px;background:#fff; }.task-file-icon { width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:var(--mint-2); }.task-file-list article > div:nth-child(2) { min-width:0; }.task-file-list article > div > strong,.task-file-list article > div > small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.task-file-list article > div > strong { font-size:11px; }.task-file-list article > div > small { margin-top:2px;color:var(--muted);font-size:9px; }.task-file-actions { display:flex;align-items:center;gap:5px; }.task-file-actions .button { min-height:30px;padding:6px 9px;font-size:9px; }.task-file-actions .icon-button { width:30px;height:30px; }.task-view-note { display:flex;align-items:center;gap:6px;margin-top:9px;padding:9px 10px;border-radius:8px;color:var(--teal);background:#eff7f3;font-size:11px;font-weight:700; }.task-view-actions { position:sticky;bottom:-16px;display:flex;justify-content:flex-end;gap:8px;margin-top:11px;padding:11px 0 16px;border-top:1px solid #e9efec;background:rgba(255,255,255,.97);backdrop-filter:blur(8px); }.task-view-actions .button { font-size:11px; }
.task-template-picker { display:grid;grid-template-columns:1fr;gap:5px;margin:0 0 9px;padding:7px 8px;border:1px solid #d7e6df;border-radius:10px;background:linear-gradient(135deg,#f1f8f4,#fbfdfc); }.task-template-picker[hidden] { display:none; }.task-template-picker > div { display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px; }.template-picker-icon { width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:#dcefe6; }.template-picker-icon svg { width:13px;height:13px; }.task-template-picker label { margin:0!important; }.task-template-picker select { height:33px;min-height:33px;margin-top:2px; }.task-template-picker > p { margin:0 0 1px 33px;color:var(--muted);font-size:7px;line-height:1.45; }
.task-advanced { margin: 16px 0; border: 1px solid var(--line); border-radius: 13px; background: #fafcfb; }
.task-advanced summary { padding: 13px 15px; color: var(--deep); font-size: 10px; font-weight: 800; cursor: pointer; }
.task-advanced > :not(summary) { margin-inline: 14px; }.task-advanced > :last-child { margin-bottom: 14px; }
.dependency-picker > div { max-height: 155px; grid-template-columns: 1fr; overflow-y: auto; }
.dependency-option { display: grid; grid-template-columns: 15px 1fr; align-items: center; gap: 9px; padding: 8px; border: 1px solid #e8efeb; border-radius: 8px; background: #fff; cursor: pointer; }
.dependency-option input { width: 14px; height: 14px; min-height: 0; accent-color: var(--accent); }.dependency-option strong,.dependency-option small { display: block; }.dependency-option strong { font-size: 9px; }.dependency-option small { margin-top: 2px; color: var(--muted); font-size: 7px; }
.custom-field-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 13px; }
.task-collaboration { margin-top: 17px; padding: 15px; border: 1px solid #dce8e2; border-radius: 13px; background: #f7fbf9; }
.task-section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }.task-section-title strong,.task-section-title small { display: block; }.task-section-title strong { font-size: 12px; }.task-section-title small,.task-section-title > span { margin-top: 3px; color: var(--muted); font-size: 8px; }
.comment-list { display: grid; gap: 8px; max-height: 220px; margin-bottom: 12px; overflow-y: auto; }.comment-item { display: grid; grid-template-columns: 30px 1fr; gap: 9px; padding: 10px; border: 1px solid #e5ece8; border-radius: 10px; background: #fff; }.comment-item .avatar { width: 30px; height: 30px; border-radius: 9px; font-size: 7px; }.comment-copy > div { display: flex; justify-content: space-between; gap: 8px; }.comment-copy strong { font-size: 9px; }.comment-copy time { color: var(--muted); font-size: 7px; }.comment-copy p { margin: 5px 0 0; color: #4c5b59; font-size: 9px; line-height: 1.55; white-space: pre-wrap; }.attachment-list { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }.attachment-list button { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border: 1px solid #dce8e2; border-radius: 7px; color: var(--teal); background: #f3f9f6; font-size: 7px; cursor: pointer; }
.comment-composer-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }.file-button { display: inline-flex; align-items: center; padding: 8px 10px; border: 1px dashed #bcd2c8; border-radius: 8px; color: var(--teal); background: #fff; font-size: 8px; font-weight: 800; cursor: pointer; }.file-button input { display: none; }
.comment-input-shell { position:relative;margin-top:5px; }.comment-input-shell textarea { width:100%;margin:0; }.mention-picker { position:absolute;right:0;bottom:calc(100% + 6px);z-index:12;width:min(310px,100%);max-height:210px;padding:5px;border:1px solid #cdded7;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(22,53,49,.18);overflow-y:auto; }.mention-picker[hidden] { display:none; }.mention-picker::after { content:"";position:absolute;right:18px;bottom:-5px;width:9px;height:9px;border-right:1px solid #cdded7;border-bottom:1px solid #cdded7;background:#fff;transform:rotate(45deg); }.mention-option { position:relative;z-index:1;width:100%;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:8px;color:var(--ink);background:transparent;text-align:left;cursor:pointer; }.mention-option:hover,.mention-option.active { background:#e8f4ef; }.mention-option .avatar { width:31px;height:31px;border-radius:9px;font-size:8px; }.mention-option strong,.mention-option small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mention-option strong { font-size:10px; }.mention-option small { margin-top:2px;color:var(--muted);font-size:8px; }.mention-option > em { color:#44766b;font-size:8px;font-style:normal;font-weight:800; }.comment-mention { display:inline-block;padding:0 3px;border-radius:4px;color:#166a5b;background:#d9f1e8;font-weight:800; }

.file-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px; }.file-stats article { display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff; }.file-stats article > span { width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--teal);background:var(--mint-2); }.file-stats strong,.file-stats small { display:block; }.file-stats strong { font-size:14px; }.file-stats small { margin-top:2px;color:var(--muted);font-size:7px; }
.file-library-panel { overflow:hidden; }.file-access-note { display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d7e6df;border-radius:9px;color:#4f6560;background:#f4f8f6;font-size:9px;font-weight:800;white-space:nowrap; }.file-access-note svg { color:var(--teal); }.file-toolbar { display:grid;grid-template-columns:minmax(240px,1fr) 170px auto;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fafcfb; }.file-search { height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff; }.file-search svg { flex:0 0 auto;color:var(--muted); }.file-search input { min-height:0;height:auto;padding:0;border:0;box-shadow:none;font-size:9px; }.file-toolbar select { height:36px;min-height:36px;font-size:8px; }.file-toolbar > span { color:var(--muted);font-size:8px;white-space:nowrap; }
.file-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:#f7f9f7; }.file-card { position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:.18s; }.file-card:hover { transform:translateY(-2px);border-color:#c7d8d0;box-shadow:0 9px 24px rgba(24,54,53,.07); }.file-card:focus-visible { outline:2px solid var(--teal);outline-offset:2px; }.file-card-preview { height:104px;display:grid;place-items:center;align-content:center;gap:6px;color:#637775;background:linear-gradient(135deg,var(--file-soft,#eaf3ef),#f9fbfa); }.file-card-preview svg { width:29px;height:29px; }.file-card-preview span { font-size:7px;font-weight:800;letter-spacing:.8px;text-transform:uppercase; }.file-card-preview.pdf { --file-soft:#fce8e5;color:#b65345; }.file-card-preview.sheet { --file-soft:#e2f2e8;color:#35765a; }.file-card-preview.slides { --file-soft:#fff0db;color:#a96822; }.file-card-preview.video,.file-card-preview.audio { --file-soft:#e8ecf7;color:#596f9a; }.file-card-preview.archive { --file-soft:#eeeaf7;color:#75639a; }.file-card-copy { padding:12px; }.file-card-copy > div { min-width:0; }.file-category { display:inline-block;margin-bottom:6px;padding:3px 6px;border-radius:5px;color:var(--teal);background:var(--mint-2);font-size:6px;font-weight:800;text-transform:uppercase; }.file-card-copy strong { display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }.file-card-copy p { height:28px;margin:5px 0 10px;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.55; }.file-card-copy footer { display:flex;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #edf1ee;color:#899492;font-size:7px; }.file-card-copy footer span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.file-card-actions { position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:.16s; }.file-card:hover .file-card-actions,.file-card:focus-within .file-card-actions { opacity:1; }.file-card-actions .icon-button { width:28px;height:28px;border:1px solid rgba(214,224,220,.95);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 3px 9px rgba(20,45,44,.08); }.file-empty { grid-column:1/-1;padding:12px;text-align:center; }.file-empty .empty-state { padding-bottom:18px; }.file-empty .button { margin:0 auto 18px; }
.file-drop-zone { min-height:156px;display:grid!important;place-items:center;align-content:center;gap:6px;margin:0!important;padding:18px;border:1px dashed #a9c7bb;border-radius:12px;color:var(--teal);background:#f5faf7;text-align:center;cursor:pointer;transition:.18s; }.file-drop-zone:hover,.file-drop-zone.dragging { border-color:var(--teal);background:#eaf6f0; }.file-drop-zone input { display:none; }.file-drop-zone > span { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#dcefe6; }.file-drop-zone strong { font-size:11px; }.file-drop-zone small { max-width:360px;color:var(--muted);font-size:8px;line-height:1.45; }.file-drop-zone em { margin-top:4px;color:var(--ink);font-size:8px;font-style:normal;font-weight:700; }.upload-progress { height:30px;display:flex;align-items:center;gap:8px;margin-top:10px;padding:0 10px;border-radius:8px;color:var(--teal);background:var(--mint-2);font-size:8px;font-weight:700; }.upload-progress[hidden] { display:none; }.upload-progress i { width:12px;height:12px;border:2px solid #acd2c2;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite; } @keyframes spin { to { transform:rotate(360deg); } }
.file-preview-modal { width:min(700px,calc(100% - 28px));overflow:hidden; }.file-preview-shell { padding:16px 17px; }.file-preview-shell .modal-head { margin-bottom:12px; }.file-preview-stage { height:min(410px,52vh);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#f3f6f4; }.file-preview-stage img,.file-preview-stage video { width:100%;height:100%;object-fit:contain; }.file-preview-stage iframe { width:100%;height:100%;border:0;background:#fff; }.file-preview-loading { display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px; }.file-preview-fallback,.demo-image-preview { width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;text-align:center; }.file-preview-fallback > span { width:70px;height:70px;display:grid;place-items:center;border-radius:20px;color:var(--teal);background:var(--mint-2); }.file-preview-fallback strong,.demo-image-preview strong { font-size:12px; }.file-preview-fallback p { margin:0;color:var(--muted);font-size:8px; }.demo-image-preview { color:var(--teal);background:linear-gradient(145deg,var(--demo-preview),#fbfdfc); }.audio-preview { display:grid;place-items:center;gap:18px;color:var(--teal); }.audio-preview audio { width:min(420px,80%); }.file-preview-meta { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px; }.file-preview-meta span { min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.file-preview-meta strong { display:block;margin-bottom:3px;color:var(--ink);font-size:7px;text-transform:uppercase; }

.workflow-hero,.request-hero { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 14px; margin-bottom: 17px; padding: 15px 17px; border: 1px solid #cbe2d8; border-radius: 14px; background: linear-gradient(120deg,#edf8f3,#f9fcfa); }.workflow-hero > span,.request-hero > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--deep); background: var(--mint); }.workflow-hero strong,.request-hero strong { font-size: 11px; }.workflow-hero p,.request-hero p { margin: 3px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.workflow-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }.workflow-card { min-width: 0; overflow: hidden; }.compact-form { display: grid; gap: 9px; padding: 14px 16px; border-bottom: 1px solid var(--line); background: #fafcfb; }.compact-form .form-row { margin: 0; }.compact-form input,.compact-form select,.compact-form textarea { min-width: 0; }.inline-check { display: flex; align-items: center; gap: 8px; font-size: 8px; }.inline-check input { width: 14px; height: 14px; min-height: 0; accent-color: var(--accent); }
.template-editor-title { display:flex;align-items:center;justify-content:space-between; }.template-editor-title strong { font-size:9px; }.template-list { display:grid;padding:7px 13px 13px; }.template-item { min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid #edf1ee; }.template-item:last-child { border-bottom:0; }.template-item > i { width:8px;height:32px;border-radius:6px;background:var(--template-color); }.template-item > div:nth-child(2) { min-width:0; }.template-item strong,.template-item small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.template-item strong { font-size:9px; }.template-item small { margin-top:3px;color:var(--muted);font-size:7px; }.template-actions { display:flex;align-items:center;gap:3px; }.template-actions .button { min-height:27px;padding:0 9px;font-size:7px; }.template-actions .text-button { padding:5px;font-size:7px; }.template-actions .icon-button { width:26px;height:26px;border-radius:7px; }.danger-icon { color:#b65b4d!important; }.danger-icon:hover { background:#fff0ed!important; }
.workflow-list,.guest-list,.audit-list,.chip-list { display: grid; padding: 8px 14px 14px; }.workflow-list > div,.workflow-list > button,.guest-list > div { min-width: 0; display: flex; align-items: center; gap: 9px; padding: 10px 2px; border: 0; border-bottom: 1px solid #edf1ee; color: var(--ink); background: transparent; text-align: left; }.workflow-list > button { width: 100%; cursor: pointer; }.workflow-list > :last-child,.guest-list > :last-child { border-bottom: 0; }.workflow-list > * > span:first-child,.guest-list > * > span:nth-child(2) { min-width: 0; flex: 1; }.workflow-list strong,.workflow-list small,.guest-list strong,.guest-list small { display: block; }.workflow-list strong,.guest-list strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.workflow-list small,.guest-list small { margin-top: 3px; color: var(--muted); font-size: 7px; }.workflow-list > button > svg { color: var(--teal); }.guest-list .avatar { width: 29px; height: 29px; border-radius: 9px; font-size: 7px; }
.automation-summary { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 15px;border:1px solid #cfe2d9;border-radius:13px;background:linear-gradient(120deg,#edf8f3,#fbfdfc); }.automation-summary > div { display:flex;align-items:center;gap:11px; }.automation-summary > div > span { width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--deep);background:var(--mint); }.automation-summary p,.automation-summary strong,.automation-summary small { display:block;margin:0; }.automation-summary strong { font-size:10px; }.automation-summary small { margin-top:3px;color:var(--muted);font-size:8px; }
.workflow-tabs { display:flex;gap:5px;margin-bottom:15px;padding:5px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow-x:auto; }.workflow-tabs button { flex:0 0 auto;padding:8px 12px;border:0;border-radius:8px;color:#73817e;background:transparent;font-size:8px;font-weight:800;cursor:pointer; }.workflow-tabs button:hover { color:var(--deep);background:#f4f7f5; }.workflow-tabs button.active { color:#fff;background:var(--deep);box-shadow:0 4px 10px rgba(24,54,53,.13); }
.workflow-outcome-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px; }.workflow-outcome-grid > button { min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:11px;padding:15px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff;text-align:left;cursor:pointer;transition:.18s; }.workflow-outcome-grid > button:hover { transform:translateY(-2px);border-color:#bfd4ca;box-shadow:0 8px 22px rgba(24,54,53,.07); }.outcome-icon { width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:var(--teal);background:var(--mint-2); }.outcome-icon.blue { color:#53739a;background:#e9f0f8; }.outcome-icon.coral { color:#a95d4f;background:#fbece8; }.outcome-icon.gold { color:#9a742f;background:#fff4dc; }.workflow-outcome-grid strong { display:block;font-size:10px; }.workflow-outcome-grid p { min-height:43px;margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.55; }.workflow-outcome-grid b { display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #edf1ee;color:var(--teal);font-size:7px; }
.workflow-overview-grid { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:15px; }.workflow-impact { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 15px 13px; }.workflow-impact > div { padding:12px;border:1px solid #e4ebe7;border-radius:10px;background:#fafcfb; }.workflow-impact strong,.workflow-impact span { display:block; }.workflow-impact strong { color:var(--deep);font-size:16px; }.workflow-impact span { margin-top:3px;color:var(--muted);font-size:7px; }.workflow-guide { padding-bottom:11px; }.workflow-guide > button { width:calc(100% - 24px);display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;margin:0 12px;padding:10px 2px;border:0;border-bottom:1px solid #edf1ee;color:var(--ink);background:transparent;text-align:left;cursor:pointer; }.workflow-guide > button:last-child { border-bottom:0; }.workflow-guide > button > span { width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:var(--mint-2); }.workflow-guide strong,.workflow-guide small { display:block; }.workflow-guide strong { font-size:9px; }.workflow-guide small { margin-top:3px;color:var(--muted);font-size:7px; }.workflow-guide > button > svg { color:var(--teal); }
.workflow-editor-layout { display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:15px;align-items:start; }.workflow-builder,.workflow-library,.workflow-rules-panel { overflow:hidden; }.workflow-builder .compact-form { border-bottom:0; }.workflow-builder label { color:#556461;font-size:8px;font-weight:800; }.workflow-builder label input,.workflow-builder label select,.workflow-builder label textarea { margin-top:5px; }.workflow-form-help { margin:0;color:var(--muted);font-size:7px;line-height:1.5; }.workflow-form-actions { display:flex;justify-content:flex-end;gap:7px; }.automation-sentence { display:grid;grid-template-columns:auto minmax(120px,1fr);gap:7px;align-items:center;padding:11px;border:1px solid #d8e6df;border-radius:10px;background:#f3f9f6; }.automation-sentence span { color:var(--teal);font-size:8px;font-weight:900;text-transform:uppercase; }.automation-sentence select,.automation-sentence input { min-width:0;background:#fff; }.automation-list { display:grid;padding:5px 14px 14px; }.automation-rule { display:grid;grid-template-columns:31px minmax(0,1fr) auto 28px;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf1ee; }.automation-rule:last-child { border-bottom:0; }.automation-status { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#8b9794;background:#eef1ef; }.automation-status.on { color:var(--teal);background:var(--mint-2); }.automation-rule strong { display:block;font-size:9px; }.automation-rule p { margin:3px 0;color:#667572;font-size:7px;line-height:1.45; }.automation-rule p b { color:var(--deep); }.automation-rule small { color:#94a09e;font-size:7px; }
.workflow-resource-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:4px 14px 14px; }.workflow-resource-card { position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff; }.workflow-resource-card > i { position:absolute;inset:0 auto 0 0;width:4px;background:var(--resource-color,#478979); }.workflow-resource-card > div { padding:12px 12px 10px 15px; }.workflow-resource-card > div > span { color:var(--teal);font-size:6px;font-weight:900;letter-spacing:.7px;text-transform:uppercase; }.workflow-resource-card h3 { margin:5px 0 4px;font-size:10px; }.workflow-resource-card p { min-height:36px;margin:0;color:var(--muted);font-size:8px;line-height:1.5; }.workflow-resource-card small { display:block;margin-top:7px;color:#85918f;font-size:7px; }.workflow-resource-card footer { display:flex;align-items:center;gap:4px;padding:8px 10px 8px 14px;border-top:1px solid #edf1ee;background:#fafcfb; }.workflow-resource-card footer .icon-button { width:26px;height:26px; }.request-resource > i { background:#e58976; }.field-definition-list { display:grid;padding:4px 14px 14px; }.field-definition { display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1ee; }.field-definition:last-child { border-bottom:0; }.field-definition > span:first-child { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--teal);background:var(--mint-2); }.field-definition strong,.field-definition small { display:block; }.field-definition strong { font-size:9px; }.field-definition small { margin-top:3px;color:var(--muted);font-size:7px; }
.mini-switch { position: relative; width: 30px; height: 17px; flex: 0 0 auto; }.mini-switch input { position: absolute; opacity: 0; }.mini-switch i { position: absolute; inset: 0; border-radius: 10px; background: #dce3df; transition: .2s; }.mini-switch i::after { content:""; position:absolute; top:3px; left:3px; width:11px; height:11px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #86938d; transition:.2s; }.mini-switch input:checked + i { background:var(--teal); }.mini-switch input:checked + i::after { transform:translateX(13px); }
.chip-list { display: flex; flex-wrap: wrap; gap: 7px; }.chip-list > span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid #e1e9e5; border-radius: 9px; background:#fff; font-size:8px; font-weight:700; }.chip-list i { width:7px;height:7px;border-radius:50%; }.chip-list small { color:var(--muted);font-size:6px;text-transform:capitalize; }
.audit-list > div { display:flex;gap:9px;padding:9px 2px;border-bottom:1px solid #edf1ee; }.audit-list > div:last-child { border:0; }.audit-list > div > span { width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:var(--mint-2); }.audit-list p { margin:0; }.audit-list strong,.audit-list small { display:block; }.audit-list strong { font-size:8px;text-transform:capitalize; }.audit-list small { margin-top:3px;color:var(--muted);font-size:7px; }

.timeline-panel { overflow-x:auto; }.timeline-scale,.timeline-row { min-width:760px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:15px;padding:11px 16px; }.timeline-scale { color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase; }.timeline-scale > div { display:flex;justify-content:space-between; }.timeline-row { border-top:1px solid var(--line); }.timeline-row > div:first-child { display:flex;align-items:center;gap:8px; }.timeline-row strong,.timeline-row small { display:block; }.timeline-row strong { font-size:9px; }.timeline-row small { margin-top:2px;color:var(--muted);font-size:7px; }.timeline-track { position:relative;height:38px;border-radius:8px;background:repeating-linear-gradient(90deg,#f3f6f4 0,#f3f6f4 calc(16.66% - 1px),#e3e9e6 calc(16.66% - 1px),#e3e9e6 16.66%); }.timeline-track button { position:absolute;left:var(--left);top:6px;width:var(--width);height:26px;overflow:hidden;border:0;border-radius:7px;color:#fff;background:var(--color);cursor:pointer;text-align:left; }.timeline-track button span { position:relative;z-index:2;padding:0 8px;font-size:7px;font-weight:800;white-space:nowrap; }.timeline-track button > i { position:absolute;inset:0 auto 0 0;width:var(--progress);background:rgba(0,0,0,.14); }
.inbox-list { padding:7px 14px 16px; }.inbox-item { width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:12px 8px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:transparent;text-align:left;cursor:pointer; }.inbox-item.unread { background:#f5fbf8; }.inbox-item.unread::after { content:"";position:absolute; }.inbox-item strong,.inbox-item small { display:block; }.inbox-item strong { font-size:10px; }.inbox-item small,.inbox-item time { margin-top:3px;color:var(--muted);font-size:8px; }
.request-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }.request-card { display:grid;align-content:start;gap:13px;padding:18px; }.request-card-icon { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--teal);background:var(--mint-2); }.request-card h2 { margin:0;font-size:13px; }.request-card p { min-height:44px;margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55; }.request-card .button { justify-content:space-between;margin-top:4px; }.request-empty { grid-column:1/-1;padding-bottom:24px;text-align:center; }.request-empty .button { margin:auto; }
.settings-stack { display:grid;gap:16px;max-width:900px; }.preference-grid { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px; }.preference-grid label { display:grid;grid-template-columns:16px 1fr;align-items:start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fafcfb; }.preference-grid input { width:15px;height:15px;min-height:0;accent-color:var(--accent); }.preference-grid strong,.preference-grid small { display:block; }.preference-grid strong { font-size:9px; }.preference-grid small { margin-top:2px;color:var(--muted);font-size:7px; }.security-card .priority-pill { white-space:nowrap; }.inline-security-form { display:flex;gap:9px;align-items:center;margin-top:15px; }.inline-security-form input { max-width:190px; }.two-factor-setup { margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafcfb; }.two-factor-setup p { margin-top:0; }.two-factor-setup code { display:block;margin:10px 0;padding:10px;border-radius:8px;background:var(--deep);color:#d9f4e9;font-size:10px;letter-spacing:1px;word-break:break-all; }

.meeting-head-actions { position:relative;display:flex;justify-content:flex-end;gap:8px;margin:-72px 0 28px; }.meeting-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px; }.meeting-stats article { display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff; }.meeting-stats article > span { width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--teal);background:var(--mint-2); }.meeting-stats strong,.meeting-stats small { display:block; }.meeting-stats strong { font-size:14px; }.meeting-stats small { margin-top:2px;color:var(--muted);font-size:7px; }.google-meet-banner { display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;margin-bottom:15px;padding:12px 14px;border:1px solid #cfe2da;border-radius:12px;background:linear-gradient(120deg,#eef8f3,#fbfdfc); }.google-meet-banner > span { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#2d7d69; }.google-meet-banner strong { display:block;font-size:10px; }.google-meet-banner p { margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.5; }.meetings-layout { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr);gap:15px;align-items:start; }.meeting-stack { display:grid;gap:15px; }.meeting-list { display:grid;padding:6px 14px 14px; }.meeting-card { min-width:0;display:grid;grid-template-columns:47px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 3px;border-bottom:1px solid var(--line); }.meeting-card:last-child { border-bottom:0; }.meeting-date-block { width:43px;height:47px;display:grid;place-items:center;align-content:center;border-radius:11px;color:var(--deep);background:var(--mint-2); }.meeting-date-block strong { font:700 16px/1 "Manrope"; }.meeting-date-block span { margin-top:3px;font-size:6px;font-weight:800;text-transform:uppercase; }.meeting-card-copy { min-width:0; }.meeting-card-copy > div,.meeting-card-copy footer { display:flex;align-items:center;gap:9px;color:var(--muted);font-size:7px; }.meeting-kind { display:inline-flex;align-items:center;gap:4px;color:var(--teal);font-weight:800; }.meeting-card-copy h3 { margin:5px 0 3px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }.meeting-card-copy p { margin:0 0 8px;color:var(--muted);font-size:8px; }.meeting-card-copy footer { justify-content:space-between; }.meeting-card-copy footer > span { display:inline-flex;align-items:center;gap:5px; }.meeting-card-actions { display:grid;gap:5px; }.booking-links-panel { overflow:hidden; }.booking-link-grid { display:grid;gap:10px;padding:12px; }.booking-link-card { position:relative;overflow:hidden;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff; }.booking-link-card::before { content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--booking-color); }.booking-link-top,.booking-link-card footer,.booking-window,.booking-url { display:flex;align-items:center;justify-content:space-between;gap:8px; }.booking-link-top > span:first-child { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--booking-color);background:#eef6f2; }.booking-link-card h3 { margin:11px 0 4px;font-size:11px; }.booking-link-card p { min-height:28px;margin:0 0 10px;color:var(--muted);font-size:8px;line-height:1.5; }.booking-window { color:var(--muted);font-size:7px; }.booking-window span { display:inline-flex;align-items:center;gap:4px; }.booking-url { margin:10px 0 7px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:#f7faf8; }.booking-url span { min-width:0;overflow:hidden;color:var(--teal);font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.booking-url button { flex:0 0 auto;display:grid;place-items:center;padding:2px;border:0;color:var(--teal);background:none;cursor:pointer; }.booking-link-card footer { border-top:1px solid var(--line);padding-top:5px; }.booking-list { padding:4px 15px 13px; }.booking-row { display:grid;grid-template-columns:33px minmax(0,1fr) auto 30px;align-items:center;gap:9px;padding:10px 2px;border-bottom:1px solid var(--line); }.booking-row:last-child { border:0; }.booking-avatar { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--teal);background:var(--mint-2);font-size:7px;font-weight:800; }.booking-row div,.booking-row time { min-width:0; }.booking-row strong,.booking-row small { display:block; }.booking-row div strong { overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.booking-row small { margin-top:2px;color:var(--muted);font-size:7px; }.booking-row time { text-align:right; }.booking-row time strong { font-size:8px; }.meeting-empty { padding:10px 0 16px;text-align:center; }.meeting-empty .empty-state { padding-bottom:12px; }.meeting-empty .button { margin:auto; }.agenda-meeting-icon { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:var(--mint-2); }.calendar-event.meeting-event { background:#edf7f3; }.calendar-event.meeting-event strong { display:flex;align-items:center;gap:3px; }
.scheduling-callout { display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:15px;padding:12px 14px;border:1px solid #d8e5df;border-radius:12px;background:#f7faf8; }.scheduling-callout > span { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--teal);background:var(--mint-2); }.scheduling-callout strong { display:block;font-size:10px; }.scheduling-callout p { margin:3px 0 0;color:var(--muted);font-size:8px; }.scheduling-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr);gap:15px;align-items:start; }.event-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.event-date-window { margin:0 0 7px;color:#586b67;font-size:7px;font-weight:700; }.event-date-window span { display:inline-flex;align-items:center;gap:4px; }
.event-editor-modal { width:min(860px,calc(100% - 32px)); }.event-editor-modal form { padding:16px 18px; }.event-editor-modal .modal-head { top:-16px;align-items:flex-start;margin-bottom:12px;padding-top:16px; }.event-editor-modal .modal-head p { margin:4px 0 0;color:var(--muted);font-size:9px; }.event-editor-layout { display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:14px;align-items:start; }.event-editor-fields { display:grid;gap:9px; }.event-form-section { padding:11px;border:1px solid #e3eae6;border-radius:11px;background:#fafcfb; }.event-section-head { display:flex;align-items:center;gap:8px;margin-bottom:9px; }.event-section-head > span { width:23px;height:23px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--teal);font-size:8px;font-weight:800; }.event-section-head strong,.event-section-head small { display:block; }.event-section-head strong { font-size:10px; }.event-section-head small { margin-top:1px;color:var(--muted);font-size:8px; }.event-form-section .form-row { margin:7px 0 0; }.event-live-preview { position:sticky;top:0;padding:17px;border-radius:13px;color:#fff;background:linear-gradient(150deg,#153c3d,#102e31);box-shadow:0 12px 30px rgba(16,46,49,.18); }.event-live-preview .eyebrow { color:#91bdb1; }.event-preview-icon { width:39px;height:39px;display:grid;place-items:center;margin:15px 0 13px;border-radius:11px;color:#153c3d;background:#dff0e8; }.event-live-preview h3 { margin:0 0 5px;font-size:14px; }.event-live-preview > p { min-height:34px;margin:0 0 14px;color:#abc1bd;font-size:9px;line-height:1.5; }.event-live-preview ul { display:grid;gap:8px;margin:0;padding:12px 0;border-block:1px solid rgba(255,255,255,.1);list-style:none; }.event-live-preview li { display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;color:#d9e6e2;font-size:9px; }.event-live-preview li span { color:#83baaa; }.event-live-preview > small { display:block;margin-top:12px;color:#9bb3ae;font-size:8px;line-height:1.5; }.event-advanced { border:1px solid #dfe7e3;border-radius:10px;background:#fff; }.event-advanced summary { padding:10px 11px;color:#52615e;font-size:9px;font-weight:800;cursor:pointer; }.event-advanced > div { padding:0 11px 11px;border-top:1px solid #edf1ef; }.event-advanced .form-row { margin:9px 0; }
.event-availability-picker { margin:10px 0 0;padding:10px;border:1px solid #c9ded5;border-radius:10px;background:#f3faf6; }.event-availability-picker[hidden] { display:none; }.event-availability-picker > legend { padding:0 5px;color:var(--deep);font-size:8px;font-weight:800; }.event-availability-picker > p { margin:8px 2px 0;color:var(--muted);font-size:7px;line-height:1.45; }.event-availability-picker .member-option { padding:7px; }.event-team-rule { display:flex;align-items:center;gap:5px;margin:8px 0;padding:6px 8px;border-radius:7px;color:#285f52;background:#e6f4ee;font-size:7px;font-weight:800; }
.event-people-select { position:relative;margin-top:5px; }.event-people-select > summary { min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:7px 9px;border:1px solid #cbdcd5;border-radius:9px;background:#fff;cursor:pointer;list-style:none;box-shadow:0 2px 8px rgba(28,67,60,.04); }.event-people-select > summary::-webkit-details-marker { display:none; }.event-people-select > summary:hover,.event-people-select[open] > summary { border-color:#78aa9d;box-shadow:0 0 0 3px rgba(71,137,121,.08); }.event-people-select > summary small,.event-people-select > summary strong { display:block; }.event-people-select > summary small { margin-bottom:2px;color:#7c8d88;font-size:6px;font-weight:800;text-transform:uppercase;letter-spacing:.05em; }.event-people-select > summary strong { overflow:hidden;color:#2c423d;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }.event-people-icon { width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:var(--mint-2); }.event-people-chevron { color:#728680;font-size:13px;text-align:center;transition:transform .16s ease; }.event-people-select[open] .event-people-chevron { transform:rotate(180deg); }.event-people-select-panel { position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:8;padding:7px;border:1px solid #cbdcd5;border-radius:10px;background:#fff;box-shadow:0 16px 38px rgba(22,57,50,.16); }.event-people-select-panel > .member-option { margin-bottom:6px;background:#edf7f3; }.event-people-options { max-height:168px;display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:auto;overscroll-behavior:contain; }.event-people-options .member-option { min-width:0; }.event-host-picker,.event-availability-picker { position:relative;z-index:4; }.event-host-picker:has(.event-people-select[open]),.event-availability-picker:has(.event-people-select[open]) { z-index:10; }
.google-meet-helper { display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:3px 0 10px;padding:10px;border:1px solid #cfe2da;border-radius:10px;background:#f2f9f5; }.google-meet-helper[hidden] { display:none; }.google-meet-helper > span { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--teal); }.google-meet-helper strong,.google-meet-helper small { display:block; }.google-meet-helper strong { font-size:9px; }.google-meet-helper small { margin-top:2px;color:var(--muted);font-size:7px;line-height:1.4; }.meeting-link-input { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center; }.meeting-link-input .button { min-height:40px; }.compact-members { margin:2px 0 11px; }.compact-members > div { max-height:146px;overflow:auto; }.field-hint { display:block;margin-top:4px;color:var(--muted);font-size:7px; }
.event-date-presets { display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:2px 0 10px; }.event-date-presets > span { margin-right:3px;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.05em; }.event-date-presets button,.availability-days-head button { min-height:28px;padding:0 9px;border:1px solid #d7e3de;border-radius:8px;color:#49625c;background:#fff;font-size:7px;font-weight:800;cursor:pointer; }.event-date-presets button:hover,.availability-days-head button:hover { border-color:#9dbfb4;background:#f0f8f4; }.event-date-presets button.active { color:#fff;border-color:var(--teal);background:var(--teal); }
.event-date-range { display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:end;gap:7px; }.event-date-range > label > span,.event-date-range > label > small { display:block; }.event-date-range > label > span { color:#435853;font-size:8px;font-weight:800; }.event-date-range > label > small { margin-top:2px;color:var(--muted);font-size:6px;font-weight:500; }.event-date-input { display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;margin-top:5px;padding-left:8px;border:1px solid #dbe5e0;border-radius:9px;background:#fff; }.event-date-input:focus-within { border-color:#71a79a;box-shadow:0 0 0 3px rgba(71,135,119,.11); }.event-date-input > span { color:var(--teal); }.event-date-input input { min-width:0;margin:0!important;padding-left:3px;border:0;box-shadow:none!important;background:transparent; }.event-date-arrow { align-self:center;margin-top:17px;color:#8ca09b; }
.event-date-summary,.availability-days-summary { margin:8px 1px 0;color:#3e6f64;font-size:7px;font-weight:700;line-height:1.4; }.event-date-summary.error,.availability-days-summary.error { color:#a44f42; }
.event-range-picker { position:relative; }.event-range-trigger { width:100%;min-height:62px;display:grid;grid-template-columns:24px 1fr 18px 1fr 18px;align-items:center;gap:8px;padding:10px 12px;border:1px solid #c9d9d3;border-radius:11px;color:var(--deep);background:#fff;text-align:left;cursor:pointer;box-shadow:0 3px 10px rgba(30,73,65,.04); }.event-range-trigger:hover,.event-range-trigger[aria-expanded="true"] { border-color:#77a99b;box-shadow:0 0 0 3px rgba(71,137,121,.09); }.event-range-trigger > svg { color:var(--teal); }.event-range-trigger > span { min-width:0; }.event-range-trigger small,.event-range-trigger strong { display:block; }.event-range-trigger small { margin-bottom:3px;color:#7d8d89;font-size:6px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.event-range-trigger strong { overflow:hidden;color:#263c38;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }.event-range-trigger .event-range-chevron { color:#758984;font-size:15px;text-align:right; }.event-range-popover { position:relative;margin-top:7px;padding:11px;border:1px solid #ceddd7;border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(20,54,48,.13);z-index:3; }.event-range-popover[hidden] { display:none; }.event-range-calendar-head { display:grid;grid-template-columns:31px minmax(0,1fr) 31px;align-items:center;gap:7px;margin-bottom:8px; }.event-range-calendar-head .icon-button { width:29px;height:29px;font-size:16px; }.event-range-calendar-jump { display:grid;grid-template-columns:minmax(105px,1fr) 82px;gap:6px; }.event-range-calendar-jump select { min-width:0;min-height:31px;margin:0;padding:5px 24px 5px 8px;border-radius:8px;color:#263c38;background-color:#f8fbf9;font-size:8px;font-weight:800; }.event-range-calendar-jump select:focus { border-color:#77a99b;box-shadow:0 0 0 3px rgba(71,137,121,.09); }.event-range-weekdays,.event-range-grid { display:grid;grid-template-columns:repeat(7,1fr);gap:3px; }.event-range-weekdays { margin-bottom:3px; }.event-range-weekdays span { padding:4px;color:#8a9995;font-size:6px;font-weight:800;text-align:center;text-transform:uppercase; }.event-range-grid button { min-height:34px;border:0;border-radius:8px;color:#30443f;background:transparent;font-size:8px;font-weight:750;cursor:pointer; }.event-range-grid button:hover:not(:disabled) { color:var(--deep);background:#e7f3ee; }.event-range-grid button.outside { color:#b3bfbb; }.event-range-grid button.in-range { border-radius:3px;background:#dff0e9; }.event-range-grid button.selected { color:#fff;background:var(--teal);box-shadow:0 4px 10px rgba(45,117,103,.2); }.event-range-grid button.today:not(.selected) { box-shadow:inset 0 0 0 1px #76aa9b; }.event-range-grid button:disabled { color:#d2d8d6;cursor:not-allowed; }.event-range-footer { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid #e4ebe8; }.event-range-footer > span { color:#55706a;font-size:7px;font-weight:700; }
.availability-days { margin:2px 0 10px;padding:10px;border:1px solid #dce6e1;border-radius:10px;background:#fff; }.availability-days-head { display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:8px; }.availability-days-head > strong { color:#435853;font-size:8px;font-weight:800; }.availability-days-head > div { display:flex;gap:4px; }.availability-days-head button { min-height:25px;padding:0 7px; }.availability-days-grid { display:grid;grid-template-columns:repeat(7,1fr);gap:5px; }.availability-days-grid label { min-height:43px;position:relative;display:grid;place-items:center;margin:0!important;padding:7px 4px;border:1px solid #dfe7e3;border-radius:8px;color:#6c7b77;background:#f8faf9;font-size:8px;font-weight:800;cursor:pointer;transition:.15s ease; }.availability-days-grid label:hover { transform:translateY(-1px);border-color:#9fbeb4;background:#f0f7f4; }.availability-days-grid label:has(input:checked) { color:#fff;border-color:var(--teal);background:var(--teal);box-shadow:0 4px 10px rgba(46,119,116,.16); }.availability-days-grid label:has(input:focus-visible) { outline:2px solid #67a897;outline-offset:2px; }.availability-days-grid label:has(input:checked)::after { content:"✓";position:absolute;right:4px;top:2px;color:#d9f4e9;font-size:7px; }.availability-days-grid input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.availability-hours { display:grid;grid-template-columns:minmax(105px,1fr) minmax(95px,.7fr) 18px minmax(95px,.7fr);align-items:end;gap:7px;margin:9px 0; }.availability-hours > div { align-self:center; }.availability-hours > div strong,.availability-hours > div small { display:block; }.availability-hours > div strong { color:#435853;font-size:8px; }.availability-hours > div small { margin-top:2px;color:var(--muted);font-size:6px; }.availability-hours > span { align-self:center;margin-top:17px;color:#8ca09b; }
.event-blocks-section .event-section-head > strong { margin-left:auto;color:#3c7568;font-size:7px;white-space:nowrap; }.event-block-builder { display:grid;grid-template-columns:1fr .72fr .72fr 1.2fr auto;align-items:end;gap:6px; }.event-block-builder label { margin:0!important; }.event-block-builder label > small { color:var(--muted);font-weight:600; }.event-block-builder input { min-height:37px;margin-top:4px;padding:7px 9px; }.event-block-builder .button { min-height:37px;white-space:nowrap; }.event-block-empty { margin:9px 0 0;padding:10px;border:1px dashed #d7e2de;border-radius:8px;color:#7d8e89;background:#fafcfb;font-size:7px;text-align:center; }.event-block-empty[hidden] { display:none; }.event-block-list { display:grid;gap:5px;margin-top:8px; }.event-block-item { display:grid;grid-template-columns:25px 1fr 28px;align-items:center;gap:7px;padding:7px 8px;border:1px solid #d7e4df;border-radius:9px;background:#f6faf8; }.event-block-item > span { width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#895e29;background:#f7e9d5; }.event-block-item strong,.event-block-item small { display:block; }.event-block-item strong { color:#30443f;font-size:8px; }.event-block-item small { margin-top:2px;color:#7b8b87;font-size:7px; }.event-rules-row { display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:8px 0; }.event-rules-row .event-team-rule { margin:0; }.event-block-count { display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:7px;color:#7d5426;background:#f7e8d4;font-size:7px;font-weight:800; }.event-type-card footer { display:flex;align-items:center;flex-wrap:wrap;gap:5px; }.event-type-card footer .text-button { min-height:29px;padding:0 7px;border-radius:7px;background:#f5f8f7; }.event-type-card footer .danger-text { color:#aa5145;background:#fff5f3; }

.booking-shell { min-height:100vh;padding:22px;background:linear-gradient(145deg,#eef4f0,#f9faf8 55%,#edf2ef); }.booking-shell[hidden] { display:none; }.booking-brand { max-width:1040px;display:flex;align-items:center;justify-content:space-between;margin:0 auto 22px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px; }.booking-brand .brand { color:var(--deep); }.booking-shell > footer { margin:20px auto 0;color:var(--muted);font-size:8px;text-align:center; }.booking-loading { min-height:420px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted); }.public-booking-card { width:min(900px,100%);min-height:530px;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(25,54,50,.12); }.public-booking-card > aside { position:relative;padding:34px;color:#fff;background:var(--booking-color);overflow:hidden; }.public-booking-card > aside::after { content:"";position:absolute;width:190px;height:190px;right:-90px;bottom:-105px;border:28px solid rgba(255,255,255,.08);border-radius:50%; }.booking-host-avatar { width:45px;height:45px;display:grid;place-items:center;margin-bottom:15px;border-radius:14px;color:var(--booking-color);background:#fff;font-size:10px;font-weight:800; }.public-booking-card aside > small { color:rgba(255,255,255,.72);font-size:8px;font-weight:700; }.public-booking-card h1 { margin:7px 0 10px;font-size:24px;line-height:1.2; }.public-booking-card aside p { color:rgba(255,255,255,.76);font-size:9px;line-height:1.7; }.public-booking-card aside ul { display:grid;gap:9px;margin:25px 0 0;padding:0;list-style:none; }.public-booking-card aside li { display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:8px;font-weight:700; }.public-booking-card > main { padding:30px;overflow:auto; }.public-booking-step { display:flex;align-items:center;gap:9px;margin-bottom:16px; }.public-booking-step > span { width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--deep);font-size:8px;font-weight:800; }.public-booking-step strong,.public-booking-step small { display:block; }.public-booking-step strong { font-size:11px; }.public-booking-step small { margin-top:2px;color:var(--muted);font-size:7px; }.booking-date-label { color:var(--muted);font-size:8px; }.booking-date-label input { margin-top:5px; }.public-booking-slots { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0; }.public-booking-slots button { min-height:37px;border:1px solid #bdd5ca;border-radius:8px;color:var(--teal);background:#f7fbf9;font-size:9px;font-weight:800;cursor:pointer; }.public-booking-slots button:hover,.public-booking-slots button.selected { color:#fff;border-color:var(--deep);background:var(--deep); }.booking-no-slots { grid-column:1/-1;padding:24px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:8px;text-align:center; }.public-booking-selected { margin-bottom:15px;padding:8px;border-radius:7px;color:var(--teal);background:var(--mint-2);font-size:8px;font-weight:800;text-align:center; }.public-booking-card form { display:grid;gap:9px;padding-top:16px;border-top:1px solid var(--line); }.public-booking-card form[hidden] { display:none; }.public-booking-card form label { font-size:8px; }.public-booking-card form label > small { color:var(--muted); }.public-booking-card form input,.public-booking-card form textarea { margin-top:4px; }.public-booking-card form .button { margin-top:4px; }.booking-success { width:min(540px,100%);display:grid;place-items:center;margin:80px auto;padding:46px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(25,54,50,.12);text-align:center; }.booking-success > span { width:62px;height:62px;display:grid;place-items:center;border-radius:20px;color:#fff;background:var(--teal); }.booking-success > small { margin-top:13px;color:var(--teal);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px; }.booking-success h1 { margin:7px 0 10px; }.booking-success p { color:var(--muted);line-height:1.7; }.booking-success > div { display:flex;gap:8px;margin:15px 0; }.booking-error > span { background:#81958f; }

@media (max-width: 1120px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .workflow-outcome-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.workflow-editor-layout,.workflow-overview-grid { grid-template-columns:1fr; }
  .meeting-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.meetings-layout { grid-template-columns:1fr; }
  .file-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .file-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .section-grid { grid-template-columns: repeat(2, 1fr); }
  .task-row { grid-template-columns: 24px minmax(150px, 1.5fr) minmax(90px, .8fr) 75px 34px; }.task-row > :nth-child(5) { display: none; }
  .request-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scheduling-layout { grid-template-columns:1fr; }
}

@media (max-width: 860px) {
  .automation-summary { align-items:flex-start; }.workflow-outcome-grid,.workflow-resource-grid { grid-template-columns:1fr; }.workflow-impact { grid-template-columns:1fr; }.automation-sentence { grid-template-columns:1fr; }.workflow-tabs { margin-inline:-2px; }
  .auth-shell { grid-template-columns: 1fr; }.auth-brand-panel { display: none; }.auth-form-panel { padding: 24px; }.auth-mobile-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; font: 700 18px "Manrope"; }.auth-mobile-brand .brand-mark { width: 24px; height: 24px; }
  .sidebar { transform: translateX(-100%); transition: .25s ease; box-shadow: 20px 0 50px rgba(9,31,31,.2); }.sidebar.open { transform: translateX(0); }.sidebar-close { display: grid; }.mobile-overlay { position: fixed; inset: 0; z-index: 25; border: 0; background: rgba(10,28,29,.46); }.mobile-overlay.open { display: block; }
  .main-area { margin-left: 0; }.topbar { padding: 0 20px; }.menu-button { display: grid; }.search-trigger { flex: 1; max-width: 330px; margin-left: 8px; }.content { padding: 28px 20px 50px; }
  .overview-grid, .insight-grid { grid-template-columns: 1fr; }
  .task-board { grid-template-columns: 1fr; }.board-stack { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .settings-layout { grid-template-columns: 1fr; }.settings-menu { display: flex; overflow-x: auto; }.settings-menu button { min-width: max-content; }
  .calendar-toolbar { grid-template-columns: auto 1fr; }.calendar-toolbar-actions { grid-column: 1 / -1; justify-content: space-between; }.calendar-day { min-height: 62px; padding: 4px; }.range-1 .calendar-day { min-height: 74px; }.calendar-event span { display: none; }
  .calendar-months.range-2 { grid-template-columns:1fr; }
  .team-lead-grid { grid-template-columns: 1fr; }
  .workflow-grid { grid-template-columns:1fr; }
  .public-booking-card { grid-template-columns:1fr; }.public-booking-card > aside { padding:25px; }.public-booking-card aside ul { grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px; }
}

@media (max-width: 580px) {
  .auth-form-panel { padding: 0; background: #fff; }.auth-card { min-height: 100vh; width: 100%; padding: 35px 24px; border: 0; border-radius: 0; box-shadow: none; }
  .topbar { height: 66px; padding: 0 13px; }.profile-copy, .profile-button > svg, .search-trigger kbd { display: none; }.search-trigger { width: auto; }.search-trigger > span:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .content { padding: 23px 14px 40px; }.page-head { align-items: flex-start; }.page-head p { font-size: 11px; }.page-head .button span:not([data-icon]) { display: none; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }.stat-card { padding: 14px; }.stat-main strong { font-size: 22px; }.stat-top { margin-bottom: 11px; }.stat-card > small { display: none; }
  .task-row { grid-template-columns: 24px minmax(130px, 1fr) 34px; }.task-row > :nth-child(3), .task-row > :nth-child(4), .task-row > :nth-child(5) { display: none; }.task-list { padding-inline: 8px; }.panel-head { padding-inline: 15px; }
  .section-grid, .team-grid { grid-template-columns: 1fr; }.project-card p { height: auto; }
  .form-row, .form-grid { grid-template-columns: 1fr; }.modal,.search-modal { width:calc(100% - 20px);max-height:calc(100vh - 20px);border-radius:12px; }.modal > form { max-height:calc(100vh - 20px);padding:15px; }.modal-head { top:-15px;padding-top:15px; }.modal-actions { bottom:-15px;padding-bottom:15px; }.modal-actions .button { flex: 1; }
  .member-picker > div { grid-template-columns: 1fr; }.calendar-panel .calendar-months { display:grid;grid-template-columns:1fr;padding:6px; }.calendar-panel .calendar-month:nth-child(n+2) { display:none; }.calendar-panel { box-shadow: none; background: transparent; }.calendar-toolbar { grid-template-columns: 1fr auto; padding: 0 0 14px; border: 0; }.calendar-toolbar-title { grid-column: 1 / -1; grid-row: 1; text-align: left; }.calendar-toolbar-title h2 { font-size: 19px; }.calendar-toolbar-title span { font-size: 8px; }.calendar-nav { grid-column: 1; grid-row: 2; }.calendar-toolbar-actions { grid-column: 2; grid-row: 2; }.calendar-range-toggle { display: none; }.calendar-agenda { display: block; }
  .filter-group { overflow-x: auto; }.table-toolbar { padding-inline: 13px; }.table-toolbar > .button { font-size: 0; }.table-toolbar > .button svg { width: 16px; }
  .table-toolbar { align-items: flex-start; flex-direction: column; }.toolbar-actions { width: 100%; justify-content: space-between; }.board-stack { grid-template-columns: 1fr; }.task-board { padding: 10px; }
  .team-lead-banner { grid-template-columns: 38px 1fr; }.team-lead-banner .button { width: 100%; }.team-lead-banner .button:first-of-type { grid-column: 1 / -1; }.team-lead-banner .button:last-child { grid-column: 1 / -1; }.lead-person { grid-template-columns: 34px 1fr; }.lead-load { grid-column: 2; }
  .workflow-hero,.request-hero { grid-template-columns:38px 1fr; }.workflow-hero > button,.request-hero > button { grid-column:1/-1;width:100%; }.request-grid,.preference-grid,.custom-field-stack { grid-template-columns:1fr; }.request-card p { min-height:0; }.inline-security-form { align-items:stretch;flex-direction:column; }.inline-security-form input { max-width:none; }
  .task-template-picker { grid-template-columns:1fr; }.task-template-picker > .button { width:100%; }.template-item { grid-template-columns:8px minmax(0,1fr); }.template-actions { grid-column:2;justify-content:flex-start;flex-wrap:wrap; }
  .file-toolbar { grid-template-columns:1fr; }.file-toolbar > span { text-align:right; }.file-grid { grid-template-columns:1fr;padding:10px; }.file-card-actions { opacity:1; }.file-preview-modal { width:calc(100% - 20px); }.file-preview-shell { padding:13px; }.file-preview-stage { height:min(390px,48vh); }.file-preview-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .meeting-head-actions { position:static;margin:-10px 0 18px; }.meeting-head-actions .button { flex:1;padding-inline:10px; }.meeting-stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.meeting-stats article { padding:10px; }.google-meet-banner,.scheduling-callout { grid-template-columns:34px 1fr; }.google-meet-banner .button,.scheduling-callout .button { grid-column:1/-1;width:100%; }.meeting-card { grid-template-columns:42px minmax(0,1fr); }.meeting-card-actions { grid-column:2;display:flex; }.scheduling-layout,.event-editor-layout { grid-template-columns:1fr; }.event-type-grid { grid-template-columns:1fr; }.event-live-preview { position:static;order:-1;padding:13px; }.event-preview-icon { width:32px;height:32px;margin:10px 0 8px; }.event-live-preview > p { min-height:0;margin-bottom:10px; }.event-live-preview ul { grid-template-columns:1fr 1fr;gap:7px;padding:10px 0; }.event-live-preview > small { display:none; }.event-date-range { grid-template-columns:1fr; }.event-date-arrow { display:none; }.availability-days-head { align-items:flex-start;flex-direction:column; }.availability-days-grid { grid-template-columns:repeat(4,1fr); }.availability-hours { grid-template-columns:1fr 1fr; }.availability-hours > div { grid-column:1/-1; }.availability-hours > span { display:none; }.google-meet-helper { grid-template-columns:30px 1fr; }.google-meet-helper .button { grid-column:1/-1;width:100%; }.booking-shell { padding:12px; }.booking-brand { margin-bottom:12px; }.public-booking-card { border-radius:14px; }.public-booking-card > aside,.public-booking-card > main { padding:20px; }.public-booking-card aside ul { grid-template-columns:1fr; }.public-booking-slots { grid-template-columns:repeat(2,1fr); }.booking-success { margin:30px auto;padding:28px 20px; }.booking-success > div { flex-direction:column;width:100%; }.booking-success .button { width:100%; }
  .popover { left: 12px; right: 12px; width: auto; }.toast-region { left: 14px; right: 14px; bottom: 14px; }.toast { width: 100%; }
}

@media (max-height: 760px) and (min-width: 861px) {
  .support-card { display:none; }
}

.meeting-summary-section { margin:10px 0 2px;border:1px solid #dce8e2;border-radius:10px;background:#f8fbf9; }.meeting-summary-section summary { padding:10px 12px;color:var(--deep);font-size:9px;font-weight:800;cursor:pointer; }.meeting-summary-section > div { display:grid;gap:8px;padding:0 11px 11px; }.meeting-summary-section textarea { margin-top:4px;resize:vertical; }.meeting-summary-actions { display:flex;justify-content:flex-end;gap:6px; }.meeting-summary-section > div > small { color:var(--muted);font-size:7px;line-height:1.45; }

/* Personal scheduling, shared availability, and event imagery */
.schedule-owner-bar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:13px 15px;border:1px solid #cfe2d9;border-radius:13px;background:linear-gradient(120deg,#eff8f4,#fbfdfc); }
.schedule-owner-bar > div:first-child strong,.schedule-owner-bar > div:first-child span { display:block; }.schedule-owner-bar > div:first-child strong { font-size:11px; }.schedule-owner-bar > div:first-child span { margin-top:3px;color:var(--muted);font-size:8px; }
.schedule-owner-select { min-width:210px;margin:0!important;color:var(--muted);font-size:7px!important;font-weight:800; }.schedule-owner-select select { min-height:34px;margin-top:4px;padding:7px 30px 7px 9px;font-size:8px; }
.schedule-owner-badge { display:flex;align-items:center;gap:8px; }.schedule-owner-badge .avatar { width:32px;height:32px;border-radius:9px;font-size:7px; }.schedule-owner-badge strong,.schedule-owner-badge small { display:block; }.schedule-owner-badge strong { font-size:9px; }.schedule-owner-badge small { margin-top:2px;color:var(--muted);font-size:7px; }
.meeting-kind.team { padding:3px 6px;border-radius:6px;color:#795d19;background:#fff3cd; }
.booking-link-card { padding:0; }.booking-card-body { padding:14px; }.booking-card-image { width:100%;height:112px;display:block;object-fit:cover;border-bottom:1px solid var(--line);background:#edf3f0; }.booking-link-card.has-image::before { z-index:1; }
.event-host-picker { margin-bottom:11px!important;padding:10px 11px!important;background:#f8fbf9; }.event-host-picker > div { margin-top:7px; }.event-host-picker p { margin:7px 0 0;color:var(--muted);font-size:7px;line-height:1.45; }.host-all-icon { width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:var(--teal);background:var(--mint-2); }
.event-image-upload { display:grid;gap:7px; }.event-image-upload > label small { color:var(--muted);font-size:7px;font-weight:500; }.event-image-upload input[type="file"] { min-height:0;margin-top:6px;padding:7px;font-size:8px; }.event-image-upload input[type="file"]::file-selector-button { margin-right:8px;padding:6px 9px;border:0;border-radius:6px;color:var(--deep);background:var(--mint-2);font-size:7px;font-weight:800;cursor:pointer; }
.event-image-editor { min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fbfdfc; }.event-image-editor > span,.event-image-editor > img { width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--teal);background:var(--mint-2);object-fit:cover; }.event-image-editor strong,.event-image-editor small { display:block; }.event-image-editor strong { font-size:8px; }.event-image-editor small { margin-top:2px;color:var(--muted);font-size:7px; }.event-preview-image { width:100%;max-height:116px;margin:10px 0 2px;border-radius:10px;object-fit:cover;border:1px solid var(--line); }
.shared-availability { margin:10px 0;padding:11px;border:1px solid #cfe2d9;border-radius:11px;background:#f6fbf8; }.shared-availability[hidden] { display:none; }.shared-availability > div:first-child { display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px; }.shared-availability > div:first-child > span { width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--teal);background:var(--mint-2); }.shared-availability strong,.shared-availability small { display:block; }.shared-availability strong { font-size:9px; }.shared-availability small { margin-top:2px;color:var(--muted);font-size:7px;line-height:1.4; }.availability-suggestions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid #dce9e3; }.availability-suggestions > button { min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;text-align:left;cursor:pointer;transition:.16s; }.availability-suggestions > button:hover,.availability-suggestions > button.selected { border-color:var(--teal);color:var(--deep);background:var(--mint-2);box-shadow:0 0 0 2px rgba(71,137,121,.08); }.availability-suggestions strong,.availability-suggestions span { display:block; }.availability-suggestions strong { overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }.availability-suggestions span { margin-top:3px;color:var(--teal);font-size:8px;font-weight:800; }
.public-event-image { width:calc(100% + 48px);max-height:180px;display:block;margin:-24px -24px 20px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.14); }

/* Google Calendar connection */
.google-integration-card { overflow:hidden;background:linear-gradient(145deg,#fff,#f8fbfa); }
.integration-heading { align-items:flex-start; }
.integration-brand { display:flex;align-items:flex-start;gap:12px;min-width:0; }
.google-mark { width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2e8e5;border-radius:11px;color:#4285f4;background:#fff;box-shadow:0 4px 12px rgba(20,40,35,.07);font:800 18px "Manrope"; }
.integration-brand p strong { color:var(--ink); }
.integration-status { display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:7px;font-weight:800;white-space:nowrap; }
.integration-status::before { content:"";width:6px;height:6px;border-radius:50%;background:currentColor; }
.integration-status.connected { color:#27745e;background:#e4f5ed; }.integration-status.disconnected { color:#8a6816;background:#fff3cd; }.integration-status.unavailable { color:#6d7d78;background:#edf2f0; }
.integration-benefits { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff; }
.integration-benefits span { display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:8px;line-height:1.45; }.integration-benefits svg { flex:0 0 auto;color:var(--teal); }
.integration-actions { display:flex;align-items:center;justify-content:space-between;gap:12px; }.integration-actions small { color:var(--muted);font-size:7px; }.google-callback-url { overflow:auto;padding:9px 11px;border:1px solid var(--line);border-radius:8px;color:var(--deep);background:#f3f7f5;font-size:8px;white-space:nowrap; }
.google-meet-helper.connected { border-color:#b9ddcf;background:#eff9f5; }.google-meet-helper.connected > span { color:#fff;background:var(--teal); }.google-meet-helper.connected .button { color:#27745e;border-color:#b9ddcf;background:#fff; }

/* Template-led task creation */
.field-optional,.field-required { display:inline!important;margin-left:4px;color:var(--muted);font-size:6px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em; }.field-required { color:#a45343; }
.responsibility-switch { display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:9px 0 7px;padding:4px;border:1px solid #dce7e2;border-radius:10px;background:#eef4f1; }.responsibility-switch label { position:relative;margin:0!important;overflow:hidden;cursor:pointer; }.responsibility-switch input { position:absolute;inset:0 auto auto 0;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none; }.responsibility-switch span { min-height:31px;display:grid;place-items:center;border-radius:7px;color:var(--muted);font-size:8px;font-weight:800;transition:.15s; }.responsibility-switch label:has(input:checked) span { color:var(--deep);background:#fff;box-shadow:0 2px 8px rgba(17,47,39,.08); }
.task-structure { margin:7px 0;padding:9px;border:1px solid #dce7e2;border-radius:10px;background:#fff; }.task-structure .task-section-title { margin-bottom:6px; }.template-instructions { display:flex;align-items:flex-start;gap:7px;margin-bottom:7px;padding:8px;border-radius:8px;color:var(--deep);background:#f0f7f4; }.template-instructions > span { width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:var(--teal);background:#dcefe7; }.template-instructions strong,.template-instructions p { display:block;margin:0; }.template-instructions strong { font-size:8px; }.template-instructions p { margin-top:2px;color:var(--muted);font-size:7px;line-height:1.4;white-space:pre-line; }
.task-structure .custom-field-stack { margin-top:0;gap:6px; }.task-field-row { position:relative;min-width:0; }.task-field-row > label { margin:0!important;color:#2e4541;font-size:12px;font-weight:850;line-height:1.35; }.task-field-row > label > input,.task-field-row > label > select,.task-field-row > label > textarea { margin-top:7px;font-size:10px;font-weight:500; }.task-field-remove { position:absolute;top:-2px;right:0;width:22px!important;height:22px!important; }.task-field-row:has(.task-field-remove) > label { padding-right:25px; }.task-upload-field { margin-top:7px!important;padding:8px;border:1px dashed #bdd5cb;border-radius:8px;background:#f8fbfa; }.task-upload-field input { min-height:0;margin-top:5px;padding:6px;font-size:8px; }.task-upload-field input::file-selector-button { margin-right:8px;padding:6px 9px;border:0;border-radius:6px;color:var(--deep);background:var(--mint-2);font-size:7px;font-weight:800;cursor:pointer; }.task-upload-field small,.planning-help { display:block;margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4; }
.template-page-layout { grid-template-columns:minmax(440px,1.08fr) minmax(300px,.92fr); }
.template-builder { border-color:#dce7e2;box-shadow:0 16px 42px rgba(23,57,53,.08); }
.template-builder > .panel-head { padding:18px 20px 15px;border-bottom:1px solid #e8eeeb;background:linear-gradient(135deg,#f5fbf8,#fff); }
.template-builder > .panel-head .eyebrow { margin-bottom:4px;font-size:7px; }
.template-builder > .panel-head h2 { margin-bottom:3px;font-size:16px;letter-spacing:-.3px; }
.template-builder > .panel-head p { margin:0;font-size:9px; }
.template-editor { gap:12px;padding:14px;background:#fff; }
.template-form-section { display:grid;gap:10px;padding:13px;border:1px solid #e2eae6;border-radius:12px;background:#fbfcfb; }
.template-section-heading { display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid #e8eeeb; }
.template-section-heading > span { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--deep);font-size:8px;font-weight:900; }
.template-section-heading strong,.template-section-heading small { display:block; }
.template-section-heading strong { color:var(--deep);font-size:11px; }
.template-section-heading small { margin-top:2px;color:var(--muted);font-size:8px;font-weight:500;line-height:1.4; }
.template-editor > .template-form-section > label,.template-field-editor-row label { font-size:8px; }
.template-editor input,.template-editor select { height:36px; }
.template-editor textarea { min-height:76px;line-height:1.5; }
.template-form-basics { background:#fff; }
.template-setup-grid { display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr);gap:9px; }
.template-color-field { grid-column:1/-1; }
.template-color-control { min-height:40px;display:flex;align-items:center;gap:10px;margin-top:5px;padding:5px 9px;border:1px solid #dfe5e1;border-radius:9px;background:#fff; }
.template-color-control input[type="color"] { width:43px;height:28px;min-height:0;margin:0;padding:2px;border:0;border-radius:7px;cursor:pointer;box-shadow:none; }
.template-color-control small { color:var(--muted);font-size:8px;font-weight:500; }
.template-fields-builder { gap:9px;margin:0;padding:13px;border:1px solid #d8e6df;border-radius:12px;background:#f5faf7; }
.template-fields-heading { grid-template-columns:27px minmax(0,1fr) auto; }
.template-fields-heading .button { min-height:31px;padding:0 10px;font-size:8px; }
.template-field-editor-row { display:grid;gap:8px;margin-top:9px;padding:10px;border:1px solid #dce7e2;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(29,62,57,.035); }
.template-field-editor-row:first-child { margin-top:0; }
.template-field-row-main { display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.48fr) 31px;align-items:end;gap:8px; }
.template-field-row-settings { display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:end;gap:8px;padding-top:8px;border-top:1px solid #edf1ef; }
.template-field-editor-row input,.template-field-editor-row select { min-width:0;margin-top:4px!important; }
.template-field-options > small { display:inline;margin-left:4px;color:#899591;font-size:6px;font-weight:500; }
.template-field-remove { width:31px;height:36px;border:1px solid #f0d9d4;border-radius:8px;background:#fff8f6; }
.template-required-toggle { min-height:36px;display:flex!important;align-items:center;gap:8px;margin:0!important;padding:6px 9px;border:1px solid #dfe7e3;border-radius:9px;background:#fafcfb;cursor:pointer; }
.template-required-toggle input { width:15px!important;height:15px!important;min-height:0;margin:0!important;accent-color:var(--teal); }
.template-required-toggle span,.template-required-toggle strong,.template-required-toggle small { display:block; }
.template-required-toggle strong { color:var(--deep);font-size:8px; }
.template-required-toggle small { margin-top:1px;color:var(--muted);font-size:6px;font-weight:500; }
.template-fields-empty { display:grid;place-items:center;gap:3px;padding:18px 12px;border:1px dashed #bfd2ca;border-radius:9px;color:var(--muted);background:rgba(255,255,255,.7);text-align:center; }
.template-fields-empty strong { color:#425a55;font-size:9px; }.template-fields-empty small { font-size:7px; }
.template-form-attachments { background:#fff; }
.template-upload-toggle { min-height:54px;display:grid!important;grid-template-columns:17px 32px minmax(0,1fr);align-items:center;gap:10px;margin:0!important;padding:9px 11px;border:1px solid #dce7e2;border-radius:10px;background:#f8fbf9;cursor:pointer; }
.template-upload-toggle:has(input:checked) { border-color:#8cbdad;background:#edf8f3; }
.template-upload-toggle > input { width:16px!important;height:16px!important;min-height:0;margin:0!important;accent-color:var(--teal); }
.template-upload-toggle > i { width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--teal);background:#e2f1eb; }
.template-upload-toggle > span,.template-upload-toggle strong,.template-upload-toggle small { display:block; }
.template-upload-toggle strong { color:var(--deep);font-size:9px; }.template-upload-toggle small { margin-top:2px;color:var(--muted);font-size:7px;font-weight:500;line-height:1.4; }
.template-form-actions { align-items:center;margin:0 -14px -14px;padding:12px 14px;border-top:1px solid #e5ece8;background:#f9fbfa; }
.template-form-actions > span { flex:1;color:var(--muted);font-size:7px;line-height:1.4; }
.template-form-actions .button { min-height:36px;padding:0 15px; }
@media (max-width: 1120px) { .template-page-layout { grid-template-columns:1fr; } }
.dialog-toast { position:fixed;z-index:20;right:22px;bottom:22px; }.task-field-modal { width:min(430px,calc(100% - 28px)); }.task-field-modal > form { padding:17px 19px; }.task-field-modal label { margin-top:10px; }.task-field-modal .modal-head p { margin:4px 0 0;color:var(--muted);font-size:8px; }.task-field-required { margin:12px 0!important;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8fbf9; }.field-type-preview { display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #d7e6df;border-radius:10px;background:#f1f8f5; }.field-type-preview > span { width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--teal);background:#dcefe7; }.field-type-preview strong,.field-type-preview small { display:block; }.field-type-preview strong { font-size:9px; }.field-type-preview small,.task-field-modal label > small,.existing-field-files { margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4; }.task-field-row input[type="file"] { min-height:0;padding:7px;font-size:8px; }.task-field-row input[type="file"]::file-selector-button { margin-right:8px;padding:6px 9px;border:0;border-radius:6px;color:var(--deep);background:var(--mint-2);font-size:7px;font-weight:800;cursor:pointer; }

@media (max-width: 700px) { .template-editor { padding:10px; }.template-form-section { padding:11px; }.template-setup-grid,.template-field-row-settings { grid-template-columns:1fr; }.template-field-row-main { grid-template-columns:minmax(0,1fr) 31px; }.template-field-type { grid-column:1/-1;grid-row:2; }.template-field-remove { grid-column:2;grid-row:1; }.template-form-actions { margin:0 -10px -10px;flex-wrap:wrap;padding:10px; }.template-form-actions > span { flex-basis:100%; }.template-form-actions .button { flex:1; }.template-fields-heading { grid-template-columns:27px minmax(0,1fr); }.template-fields-heading .button { grid-column:1/-1;width:100%; } }
.task-created-meta { display:block;margin-top:2px;overflow:hidden;color:#657572!important;font-size:9px!important;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap; }
.board-card-created { display:block;margin:1px 0 6px;overflow:hidden;color:#657572;font-size:9px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap; }
.task-card-signals { display:inline-flex!important;align-items:center;flex-wrap:wrap;gap:5px;flex:0 0 auto; }.task-card-signals > span { display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #dce8e3;border-radius:7px;color:#46645d;background:#f5f9f7;font-size:9px;font-weight:700;line-height:1;white-space:nowrap; }.task-card-signals > span strong { font-size:10px; }.task-card-signals svg { width:13px;height:13px;flex:0 0 auto; }.task-card-signals > .approval.pending { color:#8b6423;border-color:#eddba9;background:#fff8e7; }.task-card-signals > .approval.approved { color:#26735f;border-color:#cce3d9;background:#edf8f3; }.board-card > .task-card-signals { display:flex!important;margin:1px 0 8px; }.task-row .task-card-signals { flex-wrap:nowrap;gap:3px; }.task-row .task-card-signals > span { padding:2px 4px;border:0;font-size:8px; }.task-row .task-card-signals svg { width:10px;height:10px; }
.task-view-note > span,.task-view-note strong,.task-view-note small { display:block; }.task-view-note small { margin-top:1px;color:#67817a;font-size:9px;font-weight:600; }
.file-preview-stage.scrollable-image { display:block;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#eef3f0; }
.file-preview-shell { max-height:calc(100vh - 34px);overflow-y:auto;overscroll-behavior:contain; }
.image-preview-tools { display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:-3px 0 7px; }.image-preview-tools[hidden] { display:none; }.image-preview-tools > span { margin-right:auto;color:#6b7a78;font-size:9px;font-weight:750; }.image-preview-tools .icon-button { width:30px;height:30px;font-size:17px; }.image-preview-tools .button { min-width:54px;min-height:30px;padding:6px 10px;font-size:9px; }
.image-preview-canvas { width:100%;min-width:100%;min-height:100%;display:grid;place-items:start center;padding:12px;box-sizing:border-box; }
.file-preview-stage.scrollable-image .image-preview-canvas img { display:block;width:auto;height:auto;max-width:none;max-height:none;object-fit:none;border-radius:4px;box-shadow:0 4px 18px rgba(16,46,49,.08); }
.file-preview-stage.scrollable-image .image-preview-canvas.fit { height:100%;place-items:center; }
.file-preview-stage.scrollable-image .image-preview-canvas.fit img { width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain; }
.task-view-grid:not(.single) > div:last-child:nth-child(odd) { grid-column:1/-1; }
@media (max-width: 580px) { .task-view-grid,.task-view-fields { grid-template-columns:1fr; }.task-file-list article { grid-template-columns:32px minmax(0,1fr); }.task-file-actions { grid-column:1/-1;justify-content:flex-end; }.task-view-actions .button { flex:1; }.task-view-head h2 { max-width:calc(100vw - 110px); } }

/* Executive task card — selected design 5 */
.board-card.executive { height:190px;display:grid;grid-template-columns:minmax(0,1fr) 88px;padding:0;border-radius:14px;box-shadow:0 5px 15px rgba(25,66,59,.1); }
.board-card.executive::before { display:none; }
.board-card.executive.to-do { border-color:#8ebcaf;border-top:4px solid #3f8777; }
.board-card.executive.in-progress { border-color:#e0b45d;border-top:4px solid #c9861d; }
.board-card.executive.completed { border-color:#71aa9b;border-top:4px solid #28735f; }
.board-card.executive.to-do .board-card-main { background:linear-gradient(145deg,#fff 44%,#e5f4ef); }
.board-card.executive.in-progress .board-card-main { background:linear-gradient(145deg,#fff 44%,#ffedc4); }
.board-card.executive.completed .board-card-main { background:linear-gradient(145deg,#fff 44%,#d8eee6); }
.board-card-main { min-width:0;height:100%;padding:10px 11px;overflow:hidden; }
.board-card-eyeline { display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden; }
.board-card-eyeline .project-pill,.board-card-eyeline .task-template-badge { min-width:0;padding:4px 6px;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.board-card-eyeline .project-pill { max-width:38%; }
.board-card-eyeline .task-template-badge { max-width:32%; }
.board-card-eyeline .board-task-id { flex:0 0 auto;margin:0 0 0 auto;padding:3px 5px;font-size:8px;box-shadow:none; }
.board-card.executive h3 { min-height:38px;display:-webkit-box;margin:8px 0 4px;overflow:hidden;font-size:15px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.board-card.executive .board-card-status { margin-bottom:6px; }
.board-card.executive .board-card-created { margin-bottom:0;font-size:8px; }
.board-field-summary { max-height:52px;display:grid;gap:3px;margin-top:9px;padding-top:7px;overflow:hidden;border-top:1px solid #edf1ef; }
.board-field-summary small { color:#7b8986;font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase; }
.board-field-summary span { display:block;overflow:hidden;color:#52635f;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap; }
.board-field-summary span b { color:#273c38;font-weight:800; }
.board-field-summary span.empty { color:#8a9895;font-style:italic; }
.board-card-side { height:100%;display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:11px 8px;overflow:hidden;border-left:1px solid #e5ebe8;background:#f6f9f7; }
.board-card.executive.to-do .board-card-side { border-color:#9fc9bd;background:#d4ebe4; }
.board-card.executive.in-progress .board-card-side { border-color:#e3bb6d;background:#ffe1a0; }
.board-card.executive.completed .board-card-side { border-color:#88b9ab;background:#c4e3d8; }
.board-card.executive.to-do .board-card-status i { background:#3f8777!important; }
.board-card.executive.in-progress .board-card-status i { background:#c9861d!important; }
.board-card.executive.completed .board-card-status i { background:#28735f!important; }
.board-side-metrics { display:grid;gap:9px; }
.board-side-metrics > span { display:block; }
.board-side-metrics small,.board-side-metrics strong { display:block; }
.board-side-metrics small { color:#80908c;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase; }
.board-side-metrics strong { margin-top:2px;color:#263d38;font-size:11px;line-height:1.15; }
.board-side-metrics strong.priority-high { color:#bd5245; }.board-side-metrics strong.priority-medium { color:#9c6f22; }.board-side-metrics strong.priority-low { color:#337765; }
.board-side-bottom { display:grid;gap:7px;margin-top:13px;color:#60716d;font-size:8px; }
.board-side-bottom > span { display:flex;align-items:center;gap:4px;line-height:1.25; }
.board-side-bottom .assignee-group { justify-content:flex-start; }
.board-side-bottom .row-avatar { width:24px;height:24px;font-size:7px; }
.board-column-head span small { color:#82908d;font-size:7px;font-weight:700; }
.board-completed-footer { width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) 16px;align-items:center;gap:7px;margin-top:8px;padding:9px;border:1px dashed #bcd4cc;border-radius:11px;color:#386e61;background:#f1f8f5;text-align:left;cursor:pointer; }
.board-completed-footer > span:first-child { width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#dcefe8; }
.board-completed-footer strong,.board-completed-footer small { display:block; }.board-completed-footer strong { font-size:9px; }.board-completed-footer small { margin-top:2px;color:#6c807a;font-size:7px; }
.board-completed-footer > svg { justify-self:end; }
.completed-list-footer { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px; }

/* Threaded conversation in the normal task view */
.sr-only { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.task-view-conversation { margin-top:10px;padding:12px;border:1px solid #dce7e2;border-radius:11px;background:#f7faf8; }
.task-view-conversation .task-section-title { margin-bottom:9px; }
.task-view-comment-list { max-height:340px;margin-bottom:9px;padding-right:2px; }
.comment-thread { min-width:0; }.comment-replies { display:grid;gap:7px;margin:7px 0 0 22px;padding-left:9px;border-left:2px solid #dce8e2; }
.task-view-conversation .comment-item { grid-template-columns:32px minmax(0,1fr);padding:9px; }
.task-view-conversation .comment-item .avatar { width:32px;height:32px;font-size:8px; }
.task-view-conversation .comment-copy strong { font-size:10px; }.task-view-conversation .comment-copy time { font-size:8px; }
.task-view-conversation .comment-copy p { margin-top:5px;color:#334642;font-size:11px;line-height:1.5; }
.comment-reply-button { margin-top:6px;padding:0;border:0;color:var(--teal);background:transparent;font-size:8px;font-weight:800;cursor:pointer; }
.task-collaboration .comment-reply-button { display:none; }
.task-view-comment-form textarea { min-height:62px;margin-top:0;padding:10px;font-size:11px;resize:vertical; }
.comment-reply-context { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding:7px 9px;border-radius:7px;color:#45635c;background:#e8f3ee;font-size:9px; }
.comment-reply-context button { padding:0;border:0;color:var(--teal);background:transparent;font-size:8px;font-weight:800;cursor:pointer; }
.task-view-conversation .comment-composer-actions { margin-top:7px; }
.task-view-conversation .file-button { font-size:9px; }

@media (max-width: 580px) { .board-card.executive { grid-template-columns:minmax(0,1fr) 82px; }.board-card.executive.completed { grid-template-columns:minmax(0,1fr) 68px; }.comment-replies { margin-left:12px;padding-left:7px; }.mention-picker { left:0;right:auto;width:100%;max-height:180px; } }

/* Status color carries into the readable task window */
.task-view-modal { border-top:5px solid #3f8777; }
.task-view-modal[data-task-status="in-progress"] { border-top-color:#c9861d; }
.task-view-modal[data-task-status="completed"] { border-top-color:#28735f; }
.task-view-modal[data-task-status="to-do"] .task-view-shell { background:linear-gradient(180deg,#dff2eb 0,#fff 180px); }
.task-view-modal[data-task-status="in-progress"] .task-view-shell { background:linear-gradient(180deg,#ffedc4 0,#fff 180px); }
.task-view-modal[data-task-status="completed"] .task-view-shell { background:linear-gradient(180deg,#d6ede5 0,#fff 180px); }
.task-view-modal[data-task-status="to-do"] .task-view-head { background:rgba(223,242,235,.97); }
.task-view-modal[data-task-status="in-progress"] .task-view-head { background:rgba(255,237,196,.97); }
.task-view-modal[data-task-status="completed"] .task-view-head { background:rgba(214,237,229,.97); }
.task-view-status { padding:8px;border:1px solid #dfebe6;border-radius:9px;background:rgba(255,255,255,.72); }
.task-view-modal[data-task-status="to-do"] .task-view-status { border-color:#9fcbbd;background:#cfebe1; }
.task-view-modal[data-task-status="in-progress"] .task-view-status { border-color:#e3ba66;background:#ffe1a0; }
.task-view-modal[data-task-status="completed"] .task-view-status { border-color:#83b6a7;background:#c5e5da; }
.task-view-grid > div:nth-child(4n+1),.task-view-grid > div:nth-child(4n+4) { background:#f8fbfa; }
.task-view-section { border-left:4px solid #4f9684;background:#f0f8f5; }
.task-view-fields > div { border-color:#bddbd1;background:#f7fcfa; }
.task-view-conversation { border-left:4px solid #3f8777;background:#eaf5f1; }

@media (max-width: 860px) {
  .schedule-owner-bar { align-items:stretch;flex-direction:column; }.schedule-owner-select { min-width:0; }.shared-availability > div:first-child { grid-template-columns:32px 1fr; }.shared-availability > div:first-child .button { grid-column:1/-1;width:100%; }.availability-suggestions { grid-template-columns:repeat(2,minmax(0,1fr)); }.booking-card-image { height:132px; }.event-image-editor { grid-template-columns:34px minmax(0,1fr); }.event-image-editor .button { grid-column:2;justify-self:start; }.public-event-image { width:calc(100% + 40px);margin:-20px -20px 18px; }.integration-benefits { grid-template-columns:1fr; }.integration-actions { align-items:flex-start;flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Settings service hub */
.settings-content { min-width:0; }
.settings-content > .page-enter > .page-head { display:none; }
.settings-content > .page-enter > .template-page-note { margin-top:0; }
.settings-spaced-field { display:block;margin-top:16px; }
.service-hub { display:grid;gap:15px; }
.service-hub-intro { display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#123c3b,#285f56);box-shadow:0 12px 30px rgba(17,54,50,.14); }
.service-hub-intro h2 { margin:4px 0 6px;font-size:20px; }
.service-hub-intro p { max-width:650px;margin:0;color:#c6dcd5;font-size:11px;line-height:1.55; }
.service-hub-intro .eyebrow { color:#8cc3b3; }
.service-count { padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#dff1eb;background:rgba(255,255,255,.08);font-size:9px;font-weight:800;white-space:nowrap; }
.service-catalog { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.service-catalog > #googleIntegrationMount { display:contents; }
.service-catalog .google-integration-card { grid-column:span 2;padding:16px; }
.service-catalog .google-integration-card .integration-benefits { display:none; }
.service-catalog-card { min-height:78px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-sm); }
.service-catalog-card.active { border-color:#91c5b7;background:linear-gradient(145deg,#fff,#e9f6f1); }
.service-catalog-card.future { border-style:dashed;color:#7c8a87;background:#f7faf8; }
.service-catalog-card.future > span:first-child { width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e5eeea; }
.service-catalog-card strong,.service-catalog-card small { display:block; }
.service-catalog-card strong { color:var(--deep);font-size:11px; }
.service-catalog-card small { margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35; }
.service-mark { width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;font:800 17px "Manrope"; }
.blaxtars-mark { color:#fff;background:linear-gradient(145deg,#ec586b,#7056ca);box-shadow:0 6px 16px rgba(112,86,202,.2); }
.service-manager { padding:20px;border:1px solid var(--line);border-radius:15px;background:#f7faf8; }
.service-heading { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px; }
.service-heading > div { display:flex;align-items:center;gap:12px;min-width:0; }
.service-heading h2 { margin:2px 0 3px;font-size:18px; }
.service-heading p { margin:0;color:var(--muted);font-size:10px; }
.testimonial-layout { display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:13px;align-items:start; }
.testimonial-form { display:grid;gap:12px;padding:18px; }
.testimonial-form .panel-head,.testimonial-library .panel-head { padding:0 0 13px;border-bottom:1px solid var(--line); }
.testimonial-form label { color:#50625e;font-size:10px;font-weight:800; }
.testimonial-form input,.testimonial-form textarea { margin-top:6px;font-size:11px; }
.testimonial-upload { position:relative;display:block; }
.testimonial-upload input { position:absolute;width:1px;height:1px;opacity:0;pointer-events:none; }
.testimonial-upload > span { min-height:86px;display:grid;place-items:center;align-content:center;gap:4px;margin-top:6px;padding:14px;border:1px dashed #9ebfb5;border-radius:11px;color:var(--teal);background:#f1f8f5;cursor:pointer; }
.testimonial-upload > span b { color:var(--deep);font-size:10px; }
.testimonial-upload > span small { color:var(--muted);font-size:9px;font-weight:500; }
.testimonial-upload:focus-within > span { outline:2px solid rgba(71,137,121,.22);border-color:var(--teal); }
.form-alert { padding:10px 11px;border:1px solid #efb9b2;border-radius:9px;color:#8b3d34;background:#fff1ef;font-size:10px;font-weight:700;line-height:1.45; }
.testimonial-library { padding:18px; }
.testimonial-list { display:grid;gap:9px;max-height:620px;overflow:auto;padding-right:3px; }
.testimonial-card { display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #dce7e2;border-radius:12px;background:#fff; }
.testimonial-logo { width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border:1px solid #e1e8e5;border-radius:11px;color:#7a8a86;background:#f7faf8; }
.testimonial-logo img { width:100%;height:100%;padding:7px;object-fit:contain; }
.testimonial-copy { min-width:0; }
.testimonial-copy > div { display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }
.testimonial-card-links { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px; }
.testimonial-admin-button { display:inline-flex;align-items:center;gap:3px;padding:4px 7px;border:1px solid #cfe0d9;border-radius:7px;color:var(--teal);background:#f3f9f6;font:800 8px/1 inherit;cursor:pointer; }
.testimonial-admin-button:hover { border-color:#8eb8ab;background:#e6f3ed; }
.testimonial-admin-button.danger { border-color:#f0d0ca;color:#9d4537;background:#fff5f2; }
.testimonial-edit-modal { width:min(520px,calc(100% - 28px)); }
.testimonial-edit-modal .modal-head p { margin:4px 0 0;color:var(--muted);font-size:8px; }
.testimonial-edit-modal textarea { min-height:112px; }
.testimonial-edit-upload > small { display:inline;margin-left:4px;color:var(--muted);font-weight:500; }
.testimonial-edit-upload > span { display:block;margin-top:5px;color:var(--muted);font-size:8px;font-weight:500; }
.testimonial-delete-modal { width:min(410px,calc(100% - 28px)); }
.delete-confirmation-mark { width:42px;height:42px;display:grid;place-items:center;margin:2px 0 12px;border-radius:12px;color:#a54a3d;background:#fff0ed; }
.delete-confirmation-copy { margin:0;color:#52635f;font-size:10px;line-height:1.65; }
.testimonial-copy h3 { margin:0;font-size:12px; }
.testimonial-copy a { display:inline-flex;align-items:center;gap:4px;color:var(--teal);font-size:9px;font-weight:800;white-space:nowrap; }
.testimonial-copy p { margin:7px 0 10px;color:#425652;font-size:10px;line-height:1.55;white-space:pre-line; }
.testimonial-copy footer { display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px; }
.testimonial-copy footer span { display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.testimonial-copy time { white-space:nowrap; }
.integration-state { min-height:150px;display:grid;place-items:center;align-content:center;gap:6px;padding:20px;color:var(--muted);text-align:center; }
.integration-state > span { font-size:9px;line-height:1.45; }
.integration-state strong { color:var(--deep);font-size:12px; }
.integration-state.error > span:first-child { color:#a74d42; }
.integration-state .button { margin-top:4px; }

@media (max-width:1120px) { .service-catalog { grid-template-columns:1fr 1fr; }.service-catalog .google-integration-card { grid-column:1/-1; }.testimonial-layout { grid-template-columns:1fr; } }
@media (max-width:700px) { .service-hub-intro,.service-heading { align-items:flex-start;flex-direction:column; }.service-catalog { grid-template-columns:1fr; }.service-manager { padding:13px; }.testimonial-form,.testimonial-library { padding:14px; }.testimonial-card { grid-template-columns:48px minmax(0,1fr); }.testimonial-logo { width:48px;height:48px; }.testimonial-copy > div,.testimonial-copy footer { align-items:flex-start;flex-direction:column; }.settings-content > .page-enter > .template-page-note { display:none; } }

/* Services workspace and reusable access controls */
.service-settings-grid { display:grid;gap:13px; }
.service-settings-card { overflow:hidden;padding:18px; }
.service-settings-head { display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px; }
.service-settings-head h3 { margin:0;color:var(--deep);font-size:14px; }
.service-settings-head p { margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45; }
.service-settings-status { display:flex;align-items:center;justify-content:flex-end;gap:8px; }
.integration-status.disabled { color:#826344;background:#f5ece2; }
.service-status-toggle { min-width:84px;display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #d6e0dc;border-radius:999px;color:#6c7b77;background:#f5f7f6;font:750 8px/1 "Manrope",sans-serif;cursor:pointer; }
.service-status-toggle i { position:relative;width:24px;height:14px;flex:0 0 auto;border-radius:999px;background:#aebbb7;transition:background .16s ease; }
.service-status-toggle i::after { content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,45,39,.22);transition:transform .16s ease; }
.service-status-toggle.enabled { color:#246b58;border-color:#b8d8cd;background:#e9f5f0; }
.service-status-toggle.enabled i { background:#478979; }.service-status-toggle.enabled i::after { transform:translateX(10px); }
.service-status-toggle:hover { border-color:#91b6aa; }.service-status-toggle:disabled { opacity:.55;cursor:wait; }
.service-remove-button { display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:0;border-radius:8px;color:#a3483f;background:transparent;font:750 8px/1 "Manrope",sans-serif;cursor:pointer; }
.service-remove-button:hover,.service-remove-button:focus-visible { color:#87352e;background:#fff0ed;outline:none; }
.service-uninstalled { border-style:dashed;background:#fbfcfc; }
.service-uninstalled-note { margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5; }
.service-disabled-note { display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;border:1px solid #eadbc9;border-radius:10px;color:#795c3e;background:#fbf5ee;font-size:9px;line-height:1.45; }
.service-disabled-note svg { flex:0 0 auto;margin-top:1px; }.service-disabled-note strong { display:block;margin-bottom:2px;font-size:10px; }
.service-settings-card.service-disabled .service-credential-form,.service-settings-card.service-disabled .service-access-form,.service-settings-card.service-disabled > #googleIntegrationMount { opacity:.72; }
.service-key-note { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 0;padding:10px 12px;border:1px solid #dce7e2;border-radius:10px;background:#f6faf8; }
.service-key-note code { color:#3c6159;font-size:9px;font-weight:750; }
.service-key-note span { color:var(--muted);font-size:9px; }
.service-credential-form { display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);align-items:end;gap:14px;margin-top:15px;padding:13px;border:1px solid #cfe3db;border-radius:12px;background:linear-gradient(135deg,#f1f9f6,#fbfdfc); }
.service-credential-copy { display:flex;align-items:center;gap:9px;min-width:0; }
.credential-lock { display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;color:#2f7968;background:#dff2eb; }
.service-credential-copy strong,.service-credential-copy small { display:block; }
.service-credential-copy strong { color:var(--deep);font-size:10px; }
.service-credential-copy small { margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4; }
.service-credential-form > label { min-width:0;color:#40534f;font-size:8px;font-weight:750; }
.credential-input-row { display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;margin-top:5px; }
.credential-input-row input { min-width:0;height:34px;padding:0 10px;border:1px solid #cddbd6;border-radius:9px;color:var(--deep);background:#fff;font-size:10px; }
.test-connection-button { display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap; }
.service-access-form { margin-top:15px;padding-top:15px;border-top:1px solid var(--line); }
.service-access-head { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px; }
.service-access-head strong,.service-access-head small { display:block; }
.service-access-head strong { color:var(--deep);font-size:11px; }
.service-access-head small { margin-top:3px;color:var(--muted);font-size:9px; }
.service-access-mode { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px; }
.service-access-mode > label { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid #dce7e2;border-radius:10px;background:#fbfdfc;cursor:pointer; }
.service-access-mode > label:has(input:checked) { border-color:#5d9e8e;background:#e7f4ef;box-shadow:inset 0 0 0 1px rgba(48,122,104,.08); }
.service-access-mode input { width:15px;height:15px;margin:0;accent-color:var(--teal); }
.service-access-mode strong,.service-access-mode small { display:block; }
.service-access-mode strong { color:#29423c;font-size:9px; }
.service-access-mode small { margin-top:2px;color:var(--muted);font-size:8px; }
.service-all-users-note { display:none;align-items:center;gap:7px;padding:10px 11px;border:1px solid #cfe4dc;border-radius:10px;color:#356b5f;background:#edf8f4;font-size:9px;font-weight:650; }
.service-access-form.all-users .service-all-users-note { display:flex; }
.service-access-form.all-users .service-member-list { display:none; }
.service-member-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
.service-member-option { display:grid;grid-template-columns:auto 28px minmax(0,1fr);align-items:center;gap:7px;padding:8px;border:1px solid #dce7e2;border-radius:10px;background:#fbfdfc;cursor:pointer; }
.service-member-option:has(input:checked) { border-color:#77b4a4;background:#eaf6f1;box-shadow:inset 0 0 0 1px rgba(71,137,121,.08); }
.service-member-option input { width:15px;height:15px;margin:0;accent-color:var(--teal); }
.service-member-option .row-avatar { width:28px;height:28px;font-size:8px; }
.service-member-option strong,.service-member-option small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.service-member-option strong { color:#273c37;font-size:9px; }
.service-member-option small { margin-top:2px;color:var(--muted);font-size:8px;text-transform:capitalize; }
.service-access-summary { display:flex;align-items:center;gap:7px;margin-top:15px;padding:10px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:9px; }
.service-settings-card > #googleIntegrationMount .google-integration-card { margin-top:14px;padding:12px;border:1px solid #dce7e2;box-shadow:none;background:#f8fbfa; }
.service-settings-card > #googleIntegrationMount .integration-benefits { display:none; }
.service-settings-card > #googleIntegrationMount .settings-title h2 { font-size:11px; }
.service-settings-card > #googleIntegrationMount .settings-title p { font-size:9px; }
.services-directory { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:15px; }
.service-launch-card { display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;border:1px solid #d8e5e0;border-radius:14px;color:var(--deep);background:#fff;box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;transition:.18s ease; }
.service-launch-card:hover,.service-launch-card.active { border-color:#79b4a4;background:linear-gradient(145deg,#fff,#edf8f4);transform:translateY(-1px); }
.service-launch-card strong,.service-launch-card small { display:block; }
.service-launch-card strong { font-size:12px; }
.service-launch-card small { margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4; }
.service-published { margin-top:13px; }
.testimonial-queue { padding:18px; }
.submission-list { display:grid;gap:8px;max-height:510px;overflow:auto;padding-right:3px; }
.submission-card { padding:12px;border:1px solid #dae6e2;border-left:4px solid #d89a2e;border-radius:11px;background:#fff; }
.submission-card.approved { border-left-color:#3e9179; }
.submission-card.rejected { border-left-color:#ba6358; }
.submission-card-head { display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }
.submission-card-head h3 { margin:5px 0 0;font-size:12px; }
.submission-card-head time { color:var(--muted);font-size:8px;white-space:nowrap; }
.submission-status { display:inline-flex;padding:3px 6px;border-radius:999px;color:#845b10;background:#fff0cc;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.07em; }
.submission-status.approved { color:#26715c;background:#dff4ec; }
.submission-status.rejected { color:#963f36;background:#fde8e5; }
.submission-card > p { margin:9px 0;color:#40534f;font-size:10px;line-height:1.5; }
.submission-meta { display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:8px; }
.submission-meta span { display:inline-flex;align-items:center;gap:4px; }
.submission-actions { display:flex;justify-content:flex-end;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line); }
.review-note { margin-top:9px;padding:8px;border-radius:8px;color:#654943;background:#fff3ef;font-size:9px; }
.review-note strong { display:block;margin-bottom:3px; }
.service-notice { display:flex;align-items:flex-start;gap:8px;margin-bottom:9px;padding:9px 10px;border-radius:9px;font-size:9px;line-height:1.4; }
.service-notice.warning { color:#795510;background:#fff3d9; }
.service-notice span strong { display:block;margin-bottom:2px; }

@media (max-width:850px) { .service-member-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .services-directory,.service-member-list,.service-access-mode,.service-credential-form { grid-template-columns:1fr; }.credential-input-row { grid-template-columns:1fr; }.service-settings-head { grid-template-columns:40px minmax(0,1fr); }.service-settings-status { grid-column:2;justify-content:flex-start;flex-wrap:wrap; }.service-key-note,.service-access-head { align-items:flex-start;flex-direction:column; }.testimonial-queue { padding:14px; } }
@media (max-width:760px) { .event-block-builder { grid-template-columns:1fr 1fr; }.event-block-builder .event-block-reason,.event-block-builder .button { grid-column:1/-1; }.event-range-trigger { grid-template-columns:20px 1fr 14px 1fr 12px;padding-inline:9px; }.event-range-calendar-jump { grid-template-columns:minmax(90px,1fr) 74px; }.event-range-grid button { min-height:31px; }.event-people-options { grid-template-columns:1fr; }.event-type-card footer .text-button { flex:1;justify-content:center; } }

/* Compact task assignment and full-width task fields. */
.task-assignee-picker { position:relative;z-index:5; }
.task-assignee-picker:has(.task-people-select[open]) { z-index:20; }
.task-people-select { margin:0; }
.task-people-select > summary { min-height:38px;padding:5px 8px; }
.task-people-select .event-people-icon { width:25px;height:25px; }
.task-people-select-panel { padding:6px; }
.task-people-options { max-height:216px; }
.task-structure .custom-field-stack,
.task-view-fields { grid-template-columns:1fr; }
.task-structure .custom-field-stack { margin-top:0;gap:8px; }
.task-structure .task-section-title strong { font-size:13px; }
.task-structure .task-section-title small { font-size:9px; }
.task-view-fields span { color:#516661;font-size:12px;font-weight:800; }
.task-view-fields strong { margin-top:5px;font-size:13px; }

/* Template departments, task IDs, search, and sorting. */
.task-id-chip { display:inline-flex;width:fit-content;margin:0 0 4px;padding:3px 7px;border:1px solid #9ec8bb;border-radius:6px;color:#145f52;background:#e2f3ed;font-size:9px;font-weight:900;letter-spacing:.06em;line-height:1.3; }
.task-id-copy { align-items:center;gap:5px;font:inherit;cursor:pointer;transition:.15s ease; }
.task-id-copy svg { width:11px;height:11px;stroke-width:2; }
.task-id-copy:hover,.task-id-copy:focus-visible { color:#fff;border-color:#276f62;background:#276f62;box-shadow:0 3px 9px rgba(39,111,98,.18);outline:0; }
.board-task-id { margin:8px 0 0;box-shadow:inset 3px 0 0 #478979; }
.task-discovery { display:flex;align-items:center;gap:7px;flex:1;justify-content:flex-end; }
.task-search-control { display:flex;align-items:center;gap:6px;width:min(260px,100%);min-height:34px;padding:0 9px;border:1px solid #d9e4df;border-radius:9px;color:#6c7d79;background:#fff; }
.task-search-control:focus-within { border-color:#69a896;box-shadow:0 0 0 3px rgba(71,137,121,.1); }
.task-search-control input { width:100%;min-height:0;padding:0;border:0;outline:0;background:transparent;font-size:9px; }
.task-sort-control { display:grid;grid-template-columns:auto minmax(92px,1fr);align-items:center;gap:5px;color:#71807d;font-size:8px;font-weight:750; }
.task-sort-control select { min-height:34px;padding:6px 25px 6px 8px;border-color:#d9e4df;font-size:9px; }
.template-department-field { grid-column:1/-1; }
.template-department-field small { display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4; }
.task-audience.department-locked .responsibility-switch { opacity:.62; }
.template-department-lock { display:flex;align-items:center;gap:5px;margin:7px 0 0;padding:7px 9px;border:1px solid #b9d8ce;border-radius:8px;color:#276f62;background:#edf8f4;font-size:8px;line-height:1.4; }
.template-department-lock strong { color:var(--deep); }
.task-audience.department-locked #taskDepartment { color:#254741;background:#f2f8f5;cursor:not-allowed;opacity:1; }
.task-essentials-bar { display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;margin:7px 0;padding:7px 8px;border:1px solid #e0e9e5;border-radius:9px;background:#f7faf8; }
.task-essentials-bar label { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;margin:0!important;color:#657471;font-size:8px;font-weight:750; }
.task-essentials-bar label > span { white-space:nowrap; }
.task-essentials-bar select { min-height:32px;padding:5px 27px 5px 8px;border-color:#d8e3de;background:#fff;font-size:9px;font-weight:700; }
.departments-settings { padding:20px; }
.department-create-form { display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) 54px auto;align-items:end;gap:9px;margin:16px 0;padding:12px;border:1px solid #cfe0da;border-radius:11px;background:#f3f8f6; }
.department-create-form > div strong,.department-create-form > div small { display:block; }.department-create-form > div strong { font-size:11px; }.department-create-form > div small { margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35; }
.department-create-form input { min-height:34px; }.department-create-form .department-color,.department-row .department-color { display:grid;place-items:center; }
.department-create-form input[type="color"],.department-row input[type="color"] { width:44px;min-height:34px;padding:3px;cursor:pointer; }
.department-list { display:grid;gap:7px; }.department-row { display:grid;grid-template-columns:8px minmax(160px,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce7e2;border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease; }.department-row:hover { border-color:#bfd6ce;box-shadow:0 4px 14px rgba(20,65,58,.05); }.department-row.inactive { background:#f6f7f6; }.department-row input { min-height:34px; }.department-row-edit { grid-template-columns:8px minmax(160px,1fr) 54px minmax(145px,auto) auto;box-shadow:0 5px 18px rgba(20,65,58,.08); }.department-swatch { width:8px;height:34px;border-radius:99px;background:var(--department-color); }.department-name { display:grid;gap:2px;min-width:0; }.department-name strong { color:#172724;font-size:10px; }.department-name small { color:var(--muted);font-size:8px; }.department-active { display:flex!important;align-items:center;gap:6px!important;margin:0!important;color:#52615e;font-size:8px;font-weight:750;white-space:nowrap; }.department-active input { width:15px;height:15px;min-height:0;accent-color:var(--accent); }.department-state { padding:4px 8px;border-radius:99px;font-size:8px;font-weight:800; }.department-state.active { color:#28695e;background:#e4f3ed; }.department-state.inactive { color:#6d7875;background:#e8ecea; }.department-actions { display:flex;align-items:center;justify-content:flex-end;gap:6px; }.department-actions .icon-button { width:32px;height:32px; }.department-footnote { margin:12px 0 0!important;color:var(--muted);font-size:8px!important;line-height:1.5; }
@media (max-width:1050px) { .table-toolbar { flex-wrap:wrap; }.task-discovery { order:3;flex-basis:100%;justify-content:flex-start; }.task-search-control { width:min(360px,100%); } }
@media (max-width:760px) { .department-create-form { grid-template-columns:1fr 54px auto; }.department-create-form > div { grid-column:1/-1; }.department-row { grid-template-columns:8px minmax(0,1fr) auto; }.department-row .department-actions { grid-column:2/4;justify-self:start; }.department-row-edit .department-color { grid-column:3;grid-row:1; }.department-row-edit .department-active { grid-column:2/4; }.department-row-edit .department-actions { grid-column:2/4; } }
@media (max-width:620px) { .task-discovery { align-items:stretch;flex-direction:column; }.task-search-control { width:100%; }.task-sort-control { grid-template-columns:auto 1fr; }.task-sort-control select { width:100%; }.template-department-field { grid-column:auto; }.task-essentials-bar { grid-template-columns:1fr; }.task-essentials-bar label { grid-template-columns:84px 1fr; } }

.email-delivery-card { display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:20px;border-top:4px solid #174541;overflow:hidden; }
.email-delivery-card.connected { background:linear-gradient(135deg,#fff 0%,#f4faf7 100%); }
.email-delivery-card.unavailable,.email-delivery-card.error { border-top-color:#c27b34; }
.email-provider-mark { display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#fff;background:#174541;box-shadow:0 7px 18px rgba(23,69,65,.18);font-size:18px;font-weight:900; }
.email-delivery-card.unavailable .email-provider-mark,.email-delivery-card.error .email-provider-mark { background:#8c5a2b; }
.email-delivery-copy { min-width:0; }.email-delivery-copy .settings-title { align-items:flex-start;gap:14px;margin:0; }.email-delivery-copy h2 { margin:3px 0 4px; }.email-delivery-copy p { margin:0; }
.email-delivery-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:15px 0;background:#d9e7e2;border:1px solid #d9e7e2;border-radius:10px;overflow:hidden; }
.email-delivery-facts span { min-width:0;padding:11px 12px;background:#fff; }.email-delivery-facts small,.email-delivery-facts strong { display:block; }.email-delivery-facts small { margin-bottom:3px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.email-delivery-facts strong { overflow:hidden;color:var(--deep);font-size:9px;text-overflow:ellipsis;white-space:nowrap; }
.email-delivery-actions { display:flex;align-items:center;gap:10px;margin-top:13px; }.email-delivery-actions small { color:var(--muted);font-size:8px; }
@media (max-width:700px) { .email-delivery-card { grid-template-columns:1fr; }.email-delivery-facts { grid-template-columns:1fr; }.email-delivery-actions { align-items:flex-start;flex-direction:column; } }
.telegram-card { display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:20px;border-top:4px solid #229ed9;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f1f9fd 100%); }
.telegram-card.unavailable,.telegram-card.error { border-top-color:#8b9693;background:#fff; }
.telegram-provider-mark { display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#fff;background:#229ed9;box-shadow:0 7px 18px rgba(34,158,217,.22);font-size:13px;font-weight:900;letter-spacing:.04em; }
.telegram-card.unavailable .telegram-provider-mark,.telegram-card.error .telegram-provider-mark { background:#7d8b88;box-shadow:none; }
.telegram-card-copy { min-width:0; }.telegram-card-copy .settings-title { align-items:flex-start;gap:14px;margin:0; }.telegram-card-copy h2 { margin:3px 0 4px; }.telegram-card-copy p { margin:0; }
.telegram-privacy-note { margin-top:14px;padding:10px 12px;border:1px solid #cde7f3;border-radius:9px;color:#47656f;background:#f7fcfe;font-size:8px;line-height:1.5; }
.telegram-connect-box { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:13px;border:1px solid #c9e2ee;border-radius:11px;background:#fff; }.telegram-connect-box small { display:block;margin-bottom:5px;color:var(--muted);font-size:8px; }
.telegram-code { display:flex;align-items:center;gap:8px;padding:0;border:0;color:#173f4f;background:transparent;font-size:21px;font-weight:900;letter-spacing:.12em;cursor:pointer; }.telegram-code:hover { color:#147eaf; }
.telegram-connect-actions,.telegram-card-actions { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }.telegram-connect-actions { margin-top:14px; }.telegram-connect-box .telegram-connect-actions { justify-content:flex-end;margin-top:0; }.telegram-connect-actions small { color:var(--muted);font-size:8px; }
.telegram-preference-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px; }.telegram-preference-grid label { display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:9px;padding:11px;border:1px solid #d6e7ee;border-radius:10px;background:#fff;cursor:pointer; }.telegram-preference-grid input { width:15px;height:15px;min-height:0;accent-color:#229ed9; }.telegram-preference-grid strong,.telegram-preference-grid small { display:block; }.telegram-preference-grid strong { color:#1d343d;font-size:9px; }.telegram-preference-grid small { margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4; }
.telegram-card-actions { margin-top:13px; }.danger-text { color:#ad5146!important; }
@media (max-width:700px) { .telegram-card { grid-template-columns:1fr; }.telegram-preference-grid { grid-template-columns:1fr; }.telegram-connect-box { align-items:flex-start;flex-direction:column; }.telegram-connect-box .telegram-connect-actions { justify-content:flex-start; } }

/* Rich employee directory and personal profile */
.profile-popover { width:272px; }.profile-popover > button.profile-edit-action { color:var(--teal); }.profile-popover > button.profile-edit-action:hover { background:var(--mint-2); }
.rich-profile-form { display:grid;gap:16px; }.rich-profile-title { margin:0;padding-bottom:16px;border-bottom:1px solid var(--line); }.rich-profile-title > div { display:flex;align-items:center;gap:12px; }.rich-profile-title .avatar { width:58px;height:58px;border-radius:17px;font-size:13px; }.profile-completion { padding:6px 9px;border-radius:999px;color:#2f7467;background:var(--mint-2);font-size:8px;font-weight:800;white-space:nowrap; }.profile-form-section { display:grid;gap:13px;padding:17px;border:1px solid #e1e9e5;border-radius:13px;background:#fbfcfb; }.profile-section-heading { display:flex;align-items:baseline;justify-content:space-between;gap:12px; }.profile-section-heading strong { color:var(--deep);font-size:12px; }.profile-section-heading small { color:var(--muted);font-size:8px;text-align:right; }.profile-visibility-toggle { display:grid!important;grid-template-columns:17px 1fr;align-items:start;gap:9px;padding:11px 12px;border:1px solid #dce7e2;border-radius:10px;background:#fff;cursor:pointer; }.profile-visibility-toggle input { width:16px;height:16px;min-height:0;accent-color:var(--teal); }.profile-visibility-toggle strong,.profile-visibility-toggle small { display:block; }.profile-visibility-toggle strong { color:var(--deep);font-size:9px; }.profile-visibility-toggle small { margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4; }
.profile-photo-actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px; }.profile-photo-actions .profile-photo-button { min-height:30px;padding:6px 9px;cursor:pointer; }.profile-photo-button input { position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none; }.profile-photo-actions > small { flex-basis:100%;color:var(--muted);font-size:7px; }.profile-photo-actions.member { margin-top:12px; }.profile-photo-actions.member > small { flex-basis:auto; }.profile-photo-actions .danger-text { font-size:8px; }
.people-moments-panel { overflow:hidden; }.people-moment-list { display:grid;gap:3px;padding:0 13px 13px; }.people-moment-list > button { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px;border:0;border-radius:10px;color:var(--ink);background:transparent;text-align:left;cursor:pointer; }.people-moment-list > button:hover { background:#f4f8f6; }.people-moment-list strong,.people-moment-list small { display:block; }.people-moment-list strong { font-size:9px; }.people-moment-list small { margin-top:3px;color:var(--muted);font-size:7px; }.moment-icon { display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#9b6e13;background:#fff2cc; }.moment-icon.anniversary { color:#2f7467;background:#e1f2ed; }.moment-icon.new { color:#426e9e;background:#e8f1fb; }.people-moments-empty { display:grid;gap:5px;padding:12px!important; }.people-moments-empty strong { color:var(--deep);font-size:9px; }.people-moments-empty span { color:var(--muted);font-size:8px; }.people-moments-empty .text-button { justify-self:start;padding:0; }
.person-job-title { min-height:28px;margin:0 0 12px!important;line-height:1.4; }.view-member-profile { display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:8px;border:1px solid #dce7e2;border-radius:8px;color:var(--teal);background:#f8fbf9;font-size:8px;font-weight:800;cursor:pointer; }.view-member-profile:hover { border-color:#b8d4cb;background:var(--mint-2); }
.member-profile-modal { width:min(640px,calc(100% - 28px)); }.member-profile-hero { display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;align-items:start;padding:4px 0 18px; }.member-profile-hero .avatar { width:70px;height:70px;border-radius:20px;font-size:17px; }.member-profile-hero span { color:var(--teal);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }.member-profile-hero h3 { margin:4px 0 7px;font-size:22px; }.member-profile-hero p { margin:0;color:var(--muted);font-size:10px;line-height:1.6; }.member-profile-facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:12px; }.member-profile-facts > div { min-width:0;padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line); }.member-profile-facts > div:nth-child(2n) { border-right:0; }.member-profile-facts small,.member-profile-facts strong,.member-profile-facts a { display:block; }.member-profile-facts small { margin-bottom:4px;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.member-profile-facts strong,.member-profile-facts a { overflow:hidden;color:var(--deep);font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }.member-profile-facts a { color:var(--teal); }.member-profile-skills { margin-top:15px; }.member-profile-skills > small { display:block;margin-bottom:8px;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.member-profile-skills > div { display:flex;gap:6px;flex-wrap:wrap; }.member-profile-skills span { padding:6px 8px;border-radius:999px;color:#2f7467;background:var(--mint-2);font-size:8px;font-weight:700; }
@media (max-width:700px) { .rich-profile-title,.profile-section-heading { align-items:flex-start;flex-direction:column; }.profile-section-heading small { text-align:left; }.member-profile-hero { grid-template-columns:52px minmax(0,1fr); }.member-profile-hero .avatar { width:52px;height:52px;border-radius:15px;font-size:12px; }.member-profile-facts { grid-template-columns:1fr; }.member-profile-facts > div { border-right:0; }.profile-popover { width:min(290px,calc(100vw - 24px)); } }

/* Department work queues */
.department-queue-page { --queue-line:#dfe8e4; }
.department-queue-controls { display:grid;grid-template-columns:minmax(190px,230px) minmax(190px,1fr) auto;align-items:stretch;gap:10px;margin-bottom:13px; }
.department-queue-controls > label,.department-queue-identity,.department-queue-kpis { min-height:66px;border:1px solid var(--queue-line);border-radius:12px;background:#fff;box-shadow:0 4px 13px rgba(24,55,50,.035); }
.department-queue-controls > label { display:grid;gap:5px;padding:9px 11px; }
.department-queue-controls > label span,.queue-template-select > span { color:#6a7a76;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em; }
.department-queue-controls select { min-height:32px;padding:5px 28px 5px 8px;border-color:#d7e3de;background:#f9fbfa;font-size:10px;font-weight:800; }
.department-queue-identity { display:flex;align-items:center;gap:11px;padding:10px 13px; }
.department-queue-identity > i { width:8px;height:38px;border-radius:999px;background:var(--department-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--department-accent) 12%,transparent); }
.department-queue-identity small,.department-queue-identity strong { display:block; }.department-queue-identity small { margin-bottom:3px;color:#7c8b87;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em; }.department-queue-identity strong { color:#172c28;font-size:14px; }
.department-queue-kpis { display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));overflow:hidden; }
.department-queue-kpis > span { display:grid;place-items:center;align-content:center;gap:2px;padding:8px 12px;border-left:1px solid var(--queue-line);text-align:center; }.department-queue-kpis > span:first-child { border-left:0; }
.department-queue-kpis small { color:#7c8986;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.06em; }.department-queue-kpis strong { color:#18312d;font-size:15px; }.department-queue-kpis .overdue strong { color:#ba5047; }
.department-queue-panel { overflow:hidden; }
.department-queue-toolbar { display:flex;align-items:end;gap:8px;padding:12px 14px;border-bottom:1px solid var(--queue-line);background:#fbfcfb; }
.department-queue-toolbar .task-search-control { width:min(245px,100%);background:#fff; }
.queue-template-select { display:grid;gap:4px;min-width:180px; }.queue-template-select select { min-height:34px;padding:6px 28px 6px 9px;border-color:#d9e4df;background:#fff;font-size:9px;font-weight:750; }
.department-queue-toolbar .filter-group { margin-left:auto;white-space:nowrap; }.department-queue-toolbar .task-sort-control { min-width:142px; }
.department-queue-table-wrap { width:100%;overflow:auto;overscroll-behavior-inline:contain; }
.department-queue-table { width:100%;min-width:900px;border-collapse:separate;border-spacing:0;table-layout:auto; }
.department-queue-table th { position:sticky;top:0;z-index:2;padding:9px 11px;border-bottom:1px solid #cfded8;color:#60716d;background:#f2f7f5;font-size:8px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap; }
.department-queue-table td { max-width:260px;padding:10px 11px;border-bottom:1px solid #e7eeeb;color:#243a36;background:#fff;font-size:9px;vertical-align:middle; }
.department-queue-table tbody tr { transition:background .15s ease; }.department-queue-table tbody tr:hover td { background:#f8fbfa; }.department-queue-table tbody tr.resolved td { color:#71817d;background:#fafbfa; }.department-queue-table tbody tr:last-child td { border-bottom:0; }
.department-queue-table th:first-child,.department-queue-table td:first-child { position:sticky;left:0;z-index:1;min-width:245px;box-shadow:1px 0 0 #e3ece8; }.department-queue-table th:first-child { z-index:3; }
.queue-task-cell > div { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 7px; }.queue-task-cell .task-id-chip { grid-column:1;margin:0;font-size:7px; }.queue-task-title { grid-column:2;overflow:hidden;padding:0;border:0;color:#173a35;background:none;font-size:11px;font-weight:850;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer; }.queue-task-title:hover { color:#287969;text-decoration:underline; }.queue-task-cell small { grid-column:1/-1;overflow:hidden;color:#7b8986;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }
.queue-field-value { display:-webkit-box;overflow:hidden;max-width:250px;color:#314743;font-size:9px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical; }.queue-field-value.summary { min-width:210px; }.queue-empty-value { color:#acb7b4; }.queue-date-value,.queue-due { white-space:nowrap; }.queue-due.overdue { color:#b84d44;font-weight:850; }.department-queue-link { display:inline-flex;align-items:center;gap:4px;color:#28796a;font-size:9px;font-weight:800;white-space:nowrap; }
.department-file-stack { display:grid;gap:4px;min-width:160px; }.department-file-stack > small { color:#778681;font-size:7px; }.department-file { display:grid;grid-template-columns:16px minmax(70px,1fr) 22px 22px;align-items:center;gap:3px;max-width:235px;padding:4px 5px;border:1px solid #dce8e3;border-radius:7px;background:#f8fbfa; }.department-file > span { display:grid;place-items:center;color:#368071; }.department-file strong { overflow:hidden;font-size:8px;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }.department-file button { display:grid;place-items:center;width:21px;height:21px;padding:0;border:0;border-radius:5px;color:#397c70;background:#e8f3ef;cursor:pointer; }.department-file button:hover { color:#fff;background:#397c70; }
.queue-action-cell { width:1%;white-space:nowrap; }.queue-resolve { display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #2f8071;border-radius:8px;color:#fff;background:#2f8071;font-size:8px;font-weight:850;cursor:pointer; }.queue-resolve:hover { background:#23695d; }.queue-resolve.reopen { border-color:#ccd9d4;color:#50635f;background:#fff; }.queue-resolve.reopen:hover { border-color:#7d9991;color:#294d47;background:#f4f8f6; }
.department-queue-no-rows { padding:44px!important;text-align:center; }.department-queue-no-rows svg,.department-queue-no-rows strong,.department-queue-no-rows span { display:block;margin-inline:auto; }.department-queue-no-rows svg { margin-bottom:9px;color:#7fa89d; }.department-queue-no-rows strong { color:#28433e;font-size:12px; }.department-queue-no-rows span { margin-top:4px;color:#7a8985;font-size:9px; }
.department-queue-foot { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-top:1px solid var(--queue-line);color:#768580;background:#fbfcfb;font-size:8px; }
.department-queue-empty { display:grid;justify-items:center;max-width:600px;margin:34px auto;padding:38px;text-align:center; }.department-queue-empty > svg { margin-bottom:12px;color:#438b7d; }.department-queue-empty h2 { margin:0;font-size:18px; }.department-queue-empty p { max-width:430px;margin:8px 0 18px;color:#6b7d79;font-size:10px;line-height:1.6; }
@media (max-width:1050px) { .department-queue-controls { grid-template-columns:220px 1fr; }.department-queue-kpis { grid-column:1/-1; }.department-queue-toolbar { align-items:stretch;flex-wrap:wrap; }.department-queue-toolbar .filter-group { margin-left:0; }.department-queue-toolbar .task-sort-control { margin-left:auto; } }
@media (max-width:700px) { .department-queue-controls { grid-template-columns:1fr; }.department-queue-kpis { grid-column:auto; }.department-queue-toolbar { flex-direction:column; }.department-queue-toolbar .task-search-control,.queue-template-select,.department-queue-toolbar .task-sort-control { width:100%; }.department-queue-toolbar .filter-group { order:3;width:100%; }.department-queue-toolbar .filter-group button { flex:1; }.department-queue-foot { align-items:flex-start;flex-direction:column; } }

/* Team birthdays in the shared calendar */
.calendar-legend { display:flex;justify-content:flex-end;gap:12px;padding:7px 13px;border-bottom:1px solid var(--line);background:#fbfcfb; }
.calendar-legend span { display:inline-flex;align-items:center;gap:5px;color:#6e7e7a;font-size:7px;font-weight:800; }
.calendar-legend i { width:7px;height:7px;border-radius:50%;background:#5d8c7f; }
.calendar-legend .meeting i { background:#478979; }
.calendar-legend .birthday i { background:#b86782; }
.calendar-event.birthday-event { color:#673a4d;background:#fbf0f4; }
.calendar-event.birthday-event:hover { background:#f5e1e9; }
.calendar-event.birthday-event strong,.calendar-event.meeting-event strong { display:flex;align-items:center;gap:3px; }
.agenda-birthday-icon { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#9b4866;background:#f8e7ed; }
@media (max-width:600px) { .calendar-legend { justify-content:flex-start;margin-bottom:10px;padding:8px 2px;border:0;background:transparent; } }

/* Professional product design pass — clearer hierarchy, restrained emphasis, and readable density. */
:root {
  --ink:#152624;
  --muted:#63736f;
  --line:#dce4e0;
  --canvas:#f4f6f3;
  --deep:#153d3d;
  --teal:#2f7b70;
  --shadow:0 12px 32px rgba(19,54,48,.065);
  --radius:16px;
}
body { color:var(--ink);background:linear-gradient(135deg,#f6f7f4 0%,#f2f5f2 100%); }
.content { padding-top:30px; }
.page-head { align-items:center;margin-bottom:24px; }
.page-head h1 { margin-bottom:6px;font-size:clamp(28px,3vw,36px);letter-spacing:-1.35px; }
.page-head p { max-width:720px;color:#687874;font-size:13px;line-height:1.55; }
.eyebrow { margin-bottom:6px;font-size:10px;letter-spacing:1.5px; }
.panel,.stat-card,.project-card,.person-card { border-color:var(--line);box-shadow:var(--shadow); }
.panel-head { min-height:70px;padding:17px 20px;background:linear-gradient(180deg,#fff,#fcfdfc); }
.panel-head h2 { font-size:17px;letter-spacing:-.35px; }
.panel-head p { margin-top:4px;font-size:11px;line-height:1.45; }
.text-button { min-height:32px;padding:7px 9px;border-radius:8px;font-size:11px; }
.text-button:hover { background:#edf5f1; }
.button { min-height:42px;padding-inline:18px;border-radius:11px;font-size:12px;box-shadow:none; }
.button.primary { box-shadow:0 8px 18px rgba(21,61,61,.14); }
.button.small { min-height:34px;font-size:11px; }
input,select,textarea { border-color:#d5dfda; }
label { color:#52635f; }
.field-hint { font-size:10px;line-height:1.45; }
.modal { border:1px solid #d9e3de;outline:0;box-shadow:0 30px 90px rgba(11,38,35,.24); }
.modal::backdrop { background:rgba(13,31,30,.52);backdrop-filter:blur(5px); }
.modal-head h2 { letter-spacing:-.45px; }
.modal-head p { font-size:11px;line-height:1.5; }

/* Task cards: reference-inspired layered hierarchy without excessive decoration. */
.task-workspace { border-color:#d7e2dd; }
.table-toolbar { gap:10px;padding:13px 16px;background:#fcfdfc; }
.filter-button { min-height:32px;padding:7px 11px;font-size:11px;font-weight:600; }
.filter-button.active { color:#17453f;background:#e3f0eb;box-shadow:inset 0 0 0 1px #d0e4dc; }
.view-toggle button { min-height:28px;font-size:10px; }
.task-search-control { min-height:38px;border-radius:10px; }
.task-search-control input,.task-sort-control select { font-size:11px; }
.task-sort-control { font-size:10px; }
.task-row { min-height:62px;margin:4px 0;padding:7px 9px;border-radius:11px;box-shadow:0 2px 7px rgba(20,55,49,.035); }
.task-title > strong { font-size:14px; }
.task-title small,.task-meta,.task-created-meta { font-size:10px; }
.task-row .project-pill,.task-row .priority-pill { font-size:10px; }
.task-row .task-card-signals > span { font-size:9px; }
.task-id-chip { font-size:9px;letter-spacing:.055em; }
.task-responsible-you { display:inline-flex;align-items:center;gap:4px;margin-left:5px;padding:3px 6px;border:1px solid #acd4c6;border-radius:6px;color:#216b59;background:#e2f3ed;font-size:8px;font-weight:800;line-height:1;vertical-align:middle;white-space:nowrap; }
.task-responsible-you svg { width:9px;height:9px;stroke-width:2.2; }
.board-card-side > .task-responsible-you { align-self:flex-start;margin:0;padding:3px 5px;font-size:7px; }
.board-card-side > .task-responsible-you.compact { color:#175d4d;border-color:#8fc2b2;background:#e1f2ec; }
.task-board { gap:12px;padding:14px;background:#f7f9f7; }
.board-column { padding:3px; }
.board-column-head { padding:5px 5px 10px;font-size:11px; }
.board-card.executive { height:178px;grid-template-columns:minmax(0,1fr) 84px;border:1px solid #d7e2dd;border-left:4px solid #3f8777;border-top-width:1px;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(25,60,54,.07); }
.board-card.executive.in-progress { border-color:#e3ca95;border-left-color:#c9861d; }
.board-card.executive.completed { height:92px;grid-template-columns:minmax(0,1fr) 72px;border-color:#b8d7ce;border-left-color:#28735f; }
.board-card.executive.completed .board-card-main { padding:8px 9px; }
.board-card.executive.completed .board-card-eyeline { gap:4px; }
.board-card.executive.completed .board-card-eyeline .project-pill,.board-card.executive.completed .board-card-eyeline .task-template-badge { max-width:31%;padding:3px 5px;font-size:7px; }
.board-card.executive.completed .board-card-eyeline .board-task-id { padding:3px 4px;font-size:7px; }
.board-card.executive.completed h3 { min-height:0;margin:5px 0 2px;font-size:14px;line-height:1.2;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis; }
.board-card.executive.completed .board-card-status,.board-card.executive.completed .board-field-summary { display:none; }
.board-card.executive.completed .board-card-created { margin:0;font-size:7px;line-height:1.25; }
.board-card.executive.completed .board-card-side { padding:8px 7px; }
.board-card.executive.completed .board-card-side > .task-responsible-you { padding:2px 4px;font-size:6px; }
.board-card.executive.completed .board-side-metrics { gap:0; }
.board-card.executive.completed .board-side-metrics > span:not(:first-child) { display:none; }
.board-card.executive.completed .board-side-metrics small { font-size:6px!important; }
.board-card.executive.completed .board-side-metrics strong { margin-top:1px;font-size:9px!important; }
.board-card.executive.completed .board-side-bottom { gap:3px;margin-top:4px;font-size:7px!important; }
.board-card.executive.completed .board-side-bottom > span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.board-card.executive.completed .board-side-bottom .row-avatar { width:20px;height:20px;font-size:6px; }
.board-card.executive.to-do .board-card-main,.board-card.executive.in-progress .board-card-main,.board-card.executive.completed .board-card-main { background:linear-gradient(145deg,#fff 55%,#f5f8f6); }
.board-card-main { padding:11px 12px; }
.board-card-eyeline .project-pill,.board-card-eyeline .task-template-badge { padding:4px 7px;font-size:9px; }
.board-card-eyeline .board-task-id { font-size:8px; }
.board-card.executive h3 { min-height:35px;margin:7px 0 3px;font-size:15px; }
.board-card.executive .board-card-created { font-size:9px; }
.board-field-summary { margin-top:7px!important;padding-top:6px!important; }
.board-field-summary small { font-size:8px!important; }
.board-field-summary span { font-size:9px!important; }
.board-card-side { padding:11px 8px;border-left:1px solid #dfe7e3;background:#f5f8f6!important; }
.board-side-metrics small { color:#72817d!important;font-size:8px!important; }
.board-side-metrics strong { font-size:11px!important; }
.board-side-bottom { font-size:9px!important; }

/* Task overview: visible identifier and quiet, focused information cards. */
.task-view-modal { width:min(720px,calc(100% - 28px));border-top:0; }
.task-view-shell { max-height:min(820px,calc(100vh - 32px));padding:22px;background:#fff!important; }
.task-view-head { top:-22px;margin:0 -22px 15px;padding:19px 22px 16px;border-bottom:1px solid #dfe7e3;background:linear-gradient(135deg,#f2f8f5,#fff)!important; }
.task-view-head h2 { max-width:500px;margin-top:4px;font-size:24px; }
.task-view-head-actions { display:flex;align-items:center;gap:8px; }
.task-view-head-actions .task-id-chip { margin:0;padding:6px 9px;border-radius:8px;font-size:10px; }
.task-view-head-actions .icon-button { width:36px;height:36px;border:1px solid #e0e7e3;background:#fff; }
.task-view-status { margin-bottom:12px;padding:10px;border:1px solid #dce6e1;border-radius:11px;background:#f8faf9!important; }
.task-status-chip,.task-view-status .priority-pill { padding:6px 10px;border-radius:8px;font-size:11px; }
.task-view-template { margin-bottom:12px;padding:13px;border-color:#d6e4de;border-radius:12px;background:linear-gradient(135deg,#eef7f3,#fff); }
.task-view-template > span { width:36px;height:36px;border-radius:10px; }
.task-view-template small { font-size:10px; }
.task-view-template strong { font-size:15px; }
.task-view-template p { font-size:11px; }
.task-view-grid { gap:1px;margin-bottom:12px;border-radius:12px; }
.task-view-grid > div { padding:13px 14px; }
.task-view-grid dt { font-size:10px; }
.task-view-grid dd { margin-top:5px;font-size:13px; }
.task-view-section { margin-top:12px;padding:14px;border:1px solid #dce6e1;border-left-width:1px;border-radius:12px;background:#f8faf9; }
.task-view-section header strong { font-size:15px; }
.task-view-section header small { font-size:11px; }
.task-view-fields { gap:8px;margin-top:11px; }
.task-view-fields > div { padding:12px;border-color:#dbe5e0;border-radius:10px;background:#fff; }
.task-view-fields span { font-size:11px; }
.task-view-fields strong { font-size:13px; }
.task-file-list article { padding:10px;border-radius:10px; }
.task-file-list article > div > strong { font-size:12px; }
.task-file-list article > div > small { font-size:10px; }
.task-view-conversation { margin-top:12px;padding:14px;border:1px solid #d9e4df;border-left-width:1px;border-radius:12px;background:#f4f8f6; }
.task-view-conversation .task-section-title strong { font-size:15px; }
.task-view-conversation .task-section-title small { font-size:11px; }
.task-view-conversation .comment-copy strong { font-size:11px; }
.task-view-conversation .comment-copy time { font-size:9px; }
.task-view-conversation .comment-copy p { font-size:12px; }
.task-view-comment-form textarea { min-height:76px;font-size:12px; }
.task-view-actions { bottom:-22px;margin:14px -22px -22px;padding:13px 22px;border-top-color:#dfe7e3; }

/* Dense operational pages remain compact, but no longer microscopic. */
.file-card strong { font-size:12px; }
.file-card p { font-size:10px;line-height:1.5; }
.file-card small,.file-card time,.file-toolbar,.file-card-meta { font-size:9px; }
.file-stats article small { font-size:9px; }
.file-stats article strong { font-size:15px; }
.department-queue-controls > label span,.queue-template-select > span,.department-queue-identity small { font-size:9px; }
.department-queue-controls select,.queue-template-select select { font-size:11px; }
.department-queue-table th { padding:10px 11px;font-size:9px; }
.department-queue-table td { padding:11px;font-size:10px; }
.queue-task-title { font-size:12px; }
.queue-task-cell small,.department-file-stack > small { font-size:8px; }
.queue-field-value,.department-queue-link { font-size:10px; }
.department-file strong,.queue-resolve { font-size:9px; }
.department-queue-foot { font-size:9px; }
.service-launch-card strong { font-size:13px; }
.service-launch-card small { font-size:10px; }
.submission-card-head h3 { font-size:13px; }
.submission-status { font-size:8px; }
.submission-card > p { font-size:11px; }
.submission-meta,.submission-card-head time { font-size:9px; }
.schedule-owner-bar > div:first-child strong { font-size:13px; }
.schedule-owner-bar > div:first-child span,.schedule-owner-select,.schedule-owner-badge small { font-size:10px!important; }
.schedule-owner-select select,.schedule-owner-badge strong { font-size:11px; }
.event-type-card h3 { font-size:14px; }
.event-type-card p,.booking-card-body p { font-size:10px; }
.event-type-card small,.event-block-item small,.event-block-empty,.event-block-count { font-size:9px; }
.event-block-item strong { font-size:10px; }
.calendar-legend span { font-size:9px; }
.calendar-event { font-size:9px; }
.email-delivery-facts small,.telegram-card small,.telegram-privacy-note,.telegram-connect-actions small { font-size:9px; }
.email-delivery-facts strong,.telegram-preference-grid strong { font-size:10px; }
.telegram-preference-grid small { font-size:9px; }
.profile-section-heading small,.profile-visibility-toggle small,.people-moment-list small,.member-profile-facts small,.member-profile-skills > small { font-size:9px; }
.profile-visibility-toggle strong,.people-moment-list strong,.member-profile-facts strong,.member-profile-facts a { font-size:11px; }

@media (max-width:860px) {
  .content { padding-top:24px; }
  .page-head h1 { font-size:30px; }
  .settings-menu { padding-bottom:5px;scrollbar-width:thin; }
  .settings-menu button { min-height:42px;font-size:11px; }
}
@media (max-width:580px) {
  .content { padding:22px 14px 42px; }
  .page-head { align-items:flex-start;margin-bottom:20px; }
  .page-head h1 { font-size:27px; }
  .page-head p { font-size:12px; }
  .panel-head h2 { font-size:16px; }
  .task-row { min-height:70px;padding:8px 7px; }
  .task-title > strong { font-size:14px; }
  .task-title small,.task-created-meta { font-size:9px; }
  .task-view-modal { width:calc(100% - 12px);max-height:calc(100vh - 12px);border-radius:16px; }
  .task-view-shell { max-height:calc(100vh - 12px);padding:16px; }
  .task-view-head { top:-16px;margin:0 -16px 13px;padding:16px; }
  .task-view-head h2 { max-width:calc(100vw - 165px);font-size:20px; }
  .task-view-head-actions { gap:5px; }
  .task-view-head-actions .task-id-chip { padding:5px 7px;font-size:8px; }
  .task-view-grid { grid-template-columns:1fr 1fr; }
  .task-view-grid > div { padding:11px; }
  .task-view-grid dt { font-size:9px; }
  .task-view-grid dd { font-size:12px; }
  .task-view-actions { bottom:-16px;margin:13px -16px -16px;padding:12px 16px; }
  .board-card.executive { grid-template-columns:minmax(0,1fr) 78px; }
  .department-queue-table th { font-size:9px; }
  .department-queue-table td { font-size:10px; }
}

/* Manager activity monitor */
.activity-monitor-panel { margin-bottom:18px;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdfc); }
.activity-monitor-panel > .panel-head { padding:16px 18px; }
.activity-overview { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);background:#f5f9f7; }
.activity-overview > span { min-width:0;padding:13px 17px;border-right:1px solid var(--line); }
.activity-overview > span:last-child { border-right:0; }
.activity-overview strong,.activity-overview small { display:block; }
.activity-overview strong { color:var(--deep);font:750 20px/1.1 "Manrope"; }
.activity-overview small { margin-top:4px;color:var(--muted);font-size:9px;font-weight:700; }
.activity-overview .attention strong { color:#ae4f41; }
.activity-privacy-note { display:flex;align-items:center;gap:6px;padding:8px 18px;color:#667873;background:#fbfcfb;font-size:8px;font-weight:650; }
.activity-member-list { display:grid;padding:0 18px 8px; }
.activity-member-row { display:grid;grid-template-columns:minmax(190px,1fr) minmax(130px,.7fr) minmax(300px,1.25fr);align-items:center;gap:15px;padding:12px 0;border-top:1px solid #e6ece9; }
.activity-person { position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0; }
.activity-person .avatar { width:38px;height:38px;border-radius:11px;font-size:9px; }
.activity-person > span,.activity-presence { min-width:0; }
.activity-person strong,.activity-person small,.activity-presence strong,.activity-presence small { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.activity-person strong { color:var(--deep);font-size:11px; }
.activity-person small,.activity-presence small { margin-top:3px;color:var(--muted);font-size:8px; }
.presence-dot { position:absolute;left:29px;bottom:0;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#aeb9b6;box-shadow:0 0 0 1px rgba(26,58,51,.08); }
.presence-dot.online { background:#35ad79;box-shadow:0 0 0 3px rgba(53,173,121,.12); }
.activity-presence strong { color:#415650;font-size:10px; }
.activity-member-row:has(.presence-dot.online) .activity-presence strong { color:#22825f; }
.activity-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #dfe8e4;border-radius:10px;background:#f8fbf9; }
.activity-metrics > span { padding:8px 9px;border-right:1px solid #e3eae7;text-align:center; }
.activity-metrics > span:last-child { border-right:0; }
.activity-metrics b,.activity-metrics small { display:block; }
.activity-metrics b { color:#29443d;font-size:11px; }
.activity-metrics small { margin-top:2px;color:#788783;font-size:7px;font-weight:700;white-space:nowrap; }
.activity-metrics .attention { background:#fff4f1; }
.activity-metrics .attention b { color:#a84c3f; }
.activity-loading { display:flex;align-items:center;justify-content:center;gap:7px;min-height:82px;color:var(--muted);font-size:10px; }
.activity-loading.error { color:#a84c3f; }

/* Personal public-holiday calendar layers */
.calendar-holiday-picker { position:relative;z-index:30; }
.calendar-holiday-picker summary { height:30px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #cedbd6;border-radius:8px;color:#34574f;background:#fff;font-size:8px;font-weight:800;list-style:none;white-space:nowrap;cursor:pointer; }
.calendar-holiday-picker summary::-webkit-details-marker { display:none; }
.calendar-holiday-picker summary svg:last-child { margin-left:2px;transition:transform .16s ease; }
.calendar-holiday-picker[open] summary { border-color:#6ca894;background:#edf7f3;box-shadow:0 0 0 3px rgba(71,137,121,.1); }
.calendar-holiday-picker[open] summary svg:last-child { transform:rotate(180deg); }
.calendar-holiday-menu { position:absolute;top:calc(100% + 8px);right:0;width:270px;padding:10px;border:1px solid #d7e3de;border-radius:12px;background:#fff;box-shadow:0 18px 44px rgba(17,47,42,.18); }
.calendar-holiday-menu header { padding:3px 4px 9px;border-bottom:1px solid #e5ece9; }
.calendar-holiday-menu header strong,.calendar-holiday-menu header small { display:block; }
.calendar-holiday-menu header strong { color:var(--deep);font-size:11px; }
.calendar-holiday-menu header small { margin-top:3px;color:var(--muted);font-size:8px; }
.calendar-holiday-menu > label { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 5px;border-bottom:1px solid #edf1ef;cursor:pointer; }
.calendar-holiday-menu > label:hover { background:#f7faf8; }
.calendar-holiday-menu > label > span:nth-child(2) strong,.calendar-holiday-menu > label > span:nth-child(2) small { display:block; }
.calendar-holiday-menu > label > span:nth-child(2) strong { color:#314740;font-size:9px; }
.calendar-holiday-menu > label > span:nth-child(2) small { margin-top:2px;color:var(--muted);font-size:7px; }
.calendar-holiday-menu input { width:16px;height:16px;margin:0;accent-color:var(--teal); }
.holiday-country-mark { width:32px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--holiday-color);background:color-mix(in srgb,var(--holiday-color) 12%,white);font-size:8px;font-weight:850; }
.calendar-holiday-menu footer { padding:9px 4px 2px;color:#74827f;font-size:7px; }
.calendar-panel:has(.calendar-holiday-picker[open]) { overflow:visible; }
.calendar-event.holiday-event { color:color-mix(in srgb,var(--event-color) 72%,#17332d);background:color-mix(in srgb,var(--event-color) 10%,white);cursor:default; }
.calendar-event.holiday-event:hover { background:color-mix(in srgb,var(--event-color) 14%,white); }
.calendar-event.holiday-event strong { display:flex;align-items:center;gap:3px; }
.calendar-legend .holiday i { background:#8b69b7; }
.agenda-holiday-icon { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--holiday-color);background:color-mix(in srgb,var(--holiday-color) 12%,white); }
.agenda-task-icon { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#4f786f;background:#edf5f2; }

@media (max-width:980px) {
  .activity-member-row { grid-template-columns:minmax(170px,1fr) minmax(120px,.65fr); }
  .activity-metrics { grid-column:1/-1; }
}
@media (max-width:700px) {
  .activity-overview { grid-template-columns:1fr 1fr; }
  .activity-overview > span:nth-child(2) { border-right:0; }
  .activity-overview > span:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .activity-member-row { grid-template-columns:minmax(0,1fr) auto;gap:10px; }
  .activity-presence { text-align:right; }
  .activity-metrics { grid-column:1/-1; }
  .calendar-holiday-picker { order:-1; }
  .calendar-holiday-picker summary { width:30px;justify-content:center;padding:0;font-size:0; }
  .calendar-holiday-picker summary svg:last-child { display:none; }
  .calendar-toolbar-actions > .button { width:34px;padding:0;font-size:0; }
  .calendar-holiday-menu { position:fixed;top:auto;right:12px;bottom:12px;left:12px;width:auto; }
}

/* Compact dashboard reminder for calls starting within 15 minutes. */
.coming-call-region { position:fixed;right:20px;bottom:20px;z-index:135;width:min(360px,calc(100vw - 28px));pointer-events:none; }
.coming-call-card { position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:13px 13px 12px;border:1px solid #cbdcd5;border-top:3px solid #4b8f7e;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(18,52,44,.2),0 3px 10px rgba(18,52,44,.08);backdrop-filter:blur(12px);pointer-events:auto;animation:coming-call-in .2s ease-out; }
.coming-call-card.is-live { border-top-color:#db6b59;box-shadow:0 18px 48px rgba(18,52,44,.2),0 0 0 3px rgba(219,107,89,.08); }
.coming-call-icon { width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#276b5c;background:#e5f3ee; }
.coming-call-card.is-live .coming-call-icon { color:#a94437;background:#fff0ed; }
.coming-call-copy { min-width:0;padding-right:24px; }
.coming-call-kicker { display:flex;align-items:center;gap:7px;margin-bottom:4px; }
.coming-call-kicker span { color:#6b7c77;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase; }
.coming-call-kicker strong { padding:3px 6px;border-radius:999px;color:#226856;background:#e9f5f1;font-size:8px;line-height:1;white-space:nowrap; }
.coming-call-card.is-live .coming-call-kicker strong { color:#a54134;background:#ffebe7; }
.coming-call-copy h2 { overflow:hidden;margin:0;color:#173a32;font:750 15px/1.25 "Manrope",sans-serif;text-overflow:ellipsis;white-space:nowrap; }
.coming-call-copy p { overflow:hidden;margin:4px 0 0;color:#687a75;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap; }
.coming-call-dismiss { position:absolute;top:8px;right:8px;width:27px;height:27px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:#71807c;background:transparent;cursor:pointer; }
.coming-call-dismiss:hover { color:#274c43;background:#edf3f0; }
.coming-call-actions { grid-column:1/-1;display:flex;align-items:center;gap:7px;margin-top:3px;padding-top:9px;border-top:1px solid #e3ebe7; }
.coming-call-actions .button { min-height:30px;padding:0 11px;font-size:9px; }
.coming-call-action-spacer { flex:1; }
.coming-call-text-action { min-height:30px;padding:0 5px;border:0;border-radius:7px;color:#47655d;background:transparent;font:750 9px/1 "Manrope",sans-serif;cursor:pointer;white-space:nowrap; }
.coming-call-text-action:hover { color:#164f43;background:#edf5f2; }
@keyframes coming-call-in { from { opacity:0;transform:translateY(8px) scale(.985); } to { opacity:1;transform:none; } }
@media (max-width:580px) {
  .coming-call-region { right:10px;bottom:10px;width:calc(100vw - 20px); }
  .coming-call-card { grid-template-columns:36px minmax(0,1fr);padding:11px;border-radius:13px; }
  .coming-call-icon { width:36px;height:36px; }
  .coming-call-actions { gap:4px; }
  .coming-call-text-action { padding:0 4px; }
}
@media (prefers-reduced-motion:reduce) { .coming-call-card { animation:none; } }

/* Four live calendar concepts for product selection. */
.calendar-concept-picker { display:grid;grid-template-columns:minmax(210px,1.15fr) repeat(4,minmax(135px,1fr));gap:8px;margin:-10px 0 16px;padding:9px;border:1px solid #dce6e1;border-radius:14px;background:#f6f9f7; }
.calendar-concept-picker > span { display:flex;justify-content:center;flex-direction:column;padding:3px 10px; }
.calendar-concept-picker > span strong,.calendar-concept-picker > span small { display:block; }
.calendar-concept-picker > span strong { color:#163f38;font:750 11px "Manrope",sans-serif; }
.calendar-concept-picker > span small { margin-top:3px;color:#74837f;font-size:7px; }
.calendar-concept-picker button { min-width:0;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:7px;padding:8px;border:1px solid transparent;border-radius:10px;color:#52645f;background:transparent;text-align:left;cursor:pointer;transition:.16s ease; }
.calendar-concept-picker button:hover { border-color:#cadbd4;background:#fff; }
.calendar-concept-picker button.active { border-color:#76aa9b;color:#173f37;background:#fff;box-shadow:0 5px 14px rgba(27,67,58,.09); }
.calendar-concept-picker button em { width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#58746c;background:#e7efeb;font:800 8px "Manrope",sans-serif;font-style:normal; }
.calendar-concept-picker button.active em { color:#fff;background:#347c6c; }
.calendar-concept-picker button span,.calendar-concept-picker button strong,.calendar-concept-picker button small { min-width:0;display:block; }
.calendar-concept-picker button strong { overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.calendar-concept-picker button small { overflow:hidden;margin-top:2px;color:#87938f;font-size:6px;text-overflow:ellipsis;white-space:nowrap; }
.calendar-concept-layout { min-width:0; }
.calendar-concept-1 .calendar-panel { box-shadow:0 16px 38px rgba(23,62,54,.08); }

/* Twin planner — compact two-month overview with a useful detail rail. */
.calendar-concept-1.calendar-range-2 .calendar-concept-layout { display:grid;grid-template-columns:minmax(0,1fr) 306px;align-items:start;gap:12px; }
.calendar-concept-1.calendar-range-2 .calendar-toolbar { grid-template-columns:auto 1fr;gap:10px;padding:10px 12px; }
.calendar-concept-1.calendar-range-2 .calendar-toolbar-title { text-align:right; }
.calendar-concept-1.calendar-range-2 .calendar-toolbar-actions { grid-column:1/-1;justify-content:flex-end; }
.calendar-concept-1.calendar-range-2 .calendar-months { gap:7px;padding:8px;background:#f4f7f5; }
.calendar-concept-1.calendar-range-2 .calendar-month { border-radius:9px; }
.calendar-concept-1.calendar-range-2 .calendar-month > header { padding:7px 9px; }
.calendar-concept-1.calendar-range-2 .calendar-month > header h3 { font-size:10px; }
.calendar-concept-1.calendar-range-2 .calendar-weekdays span { padding:5px 3px;font-size:6px; }
.calendar-concept-1.calendar-range-2 .calendar-day { min-height:52px;padding:4px; }
.calendar-concept-1.calendar-range-2 .calendar-date { margin-bottom:2px;font-size:7px; }
.calendar-concept-1.calendar-range-2 .calendar-date small { width:13px;height:13px;font-size:5px; }
.calendar-concept-1.calendar-range-2 .calendar-day.today .calendar-date > span { width:17px;height:17px;margin:-2px;border-radius:5px; }
.calendar-concept-1.calendar-range-2 .calendar-events { gap:2px; }
.calendar-concept-1.calendar-range-2 .calendar-event { padding:3px 4px; }
.calendar-concept-1.calendar-range-2 .calendar-event strong { font-size:6px; }
.calendar-concept-1.calendar-range-2 .calendar-more { font-size:5px; }
.calendar-concept-1.calendar-range-2 .calendar-agenda { display:block;position:sticky;top:82px;margin:0;overflow:hidden;box-shadow:0 16px 38px rgba(23,62,54,.08); }
.calendar-concept-1.calendar-range-2 .calendar-agenda .panel-head { min-height:70px;padding:11px 12px 10px;gap:10px; }
.calendar-concept-1.calendar-range-2 .calendar-agenda .panel-head h2 { font-size:14px; }
.calendar-concept-1.calendar-range-2 .calendar-agenda .panel-head p { margin-top:3px;font-size:8px; }
.calendar-upcoming-button { flex:0 0 auto;gap:5px;padding-inline:9px;white-space:nowrap; }
.calendar-upcoming-button svg { transform:rotate(180deg); }
.calendar-concept-1.calendar-range-2 .calendar-agenda .schedule-list { max-height:470px;overflow:auto;padding:2px 12px 12px; }
.calendar-concept-1.calendar-range-2 .schedule-item { grid-template-columns:42px 3px minmax(0,1fr) auto;min-height:50px;gap:8px; }
.calendar-side-summary { display:none; }
.calendar-concept-1.calendar-range-2 .calendar-side-summary { display:block;margin:0 12px 9px;padding:9px;border:1px solid #dce7e2;border-radius:10px;background:linear-gradient(145deg,#f2f8f5,#fbfdfc); }
.calendar-side-summary > header { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px; }
.calendar-side-summary > header span { color:#74847f;font-size:6px;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.calendar-side-summary > header strong { color:#285f53;font-size:8px; }
.calendar-side-summary > div { display:grid;grid-template-columns:repeat(3,1fr);gap:5px; }
.calendar-side-summary > div > span { min-width:0;display:flex;align-items:center;gap:6px;padding:6px;border-radius:8px;color:#397a6c;background:#fff; }
.calendar-side-summary > div > span > i { width:22px;height:22px;display:grid;flex:0 0 22px;place-items:center;border-radius:7px;background:#e9f4ef; }
.calendar-side-summary > div > span > span { min-width:0;display:grid;gap:2px; }
.calendar-side-summary > div strong { color:#203c36;font-size:10px;line-height:1; }
.calendar-side-summary > div small { color:#80908b;font-size:5px;font-weight:700;line-height:1; }

/* Concept 2 — a focused month with a persistent daily agenda. */
.calendar-concept-2 .calendar-concept-layout { display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:14px; }
.calendar-concept-2 .calendar-toolbar,.calendar-concept-3 .calendar-toolbar,.calendar-concept-4 .calendar-toolbar { grid-template-columns:auto 1fr; }
.calendar-concept-2 .calendar-toolbar-title,.calendar-concept-3 .calendar-toolbar-title,.calendar-concept-4 .calendar-toolbar-title { text-align:right; }
.calendar-concept-2 .calendar-toolbar-actions,.calendar-concept-3 .calendar-toolbar-actions,.calendar-concept-4 .calendar-toolbar-actions { grid-column:1/-1;justify-content:flex-end; }
.calendar-concept-2 .calendar-months { grid-template-columns:1fr; }
.calendar-concept-2 .calendar-month:nth-child(n+2) { display:none; }
.calendar-concept-2 .calendar-day { min-height:88px; }
.calendar-concept-2 .calendar-event span { display:block; }
.calendar-concept-2 .calendar-agenda { display:block;margin:0;position:sticky;top:82px;overflow:hidden; }
.calendar-concept-2 .calendar-agenda .panel-head { min-height:83px;padding:15px; }
.calendar-concept-2 .calendar-agenda .panel-head h2 { font-size:15px; }
.calendar-concept-2 .calendar-agenda .schedule-list { max-height:610px;overflow:auto;padding:2px 14px 12px; }
.calendar-concept-2 .schedule-item { grid-template-columns:46px 3px 1fr auto;min-height:60px; }

/* Concept 3 — roomy two-week cards for near-term execution. */
.calendar-concept-3 .calendar-concept-layout { display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:14px; }
.calendar-concept-3 .calendar-agenda { display:block;margin:0;position:sticky;top:82px;overflow:hidden; }
.calendar-flow { padding:14px;background:linear-gradient(180deg,#f4f8f6,#edf4f1); }
.calendar-flow > header { display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px; }
.calendar-flow > header strong,.calendar-flow > header span { display:block; }
.calendar-flow > header strong { color:#173e36;font:750 13px "Manrope",sans-serif; }
.calendar-flow > header span,.calendar-flow > header small { margin-top:3px;color:#74837f;font-size:8px; }
.calendar-flow-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px; }
.calendar-flow-day { min-width:0;min-height:145px;padding:8px;border:1px solid #d9e4df;border-radius:11px;background:#fff;transition:.16s ease; }
.calendar-flow-day:hover { border-color:#a9c8bd;transform:translateY(-1px); }
.calendar-flow-day.today { border-color:#4b8e7e;box-shadow:inset 0 3px #4b8e7e; }
.calendar-flow-day.selected { border-color:#2d7766;background:#f0f8f5;box-shadow:0 0 0 2px rgba(45,119,102,.14); }
.calendar-flow-date { width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 0 7px;border:0;border-bottom:1px solid #e6edea;color:#687975;background:transparent;text-align:left;cursor:pointer; }
.calendar-flow-date span { font-size:7px;font-weight:850;text-transform:uppercase; }
.calendar-flow-date strong { grid-row:1/3;grid-column:2;color:#173d35;font:800 19px "Manrope",sans-serif; }
.calendar-flow-date small { margin-top:2px;font-size:6px; }
.calendar-flow-day > div { display:grid;gap:5px;margin-top:7px; }
.calendar-flow-day .calendar-event { padding:6px; }
.calendar-flow-day .calendar-event strong { font-size:7px; }
.calendar-flow-day .calendar-event span { display:none; }
.calendar-flow-open { padding:8px 2px;color:#a0aba7;font-size:7px;font-style:italic; }
.calendar-flow-more { padding:2px;border:0;color:#277565;background:transparent;font-size:7px;font-weight:800;text-align:left;cursor:pointer; }

/* Concept 4 — a chronological event stream with day-level detail. */
.calendar-concept-4 .calendar-concept-layout { display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px; }
.calendar-concept-4 .calendar-agenda { display:block;margin:0;position:sticky;top:82px;overflow:hidden; }
.calendar-timeline { padding:15px;background:#f4f7f5; }
.calendar-timeline > header { display:flex;align-items:flex-end;justify-content:space-between;padding:2px 2px 12px; }
.calendar-timeline > header strong,.calendar-timeline > header span { display:block; }
.calendar-timeline > header strong { color:#173e36;font:750 13px "Manrope",sans-serif; }
.calendar-timeline > header span { margin-top:3px;color:#74837f;font-size:8px; }
.calendar-timeline > header > span { padding:5px 8px;border-radius:8px;color:#2e6f60;background:#e5f1ed;font-weight:800; }
.calendar-timeline-list { display:grid;gap:8px; }
.calendar-timeline-date { display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:9px;border:1px solid #dce5e1;border-radius:12px;background:#fff;transition:.16s ease; }
.calendar-timeline-date.selected { border-color:#3d8676;box-shadow:0 0 0 2px rgba(61,134,118,.12); }
.calendar-timeline-date > button { align-self:start;display:grid;place-items:center;padding:8px 4px;border:0;border-radius:9px;color:#58706a;background:#edf3f0;cursor:pointer; }
.calendar-timeline-date > button strong { color:#173e36;font:800 20px "Manrope",sans-serif; }
.calendar-timeline-date > button span { margin-top:2px;font-size:7px;font-weight:800;text-transform:uppercase; }
.calendar-timeline-date > div { display:grid;gap:6px; }
.calendar-timeline-event { min-width:0;display:grid;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:9px;color:#1e3b35;background:#f8faf9;text-align:left;cursor:pointer; }
.calendar-timeline-event:hover { background:#eef5f2; }
.calendar-timeline-event > i { width:4px;height:30px;border-radius:4px;background:var(--event-color); }
.calendar-timeline-event span,.calendar-timeline-event strong,.calendar-timeline-event small { min-width:0;display:block; }
.calendar-timeline-event strong { overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }
.calendar-timeline-event strong svg { margin-right:5px;vertical-align:-2px; }
.calendar-timeline-event small { margin-top:3px;color:#7b8985;font-size:7px; }
.calendar-timeline-event em { color:#6f817c;font-size:7px;font-style:normal;font-weight:800; }

@media (max-width:1050px) {
  .calendar-concept-picker { grid-template-columns:repeat(4,minmax(135px,1fr));overflow-x:auto; }
  .calendar-concept-picker > span { grid-column:1/-1; }
  .calendar-concept-1.calendar-range-2 .calendar-concept-layout,.calendar-concept-2 .calendar-concept-layout,.calendar-concept-3 .calendar-concept-layout,.calendar-concept-4 .calendar-concept-layout { grid-template-columns:1fr; }
  .calendar-concept-1.calendar-range-2 .calendar-agenda,.calendar-concept-2 .calendar-agenda,.calendar-concept-3 .calendar-agenda,.calendar-concept-4 .calendar-agenda { position:static; }
  .calendar-flow-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:580px) {
  .calendar-concept-picker { display:flex;margin-top:-4px;padding:7px; }
  .calendar-concept-picker > span { display:none; }
  .calendar-concept-picker button { flex:0 0 145px; }
  .calendar-concept-2 .calendar-panel .calendar-months { display:grid; }
  .calendar-flow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .calendar-timeline-date { grid-template-columns:48px minmax(0,1fr); }
  .calendar-timeline-event { grid-template-columns:3px minmax(0,1fr); }
  .calendar-timeline-event em { display:none; }
}

/* Product foundation — calm, readable, and consistent across every workspace. */
:root {
  --ink: #142b2b;
  --muted: #667876;
  --line: #dfe7e3;
  --canvas: #f6f7f3;
  --card: #ffffff;
  --deep: #123f3f;
  --deep-2: #205353;
  --teal: #2f7f73;
  --mint: #d9eee7;
  --mint-2: #edf7f3;
  --coral: #dc6c58;
  --gold: #d99b35;
  --blue: #5f84bd;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius: var(--radius-lg);
  --shadow-sm: 0 2px 8px rgba(20, 55, 49, .045);
  --shadow: 0 12px 34px rgba(20, 55, 49, .075);
  --shadow-lg: 0 26px 70px rgba(13, 42, 40, .18);
}

body { font-size: 15px; line-height: 1.5; text-rendering: optimizeLegibility; }
h1 { font-size: clamp(28px, 3vw, 36px); line-height: 1.12; letter-spacing: -1.15px; }
h2 { font-size: 21px; }
h3 { font-size: 16px; }
.content { max-width: 1500px; padding: 36px 40px 72px; }
.page-head { align-items: center; margin-bottom: 30px; }
.page-head p { max-width: 720px; font-size: 14px; line-height: 1.55; }
.eyebrow { margin-bottom: 8px; font-size: 11px; letter-spacing: 1.5px; }

.button { min-height: 42px; padding-inline: 18px; border-radius: var(--radius-sm); font-size: 13px; }
.button.small { min-height: 36px; padding-inline: 13px; font-size: 12px; }
.button:hover { transform: translateY(-1px); }
.icon-button { width: 40px; height: 40px; border-radius: var(--radius-sm); }
.text-button { min-height: 34px; padding: 7px 8px; font-size: 12px; }

.panel { border-color: var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.panel-head { min-height: 72px; padding: 18px 21px; }
.panel-head h2 { font-size: 17px; letter-spacing: -.35px; }
.panel-head p { margin-top: 4px; font-size: 12px; line-height: 1.45; }
.stats-grid { gap: 16px; margin-bottom: 20px; }
.stat-card { padding: 20px; border-radius: var(--radius-lg); }
.stat-top { font-size: 12px; }
.stat-card > small { font-size: 11px; }
.trend { font-size: 11px; }
.empty-inline, .empty-state p { font-size: 12px; }

label { gap: 8px; font-size: 12px; }
input, select, textarea { border-radius: var(--radius-sm); font-size: 14px; }
input, select { min-height: 42px; height: 42px; padding-inline: 12px; }
textarea { min-height: 84px; padding: 12px; line-height: 1.5; }
input::placeholder, textarea::placeholder { color: #8b9895; }
.field-hint, .form-help { font-size: 11px !important; }

/* Editors: comfortable width, clear hierarchy, and fewer tiny controls. */
.modal, .search-modal {
  width: min(600px, calc(100% - 32px));
  max-height: min(820px, calc(100dvh - 32px));
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}
.modal > form { max-height: min(820px, calc(100dvh - 32px)); padding: 24px; }
.modal-head { top: -24px; margin-bottom: 20px; padding: 24px 0 16px; }
.modal-head h2 { font-size: 21px; letter-spacing: -.55px; }
.modal-head p { font-size: 12px !important; line-height: 1.45; }
.modal-head .eyebrow { font-size: 10px; }
.modal-head .icon-button { width: 36px; height: 36px; margin: -4px -4px 0 12px; }
.modal label { font-size: 12px; }
.modal input, .modal select { min-height: 42px; height: 42px; padding-inline: 12px; font-size: 14px; }
.modal textarea { padding: 12px; font-size: 14px; }
.modal label + label { margin-top: 15px; }
.modal-actions { bottom: -24px; gap: 9px; margin-top: 22px; padding: 16px 0 24px; }
.modal-alert { position: relative; z-index: 5; margin: -8px 0 18px; padding: 12px 14px; font-size: 12px; }
.toast-region { z-index: 400; }

.task-detail-modal { width: min(720px, calc(100% - 32px)); }
.task-detail-modal form { padding: 20px 22px; }
.task-detail-modal .modal-head { top: -20px; margin-bottom: 15px; padding: 20px 0 14px; }
.task-detail-modal .modal-head h2 { font-size: 21px; }
.task-detail-modal input, .task-detail-modal select { min-height: 42px; height: 42px; }
.task-detail-modal .form-row { gap: 14px; margin: 12px 0; }
.task-detail-modal label + label { margin-top: 12px; }
.task-detail-modal .modal-actions { bottom: -20px; margin-top: 16px; padding: 14px 0 20px; }
.task-section-title strong { font-size: 14px !important; }
.task-section-title small, .planning-help, .task-upload-field small { font-size: 11px !important; }
.task-section-title .text-button { flex: 0 0 auto; white-space: nowrap; }
.task-template-picker { gap: 8px; padding: 11px 12px; }
.task-template-picker > div { grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
.task-template-picker > p { margin-left: 40px; font-size: 10px; line-height: 1.45; }
.task-audience, .task-structure, .task-advanced, .approval-toggle { border-radius: var(--radius-md); }
.responsibility-switch span { min-height: 38px; font-size: 12px; }
.task-essentials-bar { gap: 12px; padding: 12px; }
.task-structure { padding: 15px; }
.task-field-row > label { font-size: 13px; }
.task-field-row input[type="file"], .task-upload-field input { font-size: 12px; }
.field-optional, .field-required { font-size: 9px !important; }

.meeting-modal { width: min(760px, calc(100% - 32px)); }
.meeting-modal .compact-members > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.meeting-summary-section summary, .task-advanced summary, .event-advanced summary { min-height: 42px; display: flex; align-items: center; font-size: 12px; }

.event-editor-modal { width: min(1120px, calc(100% - 32px)); }
.event-editor-modal form { max-height: calc(100dvh - 32px); padding: 22px 24px; }
.event-editor-modal .modal-head { top: -22px; padding-top: 22px; }
.event-editor-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 22px; }
.event-editor-fields { gap: 14px; }
.event-form-section { padding: 18px; border-radius: var(--radius-md); background: #fbfcfb; }
.event-section-head { gap: 11px; margin-bottom: 15px; }
.event-section-head > span { width: 30px; height: 30px; border-radius: 9px; font-size: 12px; }
.event-section-head strong { font-size: 15px; }
.event-section-head small { margin-top: 2px; font-size: 11px; }
.event-form-section .form-row { gap: 14px; margin-top: 12px; }
.event-image-upload > label small, .event-image-editor small { font-size: 10px; }
.event-image-upload input[type="file"] { font-size: 11px; }
.event-image-upload input[type="file"]::file-selector-button { font-size: 11px; }
.event-live-preview { padding: 22px; border-radius: var(--radius-lg); }
.event-live-preview h3 { font-size: 20px; }
.event-live-preview > p { font-size: 12px; }
.event-live-preview li { font-size: 12px; }
.event-live-preview > small { font-size: 11px; }

.member-picker { padding: 15px; border-radius: var(--radius-md); }
.member-picker legend { font-size: 12px; }
.member-picker > p { font-size: 11px; }
.member-option { grid-template-columns: 18px 34px 1fr; min-height: 54px; gap: 10px; padding: 9px 10px; }
.member-option input { width: 16px; height: 16px; }
.member-option .avatar { width: 34px; height: 34px; font-size: 10px; }
.member-option strong { font-size: 12px; }
.member-option small { font-size: 10px; }

/* Work surfaces: readable information density without oversized cards. */
.task-row { min-height: 56px; padding: 7px 9px; border-radius: 10px; }
.task-title > strong { font-size: 14px; }
.task-title small, .task-meta, .task-created-meta { font-size: 11px !important; }
.task-row .project-pill, .task-row .priority-pill { font-size: 11px; }
.project-pill, .priority-pill { font-size: 11px; }
.filter-button, .view-toggle button { min-height: 34px; font-size: 12px; }
.board-column-head { font-size: 12px; }
.board-column-head strong { font-size: 11px; }
.board-card.executive h3 { font-size: 16px; }
.board-card.executive .board-card-created { font-size: 10px; }
.board-card-eyeline .project-pill, .board-card-eyeline .task-template-badge { font-size: 10px; }
.board-field-summary small, .board-side-metrics small { font-size: 9px; }
.board-field-summary span { font-size: 11px; }
.board-side-metrics strong { font-size: 13px; }
.board-side-bottom { font-size: 10px; }
.task-card-signals > span { font-size: 10px; }
.task-view-head h2 { font-size: 24px; }
.task-view-section h3, .task-view-conversation .task-section-title strong { font-size: 16px !important; }
.task-view-note small, .task-view-conversation .comment-copy p { font-size: 12px; }

/* Team pulse stays compact; detailed activity is available on demand. */
.activity-monitor-panel { margin-bottom: 20px; }
.activity-overview strong { font-size: 22px; }
.activity-overview small { font-size: 11px; }
.activity-details { border-top: 1px solid var(--line); }
.activity-details > summary { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 20px; color: var(--deep); cursor: pointer; list-style: none; font-weight: 750; }
.activity-details > summary::-webkit-details-marker { display: none; }
.activity-details > summary span { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
.activity-details > summary small { color: var(--muted); font-size: 11px; font-weight: 650; }
.activity-details[open] > summary { background: #f7faf8; }
.activity-member-list { max-height: 440px; overflow-y: auto; border-top: 1px solid var(--line); }
.activity-member-row { min-height: 72px; }
.activity-person strong, .activity-presence strong { font-size: 12px; }
.activity-person small, .activity-presence small, .activity-metrics small { font-size: 10px; }
.activity-privacy-note { font-size: 10px; }
.team-grid { gap: 16px; }
.person-card { padding: 19px; }
.person-card h3 { font-size: 16px; }
.person-job-title, .member-role-summary, .member-department-summary, .capacity-head, .availability { font-size: 11px !important; }
.view-member-profile, .manage-team-button, .remove-member { font-size: 11px; }

/* Calendar: one finished planner, with a quieter control bar and readable details. */
.calendar-concept-picker { display: none !important; }
.calendar-concept-1.calendar-range-2 .calendar-concept-layout { grid-template-columns: minmax(0, 1fr) 330px; gap: 16px; }
.calendar-toolbar { padding: 13px 15px; }
.calendar-toolbar-title h2 { font-size: 16px; }
.calendar-toolbar-title span { font-size: 10px; }
.calendar-legend span { font-size: 10px; }
.calendar-concept-1.calendar-range-2 .calendar-month > header h3 { font-size: 12px; }
.calendar-month > header span { font-size: 9px; }
.calendar-concept-1.calendar-range-2 .calendar-weekdays span { font-size: 8px; }
.calendar-concept-1.calendar-range-2 .calendar-date { font-size: 9px; }
.calendar-concept-1.calendar-range-2 .calendar-date small { font-size: 7px; }
.calendar-concept-1.calendar-range-2 .calendar-event strong { font-size: 8px; }
.calendar-concept-1.calendar-range-2 .calendar-more { font-size: 8px; }
.calendar-concept-1.calendar-range-2 .calendar-agenda .panel-head p { font-size: 11px; }
.calendar-side-summary > header span { font-size: 9px; }
.calendar-side-summary > header strong { font-size: 11px; }
.calendar-side-summary > div strong { font-size: 13px; }
.calendar-side-summary > div small { font-size: 9px; }
.schedule-item time { font-size: 11px; }
.schedule-item strong { font-size: 12px; }
.schedule-item small { font-size: 10px; }

/* Secondary areas use the same hierarchy instead of page-specific micro type. */
.project-card p, .service-card p, .settings-title p { font-size: 12px; }
.progress-label, .due-label, .project-access { font-size: 11px; }
.settings-stack { max-width: 1040px; gap: 20px; }
.settings-form { padding: 24px; }
.preference-grid strong { font-size: 12px; }
.preference-grid small { font-size: 10px; }
.inbox-item strong { font-size: 13px; }
.inbox-item small, .inbox-item time { font-size: 11px; }
.file-card h3, .service-card h3 { font-size: 15px; }

@media (max-width: 1120px) {
  .content { padding-inline: 28px; }
  .event-editor-layout { grid-template-columns: minmax(0, 1fr) 280px; }
  .calendar-concept-1.calendar-range-2 .calendar-concept-layout { grid-template-columns: 1fr; }
  .calendar-concept-1.calendar-range-2 .calendar-agenda { position: static; }
}

@media (max-width: 700px) {
  body { font-size: 15px; }
  .content { padding: 24px 16px 88px; }
  .page-head { align-items: flex-start; gap: 18px; margin-bottom: 22px; }
  .page-head p { font-size: 13px; }
  .button { min-height: 44px; }
  .button.small { min-height: 40px; }
  .modal, .search-modal, .task-detail-modal, .meeting-modal, .event-editor-modal {
    width: calc(100% - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 18px;
  }
  .modal > form, .event-editor-modal form { max-height: calc(100dvh - 16px); padding: 18px; }
  .modal-head, .task-detail-modal .modal-head { top: -18px; padding: 18px 0 14px; }
  .modal-actions, .task-detail-modal .modal-actions { bottom: -18px; margin-top: 18px; padding: 14px 0 18px; }
  .form-row { grid-template-columns: 1fr; }
  .event-editor-layout { grid-template-columns: 1fr; }
  .event-live-preview { position: static; order: -1; }
  .meeting-modal .compact-members > div { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  .task-essentials-bar label { grid-template-columns: 100px minmax(0, 1fr); }
  .activity-overview { grid-template-columns: 1fr 1fr; }
  .calendar-toolbar { align-items: stretch; grid-template-columns: 1fr; }
  .calendar-toolbar-title { grid-row: 1; text-align: left !important; }
  .calendar-nav { grid-row: 2; }
  .calendar-toolbar-actions { grid-column: 1; justify-content: flex-start !important; overflow-x: auto; }
  .calendar-months { grid-template-columns: 1fr; }
  .calendar-months .calendar-month:nth-child(n+2) { display: none; }
}

/* Signature overview: the day starts with one task and one meeting. */
.daily-briefing-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px; }
.overview-focus-card { min-height:292px;display:flex;flex-direction:column;padding:24px; }
.overview-focus-card .focus-head { margin-bottom:20px; }
.overview-focus-card .focus-head .eyebrow { display:block;margin-bottom:4px;color:#91b7ae;font-size:9px;letter-spacing:.13em; }
.overview-focus-card .focus-head h2 { font-size:18px;letter-spacing:-.02em; }
.overview-focus-card .focus-task { flex:1; }
.overview-focus-card .focus-task > small { color:#9fb7b3;font-size:10px; }
.overview-focus-card .focus-task > strong { margin:6px 0 13px;font-size:22px;line-height:1.25;letter-spacing:-.025em; }
.overview-focus-card .focus-meta { font-size:10px; }
.overview-focus-actions { position:relative;display:flex;gap:8px;margin-top:16px; }
.overview-focus-actions .button { width:auto;min-height:40px;flex:1;margin:0;font-size:11px; }
.overview-focus-actions .button:first-child { color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07); }
.overview-clear-state { min-height:175px;display:grid;place-items:center;align-content:center;gap:8px;color:#acc3be;text-align:center; }
.overview-clear-state svg { color:#f0bd65; }
.overview-clear-state strong { color:#fff;font-size:18px; }
.overview-clear-state span { font-size:11px; }
.overview-meeting-card { min-height:292px;display:flex;flex-direction:column;padding:24px;background:linear-gradient(145deg,#fff 45%,#f1f7f4); }
.overview-meeting-card header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.overview-meeting-card header .eyebrow { display:block;margin-bottom:5px;color:var(--teal);font-size:9px;letter-spacing:.13em; }
.overview-meeting-card header strong { color:#b26f24;font-size:11px; }
.overview-meeting-icon { width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:var(--teal);background:#dff0e9; }
.overview-meeting-card h2 { margin:24px 0 6px;font-size:22px;line-height:1.25;letter-spacing:-.025em; }
.overview-meeting-card > p { min-height:36px;margin:0;color:var(--muted);font-size:11px;line-height:1.6; }
.overview-meeting-meta { display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:17px;color:#536864;font-size:10px;font-weight:700; }
.overview-meeting-meta span { display:inline-flex;align-items:center;gap:5px; }
.overview-meeting-card footer { display:flex;gap:8px;margin-top:auto;padding-top:18px; }
.overview-meeting-card footer .button { min-height:40px;margin:0;font-size:11px; }
.overview-meeting-card.empty { display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px; }
.overview-meeting-card.empty h2 { margin:5px 0; }
.overview-meeting-card.empty .button { grid-column:2;justify-self:start;margin:0; }

/* Task details use a calm right-side workspace instead of another floating box. */
.task-view-modal { inset:0;width:min(760px,calc(100% - 24px));height:100dvh;max-height:100dvh;margin:0 0 0 auto;border:0;border-left:1px solid #d9e4df;border-radius:22px 0 0 22px;box-shadow:-28px 0 80px rgba(20,50,45,.17); }
.task-view-modal[open] { animation:task-drawer-in .24s cubic-bezier(.2,.8,.2,1); }
.task-view-modal::backdrop { background:rgba(19,39,36,.36);backdrop-filter:blur(4px); }
.task-view-shell { width:100%;height:100%;max-height:100dvh;padding:25px 28px 0;overflow-y:auto; }
.task-view-head { top:-25px;margin:0 -28px 16px;padding:21px 28px 17px; }
.task-view-head h2 { max-width:520px;font-size:25px; }
.task-view-actions { bottom:0;margin:16px -28px 0;padding:14px 28px 22px; }
@keyframes task-drawer-in { from { opacity:.65;transform:translateX(34px); } to { opacity:1;transform:translateX(0); } }

/* Public scheduling: branded calendar, clear progress, and focused time selection. */
.booking-shell { padding:24px;background:radial-gradient(circle at 12% 8%,#dfeee8 0,transparent 30%),linear-gradient(145deg,#f2f7f4,#fbfcfb 50%,#edf4f0); }
.booking-brand { max-width:1160px;margin-bottom:18px;font-size:10px; }
.booking-shell > footer { font-size:10px; }
.public-booking-card { width:min(1160px,100%);min-height:680px;grid-template-columns:minmax(300px,.72fr) minmax(0,1.7fr);border-radius:24px;box-shadow:0 30px 90px rgba(24,58,51,.15); }
.public-booking-card > aside { padding:40px 34px; }
.public-booking-card aside > small { font-size:10px;letter-spacing:.02em; }
.public-booking-card h1 { margin:9px 0 13px;font-size:29px;letter-spacing:-.035em; }
.public-booking-card aside p { font-size:12px;line-height:1.7; }
.public-booking-card aside ul { gap:12px;margin-top:30px; }
.public-booking-card aside li { font-size:11px; }
.booking-host-avatar { width:52px;height:52px;margin-bottom:17px;border-radius:16px;font-size:13px;box-shadow:0 10px 22px rgba(12,36,31,.16); }
.public-booking-card > main { padding:28px 30px 32px; }
.public-booking-progress { display:flex;align-items:center;gap:9px;margin-bottom:27px; }
.public-booking-progress > span { display:flex;align-items:center;gap:7px;color:#82908d;font-size:9px;font-weight:800;white-space:nowrap; }
.public-booking-progress > span b { width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#758681;background:#edf2ef;font-size:9px; }
.public-booking-progress > span.active,.public-booking-progress.has-time > span:nth-of-type(2) { color:var(--deep); }
.public-booking-progress > span.active b,.public-booking-progress.has-time > span:nth-of-type(2) b { color:#fff;background:var(--teal); }
.public-booking-progress > i { height:1px;flex:1;background:#dfe7e3; }
.public-booking-heading { margin-bottom:20px; }
.public-booking-heading .eyebrow { font-size:9px; }
.public-booking-heading h2 { margin:5px 0 4px;font-size:22px;letter-spacing:-.025em; }
.public-booking-heading p { margin:0;color:var(--muted);font-size:11px; }
.public-booking-picker { display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(220px,.78fr);gap:15px;align-items:start; }
.public-booking-calendar,.public-booking-times { border:1px solid #dce6e1;border-radius:16px;background:#fff; }
.public-booking-calendar { padding:15px; }
.public-calendar-head { display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:12px; }
.public-calendar-head strong { text-align:center;font-size:13px; }
.public-calendar-head button { width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce6e1;border-radius:10px;color:var(--deep);background:#fff;cursor:pointer; }
.public-calendar-head button:disabled { opacity:.28;cursor:default; }
.public-calendar-weekdays,.public-calendar-grid { display:grid;grid-template-columns:repeat(7,1fr);gap:4px; }
.public-calendar-weekdays { margin-bottom:4px; }
.public-calendar-weekdays span { padding:4px 0;color:#899692;font-size:8px;font-weight:800;text-align:center;text-transform:uppercase; }
.public-calendar-day { aspect-ratio:1;min-width:0;display:grid;place-items:center;align-content:center;gap:3px;border:0;border-radius:10px;color:#29413d;background:transparent;font-size:11px;font-weight:750; }
button.public-calendar-day { cursor:pointer; }
.public-calendar-day.outside { color:#c5ceca; }
.public-calendar-day.unavailable { color:#b6c0bc;text-decoration:line-through;opacity:.58; }
.public-calendar-day.available { background:#f0f7f4; }
.public-calendar-day.available:hover { color:var(--teal);background:#dcefe7; }
.public-calendar-day.selected { color:#fff!important;background:var(--deep)!important;box-shadow:0 8px 18px rgba(19,61,55,.2); }
.public-calendar-day.today:not(.selected) { box-shadow:inset 0 0 0 1px #6aa999; }
.public-calendar-day i { width:3px;height:3px;border-radius:50%;background:#4b9784; }
.public-calendar-day.selected i { background:#fff; }
.public-booking-calendar > footer { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid #edf1ef;color:var(--muted);font-size:8px; }
.public-booking-calendar > footer span { display:flex;align-items:center;gap:5px; }
.public-booking-calendar > footer i { width:6px;height:6px;border-radius:50%;background:#4b9784; }
.public-booking-times { min-height:327px;padding:15px; }
.public-booking-times > header span,.public-booking-times > header strong,.public-booking-times > header small { display:block; }
.public-booking-times > header span { color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.public-booking-times > header strong { margin-top:4px;font-size:13px; }
.public-booking-times > header small { margin-top:3px;color:var(--muted);font-size:8px; }
.public-booking-slots { grid-template-columns:repeat(2,1fr);gap:6px;margin:13px 0 9px; }
.public-booking-slots button { min-height:39px;border-radius:9px;font-size:10px; }
.booking-no-slots { padding:25px 12px;font-size:10px;line-height:1.5; }
.public-booking-selected { margin:0;padding:9px;font-size:9px; }
.public-booking-card form { margin-top:20px;padding:20px;border:1px solid #dce6e1;border-radius:16px;background:#f8fbf9; }
.public-booking-card form label { font-size:10px; }
.public-booking-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.public-booking-card form .public-booking-step { margin-bottom:4px; }
.public-booking-card form .button { justify-self:start;min-height:42px; }

@media (max-width: 920px) {
  .daily-briefing-grid { grid-template-columns:1fr; }
  .public-booking-card { grid-template-columns:1fr; }
  .public-booking-card > aside { min-height:auto; }
  .public-booking-card aside ul { display:flex;flex-wrap:wrap; }
}
@media (max-width: 700px) {
  .overview-focus-card,.overview-meeting-card { min-height:270px; }
  .overview-meeting-card.empty { grid-template-columns:42px minmax(0,1fr); }
  .task-view-modal { width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0; }
  .task-view-shell { max-height:100dvh;padding:18px 16px 0; }
  .task-view-head { top:-18px;margin:0 -16px 13px;padding:17px 16px 14px; }
  .task-view-actions { margin:14px -16px 0;padding:12px 16px 18px; }
  .booking-shell { padding:10px; }
  .public-booking-card { border-radius:18px; }
  .public-booking-card > aside,.public-booking-card > main { padding:22px 18px; }
  .public-booking-progress { gap:5px;overflow:hidden; }
  .public-booking-progress > span { font-size:8px; }
  .public-booking-progress > span:last-child,.public-booking-progress > i:last-of-type { display:none; }
  .public-booking-picker { grid-template-columns:1fr; }
  .public-booking-form-grid { grid-template-columns:1fr; }
  .public-calendar-day { font-size:10px; }
}

/* Task board cards — balanced, readable, and consistent at every column width. */
.board-card.executive:not(.completed) {
  height: 198px;
  grid-template-columns: minmax(0,1fr) 84px;
  border-color: #d6e2dd;
  border-left-width: 4px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(25,60,54,.07);
}
.board-card.executive:not(.completed):hover {
  border-color: #b9cec5;
  box-shadow: 0 11px 26px rgba(25,60,54,.11);
}
.board-card.executive.in-progress:not(.completed) { border-color:#dfc68f;border-left-color:#c9861d; }
.board-card.executive:not(.completed) .board-card-main {
  padding: 12px 13px;
  background: linear-gradient(150deg,#fff 62%,#f7faf8);
}
.board-card-eyeline {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  overflow:visible;
}
.board-card-taxonomy {
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  overflow:hidden;
}
.board-card-taxonomy .project-pill {
  max-width:46%;
  flex:0 1 auto;
  padding:4px 8px;
  border-radius:7px;
  font-size:9px;
}
.board-card-taxonomy .task-template-badge {
  min-width:0;
  max-width:none;
  flex:1 1 auto;
  padding:4px 7px;
  border-radius:7px;
  font-size:9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.board-card-eyeline .board-task-id {
  min-width:0;
  margin:0;
  padding:4px 6px;
  border-color:#b9d7cc;
  border-radius:7px;
  background:#eef7f3;
  font-size:8px;
}
.board-card.executive:not(.completed) h3 {
  min-height:40px;
  margin:9px 0 4px;
  color:#153936;
  font-size:16px;
  line-height:1.25;
}
.board-card.executive:not(.completed) .board-card-status { min-height:20px;margin:0 0 4px; }
.board-card.executive:not(.completed) .task-department {
  padding:3px 7px;
  border-radius:6px;
  color:#526b65;
  background:#edf2ef;
  font-size:8px;
  font-weight:750;
}
.board-card.executive:not(.completed) .board-card-created {
  margin:0;
  color:#687a76;
  font-size:9px;
  line-height:1.35;
}
.board-card.executive:not(.completed) .board-field-summary {
  max-height:48px;
  gap:2px;
  margin-top:8px!important;
  padding-top:7px!important;
  border-color:#e5ece8;
}
.board-card.executive:not(.completed) .board-field-summary small { font-size:8px!important; }
.board-card.executive:not(.completed) .board-field-summary span {
  font-size:10px!important;
  line-height:1.3;
}
.board-card.executive:not(.completed) .board-card-side {
  padding:11px 9px 10px;
  border-left-color:#dce7e2;
  background:#f3f7f5!important;
}
.board-card.executive.to-do:not(.completed) .board-card-side { background:#edf7f3!important; }
.board-card.executive.in-progress:not(.completed) .board-card-side { background:#fff7e7!important; }
.board-card.executive:not(.completed) .task-responsible-you {
  align-self:stretch;
  justify-content:center;
  margin:0;
  padding:4px 5px;
  border-radius:7px;
  font-size:7px;
}
.board-card.executive:not(.completed) .board-side-metrics {
  grid-template-columns:1fr 1fr;
  gap:8px 7px;
  margin-top:8px;
}
.board-card.executive:not(.completed) .board-side-metrics > span:first-child { grid-column:1/-1; }
.board-card.executive:not(.completed) .board-side-metrics small {
  font-size:7px!important;
  letter-spacing:.07em;
}
.board-card.executive:not(.completed) .board-side-metrics strong {
  margin-top:2px;
  font-size:11px;
}
.board-card.executive:not(.completed) .board-side-bottom {
  gap:7px;
  margin-top:auto;
  color:#5e716c;
  font-size:8px;
}
.board-card.executive:not(.completed) .board-side-bottom > span:first-child {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.board-card.executive:not(.completed) .board-side-bottom .row-avatar { width:25px;height:25px;font-size:7px; }

@media (max-width:1120px) and (min-width:861px) {
  .board-card.executive:not(.completed) { grid-template-columns:minmax(0,1fr) 80px; }
}
@media (max-width:580px) {
  .board-card.executive:not(.completed) { height:194px;grid-template-columns:minmax(0,1fr) 82px; }
  .board-card.executive:not(.completed) .board-card-main { padding:11px; }
  .board-card-taxonomy .project-pill { max-width:42%; }
}

.board-card.executive.completed .board-card-eyeline { grid-template-columns:minmax(0,1fr) auto; }
.board-card.executive.completed .board-card-taxonomy { gap:4px; }
.board-card.executive.completed.has-template .board-card-taxonomy .project-pill { display:none; }
.board-card.executive.completed .board-card-taxonomy .project-pill,
.board-card.executive.completed .board-card-taxonomy .task-template-badge { max-width:100%;padding:3px 5px;font-size:7px; }
.board-card.executive.completed .board-card-side:has(.task-responsible-you) .assignee-group { display:none; }
.board-card.executive.completed .board-card-side:has(.task-responsible-you) .board-side-metrics small { display:none; }
.board-card.executive.completed .board-card-side:has(.task-responsible-you) .board-side-metrics strong { margin-top:0; }
.board-card.executive.completed .board-card-side:has(.task-responsible-you) .board-side-bottom { margin-top:2px; }

/* Related people stay readable without increasing the fixed card height. */
.task-people-caption { display:flex; align-items:center; gap:5px; min-width:0; color:#41666a; font-size:12px; font-weight:600; line-height:1.5; }
.task-people-caption > svg { flex:none; }
.task-people-caption > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board-card-main > .task-people-caption { margin:3px 0 5px; }
#taskSummaryResponsible { max-height:112px; overflow-y:auto; overflow-wrap:anywhere; }

.task-board .board-card.executive.completed { height:80px; min-height:80px; }
.board-card.executive.completed .board-card-main { padding:6px 9px; }
.board-card.executive.completed > .board-card-main > .task-people-caption { margin:0 0 2px; font-size:10px; line-height:12px; }
.board-card.executive.completed > .board-card-main > .task-people-caption > svg { width:11px; height:11px; }

.session-recovery { min-height:100dvh; display:grid; place-items:center; padding:24px; background:#f5f8f6; }
.session-recovery[hidden] { display:none; }
.session-recovery-card { width:min(100%,420px); padding:28px; border:1px solid #dce7e2; border-radius:18px; background:#fff; box-shadow:0 12px 40px #183e3110; text-align:center; }
.session-recovery-card h2 { margin:12px 0; color:#193c37; font-size:23px; }
.session-recovery-card p { margin:0; color:#61756d; font-size:14px; line-height:1.6; }
.session-recovery-card button { margin:20px auto 0; }