/* Refined modules: retain V2 geometry; color foundations come from NotiveHubUpdate. */
:root {
  --ns-brand:var(--ns-brand-accent);--ns-brand-hover:#E0FF66;--ns-on-brand:#1A1A1A;
  --accentRGB:40,45,32;
  --ns-control-height:40px;--ns-control-small:36px;--ns-control-gap:8px;
}
:root[data-theme='dark'] {
  --accentRGB:209,255,0;
}
body { font-family:var(--ns-font);-webkit-font-smoothing:antialiased;background-image:none; }
.ns-workspace h1 {font-size:clamp(23px,2.2vw,29px);line-height:1.25;font-weight:650;letter-spacing:-.035em;}
.ns-workspace h2 {font-size:15px;font-weight:650;letter-spacing:-.015em;line-height:1.4;}
.ns-workspace .sub,.ns-workspace .h {line-height:1.6;}
.ns-workspace .card,.ns-workspace .ns-priority,.ns-workspace .kpi,.ns-workspace .tile {box-shadow:var(--ns-shadow);}
.ns-workspace .card {border-radius:var(--ns-radius);}
.ns-workspace .btn,.ns-workspace button.btn,
.ns-workspace a.btn,.login-submit,.ns-workspace .ns-command-button {
  display:inline-flex;align-items:center;justify-content:center;gap:var(--ns-control-gap);
  min-height:var(--ns-control-height);padding:8px 14px;line-height:1.3;
  font:550 12.5px/1.3 var(--ns-font);border-radius:var(--ns-radius-sm);
  text-decoration:none;white-space:nowrap;vertical-align:middle;max-width:100%;
  box-sizing:border-box;flex-shrink:0;transition:background-color var(--ns-duration),border-color var(--ns-duration);
}
.ns-workspace .btn.sm {min-height:var(--ns-control-small);padding:7px 12px;font-size:12px;}
.ns-workspace .btn.pri,.ns-workspace .btn.live,.login-submit {
  background:var(--ns-brand);border:1px solid var(--ns-brand);color:var(--ns-on-brand);box-shadow:none;
}
.ns-workspace .btn.pri:hover,.ns-workspace .btn.live:hover,.login-submit:hover {background:var(--ns-brand-hover);border-color:var(--ns-brand-hover);color:var(--ns-on-brand);}
.ns-workspace .btn.ghost {background:transparent;color:var(--ns-secondary);border-color:transparent;}
.ns-workspace .btn.dgr,.ns-workspace .btn.bad,.ns-workspace .btn.danger {color:var(--ns-bad);border-color:var(--ns-bad);background:var(--ns-surface);}
.ns-workspace .btn.dgr:hover,.ns-workspace .btn.bad:hover,.ns-workspace .btn.danger:hover {background:var(--ns-bad-soft);}
.ns-workspace :is(button,input,select,textarea):disabled {opacity:.55;cursor:not-allowed;box-shadow:none;}
.ns-workspace :is(button,a,input,select,textarea,summary):focus-visible,.login-main :is(button,a,input):focus-visible {
  outline:2px solid var(--ns-focus);outline-offset:3px;box-shadow:none;
}
.ns-workspace :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']),select) {
  min-height:var(--ns-control-height);border-radius:var(--ns-radius-sm);max-width:100%;font:13px var(--ns-font);
}
.ns-workspace textarea {font:13px/1.6 var(--ns-font);border-radius:var(--ns-radius-sm);max-width:100%;}
.ns-workspace :is(.bar,.btns,.actions,.action-group) {gap:8px;}
.ns-workspace .bar>.sp {min-width:0;}
.ns-workspace :is(.btn,.ns-icon-button) svg {width:16px;height:16px;flex:none;}
.ns-workspace .ns-icon-button {min-height:36px;min-width:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;}
.ns-workspace .ns-topbar {gap:10px;}
.ns-workspace .ns-breadcrumb {min-width:0;}
.ns-workspace .ns-breadcrumb strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ns-workspace .ns-brand {gap:12px;padding-bottom:22px;}
.ns-workspace .ns-logomark {background:none;width:34px;height:34px;border-radius:6px;flex:none;}
.ns-workspace .ns-logomark svg,.login-brand svg,.login-brand img {width:34px;height:34px;object-fit:contain;display:block;}
.ns-workspace .ns-app-symbol>svg,.login-product>span>svg {width:24px;height:24px;display:block;}
.ns-workspace .nav.on .ic {background:none;box-shadow:none;}
.ns-workspace .ns-content {max-width:1600px;}
.ns-workspace :is(.tw,.tbl-wrap) {overscroll-behavior-x:contain;}
.ns-workspace th {font-weight:600;letter-spacing:.02em;}
.ns-workspace td {line-height:1.5;}
.ns-workspace .ns-dialog {border-radius:var(--ns-radius-lg);}
.ns-workspace .ns-dialog-footer {gap:12px;flex-wrap:wrap;}
.ns-workspace .ns-dialog-footer>span {min-width:0;}
.ns-workspace [aria-busy='true'] {cursor:progress;}
.login-main .login-submit {width:100%;min-height:44px;margin-top:16px;}
.login-story {background:var(--ns-sidebar);background-image:none;}
.login-product>span {display:flex;align-items:center;justify-content:center;background:transparent;}
.ns-team-finance {margin:0 0 24px;border:1px solid var(--ns-border);border-radius:12px;background:var(--ns-surface);}
.ns-team-finance>summary {padding:16px 20px;font-weight:600;cursor:pointer;font-size:13px;}
.ns-team-finance>.tiles,.ns-team-finance>.card {margin:0 20px 20px;}
.ns-workspace .ns-workspace-head {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;}
.ns-workspace-head h2 {font-size:23px;letter-spacing:-.025em;margin:2px 0 8px;}
.ns-workspace-meta {display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--ns-secondary);font-size:12px;}
.ns-workspace-meta b {font-weight:600;color:var(--ns-text);}
.ns-workspace .ns-team-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px;}
.ns-team-stat {padding:18px 20px;border:1px solid var(--ns-border);border-radius:12px;background:var(--ns-surface);min-width:0;}
.ns-team-stat>span {font-size:11.5px;color:var(--ns-secondary);display:block;}
.ns-team-stat>strong {font-size:28px;line-height:1.3;letter-spacing:-.04em;font-weight:650;display:block;margin:8px 0 4px;font-variant-numeric:tabular-nums;}
.ns-team-stat>small {color:var(--ns-muted);font-size:11.5px;}
.ns-team-stat[data-kind='warn'] {border-top:3px solid var(--ns-warn);padding-top:16px;}
.ns-team-stat[data-kind='bad'] {border-top:3px solid var(--ns-bad);padding-top:16px;}
.ns-team-progress {height:5px;background:var(--ns-inset);border-radius:9px;overflow:hidden;margin-top:12px;}
.ns-team-progress>i {display:block;height:100%;background:var(--ns-accent);border-radius:9px;}
.ns-team-board {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:24px;}
.ns-team-board>.card {margin:0;min-width:0;}
.ns-team-board h2 {margin:0 0 16px;}
.ns-team-task {padding:12px 0;border-bottom:1px solid var(--ns-border);display:flex;gap:10px;align-items:center;}
.ns-team-task:last-child {border:0;padding-bottom:0;}
.ns-team-task>div {min-width:0;flex:1;}
.ns-team-task strong {display:block;font-size:12.5px;font-weight:600;overflow-wrap:anywhere;}
.ns-team-task small {display:block;color:var(--ns-muted);font-size:11.5px;margin-top:3px;line-height:1.5;}
.ns-team-task .ns-icon {color:var(--ns-muted);flex:none;}
.ns-team-empty {padding:12px 0;color:var(--ns-muted);line-height:1.7;font-size:12.5px;}
.ns-team-shortcuts {display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
#nsWorkspaceReport,#nsWorkspaceChannels,#nsWorkspaceMaterials {scroll-margin-top:90px;}
@media(max-width:1180px) {.ns-workspace .ns-team-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px) {.ns-team-board {grid-template-columns:minmax(0,1fr);}.ns-workspace .ns-workspace-head {flex-wrap:wrap;}.ns-workspace .bar>input,.ns-workspace .bar>select {min-width:0;}}
@media(max-width:640px) {
  :root {--ns-control-height:44px;--ns-control-small:44px;}
  .ns-workspace .ns-icon-button {min-height:44px;min-width:44px;}
  .ns-workspace .ns-topbar {gap:6px;}
  .ns-workspace .ns-topbar .btn.sm {padding:6px 8px;}
  .ns-workspace .ns-breadcrumb>span:first-child,.ns-workspace .ns-breadcrumb .ns-divider {display:none;}
  .ns-team-stat {padding:14px;}.ns-team-stat>strong {font-size:25px;}
  .ns-team-finance>.tiles,.ns-team-finance>.card {margin-left:12px;margin-right:12px;}
  .ns-team-task {flex-wrap:wrap;}.ns-team-task>.btn {margin-left:26px;}
  .ns-workspace .bar .f,.ns-workspace .bar label {min-width:0!important;max-width:100%;}
  .ns-workspace .bar .f {flex-basis:100%!important;}
  .ns-workspace .btns {flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

/* Controls share a baseline, even when labels or action text wrap. */
.ns-workspace :is(.main,.wrap,.ns-content,.page,.card,.body,.tile,.ns-home-grid>*,.two>*,.grid2>*,.grid3>*) {min-width:0;}
.ns-workspace :is(.tile .v,.tile .n,.ns-team-stat strong,.ns-team-stat small) {overflow-wrap:anywhere;}
.ns-workspace .tile .n {display:block;line-height:1.6;}
.ns-workspace .btn {overflow-wrap:normal;word-break:normal;filter:none;transform:none;}
.ns-workspace .btn:hover {filter:none;}
.ns-workspace .btn.dgr {background:var(--ns-surface);}
.ns-workspace .ns-topbar {height:auto;min-height:68px;padding-top:10px;padding-bottom:10px;}
.ns-workspace .ns-topbar>.ns-icon-button,.ns-workspace .ns-command-button {flex:none;}
.ns-workspace .ns-command-button {color:var(--ns-secondary);}
.ns-workspace .ns-mobile-menu {display:none;}
.ns-workspace .ns-app-button {
  display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:10px;
  width:calc(100% - 28px);min-height:64px;padding:12px;line-height:1.4;
}
.ns-workspace .ns-app-button>.ns-app-symbol {width:32px;height:32px;background:var(--ns-accent-soft);}
.ns-workspace .ns-app-button>span:nth-child(2) {min-width:0;font-size:12px;font-weight:600;}
.ns-workspace .ns-app-button small {font-size:10.5px;line-height:1.45;margin-top:3px;overflow-wrap:anywhere;}
.ns-workspace .ns-app-chevron,.ns-workspace .ns-app-chevron svg {display:block;width:16px;height:20px;}
.ns-workspace .ns-app-choice {display:grid;grid-template-columns:38px minmax(0,1fr) auto;}
.ns-workspace .ns-app-choice>span:nth-child(2),.ns-workspace .ns-command-item>span {min-width:0;overflow-wrap:anywhere;}
.ns-workspace .ns-app-choice em {line-height:1.5;}
.ns-workspace .ns-quick-link {align-items:center;min-height:84px;gap:12px;}
.ns-workspace .ns-quick-copy small {line-height:1.6;}
.ns-workspace .ns-quick-link>.ns-icon:last-child {width:16px;height:16px;}
.ns-workspace .ns-priority-head {flex-wrap:wrap;line-height:1.5;}
.ns-workspace .ns-priority-row {display:grid;grid-template-columns:7px minmax(0,1fr) auto;}
.ns-workspace .ns-priority-copy :is(strong,p) {overflow-wrap:anywhere;line-height:1.6;}
.ns-workspace .ns-priority-row>.btn {max-width:190px;text-align:center;}
.ns-workspace :is(.seg,.tampilan,.pilihtab)>button {min-height:var(--ns-control-small);line-height:1.4;}
.ns-workspace select:not([multiple]):not([size]) {
  appearance:none;padding-right:36px;background-repeat:no-repeat;background-size:16px;
  background-position:right 11px center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23616e7c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
}
:root[data-theme='dark'] .ns-workspace select:not([multiple]):not([size]) {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239daebc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
}
.ns-workspace .ns-search {position:relative;display:block;min-width:0;}
.ns-workspace .ns-search>svg {position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ns-muted);pointer-events:none;}
.ns-workspace .ns-search input.ns-search-input {width:100%;min-width:0;min-height:var(--ns-control-height);padding:9px 46px 9px 38px;line-height:1.4;}
.ns-workspace .ns-search>.ns-search-clear {position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;min-width:32px;min-height:32px;height:32px;padding:6px;border:0;background:transparent;color:var(--ns-secondary);}
.ns-workspace .ns-search-clear:hover {background:var(--ns-inset);}
.ns-workspace .ns-search-clear>svg {position:static;transform:none;display:block;width:16px;height:16px;pointer-events:none;}
.ns-workspace .ns-search input[type='search']::-webkit-search-cancel-button {appearance:none;}
.ns-workspace .ns-field-label {display:block;font-size:11.5px;font-weight:500;color:var(--ns-secondary);line-height:1.5;}
.ns-workspace .ns-field-label>.ns-search {margin-top:6px;}
.ns-workspace .ns-toolbar {display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;}
.ns-workspace .ns-toolbar-field {display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 180px;font-size:11.5px;color:var(--ns-secondary);}
.ns-workspace .ns-toolbar-field>select {width:100%;}
.ns-workspace .ns-toolbar-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.ns-workspace .ns-toolbar>.spacer {flex:1;}
.ns-workspace .mask {overflow-y:auto;overscroll-behavior:contain;}
.ns-workspace .modal {max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;}
.ns-workspace .ns-dialog {max-height:calc(100dvh - 64px);overflow-y:auto;}
.ns-workspace .ns-dialog-head {position:sticky;top:0;z-index:1;background:var(--ns-surface);}
.ns-workspace .ns-dialog-head>h2 {min-width:0;}
.ns-workspace .ns-command-item {min-width:0;}
.login-story .login-product>span {width:36px;min-width:36px;height:36px;}
.login-story .login-product>span>svg {width:26px;height:26px;}
.login-main .login-pin input {padding-right:76px;}
.login-main .login-show {min-width:60px;min-height:36px;right:4px;}
.login-main .login-show:focus-visible,.login-main .login-theme:focus-visible {outline:2px solid var(--ns-focus);outline-offset:3px;}

/* Team: the legacy horizontal field labels caused production forms to overlap. */
.ns-team label.f {display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;line-height:1.5;}
.ns-team label.f>:is(input:not([type='checkbox']):not([type='radio']),select,textarea) {width:100%;min-width:0;}
.ns-team .bar {align-items:flex-end;}
.ns-team .bar>label.inline {min-height:var(--ns-control-height);align-items:center;}
.ns-team .bar>.btn {margin-bottom:0;}
.ns-team .ns-report-fields {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.ns-team .ns-report-fields>label.f {grid-column:span 2;}
.ns-team .ns-report-fields>label.f:nth-last-child(-n+2) {grid-column:span 3;}
.ns-team .ns-report-extras {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:16px;}
.ns-team .ns-team-selector {display:grid;grid-template-columns:minmax(180px,300px) auto minmax(0,1fr);align-items:end;gap:12px;margin-bottom:20px;}
.ns-team #tpLink {justify-self:end;overflow-wrap:anywhere;}
.ns-team .ns-team-board {align-items:stretch;}
.ns-team .ns-team-board>.card {display:flex;flex-direction:column;}
.ns-team .ns-team-board .ns-team-shortcuts {margin-top:auto;padding-top:16px;}
.ns-team .ns-team-task {min-width:0;}
.ns-team .ns-team-task>.btn {max-width:160px;}
.ns-team .ns-workspace-head>div {min-width:0;}
.ns-team .ns-workspace-head h2 {overflow-wrap:anywhere;}
.ns-team .ns-workspace-meta {line-height:1.7;}
.ns-team .ns-report-fields input[type='date'] {min-width:0;}
.ns-team .ns-attention-count {font-size:10px;line-height:1.2;}
.ns-team #nsAttentionButton {gap:5px;}
.ns-team .gj-f {min-width:0;gap:6px;font-size:11.5px;font-weight:500;text-transform:none;letter-spacing:0;line-height:1.5;}
.ns-team .gj-pil.ok {color:var(--ns-good);background:var(--ns-good-soft);border-color:var(--ns-good);}
.ns-team .gj-ring .v.d {color:var(--ns-warn);}
.ns-team .gj-ring .v.a,.ns-team .gj-hari b.mr {color:var(--ns-bad);}
.ns-team .gj-hari b.mr {background:var(--ns-bad-soft);border-color:var(--ns-bad);}
.ns-workspace .cal :is(th,td) {padding:4px 0;line-height:1.4;font-size:10px;text-align:center;background:transparent;border:0;}
.ns-team .cal td.t {background:var(--ns-accent);color:var(--ns-on-accent);}
.ns-team .cal td.wk {color:var(--ns-bad);}

/* Trends: search padding is scoped above the generic input rule; tabs keep one size. */
.ns-trends .head {flex-wrap:wrap;}
.ns-trends .head>div:first-child {flex:1 1 320px;min-width:0;}
.ns-trends .head .cariglobal {flex:0 1 320px;width:320px;align-self:center;margin-top:0;}
.ns-trends .head .cariglobal input#gCari {padding-left:38px;padding-right:46px;}
.ns-trends .seg {gap:4px;align-items:stretch;scrollbar-width:thin;overflow-y:hidden;padding:0 12px;}
.ns-trends .seg>button,.ns-trends .seg>button.on {min-height:48px;padding:12px 14px;margin-bottom:0;flex:none;font-size:12.5px;line-height:1.4;font-weight:550;border-radius:8px 8px 0 0;}
.ns-trends .seg>button.on {font-weight:650;color:var(--ns-accent);}
.ns-trends .seg>button.on i {color:var(--ns-on-accent);background:var(--ns-accent);}
.ns-trends .preset {align-items:center;gap:8px;}
.ns-trends .preset>.btn {border-radius:8px;}
.ns-trends .preset>.lbl {flex-basis:100%;font-size:11px;font-weight:500;}
.ns-trends .saring {grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));padding:16px;border-radius:10px;align-items:end;}
.ns-trends .saring label.f {min-width:0;gap:6px;font-weight:500;}
.ns-trends .saring select {width:100%;min-width:0;font-weight:400;}
.ns-trends .hasil {align-items:center;gap:12px;margin-top:16px;}
.ns-trends .card>h2 {display:flex;align-items:center;flex-wrap:wrap;gap:10px;line-height:1.5;font-weight:600;}
.ns-trends .card>h2>.hint {max-width:100%;line-height:1.5;}
.ns-trends .ns-home-grid {align-items:start;}
.ns-trends .ns-signal {display:flex;flex-direction:column;align-items:flex-start;}
.ns-trends .ns-signal>.btn {margin-top:auto;}
.ns-trends .ns-home-table button {display:flex;align-items:center;gap:8px;line-height:1.5;min-height:32px;}
.ns-trends .ns-home-table .ns-index {flex:none;margin:0;}
.ns-trends .ns-home-table small {line-height:1.6;overflow-wrap:anywhere;}
.ns-trends .tile .n {display:block;}
.ns-trends .ns-home-table {min-width:540px;}
.ns-trends .laci {z-index:100;background:var(--ns-overlay);}
.ns-trends .laci .kepala {background:var(--ns-glass);border-color:var(--ns-border);flex-wrap:wrap;gap:10px;}
.ns-trends .laci .kepala #lJudul {flex:1;min-width:0;overflow-wrap:anywhere;font-size:20px;font-weight:600;}
.ns-trends .laci .kepala>.btn {flex:none;}
.ns-trends .btn.aktif,.ns-trends .psub button.on {background:var(--ns-accent-soft);color:var(--ns-accent);border-color:var(--ns-accent);}
.ns-trends .psub button.on i {background:var(--ns-surface);color:var(--ns-accent);}
.ns-trends .pkr.hero {background:var(--ns-accent-soft);color:var(--ns-text);border-color:var(--ns-border);}
.ns-trends .pkr.hero .pkd,.ns-trends .pkr.hero .pkg small {color:var(--ns-secondary);}
.ns-trends .pkr.hero .tumpuk {background:var(--ns-inset);}
.ns-trends .vbar .vb {background:var(--ns-accent);color:var(--ns-on-accent);}
.ns-trends .vbar .vs,.ns-trends .pbg {background:var(--ns-inset);color:var(--ns-secondary);}
.ns-trends .chipP.beda {background:var(--ns-inset);color:var(--ns-secondary);}
.ns-trends .gwaktu .gd.R {fill:var(--ns-secondary);}
.ns-trends .gwaktu .gd.S {fill:var(--ns-control);}
.ns-trends .gwaktu .gd {stroke:var(--ns-surface);}
.ns-trends .musim i {background:var(--ns-surface);}
.ns-trends #tip {background:#1c2530;color:#fff;z-index:120;max-width:calc(100vw - 24px);white-space:normal;}

/* Live: filters and bulk actions each have their own space. */
.ns-live .top {align-items:center;flex-wrap:wrap;}
.ns-live .top #subJudul {flex-basis:100%;margin:0;line-height:1.7;}
.ns-live .ns-task-toolbar {display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,240px);gap:14px;align-items:end;}
.ns-live .ns-task-toolbar>.ns-toolbar-actions {grid-column:1/-1;border-top:1px solid var(--ns-border);padding-top:14px;}
.ns-live .ns-task-toolbar .ns-field-label {min-width:0;}
.ns-live .ns-task-toolbar .ns-toolbar-field {flex:none;}
.ns-live .mdl .box {max-height:calc(100dvh - 48px);overflow:auto;}
.ns-live .grid2 {grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));}
.ns-live .bar>.f {min-width:0;}
.ns-live .bar>.f>:is(input,select) {min-width:0;max-width:100%;}
.ns-live .top .chip {line-height:1.4;}
.ns-live .btn.live {background:var(--ns-brand);color:var(--ns-on-brand);border-color:var(--ns-brand);}
.ns-live .btn.live:hover {background:var(--ns-brand-hover);color:var(--ns-on-brand);border-color:var(--ns-brand-hover);}
.ns-live .note.warn {color:var(--ns-warn);background:var(--ns-warn-soft);border-color:var(--ns-warn);}
.ns-live .ns-live-label[data-error='true']::before {background:var(--ns-bad);}

