/* ==================================================================
   SITE RECORDS CSS — v1.45.12 (screen 10)
   Copied from 10_Site_Records_FILING_LOCKED.html. Every value tagged
   "file 10". Prefix nu-sr10-.
   4j: 10/11px text bumped one step, greys darkened (each tagged).
   Amendment 7: page subtitle and the drawer description line removed.
   Sidebar, header and page background come from the app shell.
   ================================================================== */

[data-new-ui] .nu-sr10 { font-family: var(--nu-t-family); color: #132238; font-size: 15px; line-height: 1.4; }   /* file 10 */

/* ---- Title row ---- */
[data-new-ui] .nu-sr10-crumb { color: #56616a; font-size: 12px; font-weight: 800; margin-bottom: 5px; }   /* file 10 (4j: was #6c7882) */
[data-new-ui] .nu-sr10-titlerow { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 16px; }   /* file 10 */
[data-new-ui] .nu-sr10-h1 { font-size: 30px; line-height: 1.08; margin: 0 0 5px; font-weight: 900; letter-spacing: -.03em; color: #132238; }   /* file 10 */
[data-new-ui] .nu-sr10-tools { display: flex; gap: 8px; }   /* file 10 */
[data-new-ui] .nu-sr10-btn {
  height: 36px; padding: 0 12px; border: 1px solid #cfd2d2; border-radius: 5px;   /* file 10 */
  background: #fff; color: #263a4c; font-family: inherit; font-size: 13px; font-weight: 900; cursor: pointer;   /* file 10 */
}
[data-new-ui] .nu-sr10-btn.nu-sr10-primary { background: #0cab78; border-color: #0cab78; color: #fff; }   /* file 10 */

/* ---- File row (folder tab + filters + search) ---- */
[data-new-ui] .nu-sr10-filerow {
  height: 50px; background: #f7f6f1; border: 1px solid #d3d3ce; border-bottom: 0;   /* file 10 */
  border-radius: 5px 5px 0 0; display: flex; align-items: center; gap: 16px; padding: 0 13px;   /* file 10 */
}
[data-new-ui] .nu-sr10-tab {
  background: #d9c08a; color: #4a3c21; border: 1px solid #c3aa6d; border-bottom: 0;   /* file 10 */
  border-radius: 5px 5px 0 0; padding: 8px 13px; font-size: 12px; font-weight: 900; align-self: flex-end;   /* file 10 */
}
[data-new-ui] .nu-sr10-filter { color: #4c565d; font-size: 12px; font-weight: 800; }   /* file 10 (4j: was #5f6a71) */
[data-new-ui] .nu-sr10-filter strong { color: #263744; }   /* file 10 */
[data-new-ui] .nu-sr10-search {
  margin-left: auto; width: 230px; height: 32px; border: 1px solid #cfd2cf; border-radius: 4px;   /* file 10 */
  background: #fff; padding: 0 9px; font-family: inherit; font-size: 13px; color: #263744; outline: 0;   /* file 10 */
}
[data-new-ui] .nu-sr10-search::placeholder { color: #4c565d; }   /* 4j: was #56636d */

/* ---- File cabinet + records ---- */
[data-new-ui] .nu-sr10-cabinet {
  border: 1px solid #d3d3ce; background: #f7f6f1; border-radius: 0 0 5px 5px;   /* file 10 */
  box-shadow: 0 8px 24px rgba(8,24,37,.07); overflow: hidden;   /* file 10 */
}
[data-new-ui] .nu-sr10-sectionline {
  padding: 12px 14px 8px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase;   /* file 10 (4j: was 11px) */
  color: #5f594f; font-weight: 900;   /* file 10 (4j: was #7a7468) */
}
[data-new-ui] .nu-sr10-record {
  display: grid; grid-template-columns: 58px minmax(0,1fr) 160px 120px 88px; align-items: center; gap: 14px;   /* file 10 */
  padding: 13px 15px; border-top: 1px solid #dddcd6; background: #fff; cursor: pointer;   /* file 10 */
}
[data-new-ui] .nu-sr10-record:hover { background: #fbfbf8; }   /* file 10 */
[data-new-ui] .nu-sr10-folder {
  width: 42px; height: 31px; background: #d5bc82; border: 1px solid #b9a26e; border-radius: 3px; position: relative;   /* file 10 */
}
[data-new-ui] .nu-sr10-folder::before {
  content: ""; position: absolute; left: 2px; top: -7px; width: 17px; height: 8px;   /* file 10 */
  background: #d5bc82; border: 1px solid #b9a26e; border-bottom: 0; border-radius: 3px 3px 0 0;   /* file 10 */
}
[data-new-ui] .nu-sr10-rtitle { font-weight: 900; font-size: 15px; color: #203648; }   /* file 10 */
[data-new-ui] .nu-sr10-rsub { font-size: 12px; color: #515c64; margin-top: 2px; }   /* file 10 (4j: was #6f7a82) */
[data-new-ui] .nu-sr10-meta { font-size: 12px; color: #4b565e; }   /* file 10 (4j: was #5f6b73) */
[data-new-ui] .nu-sr10-meta strong { display: block; color: #273b49; font-size: 12px; margin-bottom: 2px; }   /* file 10 */
[data-new-ui] .nu-sr10-state {
  display: inline-flex; width: max-content; padding: 4px 8px; border-radius: 4px;   /* file 10 */
  font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em;   /* file 10 (4j: was 10px) */
}
[data-new-ui] .nu-sr10-state.nu-sr10-draft { background: #fff0d8; color: #965d0e; border: 1px solid #e4c48f; }   /* file 10 */
[data-new-ui] .nu-sr10-state.nu-sr10-ready { background: #e7f4ef; color: #08764e; border: 1px solid #9ddbc4; }   /* file 10 */
[data-new-ui] .nu-sr10-state.nu-sr10-arch  { background: #eceeec; color: #525c5a; border: 1px solid #d0d4d1; }   /* file 10 (4j: was #66716f) */
[data-new-ui] .nu-sr10-open { justify-self: end; color: #1e5d89; font-size: 12px; font-weight: 900; }   /* file 10 */
[data-new-ui] .nu-sr10-empty { padding: 16px 15px; border-top: 1px solid #dddcd6; background: #fff; font-size: 13px; color: #4b565e; }

/* ---- Paper stack: Selected file + File actions ---- */
[data-new-ui] .nu-sr10-stack { margin-top: 18px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; }   /* file 10 */
[data-new-ui] .nu-sr10-paper,
[data-new-ui] .nu-sr10-drawer { background: #fff; border: 1px solid #d7d8d5; border-radius: 5px; box-shadow: 0 8px 24px rgba(8,24,37,.07); padding: 15px; }   /* file 10 */
[data-new-ui] .nu-sr10-paperhead { display: flex; justify-content: space-between; align-items: start; padding-bottom: 10px; border-bottom: 1px solid #d7d8d5; }   /* file 10 */
[data-new-ui] .nu-sr10-paperhead h2 { margin: 0; font-size: 18px; font-weight: 800; color: #132238; }   /* file 10 */
[data-new-ui] .nu-sr10-papernote { color: #525d65; font-size: 12px; }   /* file 10 (4j: was #6e7880) */
[data-new-ui] .nu-sr10-lines { padding-top: 6px; }   /* file 10 */
[data-new-ui] .nu-sr10-line { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dotted #ddd; }   /* file 10 */
[data-new-ui] .nu-sr10-line:last-child { border-bottom: 0; }   /* file 10 */
[data-new-ui] .nu-sr10-line span { color: #4f5a62; font-size: 12px; }   /* file 10 (4j: was #69757d) */
[data-new-ui] .nu-sr10-line strong { font-size: 12px; }   /* file 10 */
[data-new-ui] .nu-sr10-drawer h3 { font-size: 15px; margin: 0 0 9px; font-weight: 800; color: #132238; }   /* file 10 */
[data-new-ui] .nu-sr10-action {
  display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ecece8;   /* file 10 */
  padding: 10px 0; font-size: 13px; font-weight: 900; color: #132238; cursor: pointer;   /* file 10 */
}
[data-new-ui] .nu-sr10-action span { color: #1e5d89; }   /* file 10 */

/* ---- Responsive (file 10) ---- */
@media (max-width: 900px){
  [data-new-ui] .nu-sr10-record { grid-template-columns: 48px minmax(0,1fr) 105px; }   /* file 10 */
  [data-new-ui] .nu-sr10-record .nu-sr10-meta,
  [data-new-ui] .nu-sr10-record .nu-sr10-open { display: none; }   /* file 10 */
  [data-new-ui] .nu-sr10-stack { grid-template-columns: 1fr; }   /* file 10 */
}
@media (max-width: 700px){
  [data-new-ui] .nu-sr10-titlerow { align-items: start; flex-direction: column; }   /* file 10 */
  [data-new-ui] .nu-sr10-filerow { height: auto; flex-wrap: wrap; row-gap: 8px; padding-top: 8px; }   /* phone: search drops to its own line */
  [data-new-ui] .nu-sr10-tab { order: 1; }
  [data-new-ui] .nu-sr10-filter { order: 2; }
  [data-new-ui] .nu-sr10-search { order: 3; width: 100%; margin: 0 0 10px; }
  [data-new-ui] .nu-sr10-record { grid-template-columns: 48px minmax(0,1fr) auto; gap: 10px; }   /* file 10 gap; status kept on the row */
}


/* ---- v1.45.41: filing in two equal columns (Phil, 4 Oct) ----
   Tasks folders, Site Records, Admin → Archive, Photos / Files Library (cabinets marked .nu-sr10-two).
   Folders read left to right, then down; section lines and messages span both columns.
   Below 1200 px it stays one column. The 1 px column gap shows the cabinet colour as the divider. */
@media (min-width: 1200px){
  [data-new-ui] .nu-sr10-cabinet.nu-sr10-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1px; }
  [data-new-ui] .nu-sr10-cabinet.nu-sr10-two > :not(.nu-sr10-record) { grid-column: 1 / -1; }
  [data-new-ui] .nu-sr10-two > .nu-sr10-record { grid-template-columns: 52px minmax(0, 1fr) auto auto auto; gap: 12px; min-width: 0; }
  [data-new-ui] .nu-sr10-two > .nu-sr10-record .nu-sr10-meta { white-space: nowrap; }
  [data-new-ui] .nu-sr10-two > .nu-sr10-record .nu-sr10-rtitle,
  [data-new-ui] .nu-sr10-two > .nu-sr10-record .nu-sr10-rsub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (min-width: 1200px) and (max-width: 1599px){
  /* half-width rows are narrow here: drop the second info column and the "Open →" text (the whole row opens) */
  [data-new-ui] .nu-sr10-two > .nu-sr10-record .nu-sr10-meta ~ .nu-sr10-meta,
  [data-new-ui] .nu-sr10-two > .nu-sr10-record .nu-sr10-open { display: none; }
  /* Archive rows carry buttons (Restore / Download & clear / Delete): put them on a second line so the title isn't cut */
  [data-new-ui] .nu-sr10-two > .nu-adm-archrow { grid-template-columns: 52px minmax(0, 1fr) auto; row-gap: 8px; }
  [data-new-ui] .nu-sr10-two > .nu-adm-archrow .nu-adm-rowbtns { grid-column: 2 / -1; justify-content: flex-start; }
}

/* v2.0 (Phil): phones keep the folder counts on Tasks and Job Notes ("1 open / 3 tasks", "2 notes / 4 photos") */
@media (max-width: 900px){
  [data-new-ui] .nu-tk-folders .nu-sr10-record .nu-sr10-meta,
  [data-new-ui] .nu-jn-folders .nu-sr10-record .nu-sr10-meta { display: block; text-align: right; white-space: nowrap; }
  [data-new-ui] .nu-tk-folders .nu-sr10-record, [data-new-ui] .nu-jn-folders .nu-sr10-record { grid-template-columns: 48px minmax(0,1fr) auto; }
}