/* Reflective Time Model V278 — guided RTM Lab UX + public nav readability
   UI/presentation only. No search, statistics, Null, Evidence or API logic changes. */

/* ---------------- Public site header: make the primary navigation easier to read ---------------- */
@media (min-width:1181px){
  body:not(.rtm-lab-app) .header .nav > a,
  body:not(.rtm-lab-app) .header .nav > details > summary,
  body:not(.rtm-lab-app) .header .nav .nav-tools-trigger{
    font-size:19px!important;
    font-weight:820!important;
    line-height:1.15!important;
    padding:11px 13px!important;
  }
  body:not(.rtm-lab-app) .header .brand strong{font-size:21px!important;line-height:1.05!important}
  body:not(.rtm-lab-app) .header .brand small{font-size:12px!important;line-height:1.2!important}
  body:not(.rtm-lab-app) .header .header-inner{min-height:76px!important}
}
@media (min-width:981px) and (max-width:1180px){
  body:not(.rtm-lab-app) .header .nav > a,
  body:not(.rtm-lab-app) .header .nav > details > summary,
  body:not(.rtm-lab-app) .header .nav .nav-tools-trigger{font-size:17px!important;padding-inline:9px!important}
  body:not(.rtm-lab-app) .header .brand strong{font-size:18px!important}
  body:not(.rtm-lab-app) .header .brand small{font-size:11px!important}
}

/* ---------------- RTM Lab: readable guided workspace ---------------- */
body.rtm-lab-app .page-head h2{font-size:clamp(30px,2.35vw,40px)!important}
body.rtm-lab-app .page-head p{font-size:15.5px!important;line-height:1.72!important;max-width:980px!important}
body.rtm-lab-app .kicker{font-size:11px!important}
body.rtm-lab-app .card-head strong{font-size:15.5px!important}
body.rtm-lab-app .card-head small{font-size:11.5px!important;line-height:1.45!important}
body.rtm-lab-app .friendly-input-help{font-size:14px!important;line-height:1.65!important;padding:11px 13px!important}
body.rtm-lab-app .input-column-heads{font-size:11.5px!important}
body.rtm-lab-app .input-column-heads small{font-size:10.5px!important}
body.rtm-lab-app .mini-btn,
body.rtm-lab-app .plus,
body.rtm-lab-app .btn{font-size:13px!important}
body.rtm-lab-app .entry-details-note{font-size:11.5px!important;line-height:1.55!important}
body.rtm-lab-app .advanced-text-field>span{font-size:12px!important}

/* Give the research workflow enough width to explain itself. */
@media (min-width:1181px){
  body.rtm-lab-app .layout{grid-template-columns:252px minmax(0,1fr)!important}
  body.rtm-lab-app .sidebar{max-width:252px!important;padding-inline:12px!important}
}
@media (min-width:821px) and (max-width:1180px){
  body.rtm-lab-app .layout{grid-template-columns:224px minmax(0,1fr)!important}
  body.rtm-lab-app .sidebar{max-width:224px!important}
}

/* Sidebar as a genuine stepper, not a list of unrelated tools. */
body.rtm-lab-app .side-label{font-size:10.5px!important;letter-spacing:.1em!important;margin-bottom:10px!important}
body.rtm-lab-app .nav-btn{
  min-height:58px!important;padding:8px 10px!important;gap:10px!important;
  border-radius:13px!important;align-items:center!important;
}
body.rtm-lab-app .nav-icon{width:32px!important;height:32px!important;font-size:11px!important;flex:0 0 32px!important}
body.rtm-lab-app .nav-step-copy{display:grid;gap:2px;min-width:0;flex:1;text-align:start}
body.rtm-lab-app .nav-step-copy b{font-size:14.5px;line-height:1.15;color:inherit;font-weight:900}
body.rtm-lab-app .nav-step-copy small{font-size:10.5px;line-height:1.25;color:var(--muted);font-weight:650;white-space:normal}
body.rtm-lab-app .nav-btn.active .nav-step-copy small{color:color-mix(in srgb,var(--text) 68%,var(--muted))}
body.rtm-lab-app .nav-btn .count{font-size:11px!important}
body.rtm-lab-app .nav-btn.nav-extreme{min-height:44px!important}
body.rtm-lab-app .nav-btn.nav-extreme .nav-step-copy b{font-size:13px}
body.rtm-lab-app .nav-btn.nav-extreme .nav-step-copy small{font-size:9.5px}

/* Advanced research protocol is available without dominating first-use UX. */
body.rtm-lab-app .protocol-group{margin-top:10px!important}
body.rtm-lab-app .protocol-details{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 82%,transparent);overflow:hidden}
body.rtm-lab-app .protocol-details>summary{list-style:none;cursor:pointer;padding:11px 12px;font-size:13px;font-weight:900;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px}
body.rtm-lab-app .protocol-details>summary::-webkit-details-marker{display:none}
body.rtm-lab-app .protocol-details>summary::after{content:'＋';font-size:15px;color:var(--cyan)}
body.rtm-lab-app .protocol-details[open]>summary::after{content:'−'}
body.rtm-lab-app .protocol-details>summary small{display:block;font-size:9.5px;color:var(--muted);font-weight:700;margin-inline-start:auto}
body.rtm-lab-app .protocol-details .protocol{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:8px 10px 10px!important}
body.rtm-lab-app .protocol-row{font-size:10.8px!important;padding:7px 2px!important}

