/* Screen-only refinement. No changes to document/print styling. */
@media screen {
  #appShell.bob-ui-review { --bob-ui-line:#d8e5e8; grid-template-columns:224px minmax(0,1fr); }
  #appShell.bob-ui-review .sidebar { width:224px!important; box-sizing:border-box!important; padding:16px 12px!important; height:100dvh; position:sticky; top:0; align-items:stretch!important; overflow-y:auto; gap:12px!important; background:#1d3c4f!important; }
  #appShell.bob-ui-review .sidebar-brand { display:flex!important; width:100%!important; height:auto!important; min-height:64px!important; flex:none!important; padding:0 4px 16px!important; gap:10px; align-items:center!important; }
  #appShell.bob-ui-review .sidebar-brand .brand-icon { width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; align-self:center!important; border-radius:10px; box-shadow:none; }
  #appShell.bob-ui-review .sidebar-brand>div { display:block!important; }
  #appShell.bob-ui-review .sidebar-brand strong { font-size:23px; letter-spacing:0; }
  #appShell.bob-ui-review .sidebar-brand-subtitle { display:none; }
  #appShell.bob-ui-review #activeSchoolName { font-size:12px; line-height:1.4; max-width:138px; overflow-wrap:anywhere; color:#d1e5e9; }
  #appShell.bob-ui-review .nav-list { display:flex!important; width:100%!important; flex-direction:column; padding:0!important; gap:4px!important; overflow:visible; }
  #appShell.bob-ui-review .nav-list>:is(.nav-item,.preview-nav-accordion,.preview-nav-settings) { width:100%!important; margin:0!important; padding:0!important; }
  #appShell.bob-ui-review .sidebar :is(.nav-item,.preview-nav-accordion>summary) { width:100%!important; height:auto!important; min-height:44px!important; padding:10px 12px!important; box-sizing:border-box; font-size:14px!important; font-weight:500!important; line-height:1.45!important; justify-content:flex-start!important; gap:10px!important; color:#e5f0f2!important; border-radius:9px; box-shadow:none; white-space:normal; }
  #appShell.bob-ui-review .nav-item>span:not(.layout-hover-label) { display:inline!important; }
  #appShell.bob-ui-review .sidebar :is(.nav-icon,.layout-icon) { width:20px!important; min-width:20px!important; height:20px!important; flex:0 0 20px!important; }
  #appShell.bob-ui-review .sidebar .nav-item::before { display:none!important; }
  #appShell.bob-ui-review .sidebar .layout-hover-label { display:none!important; }
  #appShell.bob-ui-review:not(.bob-ui-compact-nav) .sidebar :is(.nav-list>.nav-item,.preview-nav-accordion>summary,.preview-nav-settings>.nav-item,.layout-profile>summary)>.layout-hover-label { display:none!important; }
  #appShell.bob-ui-review .sidebar :is(.nav-item,.preview-nav-accordion>summary):hover { background:#2a5063!important; color:white!important; }
  #appShell.bob-ui-review .sidebar .nav-item.active { background:#bcebe2!important; color:#153c4c!important; font-weight:700!important; }
  #appShell.bob-ui-review .sidebar .has-current>summary { background:#294d60!important; font-weight:700!important; }
  #appShell.bob-ui-review .preview-nav-accordion>summary::after { display:block!important; content:'›'; position:static!important; margin-left:auto!important; width:auto!important; height:auto!important; transform:none!important; background:none!important; font-size:23px; }
  #appShell.bob-ui-review .preview-nav-accordion[open]>summary::after { transform:rotate(90deg)!important; }
  #appShell.bob-ui-review .preview-nav-accordion>summary.module-locked::after {
    content:''!important;
    position:static!important;
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    margin-left:auto!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.44)!important;
    border-radius:7px!important;
    background-color:rgba(229,233,234,.68)!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6b72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3Cpath d='M12 14v2'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:15px 15px!important;
    box-shadow:0 2px 7px rgba(8,23,38,.18)!important;
  }
  #appShell.bob-ui-review .preview-nav-accordion[open]>summary.module-locked::after { transform:none!important; }
  #appShell.bob-ui-review .preview-nav-children { position:static; width:auto; background:transparent; border-radius:0; box-shadow:none; margin:3px 0 5px 21px; border-left:1px solid #5b7b89; padding:2px 0 2px 8px; }
  #appShell.bob-ui-review .sidebar .preview-nav-children .nav-item { min-height:38px!important; padding:8px 10px!important; font-size:13px!important; }
  #appShell.bob-ui-review .preview-nav-children .nav-item svg { display:none!important; }
  #appShell.bob-ui-review .sidebar .module-locked::after { left:auto!important; right:7px!important; top:50%!important; transform:translateY(-50%)!important; width:22px!important; height:22px!important; }
  #appShell.bob-ui-review .sidebar .module-locked { padding-right:32px!important; }
  #appShell.bob-ui-review .sidebar .sidebar-footer { width:100%!important; padding:6px 0 0!important; margin-top:auto!important; border:0; background:transparent; display:block; }
  #appShell.bob-ui-review .sidebar-user-block { display:none; }
  #appShell.bob-ui-review .layout-profile { width:100%!important; }
  #appShell.bob-ui-review .layout-profile>summary { width:100%!important; min-height:40px!important; height:auto!important; padding:8px 12px!important; justify-content:flex-start!important; gap:10px; border-radius:9px; background:transparent; font-size:13px; color:#d1e5e9; }
  #appShell.bob-ui-review .layout-profile>summary::after { content:'Account en uitloggen'; font:500 13px/1.4 inherit; }
  #appShell.bob-ui-review .layout-profile-content { left:0; bottom:48px; width:200px; box-sizing:border-box; border:1px solid #587582; }
  #appShell.bob-ui-review .bob-ui-nav-toggle { display:flex; align-items:center; gap:10px; width:100%; padding:8px 12px; min-height:38px; border:0; border-radius:9px; background:transparent; color:#c1d9df; text-align:left; cursor:pointer; font:500 12px/1.4 inherit; }
  .bob-ui-nav-toggle svg { width:20px; height:20px; flex:none; }
  #appShell.bob-ui-review .bob-ui-nav-toggle:hover { background:#2a5063; }
  #appShell.bob-ui-review .content-shell { display:block; min-width:0; padding:20px 26px 96px!important; background:#f6f9fa; }
  #appShell.bob-ui-review .topbar { gap:12px!important; padding:17px 20px!important; border-radius:14px; background:#fff; min-height:0; position:relative; box-shadow:none; align-items:center; flex-direction:row; flex-wrap:wrap; }
  #appShell.bob-ui-review #viewTitle { font-size:28px!important; line-height:1.2; letter-spacing:-.5px; overflow-wrap:anywhere; }
  #appShell.bob-ui-review .topbar-title { flex:1 1 260px!important; }
  #appShell.bob-ui-review #topbarActions { position:static!important; max-width:100%; top:auto; right:auto; padding:0; background:transparent; border:0; box-shadow:none; }
  body[data-view="goalDetail"] #appShell.bob-ui-review .topbar { position:sticky; top:12px; z-index:100; backdrop-filter:none; }
  body[data-view="goalDetail"] #appShell.bob-ui-review .topbar-title { flex:1 1 100%!important; }
  body[data-view="goalDetail"] #appShell.bob-ui-review #topbarActions { width:100%; justify-content:flex-start; margin-left:0; }
  #appShell.bob-ui-review .layout-school { display:none; }
  #appShell.bob-ui-review .view-root { padding:0!important; margin:20px auto 0!important; max-width:1600px; min-width:0; }
  #appShell.bob-ui-review .view-root>.panel { margin-bottom:20px; }
  #appShell.bob-ui-review .view-root .panel { padding:20px!important; border-radius:14px; box-shadow:none; }
  #appShell.bob-ui-review .content-shell :is(h3,.panel-header h3) { font-size:20px!important; line-height:1.35; }
  #appShell.bob-ui-review .panel-header { gap:14px; margin-bottom:16px; }
  #appShell.bob-ui-review .content-shell :is(.primary-button,.secondary-button,.ghost-button,.preview-add-button) { box-shadow:none!important; font-size:14px!important; line-height:1.4!important; min-height:42px; padding:10px 14px; border-radius:9px; }
  #appShell.bob-ui-review .content-shell .icon-button { min-width:38px; min-height:38px; }
  #appShell.bob-ui-review .bob-ui-text-action { display:inline-flex!important; align-items:center; gap:7px; width:auto!important; height:auto!important; padding:9px 12px!important; font:600 13px/1.4 inherit; white-space:normal; border:1px solid #cbdade; color:#1d3c4f; background:#fff; border-radius:9px; }
  .bob-ui-text-action svg { width:18px; height:18px; flex:none; }
  #appShell.bob-ui-review .bob-ui-text-action:hover { background:#edf8f6; border-color:#82bfb7; }
  #appShell.bob-ui-review .content-shell :is(button,a,input,select,textarea,summary):focus-visible, #appShell.bob-ui-review .sidebar :is(button,summary):focus-visible { outline:3px solid #078c80!important; outline-offset:3px; }
  #appShell.bob-ui-review .sidebar :is(button,summary):focus-visible { outline-color:#bcebe2!important; }
  #appShell.bob-ui-review .content-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) { line-height:1.4!important; border-color:#cadade; font-size:15px; }
  #appShell.bob-ui-review .content-shell :is(input,textarea,select):disabled { background:#f0f4f5; color:#526a77; opacity:1; }
  #appShell.bob-ui-review .content-shell .preview-detail-summary { padding:18px 20px; }
  #appShell.bob-ui-review .preview-summary-editor-fields { gap:12px; }
  #appShell.bob-ui-review .preview-summary-editor-fields>div:last-child { margin-top:0!important; }
  #appShell.bob-ui-review .preview-detail-group>summary { padding:14px 18px; font-size:16px; }
  #appShell.bob-ui-review .preview-detail-layout { gap:12px; }
  #appShell.bob-ui-review .content-shell .bob-ui-empty-panel { padding:16px 20px!important; }
  #appShell.bob-ui-review .bob-ui-empty-panel .empty-state { padding:10px 12px; margin-top:8px; }
  #appShell.bob-ui-review .bob-ui-duplicate-heading { display:none!important; }
  .bob-ui-search-row { display:flex; align-items:end; gap:16px; margin:8px 0 16px; }
  .bob-ui-search-row label { display:grid; gap:5px; width:min(420px,100%); color:#355564; font-size:13px; font-weight:600; }
  #appShell.bob-ui-review .bob-ui-search-row input { width:100%; min-height:42px; box-sizing:border-box; padding:10px 12px; border:1px solid #cbdade; border-radius:9px; background:white; }
  .bob-ui-search-count { color:#526a77; font-size:13px; padding-bottom:12px; }
  .bob-ui-search-count.is-empty { color:#a23e31; }
  .bob-ui-search-hidden { display:none!important; }
  #appShell.bob-ui-review .plan-filters { gap:12px; }
  #appShell.bob-ui-review .plan-matrix-wrap { border-radius:12px; }
  #appShell.bob-ui-review .daily-dashboard { gap:18px!important; }
  #appShell.bob-ui-review .daily-dashboard .preview-welcome>h3 { font-size:30px!important; letter-spacing:-.6px; margin:3px 0 8px; }
  #appShell.bob-ui-review .daily-dashboard .dashboard-action-item { position:relative; display:grid; grid-template-columns:64px minmax(0,1fr) auto!important; align-items:center; gap:12px; padding:14px 0; }
  #appShell.bob-ui-review .daily-dashboard .dashboard-action-open { grid-column:3; grid-row:1; width:auto; margin:0; }
  #appShell.bob-ui-review .daily-dashboard .dashboard-action-date { width:64px; min-height:60px; box-sizing:border-box; padding:8px 5px; text-align:center; }
  #appShell.bob-ui-review .daily-dashboard .dashboard-action-meta { gap:8px; font-size:12px; }
  #appShell.bob-ui-review .daily-dashboard .daily-week .dashboard-action-item { grid-template-columns:60px minmax(0,1fr)!important; }
  #appShell.bob-ui-review .daily-week .dashboard-action-open { grid-column:2; grid-row:auto; }
  #appShell.bob-ui-review .daily-recent .preview-goal { min-height:0; padding:14px; margin:10px 0 0; }
  .bob-ui-later { grid-column:1/-1; order:4; min-width:0; border:1px solid #d8e5e8; border-radius:14px; background:white; overflow:hidden; }
  .bob-ui-later>summary { padding:16px 20px; color:#1d3c4f; cursor:pointer; font-weight:600; }
  #appShell.bob-ui-review .bob-ui-later>.panel { border:0!important; border-radius:0!important; }
  .bob-ui-monitor-help { border:1px solid #d8e5e8; border-radius:12px; background:#fff; overflow:hidden; }
  .bob-ui-monitor-help>summary { padding:12px 16px; font-size:14px; color:#067f74; cursor:pointer; }
  #appShell.bob-ui-review .monitor-intro { padding:18px 20px; box-shadow:none; border:0; border-radius:0; }
  #appShell.bob-ui-review .monitor-intro h3 { font-size:20px!important; }
  #appShell.bob-ui-review .monitor-tabs { display:flex; width:max-content; max-width:100%; border-radius:12px; padding:4px; }
  #appShell.bob-ui-review .monitor-tabs button { padding:9px 16px; }
  #appShell.bob-ui-review .monitor-tabs button small { display:none; }
  #appShell.bob-ui-review .monitor-domain-header { padding:12px 16px; gap:10px; }
  #appShell.bob-ui-review .monitor-domain-header h3 { font-size:17px!important; }
  #appShell.bob-ui-review .monitor-row { padding-block:9px; }
  #appShell.bob-ui-review .monitor-subdomain>span.monitor-result-badge { display:inline-flex!important; }
  #appShell.bob-ui-review .monitor-dialog { border-radius:16px; }
  #appShell.bob-ui-review .monitor-dialog :is(header,footer) { padding:16px 20px; }
  #appShell.bob-ui-review .monitor-form-grid { padding:18px 20px; gap:14px; }
  #appShell.bob-ui-review .monitor-row-actions [data-delete-row] svg { width:17px; height:17px; display:block; margin:auto; }
  #appShell.bob-ui-review .monitor-row-actions [data-delete-row] { background:#fff; border:1px solid #d6e2e5; color:#a23e31; }
  #appShell.bob-ui-review .monitor-row-actions [data-delete-row]:hover { background:#fff0ee; border-color:#d9a6a0; color:#922e29; }
  #appShell.bob-ui-review .settings-inline-form { max-width:760px; }
  #appShell.bob-ui-review .weekly-digest-form { max-width:540px; }
  #appShell.bob-ui-review .schoolteam-undo-button.bob-ui-undo { width:40px; height:40px; min-height:40px; padding:9px!important; }
  .bob-ui-undo svg { width:20px; height:20px; }
  #appShell.bob-ui-review .professionalization-page { gap:16px; }
  #appShell.bob-ui-review .professionalization-calendar-table :is(td,th) { padding:10px 12px; }
  #appShell.bob-ui-review .professionalization-calendar-cell { min-height:48px; }
  #appShell.bob-ui-review .content-shell .layout-help { right:20px; bottom:68px; }
  .bob-ui-nav-close, .bob-ui-menu-backdrop { display:none; }
  body:is([data-plan-full-view="true"],[data-organization-full-view="true"]) #appShell.bob-ui-review { grid-template-columns:minmax(0,1fr)!important; }
  body:is([data-plan-full-view="true"],[data-organization-full-view="true"]) #appShell.bob-ui-review .sidebar { display:none!important; }
  /* Experienced users can retain the familiar icon rail. */
  #appShell.bob-ui-review.bob-ui-compact-nav { grid-template-columns:76px minmax(0,1fr); }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar { width:76px!important; overflow:visible; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar-brand>div { display:none!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar-brand { justify-content:center!important; padding-inline:0!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-list>.nav-item,.preview-nav-accordion>summary,.preview-nav-settings>.nav-item) { justify-content:center!important; gap:0!important; font-size:0!important; padding:11px!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-list>.nav-item,.preview-nav-accordion>summary,.preview-nav-settings>.nav-item)>.layout-icon,
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-list>.nav-item,.preview-nav-accordion>summary,.preview-nav-settings>.nav-item)>.nav-icon { margin:0!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-list>.nav-item,.preview-nav-settings>.nav-item)>span:not(.layout-hover-label), #appShell.bob-ui-review.bob-ui-compact-nav .preview-nav-accordion>summary::after { display:none!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .preview-nav-children { position:absolute; left:62px; top:0; width:230px; margin:0; padding:8px; border:0; border-radius:12px; background:#1d3c4f; box-shadow:0 8px 24px #1d3c4f30; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar .preview-nav-children .nav-item { justify-content:flex-start!important; gap:0!important; font-size:14px!important; padding:10px 12px!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar .preview-nav-children .nav-item>span:not(.layout-hover-label) { display:inline!important; font-size:14px!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .layout-logbook-slot .nav-item>span { display:inline!important; font-size:14px!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .layout-profile>summary { justify-content:center!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .layout-profile>summary::after, #appShell.bob-ui-review.bob-ui-compact-nav .bob-ui-nav-toggle span { display:none; }
  #appShell.bob-ui-review.bob-ui-compact-nav .bob-ui-nav-toggle { justify-content:center; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-list>.nav-item,.preview-nav-accordion>summary,.preview-nav-settings>.nav-item,.layout-profile>summary)>.layout-hover-label { display:flex!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar .preview-nav-children .layout-hover-label { display:none!important; }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar .preview-nav-accordion[open]>summary>.layout-hover-label { opacity:0!important; visibility:hidden!important; }
  /* In de compacte balk delen gewone pictogrammen en slotjes exact dezelfde as. */
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-list>.nav-item,.preview-nav-accordion>summary,.preview-nav-settings>.nav-item) {
    position:relative!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    min-height:44px!important;
    margin-inline:auto!important;
    padding:11px!important;
    justify-content:center!important;
  }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-list>.nav-item,.preview-nav-accordion>summary,.preview-nav-settings>.nav-item).module-locked {
    padding:11px!important;
  }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-item.module-locked,.preview-nav-accordion>summary.module-locked)::after {
    display:block!important;
    content:''!important;
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
  }
  #appShell.bob-ui-review.bob-ui-compact-nav .sidebar :is(.nav-item.module-locked,.preview-nav-accordion>summary.module-locked)>:is(.nav-icon,.layout-icon) {
    opacity:0!important;
  }
  /* In het brede menu vervangt het slot het gewone pictogram links. */
  #appShell.bob-ui-review:not(.bob-ui-compact-nav) .sidebar :is(.nav-item.module-locked,.preview-nav-accordion>summary.module-locked) {
    position:relative!important;
    padding-right:12px!important;
  }
  #appShell.bob-ui-review:not(.bob-ui-compact-nav) .sidebar :is(.nav-item.module-locked,.preview-nav-accordion>summary.module-locked)::after {
    display:block!important;
    content:''!important;
    position:absolute!important;
    left:11px!important;
    right:auto!important;
    top:50%!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  #appShell.bob-ui-review:not(.bob-ui-compact-nav) .sidebar :is(.nav-item.module-locked,.preview-nav-accordion>summary.module-locked)>:is(.nav-icon,.layout-icon) {
    opacity:0!important;
  }
}
@media screen and (max-width:1250px) {
  #appShell.bob-ui-review .daily-dashboard { grid-template-columns:minmax(0,1fr); }
  #appShell.bob-ui-review .daily-dashboard>:is(.daily-week,.daily-side,.daily-recent) { grid-column:1; }
  #appShell.bob-ui-review .daily-side .daily-recent { margin:0; }
}
@media screen and (max-width:1000px) {
  #appShell.bob-ui-review, #appShell.bob-ui-review.bob-ui-compact-nav { grid-template-columns:minmax(0,1fr); }
  #appShell.bob-ui-review .sidebar { display:none; }
  #appShell.bob-ui-review.layout-menu-open .sidebar { display:flex; position:fixed; left:0; top:0; bottom:0; width:280px!important; max-width:calc(100vw - 48px); z-index:150; overflow-y:auto; box-shadow:8px 0 30px #1d3c4f30; }
  #appShell.bob-ui-review .bob-ui-nav-close { display:block; width:36px; height:36px; flex:none; margin:0 0 -38px auto; z-index:1; background:transparent; border:0; color:white; font-size:27px; cursor:pointer; }
  #appShell.bob-ui-review .bob-ui-menu-backdrop:not([hidden]) { display:block; position:fixed; inset:0; width:100%; height:100%; z-index:140; border:0; background:#122f4380; cursor:pointer; }
  #appShell.bob-ui-review .content-shell { padding:16px 18px 96px!important; }
  #appShell.bob-ui-review .layout-menu { display:inline-flex; align-items:center; width:auto; min-height:40px; padding:8px 12px; border-radius:9px; font-size:14px; gap:8px; }
  #appShell.bob-ui-review .topbar { flex-direction:row!important; gap:10px!important; padding:14px 16px!important; }
  #appShell.bob-ui-review .topbar-title { flex:1 1 200px!important; }
  #appShell.bob-ui-review #viewTitle { font-size:25px!important; }
  #appShell.bob-ui-review .topbar>#topbarActions { width:100%; justify-content:flex-start; }
  #appShell.bob-ui-review .content-shell:has(.daily-dashboard)>.topbar { display:block!important; border:0; background:transparent; padding:0!important; }
  #appShell.bob-ui-review .content-shell:has(.daily-dashboard)>.topbar>:not(.layout-menu) { display:none!important; }
  #appShell.bob-ui-review .content-shell:has(.daily-dashboard)>.topbar>.layout-menu { position:static; display:inline-flex; }
  body[data-view="organization"] #appShell.bob-ui-review .content-shell>.topbar { display:block!important; border:0; background:transparent; padding:0!important; }
  body[data-view="organization"] #appShell.bob-ui-review .content-shell>.topbar>:not(.layout-menu) { display:none!important; }
  #appShell.bob-ui-review .bob-ui-nav-toggle { display:none; }
  #appShell.bob-ui-review .sidebar .preview-nav-children { position:static!important; width:auto!important; margin:3px 0 5px 21px!important; padding:2px 0 2px 8px!important; background:transparent!important; box-shadow:none!important; }
  #appShell.bob-ui-review .sidebar :is(.nav-item,.preview-nav-accordion>summary) { justify-content:flex-start!important; font-size:14px!important; padding:10px 12px!important; }
  #appShell.bob-ui-review .sidebar .nav-item>span:not(.layout-hover-label), #appShell.bob-ui-review .sidebar-brand>div { display:inline!important; }
  #appShell.bob-ui-review .sidebar .preview-nav-accordion>summary::after { display:block!important; }
  #appShell.bob-ui-review .sidebar .layout-hover-label { display:none!important; }
  #appShell.bob-ui-review .sidebar .layout-profile>summary { justify-content:flex-start!important; }
  #appShell.bob-ui-review .sidebar .layout-profile>summary::after { display:block; }
  body.bob-ui-drawer-open { overflow:hidden; }
  body.bob-ui-drawer-open :is(.bug-report-launcher,.layout-help) { visibility:hidden; }
}
@media screen and (min-width:721px) and (max-width:1380px) {
  #appShell.bob-ui-review .monitor-column-head { display:none; }
  #appShell.bob-ui-review .monitor-row { grid-template-columns:24px minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) 82px; gap:10px 12px; }
  #appShell.bob-ui-review .monitor-cell>span { display:block; }
  #appShell.bob-ui-review .monitor-row>.monitor-drag { grid-column:1; grid-row:1; }
  #appShell.bob-ui-review .monitor-row>.monitor-subdomain { grid-column:2; grid-row:1; }
  #appShell.bob-ui-review .monitor-row>:nth-child(3) { grid-column:3/5; grid-row:1; min-width:0; }
  #appShell.bob-ui-review .monitor-row>.monitor-linked-target { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; padding:8px 10px; min-height:36px; }
  #appShell.bob-ui-review .monitor-row>.monitor-linked-target small { display:none; }
  #appShell.bob-ui-review .monitor-row>:nth-child(4) { grid-column:2; grid-row:2; }
  #appShell.bob-ui-review .monitor-row>:nth-child(5) { grid-column:3; grid-row:2; }
  #appShell.bob-ui-review .monitor-row>:nth-child(6) { grid-column:4; grid-row:2; }
  #appShell.bob-ui-review .monitor-row>:nth-child(7) { grid-column:2; grid-row:3; }
  #appShell.bob-ui-review .monitor-row>:nth-child(8) { grid-column:3/5; grid-row:3; }
  #appShell.bob-ui-review .monitor-row>.monitor-row-actions { grid-column:5; grid-row:1/span 3; align-self:start; }
  #appShell.bob-ui-review .monitor-date { display:block; }
}
@media screen and (max-width:720px) {
  #appShell.bob-ui-review .monitor-column-head { display:none; }
  #appShell.bob-ui-review .monitor-row { grid-template-columns:22px minmax(0,1fr) 76px; gap:8px; }
  #appShell.bob-ui-review .monitor-row>.monitor-cell { grid-column:2; }
  #appShell.bob-ui-review .monitor-row>.monitor-linked-target { grid-column:2; min-width:0; width:100%; box-sizing:border-box; }
  #appShell.bob-ui-review .monitor-row>.monitor-drag { grid-column:1; grid-row:1; }
  #appShell.bob-ui-review .monitor-row>.monitor-row-actions { grid-column:3; grid-row:1/span 8; align-self:start; }
  #appShell.bob-ui-review .monitor-cell>span { display:block; }
  #appShell.bob-ui-review .monitor-date { display:block; }
  #appShell.bob-ui-review .monitor-domain-header { grid-template-columns:22px minmax(0,1fr) auto; }
  #appShell.bob-ui-review .monitor-domain-header>.monitor-domain-drag { grid-column:1; grid-row:1; }
  #appShell.bob-ui-review .monitor-domain-header>div:not(.monitor-domain-count) { grid-column:2/-1; grid-row:1; }
  #appShell.bob-ui-review .monitor-domain-header>.monitor-domain-edit { grid-column:2; grid-row:2; width:auto!important; justify-self:start; }
  #appShell.bob-ui-review .monitor-domain-header>.monitor-add-row { grid-column:3; grid-row:2; width:auto!important; }
}
@media screen and (max-width:640px) {
  #appShell.bob-ui-review .content-shell { padding:12px 12px 100px!important; }
  #appShell.bob-ui-review .view-root { margin-top:14px!important; }
  #appShell.bob-ui-review .topbar-title { flex:1 1 150px!important; }
  #appShell.bob-ui-review #viewTitle { font-size:23px!important; }
  #appShell.bob-ui-review .topbar { padding:12px!important; }
  #appShell.bob-ui-review .view-root .panel { padding:16px!important; }
  #appShell.bob-ui-review .panel-header { flex-wrap:wrap; align-items:flex-start; }
  #appShell.bob-ui-review .panel-header>div { flex:1 1 220px; min-width:0; }
  #appShell.bob-ui-review .content-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size:16px!important; }
  #appShell.bob-ui-review .preview-detail-summary { padding:16px; }
  #appShell.bob-ui-review .bob-ui-search-row { flex-direction:column; align-items:stretch; gap:5px; }
  #appShell.bob-ui-review .bob-ui-search-count { padding-bottom:0; }
  #appShell.bob-ui-review .plan-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #appShell.bob-ui-review .plan-filters>* { min-width:0; }
  #appShell.bob-ui-review .plan-filters select { width:100%; }
  #appShell.bob-ui-review .daily-dashboard .dashboard-action-item { grid-template-columns:58px minmax(0,1fr)!important; align-items:start; }
  #appShell.bob-ui-review .daily-dashboard .dashboard-action-open { grid-column:2; grid-row:auto; justify-self:start; }
  #appShell.bob-ui-review .daily-dashboard .dashboard-action-date { width:58px; }
  #appShell.bob-ui-review .daily-dashboard .preview-welcome>h3 { font-size:25px!important; padding-right:0!important; }
  #appShell.bob-ui-review .monitor-domain-header { grid-template-columns:24px minmax(0,1fr) auto; }
  #appShell.bob-ui-review .monitor-tabs { width:100%; box-sizing:border-box; }
  #appShell.bob-ui-review .monitor-tabs button { flex:1; }
  #appShell.bob-ui-review .monitor-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #appShell.bob-ui-review .monitor-dialog { width:calc(100vw - 16px); }
  #appShell.bob-ui-review .settings-inline-form { grid-template-columns:1fr; }
  #appShell.bob-ui-review .bob-ui-text-action { font-size:12px!important; }
  #appShell.bob-ui-review #topbarActions>:is(#addMonitorDomain,#addMonitorRow) { flex:1 1 0; min-width:0; font-size:13px!important; padding-inline:10px!important; }
}
@media print {
  .bob-ui-nav-toggle, .bob-ui-nav-close, .bob-ui-menu-backdrop, .bob-ui-search-row { display:none!important; }
  .bob-ui-search-hidden { display:revert!important; }
}