.mono {
	font-size: 13px;;
	/*font-family: monospace;*/
}
div.ResourcePanel.vintage,div.ResourcePanelSmall.vintage,div.ResourcePanelLarge.vintage {
	background-color: #e1dcd1;
}

div.ResourcePanel.numbered,div.ResourcePanelSmall.numbered,div.ResourcePanelLarge.numbered {
	background-color: #ceddec;
}

div.ResourcePanel,div.ResourcePanelSmall,div.ResourcePanelLarge {
	background-color: white;
}

div.ResourcePanel.sold,div.ResourcePanelSmall.sold,div.ResourcePanelLarge.sold {
	background-color: #cee9e7;
}
.ResourcePanel {
padding:0px;
}
.ResourcePanelInfo {
padding-bottom:0px;
}
#question_copyfrom { 
display:none;
}

#question_imagecorrection { 
display:block;
}
.checkselect {
top: 5px;
display: inline-block;
position: relative;
}

.ResourcePanelIcons {
margin-top: -30px;
}
.ResourceTypeField73 {
float:right;
margin-right:-6px;
}
.IconCopy, .KeyCopy	{background: url(../gfx/IcCopy.gif) no-repeat;}

/* Color fields for greater clarity when editing */

#field_73,#field_94,#field_105,#field_8,#field_3,#field_18,#field_75,#field_124,#field_125 {
	background-color: #fefddc;
}

#field_11,#field_96,#field_97,#field_109,#field_76,#field_77,#field_83,#field_54 {
	background-color: #dbf2fe;
}

#field_99,#field_84,#field_108,#field_88,#field_72,#field_78,#field_79,#field_80,#field_81,#field_82 {
	background-color: #fedcb8;
}

#field_87,#field_86,#field_85,#question_39a form input {
	background-color: #fec5f6;
}

div.ResourcePanel,div.ResourcePanelSmall,div.ResourcePanelLarge {
	border-radius:0; /*border:1px solid silver;*/
}

#field_123:disabled, #field_123[readonly] {
	border: none; color: black; background: #eee; resize: none;
}

/* .ResourcePanelInfo:nth-of-type(3){
	float: right;
}

.ResourcePanelInfo:nth-of-type(1){
	float: left;
	position: relative;
	top: 20px;
}

div.ResourcePanel {
	border-radius: 0;
}

 div.ResourcePanel table.ResourceAlign  {
 	height: 170px;
 }

div.ResourcePanel table.ResourceAlign tbody tr td {
	margin-top: 5px !important;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	padding-top: 0;
} */


/* ===== 10.7 layout compatibility for the copymaster thumb renderer (added 2026-05-25) =====
   The copymaster renderresultthumb renderer emits 9.4-era markup; under 10.7's core CSS the
   tiles broke in three ways. Fixes below:
   1. 10.7 light.css gives .ImageWrapper a grey bg and render_resource_image wraps previews in a
      white .ImageColourWrapper -> both hid the panel colour. Make the image area transparent and
      clamp it to a 150px box so the vintage/numbered/sold colour fills the whole card.
   2. The renderer sets the panel to height:auto; combined with variable image/icon heights the
      cards came out ragged. Force a fixed height for every thumbs-view card.
   3. The tool icons used a -30px margin tuned to 9.4 line-heights and drifted under 10.7. Pin the
      icon row absolutely to the bottom-right so it is identical on every card; put the checkbox
      back on the left (10.7 core floats it right). */

/* 1. transparent, fixed-height image area.
   The 150px clamp is for the thumbs view only - the xl card carries BOTH ResourcePanel and
   ResourcePanelLarge classes, so scope with :not() or the clamp squashes the xl images
   (core emits explicit width/height attrs; capping only the height distorts the aspect). */
