/* v261: one navigation system and a quieter daily workspace.
   Financial inputs, calendar cells and original manager forms keep their own rules. */
#app[data-ui-generation="261"] {
  --ws261-ink:#183e31;
  --ws261-muted:#596b61;
  --ws261-line:#dce4dd;
  --ws261-soft:#f2f5f0;
  --ws261-paper:#fff;
  --ws261-canvas:#f6f6f1;
  color:var(--ws261-ink);
  font-size:14px;
  line-height:1.55;
}
#app[data-ui-generation="261"] :is(button,input,select,textarea) {font-family:inherit}
#app[data-ui-generation="261"] :is(button,a,summary,input,select,textarea):focus-visible {
  outline:2px solid #367557!important;outline-offset:3px!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .workspace {
  background:var(--ws261-canvas)!important;min-width:0;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .main {
  max-width:1200px!important;padding:28px 32px 48px!important;min-width:0;
}
#app[data-ui-generation="261"] .main > * {min-width:0}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .workspace > .topbar {
  height:68px!important;min-height:68px!important;padding:0 28px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;background:#fff!important;border-bottom:1px solid var(--ws261-line)!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .breadcrumb {
  font-size:12px!important;gap:9px!important;color:var(--ws261-muted)!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions {
  display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions > :is(.header-calendar,.header-notices,.avatar) {
  min-width:44px!important;min-height:44px!important;height:44px!important;
  padding:8px 11px!important;border-radius:8px!important;font-size:12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;white-space:nowrap!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions > .avatar {
  width:44px!important;padding:0!important;background:#eef3eb!important;color:var(--ws261-ink)!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions .count {
  min-width:18px;padding:1px 4px;border-radius:4px;font-size:11px;line-height:1.4;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .main :is(.page-heading,.integrated-page-heading,.team-page-heading,.oto-page-heading,.mf-heading,.mgr245-heading,.menu261-heading) {
  margin-bottom:18px!important;gap:12px!important;align-items:center!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .main :is(.page-heading,.integrated-page-heading,.team-page-heading,.oto-page-heading,.mf-heading,.mgr245-heading,.menu261-heading) h1 {
  color:var(--ws261-ink)!important;font-size:26px!important;letter-spacing:-.7px!important;
  font-weight:750!important;line-height:1.3!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .main :is(.btn,.text-btn,.icon-btn,.tab) {
  min-height:44px!important;font-size:13px!important;border-radius:8px!important;box-shadow:none!important;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .main .btn.primary {
  background:var(--ws261-ink)!important;border-color:var(--ws261-ink)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Desktop navigation: everyday work first, full directory below. */
#app[data-ui-generation="261"][data-workspace-design="ultra"] .sidebar {
  padding:24px 14px!important;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
}
#app[data-ui-generation="261"] .sidebar > :is(.brand,.nav,.sidebar-secondary,.sidebar-bottom) {flex:0 0 auto}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .sidebar .brand {margin-bottom:26px!important}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .sidebar .nav {gap:4px}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .sidebar .nav button {
  width:100%;display:flex;align-items:center;gap:12px;text-align:left;
  min-height:44px!important;padding:10px 12px!important;border-radius:7px!important;
  font-size:13px!important;line-height:1.4;
}
#app[data-ui-generation="261"][data-workspace-design="ultra"] .sidebar-section-label {
  display:block;margin:0 10px 9px;font-size:11px!important;line-height:1.5;letter-spacing:.2px;
}
#app[data-ui-generation="261"] .sidebar-secondary {margin-top:24px;padding-top:18px;border-top:1px solid #3b5848}
#app[data-ui-generation="261"] .sidebar-bottom {margin-top:24px}

/* Full menu: a compact, searchable directory, not another dashboard. */
#app[data-ui-generation="261"] .menu261 {max-width:980px;margin:0 auto}
#app[data-ui-generation="261"] .menu261-heading {display:flex;justify-content:space-between;align-items:center}
#app[data-ui-generation="261"] .menu261-heading p {font-size:13px;color:var(--ws261-muted);margin-top:6px}
#app[data-ui-generation="261"] .menu261-search {
  display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #bfcfc1;
  border-radius:10px;padding:3px 7px 3px 13px;margin-bottom:24px;min-width:0;
}
#app[data-ui-generation="261"] .menu261-search svg {width:20px;height:20px;color:#617569;flex-shrink:0}
#app[data-ui-generation="261"] .menu261-search input {
  flex:1;width:100%;min-width:0;min-height:44px!important;padding:8px 0!important;
  border:0!important;box-shadow:none!important;background:transparent!important;font-size:16px!important;
}
#app[data-ui-generation="261"] .menu261-search button {min-width:44px;min-height:44px;padding:8px;font-size:12px}
#app[data-ui-generation="261"] .menu261-group {margin:0 0 24px}
#app[data-ui-generation="261"] .menu261-title {font-size:13px;font-weight:700;margin:0 0 10px;color:var(--ws261-muted)}
#app[data-ui-generation="261"] .menu261-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#app[data-ui-generation="261"] .menu261-item {
  display:flex;align-items:center;gap:13px;width:100%;min-width:0;min-height:76px;
  padding:14px 16px;background:#fff;border:1px solid var(--ws261-line);border-radius:10px;
  text-align:left;color:var(--ws261-ink);transition:border-color .12s ease,background .12s ease;
}
#app[data-ui-generation="261"] .menu261-item:hover {background:#f2f6ef;border-color:#9eb5a5}
#app[data-ui-generation="261"] .menu261-item > svg:first-child {
  box-sizing:content-box;width:21px;height:21px;padding:10px;border-radius:9px;background:#f1f5ed;
}
#app[data-ui-generation="261"] .menu261-item > span {display:grid;gap:4px;min-width:0;flex:1}
#app[data-ui-generation="261"] .menu261-item strong {font-size:15px;line-height:1.35;font-weight:700}
#app[data-ui-generation="261"] .menu261-item small {font-size:12px;line-height:1.45;color:var(--ws261-muted);overflow-wrap:anywhere}
#app[data-ui-generation="261"] .menu261-item > svg:last-child {width:16px;height:16px;color:#718277}
#app[data-ui-generation="261"] .menu261-empty {padding:24px 0;color:var(--ws261-muted);font-size:14px}
#app[data-ui-generation="261"] .menu261 [hidden] {display:none!important}

