.tm-notif-v2-line{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:12px;border-bottom:1px solid var(--border-1)}.tm-notif-v2-line>div{display:grid;gap:4px}.tm-notif-v2-line small{color:var(--text-muted)}.tm-notif-v2-quiet{display:flex;gap:12px}.tm-notif-v2-quiet label{display:grid;gap:4px}.tm-notif-v2-help{color:var(--text-muted);font-size:12px;line-height:1.5}#tm-notification-v2 h4{margin:16px 0 8px}.tm-notif-v2-line select{max-width:175px;min-width:115px}

/* Responsive Activity Inbox, source controls and searchable tabs */
#notifications-panel{width:min(510px,calc(100vw - var(--nav-width) - var(--side-width) - 34px))!important;max-height:min(680px,calc(100dvh - 36px))!important}
.tm-activity-filters{padding:9px 11px;display:grid;gap:8px;border-bottom:1px solid var(--border-1)}
.tm-activity-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.tm-activity-tab{white-space:nowrap;flex-shrink:0;border:1px solid var(--border-2)!important;background:var(--surface-1)!important;color:var(--text-2)!important;padding:7px 9px!important}
.tm-activity-tab[aria-pressed="true"]{color:var(--text-1)!important;border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 16%,var(--surface-1))!important}
.tm-activity-search{width:100%;margin:0!important;min-height:36px;background:var(--surface-1);border:1px solid var(--border-2);color:var(--text-1);padding:8px 10px;border-radius:10px}
.tm-activity-source-rule{max-width:175px;min-width:112px;background:var(--surface-1);border:1px solid var(--border-2);color:var(--text-1);padding:5px;border-radius:9px;font-size:11px}
.notification-row-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;align-items:center}
.tm-activity-button{font-size:11px!important;padding:6px 8px!important;cursor:pointer}
.tm-activity-primary{background:var(--accent)!important;color:#081116!important}
.tm-activity-invite{border-left:3px solid var(--accent)}
.notification-row{cursor:default}
@media(max-width:860px){#notifications-panel{width:auto!important;max-height:calc(100dvh - 90px)!important}}
@media(max-width:640px){.tm-notif-v2-line{align-items:flex-start;flex-direction:column}.tm-notif-v2-line select{max-width:100%;width:100%}.tm-notif-v2-quiet{flex-wrap:wrap}.notification-row-actions{gap:4px}.tm-activity-button{min-height:34px}}

/* Notifications v2 settings: full-width layout inside User & App Settings.
   The workspace's legacy 2-column field layout must not grid the v2 root. */
#user-settings-modal .tm-settings-notification-fields {
  display:block !important;
  width:100%;
  min-width:0;
}
#user-settings-modal .tm-settings-notification-fields > #tm-notification-v2 {
  display:block !important;
  width:100%;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
#user-settings-modal #tm-notification-v2,
#user-settings-modal .tm-notif-v2-invites {
  font-size:14px;
  line-height:1.45;
  color:var(--text-1);
}
#user-settings-modal #tm-notification-v2 h4,
#user-settings-modal .tm-notif-v2-invites h4 {
  display:block;
  width:auto;
  clear:both;
  margin:0 0 10px !important;
  font-size:16px;
  font-weight:750;
  line-height:1.3;
  letter-spacing:0;
}
#user-settings-modal #tm-notification-v2 h4:not(:first-child) {
  margin-top:26px !important;
  padding-top:22px;
  border-top:1px solid var(--border-2);
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-line {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(165px,210px);
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:59px;
  padding:12px 0;
  margin:0;
  align-items:center;
  gap:10px 20px;
  border-bottom:1px solid var(--border-1);
  cursor:pointer;
  box-sizing:border-box;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-line > div {
  min-width:0;
  display:grid;
  gap:3px;
  align-content:center;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-line strong {
  font-size:14px;
  font-weight:650;
  color:var(--text-1);
  line-height:1.35;
  overflow-wrap:break-word;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-line small {
  font-size:12px;
  font-weight:400;
  line-height:1.45;
  color:var(--text-muted,var(--grey));
  overflow-wrap:break-word;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-line > input[type="checkbox"] {
  grid-column:2;
  width:18px !important;
  height:18px !important;
  min-width:18px;
  padding:0 !important;
  margin:0 auto !important;
  justify-self:center;
  flex:none;
  accent-color:var(--accent);
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-line select,
#user-settings-modal .tm-notif-v2-invites select {
  display:block;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:40px;
  box-sizing:border-box;
  margin:0 !important;
  padding:8px 28px 8px 12px;
  background:var(--surface-2);
  border:1px solid var(--border-2);
  border-radius:10px;
  color:var(--text-1);
  font:inherit;
  font-size:13px;
  line-height:1.3;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-quiet {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,190px));
  gap:12px;
  margin:15px 0 8px;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-quiet[hidden] {display:none !important}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-quiet label {
  display:grid;
  min-width:0;
  gap:6px;
  font-size:13px;
  font-weight:600;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-quiet input[type="time"] {
  display:block;
  width:100% !important;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  height:40px;
  padding:7px 10px;
  margin:0;
  color:var(--text-1);
  background:var(--surface-2);
  border:1px solid var(--border-2);
  border-radius:10px;
  font:inherit;
}
#user-settings-modal #tm-notification-v2 .tm-notif-v2-help {
  margin:16px 0 24px;
  max-width:66ch;
  color:var(--text-muted,var(--grey));
  font-size:12px;
  line-height:1.55;
}
#user-settings-modal .tm-settings-notification-fields > .tm-notif-v2-invites {
  display:grid !important;
  grid-template-columns:minmax(0,1fr);
  width:100%;
  min-width:0;
  box-sizing:border-box;
  gap:8px !important;
  padding:20px !important;
  margin:8px 0 0 !important;
  background:var(--surface-1) !important;
  border:1px solid var(--border-2) !important;
  border-radius:14px !important;
}
#user-settings-modal .tm-notif-v2-invites h4 {margin:0 0 4px !important}
#user-settings-modal .tm-notif-v2-invites > label:not(.perm-check) {
  margin:7px 0 0;
  color:var(--text-1) !important;
  font-size:13px !important;
  font-weight:600;
  text-transform:none !important;
}
#user-settings-modal .tm-notif-v2-invites .perm-check {
  display:flex;
  gap:9px;
  align-items:center;
  min-width:0;
  margin-top:12px;
  font-size:13px;
  line-height:1.45;
}
#user-settings-modal .tm-notif-v2-invites .perm-check input[type="checkbox"] {
  width:18px !important;
  height:18px !important;
  flex:0 0 18px;
  margin:0 !important;
}
#user-settings-modal .tm-notif-v2-invites #notification-privacy-summary {
  font-size:12px !important;
  line-height:1.6 !important;
  color:var(--text-muted,var(--grey));
}
#user-settings-modal .tm-notif-v2-invites .tm-notif-v2-invites-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
#user-settings-modal .tm-notif-v2-invites .tm-notif-v2-invites-actions .btn-small {
  min-width:0;
  max-width:100%;
  white-space:normal;
}
@media (max-width:700px) {
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-line {
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    padding:13px 0;
  }
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-line > input[type="checkbox"] {
    grid-column:1;
    grid-row:1;
    justify-self:start;
    margin:0 !important;
  }
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-line:has(input[type="checkbox"]) > div {
    padding-left:32px;
    grid-column:1;
    grid-row:1;
  }
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-line > select {
    grid-column:1;
  }
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-quiet {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #user-settings-modal .tm-settings-notification-fields > .tm-notif-v2-invites {
    padding:15px !important;
  }
}

/* Mobile checkbox rows: separate grid tracks, never overlay labels. */
@media (max-width:700px) {
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-line:has(> input[type="checkbox"]) {
    grid-template-columns:22px minmax(0,1fr);
    column-gap:10px;
    align-items:center;
  }
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-line:has(> input[type="checkbox"]) > input[type="checkbox"] {
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
  }
  #user-settings-modal #tm-notification-v2 .tm-notif-v2-line:has(> input[type="checkbox"]) > div {
    grid-column:2;
    grid-row:1;
    padding-left:0;
  }
}