.ResourcePanel .ImageWrapper {
    background-color: transparent !important;
    height: 150px;
    overflow: hidden;
    padding-bottom: 0;
}
.ResourcePanel:not(.ResourcePanelLarge) .ImageColourWrapper {
    background-color: transparent !important;
    max-height: 150px !important;
    max-width: 100% !important;
}
.ResourcePanel:not(.ResourcePanelLarge) .ImageColourWrapper img {
    max-height: 150px !important;
    max-width: 100% !important;
}

/* 1b. xlthumbs (2026-07-21): the xl card is the thumbs card scaled up - SAME fixed geometry so the
   float grid stays gap-free, image proportionally fitted (width/height:auto beats core's fixed img
   attrs) and flex-centered inside a 10px-padded fixed box, bottom strip identical to thumbs:
   thumbs card = 150px image box + 62px strip (212 total) -> xl card = 320px image box + 62px strip. */
.ResourcePanelLarge .ImageWrapperLarge {
    background-color: transparent !important;
    height: 320px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ResourcePanelLarge .ImageColourWrapper {
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
}
.ResourcePanelLarge .ImageColourWrapper img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 300px !important;
    display: block;
}
/* no-preview placeholder: the renderer inlines margin-top for the 9.4 layout; flex centers it now */
.ResourcePanelLarge .ImageWrapperLarge > img {
    margin-top: 0 !important;
    max-width: 100%;
    max-height: 300px;
}

/* uniform xl card height = image box + the same 62px bottom strip as the thumbs view, so the
   checkbox/ID row and the letter/icons row land at identical offsets, just lower */