/* Home: direct actions and compact summaries, with the work itself still visible. */
#app[data-ui-generation="261"] .my-focus {max-width:1060px;color:var(--ws261-ink)}
#app[data-ui-generation="261"] .mf-heading > div > span {font-size:12px;color:var(--ws261-muted)}
#app[data-ui-generation="261"] .mf-heading > div > p {font-size:11px;letter-spacing:.8px}
#app[data-ui-generation="261"] .my-focus .mf-quick {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important;
  margin:0 0 16px!important;
}
#app[data-ui-generation="261"] .my-focus .mf-quick > .btn {
  min-width:0;min-height:56px!important;padding:10px 6px!important;
  font-size:13px!important;line-height:1.35;white-space:normal!important;text-align:center;
}
#app[data-ui-generation="261"] .my-focus .mf-metrics {gap:10px;margin-bottom:10px}
#app[data-ui-generation="261"] .my-focus .mf-metric {
  min-height:100px!important;padding:14px!important;gap:6px!important;
  border-radius:10px;background:#fff;border-color:var(--ws261-line);
}
#app[data-ui-generation="261"] .my-focus .mf-metric > span {font-size:12px;line-height:1.4}
#app[data-ui-generation="261"] .my-focus .mf-metric > strong {
  font-size:27px!important;letter-spacing:-.5px;line-height:1.2;font-variant-numeric:tabular-nums;
}
#app[data-ui-generation="261"] .my-focus .mf-metric > strong > em {font-size:13px}
#app[data-ui-generation="261"] .my-focus .mf-metric > small {font-size:12px;line-height:1.45;color:var(--ws261-muted)}
#app[data-ui-generation="261"] .my-focus .mf-sales-pace {
  font-size:12px!important;line-height:1.6;gap:5px 14px;padding:2px 2px 16px!important;
}
#app[data-ui-generation="261"] .my-focus .mf-body {gap:14px}
#app[data-ui-generation="261"] .my-focus .mf-section {
  border-color:var(--ws261-line);border-radius:10px;background:#fff;
}
#app[data-ui-generation="261"] .my-focus .mf-section > header {padding:10px 14px;min-height:54px}
#app[data-ui-generation="261"] .my-focus .mf-section h2 {font-size:16px;line-height:1.4}
#app[data-ui-generation="261"] .my-focus :is(.mf-task-detail,.mf-completed-detail) > strong {font-size:14px;line-height:1.5}
#app[data-ui-generation="261"] .my-focus :is(.mf-task-detail,.mf-completed-detail) > span {font-size:12px;line-height:1.5;color:var(--ws261-muted)}
#app[data-ui-generation="261"] .my-focus .mf-check {min-width:44px;min-height:44px}
#app[data-ui-generation="261"] .my-focus .mf-empty {font-size:13px;line-height:1.6;padding:16px 14px}
#app[data-ui-generation="261"] .my-focus .mf-appointment {padding:13px 14px;min-height:68px;gap:12px}
#app[data-ui-generation="261"] .my-focus .mf-appointment small {font-size:12px}
#app[data-ui-generation="261"] .my-focus .mf-followup span {font-size:12px}
#app[data-ui-generation="261"] .my-focus :is(.mf-basis,.mf-completed-note) {font-size:12px;line-height:1.55}
#app[data-ui-generation="261"] .my-focus .mf-previous {margin-top:16px}
#app[data-ui-generation="261"] .my-focus .mf-previous-group h3 {font-size:12px;line-height:1.5}