/* Searchable, grouped datatype picker; the native select stays as the authoritative field. */
body.rtm-lab-app .role-compact{position:relative!important;padding:7px 9px!important;display:grid!important;grid-template-rows:auto auto auto!important;gap:5px!important;overflow:visible!important}
body.rtm-lab-app .role-compact.v278-open{z-index:5000!important}
body.rtm-lab-app .v278-native-role{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
body.rtm-lab-app .v278-role-trigger{
  width:100%;min-height:36px;border:1px solid color-mix(in srgb,var(--line) 90%,var(--blue) 10%);border-radius:9px;
  background:color-mix(in srgb,var(--panel2) 76%,transparent);color:var(--text);padding:7px 9px;
  display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:start;cursor:pointer
}
body.rtm-lab-app .v278-role-trigger strong{font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.rtm-lab-app .v278-role-trigger small{grid-column:1;font-size:9.5px;color:var(--muted);font-weight:700}
body.rtm-lab-app .v278-role-trigger .v278-chevron{grid-column:2;grid-row:1/3;align-self:center;color:var(--cyan);font-size:13px}
body.rtm-lab-app .entry.category-missing .v278-role-trigger{border-color:color-mix(in srgb,#e5a100 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,#e5a100 8%,transparent)}
body.rtm-lab-app .v278-role-label-proxy{width:100%;height:31px;border:0;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:transparent;color:var(--text);padding:4px 3px 1px;font-size:12.5px!important;font-weight:720;outline:none}
body.rtm-lab-app .v278-role-label-proxy::placeholder{color:var(--muted);opacity:.78;font-weight:600}
body.rtm-lab-app .role-behavior{font-size:10px!important;line-height:1.35!important;min-height:14px!important}
body.rtm-lab-app .v278-proxied-label{display:none!important}
body.rtm-lab-app .v278-role-popover{
  position:absolute;z-index:6000;inset-inline-start:0;top:calc(100% + 7px);width:min(560px,72vw);max-height:430px;overflow:auto;
  border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:16px;padding:10px;
  background:color-mix(in srgb,var(--panel) 97%,var(--bg));box-shadow:0 24px 65px rgba(15,34,65,.24),0 0 0 4px color-mix(in srgb,var(--blue) 6%,transparent)
}
body.rtm-lab-app .v278-role-popover[hidden]{display:none!important}
body.rtm-lab-app .v278-role-search{position:sticky;top:0;z-index:2;width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);padding:8px 11px;font-size:14px;outline:none;margin-bottom:9px}
body.rtm-lab-app .v278-role-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 10%,transparent)}
body.rtm-lab-app .v278-role-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.rtm-lab-app .v278-role-group{border:1px solid var(--line);border-radius:11px;padding:8px;background:color-mix(in srgb,var(--panel2) 62%,transparent)}
body.rtm-lab-app .v278-role-group h4{margin:0 0 6px;font-size:11px;color:var(--cyan);letter-spacing:.025em}
body.rtm-lab-app .v278-role-option{width:100%;border:0;background:transparent;color:var(--text);padding:7px 8px;border-radius:8px;text-align:start;font-size:12.5px;font-weight:720;cursor:pointer}
body.rtm-lab-app .v278-role-option:hover,body.rtm-lab-app .v278-role-option.active{background:color-mix(in srgb,var(--blue) 9%,var(--panel));color:var(--text)}
body.rtm-lab-app .v278-role-empty{grid-column:1/-1;padding:18px;text-align:center;color:var(--muted);font-size:12px}

/* Input rows: larger values/text, but keep dense research layout. */
body.rtm-lab-app .entry-main{grid-template-columns:minmax(230px,1.02fr) minmax(100px,122px) minmax(220px,1.35fr) 72px!important;align-items:stretch!important}
body.rtm-lab-app .value-compact input{font-size:16px!important;font-weight:800!important}
body.rtm-lab-app .text-compact textarea{font-size:15px!important;line-height:1.45!important;min-height:68px!important;padding:10px 11px!important}
body.rtm-lab-app .entry-actions button{font-size:15px!important}
body.rtm-lab-app .input-column-heads{grid-template-columns:minmax(230px,1.02fr) minmax(100px,122px) minmax(220px,1.35fr) 72px!important}
body.rtm-lab-app .input-column-heads>span:first-child::after{content:' · תפקיד/שם';font-weight:650;opacity:.75}

@media (max-width:980px){
  body.rtm-lab-app .entry-main{grid-template-columns:minmax(200px,1fr) 96px minmax(170px,1fr) 64px!important}
  body.rtm-lab-app .input-column-heads{grid-template-columns:minmax(200px,1fr) 96px minmax(170px,1fr) 64px!important}
  body.rtm-lab-app .v278-role-groups{grid-template-columns:1fr}
  body.rtm-lab-app .v278-role-popover{width:min(480px,86vw)}
}
@media (max-width:820px){
  body.rtm-lab-app .nav-btn{min-height:38px!important;padding:6px 8px!important}
  body.rtm-lab-app .nav-step-copy small{display:none}
  body.rtm-lab-app .nav-step-copy b{font-size:11px}
  body.rtm-lab-app .nav-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
}
@media (max-width:680px){
  body.rtm-lab-app .entry-main{grid-template-columns:minmax(0,1fr) 88px 48px!important}
  body.rtm-lab-app .role-compact{grid-column:1/3;grid-row:1;border-inline-end:0!important;border-bottom:1px solid var(--line)}
  body.rtm-lab-app .text-compact{grid-column:1;grid-row:2}.value-compact{grid-column:2;grid-row:2}.entry-actions{grid-column:3;grid-row:1/3}
  body.rtm-lab-app .v278-role-popover{position:fixed;inset:12vh 10px auto 10px;width:auto;max-height:72vh}
  body.rtm-lab-app .page-head p{font-size:14.5px!important}
}