.ResourcePanelLarge {
    height: 382px !important;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

/* xl bottom strip: pin every element instead of trusting flow, two tight rows at the card bottom.
   Row 1: checkbox (left) vertically centred on the Image ID line (right).
   Row 2: print ID (left) on the SAME line as the pinned icon row (right). */
/* double-class selectors: must out-rank the generic ".ResourcePanel .checkselect" rule further down
   (equal specificity + !important let source order win, which silently re-floated the checkbox) */
.ResourcePanel.ResourcePanelLarge .checkselect {
    position: absolute !important;
    top: auto !important;    /* legacy rule at the top of this file sets top:5px - must stay neutralised */
    right: auto !important;
    left: 10px !important;
    bottom: 33px !important; /* 1px higher than thumbs per Stephen */
    z-index: 10;             /* a long title wrapping down into this row must never cover the checkbox (2026-10-25) */
    float: none !important;
    margin: 0 !important;
}
.ResourcePanel.ResourcePanelLarge .ResourceTypeField73 {
    position: absolute !important;
    right: 3px;     /* markup has a trailing   (~4px); 3px lands the text on the icons' 7px right edge */
    bottom: 30px;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;  /* core min-height:19px + top padding made the text sit off-centre vs the checkbox */
    height: 16px;
    line-height: 16px;
    text-align: right;
}
.ResourcePanel.ResourcePanelLarge .ResourceTypeField94 {
    position: absolute !important;
    left: 10px;
    bottom: 8px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. uniform card height (beats the renderer's inline height:auto via !important) */
.ResourcePanel:not(.ResourcePanelLarge) {
    height: 212px !important;
    overflow: hidden;
}

/* 3. bottom strip, thumbs view (2026-07-21: pinned like the xl view - same two rows, same offsets;
   flow-based layout left the checkbox high and the ID indented by core padding + a trailing  ) */
.ResourcePanel:not(.ResourcePanelLarge) .checkselect {
    position: absolute !important;
    top: auto !important;    /* legacy rule at the top of this file sets top:5px - must stay neutralised */
    right: auto !important;
    left: 10px !important;
    bottom: 32px !important;
    z-index: 10;             /* a long title wrapping down into this row must never cover the checkbox (2026-10-25) */
    float: none !important;
    margin: 0 !important;
}
.ResourcePanel:not(.ResourcePanelLarge) .ResourceTypeField73 {
    position: absolute !important;
    right: 3px;
    bottom: 30px;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 16px;
    line-height: 16px;
    text-align: right;
}
.ResourcePanel:not(.ResourcePanelLarge) .ResourceTypeField94 {
    position: absolute !important;
    left: 10px;
    bottom: 8px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ResourcePanel .ResourcePanelIcons {
    position: absolute;
    bottom: 3px;
    right: 4px;
    left: auto;
    margin: 0 !important;
    padding: 0;
    text-align: right;
}

/* 4. view-mode button bar: the view plugins hard-code width:200px on this container, which now
   wraps the 5th custom view (LL) to a second line. Let it shrink-to-fit on one line instead. */
div.InpageNavLeftBlock.icondisplay {
    width: auto !important;
    white-space: nowrap;
}

/* Search bar magnifier: anchor it to the top-right of the search form so it sits inside the field's
   right edge (float/inline positioning was unreliable). 2026-05-25 */
#simple_search_form { position: relative; }
#simple_search_form .search-icon {
    position: absolute !important;
    top: 0;
    right: 15px;
    float: none !important;
    margin: 0 !important;
    width: 34px;
    height: 28px;
    min-height: 28px;
    line-height: 26px;
    padding: 0 !important;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    text-align: center;
}

/* ---- View page: white metadata box (#Metadata) breathing room (2026-07-22) ----
   global.css only gives it padding-bottom:8px; plugin css loads after core css so this wins. */
#Metadata {
    padding: 20px;
    box-sizing: border-box;
}

/* ---- View page: alternative-files carousel (2026-07-22, markup in hooks/view.php) ----
   Rendered as a float:left sibling after #previewimagewrapper so it sits between the main
   image and the tools panel. */
#rscm_altcarousel { float: left; margin: 0px 15px 15px 0px; }
#rscm_altcarousel .rscm_altsq { width: 72px; height: 72px; margin-bottom: 8px; cursor: pointer; border: 2px solid transparent; padding: 1px; background: #fff; display: flex; align-items: center; justify-content: center; }
#rscm_altcarousel .rscm_altsq img { max-width: 100%; max-height: 100%; display: block; }
#rscm_altcarousel .rscm_altsq.rscm_active { border-color: #000; }
/* Below 1235px slim-style.css makes #previewimagewrapper min-width:100% (no side gutter
   left), so switch the squares to a centered horizontal row under the image. */
@media (max-width: 1235px) {
    #rscm_altcarousel { float: none; clear: both; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 auto 15px auto; }
    #rscm_altcarousel .rscm_altsq { margin-bottom: 0; }
}

/* ===== Slim-header Menu/Account buttons (2026-07-22) =====
   Core gives these buttons class "ResourcePanel", so the search-tile theming above (white
   212px !important card, overflow:hidden) captured them and wrecked the header at widths
   <=1200px. Higher specificity + later in file: restore the stock compact button look. */
#ButtonHolder .ResponsiveHeaderButton.ResourcePanel {
    height: 45px !important;
    min-height: 0 !important;
    width: 48%;
    float: none !important;
    overflow: visible;
    border-radius: 6px;
    margin: 0;
}

/* ===== Header logo sizing (2026-07-26) =====
   New MS wordmark ("2026_MS Schriftzug Grundform"). The asset at
   filestore/system/config/linkedheaderimgsrc.png is 600x52 - deliberately 2x the intended
   300x26 display size, so it stays crisp on retina.
   Core global.css only sets "#HeaderImg{max-height:50px}" with NO width cap, so a 2x asset
   would render 577px wide and swamp the header. Pin the display height here instead, and
   re-centre it in the 50px .HeaderImgLink (core's margin-top:3px suited the old 48px-tall
   logo, which was letterboxed; this wordmark is cropped tight to the glyphs).

   NARROW WINDOWS (fixed 2026-07-26): a fixed `height` here deformed the logo at <=1200px.
   The responsive sheets are appended to <head> by footer.php JS, so they load AFTER this file and
   win any (1,0,0) tie. At <=1200px `slim-non-touch.css:44` forces `height:47px`, while
   `slim-style.css:276` caps `max-width:320px` at top level. At 47px tall this wordmark wants
   600/52*47 = 542px, so the width was clamped to 320px while the height stayed 47px - a 41%
   horizontal squash. The old logo never hit it: at 47px it was only ~255px wide, inside the cap.
   Fix = never pin height and width independently. `height:auto` + `max-height` + `max-width:100%`
   keeps the ratio at every width and simply scales the logo down when space is tight.
   The selector is `#Header #HeaderImg` (2,0,0) so it outranks the slim sheets' `#HeaderImg`
   (1,0,0) and `.HeaderMenu #HeaderImg` (1,1,0) on specificity - no !important needed, and no
   dependence on load order. margin-top stays at (1,0,0) so the slim breakpoints can still
   adjust it for their own layouts. */
#Header #HeaderImg {
    height: auto;
    max-height: 26px;
    width: auto;
    max-width: 100%;
}
#HeaderImg {
    margin-top: 17px;
}