@media(max-width:1180px) {.ns-team #tiles {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:960px) {
  .ns-workspace .ns-mobile-menu {display:inline-flex;}
  .ns-workspace .side .ns-app-button {display:grid;}
  .ns-team .ns-report-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
  .ns-team .ns-report-fields>label.f,.ns-team .ns-report-fields>label.f:nth-last-child(-n+2) {grid-column:auto;}
  .ns-team .ns-report-extras {grid-template-columns:repeat(2,minmax(0,1fr));}
  .ns-team .ns-report-extras>.btn {grid-column:1/-1;justify-self:start;}
}
@media(max-width:640px) {
  .ns-workspace .ns-topbar {gap:6px;min-height:64px;padding-top:8px;padding-bottom:8px;}
  .ns-workspace .ns-breadcrumb {flex:1;}
  .ns-workspace .ns-topbar-spacer {display:none;}
  .ns-workspace .ns-command-button {min-width:44px;width:44px;min-height:44px;padding:8px;}
  .ns-workspace .ns-command-button>span,.ns-workspace .ns-command-button>kbd {display:none;}
  .ns-workspace .ns-priority-row {grid-template-columns:7px minmax(0,1fr);align-items:start;gap:8px 10px;}
  .ns-workspace .ns-priority-dot {margin-top:6px;}
  .ns-workspace .ns-priority-row>.btn {grid-column:2;justify-self:start;margin:0;max-width:100%;min-height:40px;font-size:11.5px;}
  .ns-workspace .ns-priority-head>span {flex-basis:100%;margin-left:0;}
  .ns-workspace .ns-priority-row p {font-size:11.5px;}
  .ns-workspace .ns-quick-link {min-height:76px;}
  .ns-workspace .ns-search input.ns-search-input {font-size:16px;min-height:44px;padding-top:11px;padding-bottom:11px;}
  .ns-workspace .ns-search>.ns-search-clear {height:40px;min-height:40px;min-width:40px;right:2px;}
  .ns-workspace .ns-app-choice {grid-template-columns:38px minmax(0,1fr);gap:8px 12px;}
  .ns-workspace .ns-app-choice>em,.ns-workspace .ns-app-choice>svg:last-child {grid-column:2;justify-self:start;}
  .ns-workspace .bar>input {flex:1 1 180px;min-width:0;}
  .ns-workspace .ns-dialog {max-height:calc(100dvh - 32px);margin-top:16px;}
  .ns-team .ns-team-selector {grid-template-columns:minmax(0,1fr) auto;gap:10px;}
  .ns-team #tpLink {grid-column:1/-1;justify-self:start;}
  .ns-team .ns-report-fields,.ns-team .ns-report-extras {grid-template-columns:minmax(0,1fr);}
  .ns-team .ns-report-extras>.btn {width:100%;justify-self:stretch;}
  .ns-team .ns-team-task>.btn {margin-left:0;}
  .ns-team .ns-attention-label {display:none;}
  .ns-team #nsAttentionButton {min-width:44px;min-height:44px;}
  .ns-trends .head .cariglobal {flex-basis:100%;width:100%;}
  .ns-trends .saring {grid-template-columns:minmax(0,1fr);padding:12px;}
  .ns-trends .seg {gap:4px;padding-left:8px;padding-right:8px;}
  .ns-trends .seg>button,.ns-trends .seg>button.on {font-size:12px;min-height:48px;}
  .ns-trends .preset>.btn.pri {margin-left:0!important;}
  .ns-trends .tampilan>button {min-height:40px;}
  .ns-live .ns-task-toolbar {grid-template-columns:minmax(0,1fr);}
  .ns-live .ns-toolbar-actions {display:grid;grid-template-columns:minmax(0,1fr);}
  .ns-live .ns-task-toolbar .ns-field-label {width:100%;}
  .ns-live .ns-task-toolbar>.ns-toolbar-actions {grid-column:auto;}
  .ns-live .top .ns-server-identity {max-width:100%;}
  .ns-live .mdl {padding:16px 10px;}
  .ns-live .mdl .box {max-height:calc(100dvh - 32px);}
}