/* Repeated team headings lose their extra box, not their disclosure or content. */
#app[data-ui-generation="261"] :is(#rtw-report,#hbg-report):has([data-team-performance249]) {border-color:transparent;background:transparent}
#app[data-ui-generation="261"] :is(#rtw-report,#hbg-report)[open]:has([data-team-performance249]) > summary {
  padding:8px 2px!important;min-height:44px;border-bottom:0!important;background:transparent!important;
}
#app[data-ui-generation="261"] :is(#rtw-report,#hbg-report):has([data-team-performance249]) > summary strong {font-size:13px!important;color:var(--ws261-muted)}
#app[data-ui-generation="261"] :is(#rtw-report,#hbg-report) > .rtw-board:has([data-team-performance249]) {padding:0!important;background:transparent!important}
#app[data-ui-generation="261"] .team-performance249 {margin-top:6px}
#app[data-ui-generation="261"] .tp249-heading {margin-bottom:12px}
#app[data-ui-generation="261"] .tp249-card {border-radius:10px;background:#fff}
#app[data-ui-generation="261"] .tp249-edit {min-height:44px!important;min-width:44px!important}
#app[data-ui-generation="261"] .tp249-genders button {min-height:44px!important}
#app[data-ui-generation="261"] .tp249-basis {font-size:12px;line-height:1.5}
#app[data-ui-generation="261"] .tp249-card h3 span {font-size:12px}
#app[data-ui-generation="261"] .tp249-metrics dt {font-size:12px}
#app[data-ui-generation="261"] .tp249-metrics dd {font-size:13px}
#app[data-ui-generation="261"] .tp249-genders button {font-size:12px}
#app[data-ui-generation="261"] .tp260-breakdown {border-radius:10px}
#app[data-ui-generation="261"] .tp260-breakdown :is(span,b,small) {font-size:12px}

/* Dialog chrome only: original report table/input geometry is deliberately untouched. */
#app[data-ui-generation="261"] ~ #modal {border-radius:12px!important;border:1px solid #d2ded3!important}
#app[data-ui-generation="261"] ~ #modal > .modal-head {padding:15px 18px!important;gap:12px}
#app[data-ui-generation="261"] ~ #modal > .modal-head h2 {font-size:18px!important;line-height:1.4;letter-spacing:-.4px}
#app[data-ui-generation="261"] ~ #modal > .modal-head :is(button,.icon-btn) {min-width:44px!important;min-height:44px!important}

/* The basis remains per field; only its tap area grows in the two everyday entry dialogs. */
#app[data-ui-generation="261"] :is(#sales-day-dialog,#oto-entry-dialog) .money-entry-line {
  min-height:44px!important;align-items:center!important;gap:8px!important;
}
#app[data-ui-generation="261"] :is(#sales-day-dialog,#oto-entry-dialog) .money-entry-option {
  min-height:44px!important;min-width:52px!important;padding:6px 5px!important;
  font-size:12px!important;line-height:1.4!important;align-items:center!important;
}
#app[data-ui-generation="261"] :is(#sales-day-dialog,#oto-entry-dialog) .money-entry-option > span {font-size:12px!important}
#app[data-ui-generation="261"] :is(#sales-day-dialog,#oto-entry-dialog) .money-entry-option input[type=checkbox] {
  width:16px!important;min-width:16px!important;max-width:16px!important;
  height:16px!important;min-height:16px!important;max-height:16px!important;
}

