:root {
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  color:#213246;
  background:#f5f7fa;
  font-synthesis:none;
  font-size:15px;
  --nav:#223c56;
  --nav-light:#314e69;
  --teal:#087c77;
  --teal-dark:#05625e;
  --border:#dce3e9;
  --muted:#637387;
  --amber:#976013;
  --amber-bg:#fff4db;
  --red:#b4343e;
  --white:#fff;
  --radius:8px
}
* {
  box-sizing:border-box
}
body {
  margin:0
}
button,input,select,textarea {
  font:inherit
}
button {
  cursor:pointer
}
button:disabled {
  cursor:not-allowed;
  opacity:.55
}
input,select,textarea {
  max-width:100%;
  color:#213246;
  background:#fff;
  border:1px solid #aebdca;
  border-radius:5px;
  padding:10px 12px
}
textarea {
  resize:vertical;
  line-height:1.6
}
label {
  font-weight:600;
  font-size:.9rem
}
button,a,input,select,textarea {
  outline-offset:4px
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid #278dce
}
h1,h2,h3,p {
  margin:0
}
h1 {
  font-size:1.9rem;
  line-height:1.25;
  font-weight:650;
  letter-spacing:-.5px
}
h2 {
  font-size:1.2rem;
  line-height:1.4;
  font-weight:650
}
h3 {
  font-size:1rem;
  line-height:1.5
}
p {
  line-height:1.65
}
a {
  color:var(--teal)
}
[hidden] {
  display:none!important
}
.small {
  font-size:.8rem
}
.muted {
  color:var(--muted)
}
.skip-link {
  position:fixed;
  left:16px;
  top:-100px;
  padding:12px 18px;
  background:#fff;
  z-index:30
}
.skip-link:focus {
  top:12px
}
.trial-banner {
  min-height:43px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 28px;
  background:var(--amber-bg);
  color:#754c15;
  font-size:.82rem;
  border-bottom:1px solid #e9d29d
}
.signal {
  height:7px;
  width:7px;
  border-radius:100%;
  background:#bd822d;
  flex-shrink:0
}
.local-label {
  margin-left:auto;
  font-size:.78rem;
  white-space:nowrap
}
.wordmark {
  display:flex;
  align-items:center;
  gap:11px;
  font-size:1.36rem;
  font-weight:650;
  letter-spacing:.2px
}
.brand-mark {
  width:36px;
  height:39px;
  background:#3f607d;
  border-radius:7px;
  display:grid;
  place-items:center;
  font-size:1.5rem;
  font-weight:600;
  color:#fff
}
.brand-subtitle {
  display:block;
  font-size:.69rem;
  font-weight:400;
  letter-spacing:0;
  opacity:.76;
  margin-top:2px
}
.button {
  border:1px solid transparent;
  border-radius:5px;
  padding:10px 15px;
  line-height:1.3;
  font-weight:600;
  font-size:.87rem;
  min-height:40px;
  transition:background .15s,color .15s,border-color .15s
}
.primary {
  background:var(--teal);
  color:#fff
}
.primary:hover:not(:disabled) {
  background:var(--teal-dark)
}
.secondary {
  color:#2f485c;
  background:#fff;
  border-color:#b9c7d2
}
.secondary:hover:not(:disabled) {
  background:#f2f6f8
}
.quiet {
  color:#40586d;
  background:transparent;
  border-color:var(--border)
}
.quiet:hover:not(:disabled) {
  background:#edf3f6
}
.danger {
  color:var(--red);
  border-color:#dbabb0;
  background:#fff
}
.danger:hover:not(:disabled) {
  background:#fff1f2
}
.button-row {
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap
}
.badge {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:4px 8px;
  border-radius:4px;
  font-size:.72rem;
  font-weight:600;
  line-height:1.4;
  white-space:normal
}
.neutral {
  color:#52677b;
  background:#edf1f5
}
.warning {
  color:#865910;
  background:#fff1d0
}
.success {
  color:#176653;
  background:#e5f4ed
}
.negative {
  color:#9e3340;
  background:#fbe9ec
}
.info {
  color:#2e6181;
  background:#e7f1f8
}
.login-layout {
  display:grid;
  grid-template-columns:minmax(350px,1fr) minmax(400px,1fr);
  min-height:calc(100vh - 43px)
}
.login-story {
  color:#fff;
  background:var(--nav);
  padding:52px max(40px,7vw);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:70px
}
.login-story h1 {
  font-size:clamp(2rem,3.2vw,3.2rem);
  max-width:620px;
  line-height:1.2;
  letter-spacing:-1px;
  font-weight:600
}
.login-description {
  max-width:460px;
  font-size:1.02rem;
  color:#d2dfe9;
  margin-top:24px
}
.login-footnote {
  max-width:440px;
  color:#afc4d4;
  font-size:.81rem
}
.login-form-wrap {
  flex-direction:column;
  gap:24px;
  padding:55px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff
}
.login-form {
  width:100%;
  max-width:390px;
  display:flex;
  flex-direction:column;
  gap:13px
}
.login-form h2 {
  font-size:1.6rem;
  font-weight:650;
  letter-spacing:-.4px
}
.login-form>p:first-of-type {
  color:var(--muted);
  margin-bottom:17px
}
.login-form .primary {
  margin-top:8px;
  min-height:46px
}
.field-hint {
  font-size:.79rem;
  color:var(--muted);
  line-height:1.55
}
.login-session-note {
  font-size:.77rem;
  color:var(--muted);
  margin-top:12px
}
.inline-error {
  color:var(--red);
  background:#fff0f1;
  border-radius:5px;
  padding:12px;
  font-size:.86rem
}
.login-form input {
  min-height:45px
}
.checkbox-label { display:flex; align-items:center; gap:9px; font-weight:400; }
.login-form input[type="checkbox"], .creation-form input[type="checkbox"] { min-height:18px; width:18px; padding:0; flex-shrink:0; }
.noscript-message {
  padding:25px;
  background:#fff4db
}
.workspace {
  display:grid;
  grid-template-columns:234px minmax(0,1fr);
  min-height:calc(100vh - 43px)
}
.sidebar {
  background:var(--nav);
  color:#f0f5f8;
  display:flex;
  flex-direction:column;
  padding:30px 15px 22px
}
.sidebar-brand {
  padding:0 10px 33px
}
.primary-nav {
  display:flex;
  flex-direction:column;
  gap:5px
}
.primary-nav button {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:12px 13px;
  text-align:left;
  background:none;
  border:0;
  border-radius:5px;
  color:#c8d9e7;
  font-size:.87rem;
  min-height:45px
}
.primary-nav button:hover {
  background:#2b4964;
  color:#fff
}
.primary-nav button[aria-current="page"] {
  background:#3b5872;
  color:#fff;
  font-weight:600;
  box-shadow:inset 3px 0 0 #71c9c2
}
.nav-symbol {
  width:20px;
  font-size:1.17rem;
  text-align:center;
  line-height:1;
  opacity:.85
}
.nav-count {
  font-size:.7rem;
  background:#6a4d25;
  color:#ffe0a5;
  border-radius:4px;
  padding:2px 6px;
  margin-left:auto
}
.sidebar-bottom {
  margin-top:auto;
  padding:55px 11px 0;
  color:#a5bdcf
}
.sidebar-bottom p {
  font-size:.75rem;
  max-width:170px;
  margin-top:8px
}
.sidebar-pilot {
  font-size:.78rem;
  font-weight:600;
  color:#d5e0e8
}
.menu-button {
  display:none
}
.main-column {
  min-width:0;
  display:flex;
  flex-direction:column
}
.workspace-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:#fff;
  border-bottom:1px solid var(--border);
  min-height:105px;
  padding:22px 34px
}
.business-identity {
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0
}
.business-identity>strong {
  font-size:1.08rem;
  overflow-wrap:anywhere
}
.identity-detail {
  display:flex;
  align-items:center;
  gap:10px
}
.header-actions {
  display:flex;
  gap:8px;
  flex-shrink:0
}
.content-shell {
  padding:30px 34px 44px;
  max-width:1550px;
  width:100%;
  margin:0 auto;
  flex:1
}
.page-heading {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:26px
}
.page-heading p {
  color:var(--muted);
  font-size:.88rem;
  margin-top:8px;
  max-width:700px
}
.page-heading #last-refreshed {
  white-space:nowrap;
  padding-top:9px;
  font-size:.73rem
}
.notice {
  display:flex;
  gap:15px;
  align-items:center;
  justify-content:space-between;
  background:#e6f3f0;
  color:#175d4d;
  border:1px solid #bdddd4;
  padding:12px 15px;
  border-radius:5px;
  margin-bottom:23px;
  font-size:.86rem;
  line-height:1.6;
  overflow-wrap:anywhere
}
.notice.is-error {
  background:#fff0f2;
  color:#96323d;
  border-color:#e4b6bd
}
.notice button {
  border:0;
  color:inherit;
  background:transparent;
  font-size:1.5rem;
  min-width:32px;
  min-height:32px;
  flex-shrink:0
}
.workspace-footer {
  padding:17px 34px;
  border-top:1px solid var(--border);
  font-size:.72rem;
  color:var(--muted);
  display:flex;
  gap:18px;
  justify-content:space-between;
  background:#f8fafb
}
.page-section {
  min-width:0
}
.explanation-bar {
  padding:13px 16px;
  border-left:3px solid #9bafbd;
  background:#ebf0f5;
  color:#4c6175;
  font-size:.86rem;
  line-height:1.65;
  margin-bottom:22px
}
.warning-tone {
  background:#fff5df;
  border-color:#ca9b45;
  color:#815b26
}
.section-toolbar {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:15px;
  margin-bottom:20px
}
.filter-control {
  display:flex;
  flex-direction:column;
  gap:7px
}
.filter-control select {
  min-width:210px;
  min-height:42px
}
.empty-state {
  padding:42px 25px;
  text-align:center;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius)
}
.empty-state p {
  max-width:570px;
  margin:10px auto 0;
  color:var(--muted);
  font-size:.88rem
}
.empty-state.large {
  padding:70px 35px;
  min-height:380px
}
.empty-state.compact {
  padding:40px 20px;
  border:0
}
.empty-symbol {
  font-size:2rem;
  display:inline-block;
  color:#829aac;
  margin-bottom:18px
}
.channel-empty {
  display:flex;
  justify-content:center;
  gap:36px;
  margin:26px 0
}
.channel-empty span {
  font-size:.86rem;
  color:var(--muted)
}
.channel-empty strong {
  display:block;
  color:#52677b;
  font-size:.83rem;
  margin-top:6px
}
.loading-state {
  padding:35px 20px;
  color:var(--muted);
  font-size:.87rem;
  text-align:center
}
.block-title {
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  margin-bottom:18px
}
.block-title .small {
  font-size:.75rem
}
.panel-block {
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:23px 24px;
  min-width:0
}
.section-gap {
  margin-top:24px
}
.two-columns {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:22px
}
.three-columns {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.metrics-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  margin-bottom:24px;
  overflow:hidden
}
.metric {
  padding:22px 22px 20px;
  border-right:1px solid var(--border)
}
.metric:last-child {
  border:0
}
.metric-label {
  font-size:.8rem;
  color:var(--muted)
}
.metric-value {
  font-size:1.9rem;
  font-weight:600;
  letter-spacing:-.7px;
  line-height:1.35;
  margin-top:9px;
  color:#233c52;
  overflow-wrap:anywhere
}
.metric-value.money-value {
  font-size:1.35rem;
  letter-spacing:-.3px;
  padding:5px 0
}
.metric-note {
  font-size:.73rem;
  color:var(--muted);
  margin-top:6px;
  line-height:1.6
}
.progress-track {
  height:5px;
  background:#e7edf2;
  border-radius:4px;
  overflow:hidden;
  margin-top:12px
}
.progress-fill {
  height:100%;
  background:#368f87;
  max-width:100%
}
.status-rows {
  display:flex;
  flex-direction:column
}
.status-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:13px 0;
  border-top:1px solid #e9eef2;
  line-height:1.5;
  font-size:.85rem
}
.status-row:first-child {
  border-top:0;
  padding-top:0
}
.status-row:last-child {
  padding-bottom:0
}
.status-row>span:first-child {
  color:var(--muted)
}
.status-row>strong,.status-row>.badge {
  text-align:right
}
.status-row>strong {
  font-weight:600;
  font-size:.85rem;
  max-width:60%;
  overflow-wrap:anywhere
}
.operator-note {
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--border)
}
.operator-note .button {
  margin-top:12px
}
.operator-note p {
  font-size:.79rem;
  color:var(--muted);
  line-height:1.65
}
.attention-list {
  padding-left:19px;
  margin:0;
  color:#845a24;
  font-size:.86rem;
  line-height:1.8
}
.attention-summary {
  margin-top:10px;
  color:var(--muted);
  font-size:.81rem
}
.recent-list {
  display:flex;
  flex-direction:column
}
.recent-job {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border:0;
  border-bottom:1px solid #e9eef2;
  background:#fff;
  padding:13px 0;
  text-align:left;
  width:100%
}
.recent-job:first-child {
  padding-top:0
}
.recent-job:last-child {
  border-bottom:0;
  padding-bottom:0
}
.recent-job:hover .recent-title {
  color:var(--teal);
  text-decoration:underline
}
.recent-title {
  font-size:.88rem;
  font-weight:600;
  line-height:1.5;
  overflow-wrap:anywhere
}
.recent-meta {
  color:var(--muted);
  font-size:.74rem;
  margin-top:4px;
  display:block
}
.section-link {
  color:var(--teal);
  background:none;
  border:0;
  font-size:.82rem;
  font-weight:600;
  padding:6px 0
}
.section-link:hover {
  text-decoration:underline
}
.creation-form {
  padding:22px 24px;
  background:#fff;
  border:1px solid #9fc6c1;
  border-radius:var(--radius);
  margin-bottom:24px;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:800px
}
.creation-form .form-heading {
  margin-bottom:6px
}
.form-heading p {
  color:var(--muted);
  font-size:.83rem;
  margin-top:6px
}
.creation-form .button-row {
  margin-top:9px
}
.draft-workspace {
  display:grid;
  grid-template-columns:minmax(270px,.9fr) minmax(0,1.25fr);
  gap:22px;
  align-items:start
}
.job-list-panel {
  min-width:0
}
.job-detail {
  min-width:0;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px;
  overflow-wrap:anywhere
}
.job-detail .empty-state {
  padding:25px 0
}
.job-row {
  display:block;
  width:100%;
  text-align:left;
  border:1px solid var(--border);
  border-bottom:0;
  background:#fff;
  padding:17px 18px;
  min-width:0
}
.job-row:first-child {
  border-radius:8px 8px 0 0
}
.job-row:last-child {
  border-bottom:1px solid var(--border);
  border-radius:0 0 8px 8px
}
.job-row:only-child {
  border-radius:8px
}
.job-row:hover {
  background:#f5f9fa
}
.job-row[aria-pressed="true"] {
  background:#edf6f5;
  box-shadow:inset 3px 0 0 var(--teal)
}
.job-row-top {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:12px
}
.job-row-title {
  font-size:.89rem;
  font-weight:600;
  line-height:1.5
}
.job-row-brief {
  font-size:.79rem;
  color:var(--muted);
  line-height:1.6;
  margin-top:8px;
  overflow-wrap:anywhere
}
.job-row-meta {
  font-size:.71rem;
  color:#708092;
  margin-top:10px
}
.pagination {
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:space-between;
  padding:16px 0;
  font-size:.76rem;
  color:var(--muted)
}
.pagination .page-buttons {
  display:flex;
  gap:6px
}
.pagination .button {
  font-size:.77rem;
  padding:8px 11px;
  min-height:36px
}
.detail-heading {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:15px;
  margin-bottom:9px
}
.detail-meta {
  color:var(--muted);
  font-size:.74rem;
  line-height:1.8;
  margin-bottom:18px
}
.preview-field {
  margin-top:16px
}
.preview-field h3 {
  font-size:.79rem;
  font-weight:600;
  color:#687d8e;
  margin-bottom:7px
}
.preview-text {
  font-size:.88rem;
  line-height:1.8;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.preview-list {
  padding-left:19px;
  font-size:.84rem;
  line-height:1.8;
  margin:0;
  color:#40586c;
  overflow-wrap:anywhere
}
.preview-fallback {
  font-family:Consolas,"Courier New",monospace;
  font-size:.77rem;
  line-height:1.7;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  padding:12px;
  background:#f2f5f8;
  border-radius:5px;
  max-height:330px;
  overflow:auto
}
.detail-actions {
  margin-top:22px;
  padding-top:19px;
  border-top:1px solid var(--border)
}
.detail-actions .button-row {
  gap:8px
}
.detail-actions .field-hint {
  margin-top:12px
}
.approval-note {
  padding:10px 12px;
  background:#eef6f2;
  border-left:3px solid #76ac96;
  font-size:.78rem;
  line-height:1.65;
  margin-top:17px
}
.approval-note.invalid {
  background:#fff4df;
  border-color:#d0a65b;
  color:#815d27
}
.edit-form {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid var(--border)
}
.edit-form textarea {
  font-family:Consolas,"Courier New",monospace;
  font-size:.77rem;
  min-height:220px
}
.edit-error {
  color:var(--red);
  font-size:.8rem
}
.calendar-plan,.media-brief {
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:23px 24px;
  margin-bottom:20px
}
.plan-heading {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:15px;
  margin-bottom:20px
}
.plan-heading h2 {
  font-size:1.05rem
}
.plan-heading p {
  font-size:.76rem;
  color:var(--muted);
  margin-top:6px
}
.plan-days {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:0;
  border-top:1px solid var(--border)
}
.plan-day {
  padding:17px 15px 17px 0;
  border-bottom:1px solid #e8eef2;
  min-width:0
}
.plan-day h3 {
  font-size:.85rem;
  color:var(--teal);
  margin-bottom:8px
}
.plan-day p {
  font-size:.8rem;
  margin-top:6px;
  overflow-wrap:anywhere
}
.plan-day .day-format {
  font-size:.71rem;
  color:var(--muted)
}
.plan-foot {
  margin-top:16px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center
}
.profile-intro {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:25px
}
.profile-intro h2 {
  font-size:1.4rem;
  margin-bottom:6px
}
.readonly-note {
  font-size:.8rem;
  color:var(--muted);
  margin-top:13px
}
.profile-list {
  padding-left:19px;
  font-size:.85rem;
  line-height:1.9;
  margin:0;
  color:#465e72
}
.profile-list li+li {
  margin-top:6px
}
.usage-ledger {
  width:100%;
  border-collapse:collapse;
  font-size:.86rem
}
.usage-ledger th,.usage-ledger td {
  text-align:left;
  padding:14px 12px;
  border-bottom:1px solid #e5ebf0;
  line-height:1.65
}
.usage-ledger th {
  color:#63788b;
  font-size:.77rem;
  font-weight:600;
  background:#f5f8fa
}
.usage-ledger td:last-child {
  color:var(--muted)
}
.table-scroll {
  overflow-x:auto
}
.usage-caption {
  font-size:.79rem;
  color:var(--muted);
  margin-top:15px;
  line-height:1.7
}
.ops-note {
  font-size:.85rem;
  color:var(--muted);
  margin-top:15px;
  line-height:1.8
}
@media(min-width:1600px) {
  .content-shell {
    padding:38px 48px 50px
  }
  .workspace-header {
    padding-left:48px;
    padding-right:48px
  }
  .metrics-strip .metric {
    padding:26px
  }
}
@media(max-width:1150px) {
  .workspace {
    grid-template-columns:208px minmax(0,1fr)
  }
  .sidebar {
    padding-left:10px;
    padding-right:10px
  }
  .sidebar-brand {
    padding-left:9px
  }
  .wordmark {
    font-size:1.2rem
  }
  .brand-subtitle {
    font-size:.61rem
  }
  .content-shell {
    padding:26px 24px 35px
  }
  .workspace-header {
    padding:20px 24px
  }
  .metrics-strip {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .metric:nth-child(2) {
    border-right:0
  }
  .metric:nth-child(-n+2) {
    border-bottom:1px solid var(--border)
  }
  .two-columns {
    grid-template-columns:1fr
  }
  .draft-workspace {
    grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)
  }
  .job-detail {
    padding:19px
  }
  .page-heading #last-refreshed {
    display:none
  }
  .three-columns {
    grid-template-columns:1fr
  }
}
@media(max-width:800px) {
  .workspace {
    grid-template-columns:1fr
  }
  .sidebar {
    padding:14px 19px
  }
  .sidebar-brand {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0
  }
  .brand-mark {
    height:33px;
    width:31px;
    font-size:1.3rem
  }
  .brand-subtitle {
    font-size:.66rem
  }
  .menu-button {
    display:block;
    border:1px solid #58758e;
    border-radius:5px;
    background:none;
    color:#eef5fa;
    padding:8px 14px;
    min-height:39px;
    font-size:.83rem
  }
  .primary-nav {
    display:none;
    padding-top:19px;
    grid-template-columns:1fr 1fr;
    gap:5px
  }
  .primary-nav.is-open {
    display:grid
  }
  .primary-nav button {
    font-size:.82rem;
    padding:11px 10px
  }
  .sidebar-bottom {
    display:none
  }
  .workspace-header {
    min-height:95px;
    padding:18px 20px
  }
  .workspace-footer {
    padding:17px 20px
  }
  .content-shell {
    padding:25px 20px 35px
  }
  .draft-workspace {
    grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr)
  }
  .login-layout {
    grid-template-columns:1fr
  }
  .login-story {
    padding:30px 35px;
    gap:30px
  }
  .login-story h1 {
    font-size:2rem
  }
  .login-description {
    margin-top:15px;
    font-size:.9rem
  }
  .login-footnote {
    display:none
  }
  .login-form-wrap {
    padding:35px;
    min-height:430px
  }
  .local-label {
    display:none
  }
  .trial-banner {
    padding:10px 20px
  }
}
@media(max-width:620px) {
  h1 {
    font-size:1.65rem
  }
  .trial-banner {
    font-size:.73rem;
    line-height:1.5;
    padding:9px 17px;
    align-items:flex-start
  }
  .trial-banner .signal {
    margin-top:5px
  }
  .sidebar {
    padding:13px 17px
  }
  .workspace-header {
    align-items:flex-start;
    padding:18px 17px;
    gap:12px
  }
  .business-identity>strong {
    font-size:.97rem
  }
  .header-actions {
    flex-direction:column;
    gap:6px
  }
  .header-actions .button {
    padding:7px 9px;
    font-size:.74rem;
    min-height:32px
  }
  .identity-detail {
    gap:8px;
    flex-wrap:wrap
  }
  .identity-detail .small {
    font-size:.72rem
  }
  .content-shell {
    padding:24px 17px 30px
  }
  .page-heading {
    margin-bottom:22px
  }
  .page-heading p {
    font-size:.82rem
  }
  .metric {
    padding:18px 15px
  }
  .metric-label {
    font-size:.74rem
  }
  .metric-value {
    font-size:1.65rem;
    margin-top:8px
  }
  .metric-value.money-value {
    font-size:1.12rem
  }
  .metric-note {
    font-size:.68rem
  }
  .panel-block {
    padding:20px 18px
  }
  .two-columns {
    gap:18px
  }
  .section-gap {
    margin-top:18px
  }
  .draft-workspace {
    grid-template-columns:1fr;
    gap:16px
  }
  .job-detail {
    padding:20px 18px
  }
  .section-toolbar {
    align-items:start;
    flex-wrap:wrap
  }
  .section-toolbar>.muted {
    max-width:100%;
    font-size:.74rem
  }
  .filter-control select {
    min-width:190px;
    max-width:100%
  }
  .section-toolbar .primary {
    align-self:end;
    font-size:.79rem;
    padding:11px
  }
  .creation-form {
    padding:20px 17px
  }
  .calendar-plan,.media-brief {
    padding:20px 18px
  }
  .plan-days {
    grid-template-columns:1fr
  }
  .plan-day {
    padding:15px 0
  }
  .plan-day:last-child {
    border-bottom:0
  }
  .plan-foot {
    align-items:start;
    flex-direction:column;
    gap:8px
  }
  .plan-heading {
    margin-bottom:14px
  }
  .profile-intro {
    flex-direction:column;
    gap:12px
  }
  .empty-state.large {
    padding:45px 20px;
    min-height:340px
  }
  .channel-empty {
    gap:24px
  }
  .empty-state p {
    font-size:.82rem
  }
  .workspace-footer {
    padding:16px 17px;
    flex-direction:column;
    gap:5px;
    font-size:.67rem
  }
  .usage-ledger {
    font-size:.78rem
  }
  .usage-ledger th,.usage-ledger td {
    padding:11px 9px
  }
  .status-row {
    font-size:.81rem;
    gap:15px
  }
  .status-row>strong {
    font-size:.8rem
  }
  .login-story {
    padding:28px 25px;
    gap:31px
  }
  .login-story h1 {
    font-size:1.9rem
  }
  .login-form-wrap {
    padding:31px 25px
  }
  .login-form h2 {
    font-size:1.45rem
  }
  .login-form>p:first-of-type {
    font-size:.87rem
  }
  .recent-job {
    gap:12px
  }
  .recent-title {
    font-size:.82rem
  }
  .explanation-bar {
    font-size:.8rem
  }
  .button-row .button {
    font-size:.8rem
  }
  .pagination {
    font-size:.72rem
  }
  .detail-heading h2 {
    font-size:1.05rem
  }
  .primary-nav button {
    font-size:.77rem;
    gap:9px
  }
  .nav-symbol {
    width:17px
  }
  .nav-count {
    padding:2px 4px
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    transition:none!important
  }
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.quota-progress {
  appearance:none;
  display:block;
  width:100%;
  height:5px;
  margin-top:12px;
  border:0;
  border-radius:4px;
  overflow:hidden;
  background:#e7edf2
}
.quota-progress::-webkit-progress-bar {
  background:#e7edf2
}
.quota-progress::-webkit-progress-value {
  background:#368f87
}
.quota-progress::-moz-progress-bar {
  background:#368f87
}
.global-kill-active {
  color:#8b521c;
  font-weight:600
}
.file-login {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:15px;
  padding-top:20px;
  border-top:1px solid var(--border)
}
.file-login input {
  font-size:.8rem;
  padding:8px;
  min-height:44px
}
.file-login input::file-selector-button {
  font:inherit;
  padding:7px 10px;
  border:1px solid #aebdca;
  border-radius:4px;
  background:#edf3f6;
  color:#334f66;
  margin-right:9px;
  cursor:pointer
}
.button,.menu-button,.pagination .button,.header-actions .button,.notice button {
  min-height:44px
}
.notice button {
  min-width:44px
}
.section-link {
  min-height:44px
}
.preview-field summary {
  cursor:pointer;
  min-height:44px;
  display:flex;
  align-items:center;
  line-height:1.6
}
.operator-control {
  min-height:44px
}
.header-actions {
  flex-wrap:wrap;
  justify-content:flex-end
}
.owner-business-control {
  display:flex;
  flex-direction:column;
  gap:6px;
  width:270px;
  max-width:100%;
  margin:5px 0;
}
.owner-business-control label {
  font-size:.76rem;
  color:var(--muted);
}
.owner-business-control select {
  width:100%;
  min-height:44px;
  font-size:.86rem;
}
.header-actions {
  flex-shrink:1;
  max-width:58%;
}
@media(max-width:620px) {
  .header-actions {
    max-width:120px
  }
  .header-actions .button {
    width:100%;
    white-space:normal;
    line-height:1.4
  }
  .file-login input {
    width:100%
  }
  .file-login input::file-selector-button {
    max-width:100%;
    white-space:normal
  }
  .section-toolbar .primary {
    min-height:44px
  }
}
.nav-group-label {
  display:block;
  padding:22px 13px 7px;
  font-size:.72rem;
  color:#a7bfd1;
}
.crm-overview-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}
.crm-metrics {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.crm-metrics .metric {
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.crm-metrics .metric:nth-child(3n) {
  border-right:0;
}
.crm-metrics .metric:nth-child(n+4) {
  border-bottom:0;
}
.crm-toolbar {
  align-items:end;
}
.crm-search {
  display:flex;
  flex-direction:column;
  gap:7px;
  max-width:440px;
  width:100%;
}
.crm-search>div,.crm-search-row {
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.crm-search input,.crm-search-row input {
  flex:1;
  min-width:0;
  min-height:44px;
}
.crm-contact-workspace {
  grid-template-columns:minmax(230px,.8fr) minmax(0,1.3fr);
}
.crm-form {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.crm-form input,.crm-form select,.crm-form textarea {
  width:100%;
  min-height:44px;
}
.crm-form .button-row {
  margin-top:9px;
}
.crm-field-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
}
.crm-field-grid>div {
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:8px;
}
.crm-contact-picker {
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:8px;
}
.crm-confirmation {
  display:flex;
  flex-direction:column;
  gap:10px;
  border-left:3px solid #71ac96;
  background:#eff7f3;
  padding:16px;
  margin:6px 0;
}
.checkbox-label {
  display:flex;
  align-items:center;
  gap:11px;
  min-height:44px;
  line-height:1.6;
}
.crm-confirmation input[type="checkbox"] {
  width:20px;
  height:20px;
  min-height:20px;
  flex-shrink:0;
  accent-color:var(--teal);
}
.crm-record {
  padding:20px 23px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:#fff;
  margin-bottom:14px;
  overflow-wrap:anywhere;
}
.crm-record.compact {
  border:0;
  border-top:1px solid #e4ebef;
  padding:18px 0 16px;
  border-radius:0;
  margin-bottom:0;
}
.crm-record.compact:last-child {
  padding-bottom:0;
}
.crm-record-heading {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:15px;
  margin-bottom:9px;
}
.crm-record-heading h3 {
  font-size:.95rem;
  line-height:1.6;
}
.crm-record-primary {
  font-size:.85rem;
  font-weight:600;
  color:#3b586b;
}
.crm-record-note {
  font-size:.85rem;
  margin-top:9px;
  line-height:1.75;
  white-space:pre-wrap;
}
.crm-record .field-hint {
  margin-top:7px;
}
.crm-record .button-row {
  margin-top:14px;
}
.crm-record .button {
  font-size:.79rem;
}
.crm-confirmed-note {
  color:#24634e;
  background:#eef7f2;
  padding:10px 12px;
  font-size:.8rem;
  margin-top:10px;
  white-space:pre-wrap;
}
.crm-contact-editor {
  margin:20px 0;
  padding:9px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.crm-contact-editor form {
  padding:12px 0 15px;
}
.crm-note-form {
  margin-top:23px;
}
.crm-note-form .button {
  align-self:flex-start;
}
.crm-note-history {
  margin-top:24px;
}
.crm-note {
  padding:13px 0;
  border-bottom:1px solid #e5ecef;
}
.crm-note .preview-text {
  font-size:.84rem;
}
.crm-note .small {
  margin-top:7px;
}
.crm-footnote {
  color:var(--muted);
  font-size:.8rem;
  line-height:1.8;
  margin-top:23px;
}
@media(max-width:1000px) {
  .crm-contact-workspace {
    grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);
  }
}
@media(max-width:800px) {
  .primary-nav .nav-group-label {
    grid-column:1/-1;
    padding:15px 10px 5px;
  }
  .crm-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .crm-metrics .metric:nth-child(3n) {
    border-right:1px solid var(--border);
  }
  .crm-metrics .metric:nth-child(2n) {
    border-right:0;
  }
  .crm-metrics .metric:nth-child(-n+4) {
    border-bottom:1px solid var(--border);
  }
  .crm-metrics .metric:nth-child(n+5) {
    border-bottom:0;
  }
}
@media(max-width:620px) {
  .crm-contact-workspace,.crm-field-grid {
    grid-template-columns:1fr;
  }
  .crm-overview-actions {
    gap:8px;
    margin-bottom:19px;
  }
  .crm-overview-actions .button {
    font-size:.77rem;
    padding:10px 12px;
  }
  .crm-toolbar .crm-search {
    max-width:100%;
  }
  .crm-record {
    padding:18px;
  }
  .crm-record-heading {
    gap:12px;
  }
  .crm-record-primary {
    font-size:.8rem;
  }
  .crm-form input[type="datetime-local"] {
    min-width:0;
    max-width:100%;
  }
  .crm-confirmation {
    padding:14px 12px;
  }
}