/* SAS 2026-10-18: copy using an alternative file as preview + download source */
.rscm_altpreview_tag, .rscm_altpreview_note {
    display: inline-block;
    background: #fff4d6;
    color: #6b4e00;
    border: 1px solid #e3c46a;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 0.9em;
    margin-bottom: 6px;
}
.rscm_altpreview_note { display: block; margin: 0 0 8px 0; }

/* Acquisition / Commission Delivery / Loan lists: labelled details line (2026-10-26) -
   rendered by rscm_list_details() in hooks/all.php; also used by the printout (jQuery.print copies the page CSS). */
/* 2026-10-27: a flex row instead of a table - nothing wraps; if the row is wider than its column, only Type
   shrinks, cut with an ellipsis; Image ID is capped at 110px. Price, size, print and split are never cut. */
div.rscm_listdeets { display: flex; flex-wrap: nowrap; align-items: flex-start; column-gap: 22px; margin: 2px 0; min-width: 0; text-align: left; }
div.rscm_listdeets .rscm_ld { flex: 0 0 auto; min-width: 0; }
div.rscm_listdeets .rscm_ld_type  { flex-shrink: 3; }
div.rscm_listdeets .rscm_ld_image { max-width: 110px; }   /* normal IDs (A-CH-ZUR-001) ~85px; only odd ones (screenshot file names) get cut */
div.rscm_listdeets .rscm_ld_label,
div.rscm_listdeets .rscm_ld_value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.rscm_listdeets .rscm_ld_label { font-size: 10px; color: #777; text-transform: uppercase; letter-spacing: 0.03em; }
div.rscm_listdeets .rscm_ld_value { font-size: 13px; }
/* An empty value keeps its line, so every label sits on the same line even with nothing under it (SS 2026-10-27). */
div.rscm_listdeets .rscm_ld_value:empty::before { content: "\00a0"; }

/* List settings bar (rscm_settings_bar(), hooks/all.php) above the Acquisition List / Proposal and Loan List (2026-10-26). */
/* The Print button and the bar share one flex row (hooks/search.php wraps both) so they centre on each other. */
.rscm_printrow { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 10px 0; }
.rscm_printrow > button.print { margin: 0; }
.rscm_settingsbar { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0; }
.rscm_settingsbar input.rscm_pct { margin: 0; }
.rscm_settingsbar input.rscm_pct { width: 70px; }
.rscm_settingsbar .rscm_settingshint { font-size: 11px; opacity: 0.7; }

/* SAS 2026-10-31: search panel field labels lighter (Olaf). Core global.css sets bold on .SearchItem;
   Work Sans is a variable font, so 500 renders as a true medium weight. */
#SearchBoxPanel .SearchSpace .SearchItem,
.SearchSpace .SearchItem {
    font-weight: 500;
}