@media(max-width:900px) {
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .workspace {margin-left:0!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .sidebar {display:none!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .workspace > .topbar {
    position:sticky;top:0;z-index:30;display:flex!important;height:64px!important;min-height:64px!important;
    padding:7px 14px!important;gap:10px!important;grid-template-rows:none!important;grid-template-columns:none!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .mobile-title {
    display:block!important;min-width:0;font-size:14px!important;line-height:1.3;letter-spacing:-.4px!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .mobile-title > span {
    font-size:8px!important;line-height:1.2;letter-spacing:1.8px!important;margin-top:4px!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .breadcrumb {display:none!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions {gap:4px!important;flex:0 0 auto}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions > :is(.header-calendar,.header-notices) {
    width:44px!important;min-width:44px!important;padding:5px 2px!important;gap:0!important;
    font-size:12px!important;position:relative;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions .count {
    position:absolute;right:-2px;top:-4px;font-size:10px;background:#eee7db;color:#5c4939;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .main {
    padding:20px 16px calc(100px + env(safe-area-inset-bottom,0px))!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .main :is(.page-heading,.integrated-page-heading,.team-page-heading,.oto-page-heading,.mf-heading,.mgr245-heading,.menu261-heading) h1 {
    font-size:24px!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"][data-manager-nav="false"] > .mobile-nav {
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"][data-manager-nav="true"] > .mobile-nav {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] > .mobile-nav {
    display:grid!important;gap:2px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px))!important;
    height:auto!important;min-height:70px!important;background:#fff!important;border-top:1px solid var(--ws261-line)!important;
    box-shadow:0 -4px 20px #173c2d06!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] > .mobile-nav > button {
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
    min-width:0!important;min-height:58px!important;padding:5px 1px!important;gap:5px!important;
    color:#67776c!important;-webkit-text-fill-color:#67776c!important;border-radius:9px!important;
    font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;border:0!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] > .mobile-nav > button.active {
    background:#eef3e9!important;color:#183e31!important;-webkit-text-fill-color:#183e31!important;font-weight:750!important;
  }
  #app[data-ui-generation="261"][data-workspace-design="ultra"] > .mobile-nav > button > svg {width:21px!important;height:21px!important;stroke-width:1.7}
  #app[data-ui-generation="261"] .menu261-items {grid-template-columns:1fr;gap:8px}
  #app[data-ui-generation="261"] .menu261-item {min-height:72px;padding:12px 14px}
  #app[data-ui-generation="261"] .menu261-search {margin-bottom:20px}
  #app[data-ui-generation="261"] .menu261-group {margin-bottom:22px}
  #app[data-ui-generation="261"] .my-focus .mf-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #app[data-ui-generation="261"] .my-focus .mf-metric {min-height:92px!important;padding:12px!important;gap:5px!important}
  #app[data-ui-generation="261"] .my-focus .mf-metric > strong {font-size:clamp(20px,5.6vw,25px)!important}
  #app[data-ui-generation="261"] .my-focus .mf-quick {gap:7px!important;margin-bottom:14px!important}
  #app[data-ui-generation="261"] .my-focus .mf-quick > .btn {font-size:12px!important;min-height:54px!important;padding:9px 3px!important}
  #app[data-ui-generation="261"] .my-focus .mf-body {grid-template-columns:minmax(0,1fr);gap:12px}
  #app[data-ui-generation="261"] .my-focus .mf-section > header {padding:9px 12px}
  #app[data-ui-generation="261"] .my-focus .mf-section h2 {font-size:15px}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .preview-footer {margin-top:20px!important;font-size:11px!important}
}
@media(max-width:359px) {
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .workspace > .topbar {padding-inline:10px!important;gap:6px!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .main {padding-left:12px!important;padding-right:12px!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .mobile-title {font-size:13px!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .header-actions {gap:2px!important}
  #app[data-ui-generation="261"] .my-focus .mf-quick {gap:5px!important}
  #app[data-ui-generation="261"] .my-focus .mf-quick > .btn {font-size:12px!important}
  #app[data-ui-generation="261"] .my-focus .mf-metric {padding:10px!important}
}
@media(prefers-reduced-motion:reduce) {
  #app[data-ui-generation="261"] .menu261-item {transition:none}
}
@media print {
  #app[data-ui-generation="261"][data-workspace-design="ultra"] > :is(.sidebar,.mobile-nav),
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .workspace > .topbar {display:none!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .workspace {margin:0!important;background:#fff!important}
  #app[data-ui-generation="261"][data-workspace-design="ultra"] .main {max-width:none!important;padding:0!important}
}

#app[data-ui-generation="261"] .menu261-search input::-webkit-search-cancel-button{display:none}