/* Readability contracts: shared by the three workspaces, including legacy forms. */
body.ns-workspace { font-size:var(--ns-font-body); }
.ns-workspace .nav,.ns-workspace .tab { font-size:var(--ns-font-label);min-height:40px; }
.ns-workspace .btn { min-height:var(--ns-control-height);font-size:var(--ns-font-label);line-height:1.45; }
.ns-workspace :is(input:not([type='checkbox']):not([type='radio']):not([type='file']),select,textarea) { min-height:var(--ns-control-height);font-size:var(--ns-font-body); }
.ns-workspace :is(.ns-account-copy small,.ns-account-copy b,.ns-dialog-body label,.ns-dialog-footer,.ns-live-label,.ns-priority-row p,.ns-empty-state p) { font-size:var(--ns-font-meta); }
.ns-workspace :is(.ns-app-choice small,.ns-command-item small,.ns-home-table small) { font-size:var(--ns-font-meta);line-height:1.6; }
.ns-workspace :is(.ns-segments,.tw-tabs) { gap:8px;scroll-padding:8px; }
.ns-workspace :is(.ns-segments button,.tw-tabs button) { min-height:40px; }
.ns-workspace [aria-busy='true'] { cursor:progress; }
.ns-workspace .ns-connection { align-items:flex-start;line-height:1.65; }
@media(max-width:640px){
  .ns-workspace .btn,.ns-workspace .ns-icon-button,.ns-workspace .ns-segments button { min-height:44px; }
  .ns-workspace .ns-icon-button { min-width:44px; }
  .ns-workspace :is(input:not([type='checkbox']):not([type='radio']),select,textarea) { min-height:44px;font-size:16px; }
  .ns-workspace .ns-connection { flex-wrap:wrap; }
}
/* Review: live badges and proportion bars remain readable in either theme. */
.ns-trends :is(.thumb,.gk,.kl .gambar) .lv{background:var(--ns-bad);color:var(--ns-on-accent)}
.ns-trends .vbar{background:var(--ns-inset)}
.ns-trends .vbar .sub{background:var(--ns-inset);color:var(--ns-secondary)}
/* Legacy bonus comparison tables scroll inside their own cards. */
.ns-team #grupAdmin .two>div{min-width:0;max-width:100%}
.ns-trends .vbar .vb{background:var(--ns-accent);color:var(--ns-on-accent)}
.ns-trends .vbar .vs{background:var(--ns-accent-soft);color:var(--ns-accent)}
@media(max-width:500px){.ns-team .ow-metric strong{font-size:clamp(18px,4.8vw,24px)}}
/* A column of settings must not turn its full-height fields into off-screen columns. */
html body.ns-workspace.ns-trends .rs-settings-stack{flex-wrap:nowrap}
html body.ns-workspace.ns-trends .rs-settings-stack>.f{flex-basis:auto!important;flex-shrink:0;width:100%}
html body.ns-workspace.ns-trends .rs-settings-stack>.bar{width:100%;max-width:100%;min-width:0}
.ns-trends .mkc{grid-template-columns:minmax(0,1fr)}
.ns-trends .mkc>div{min-width:0;flex-wrap:wrap}