/* GemLooM Diamond Engine R5R11 - compact enterprise UI.
   Purpose: reduce non-informational whitespace without shrinking readable type,
   changing analysis logic, or allowing global horizontal overflow. */
:root{
  --gl-r5r11-section-gap:7px;
  --gl-r5r11-control-h:36px;
  --gl-r5r11-control-h-large:40px;
  --gl-r5r11-radius:10px;
}

html,body{
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}

html[data-diamond-theme] .container{
  width:100% !important;
  max-width:1800px !important;
  min-width:0 !important;
  padding:12px !important;
  gap:12px !important;
}

html[data-diamond-theme] .panel{
  min-width:0 !important;
  max-width:100% !important;
  padding:12px !important;
  border-radius:12px !important;
}

.gl-panel-heading{
  align-items:center !important;
  gap:10px !important;
  margin-bottom:8px !important;
}
html[data-diamond-theme] .gl-panel-heading h3{
  margin:0 0 2px !important;
  font-size:21px !important;
  line-height:1.12 !important;
  letter-spacing:-.022em !important;
}
.gl-panel-subtitle{
  font-size:12.5px !important;
  line-height:1.3 !important;
}

#glDiamondThemeControl{
  padding:3px !important;
  border-radius:10px !important;
  gap:2px !important;
}
#glDiamondThemeControl .gl-theme-label{
  font-size:10px !important;
  padding:0 3px !important;
}
#glDiamondThemeControl .gl-theme-btn,
#glDiamondThemeControl .gl-text-btn{
  min-width:44px !important;
  height:28px !important;
  min-height:28px !important;
  line-height:26px !important;
  padding:0 8px !important;
  font-size:11px !important;
}
#glDiamondThemeControl .gl-control-divider{
  height:18px !important;
  margin:0 1px !important;
}

html[data-diamond-theme] .form-section{
  padding:8px 10px !important;
  margin-bottom:7px !important;
  border-radius:var(--gl-r5r11-radius) !important;
}
html[data-diamond-theme] .form-section-title{
  min-height:24px !important;
  margin-bottom:4px !important;
  gap:6px !important;
  font-size:14.5px !important;
  line-height:1.2 !important;
}
html[data-diamond-theme] .form-section-title span{
  font-size:11.5px !important;
  line-height:1.25 !important;
}
html[data-diamond-theme] .form-help,
html[data-diamond-theme] .gl-section-note{
  font-size:11px !important;
  line-height:1.35 !important;
  color:var(--gl-muted) !important;
}
html[data-diamond-theme] .form-help{
  margin:0 0 5px !important;
}
html[data-diamond-theme] .gl-section-note{
  margin:5px 0 0 !important;
}

.gl-form-grid{
  column-gap:8px !important;
  row-gap:5px !important;
  align-items:end !important;
}
.gl-secondary-row{
  margin-top:7px !important;
}
.gl-form-grid .field{
  min-width:0 !important;
  margin:0 !important;
}
html[data-diamond-theme] .gl-form-grid label{
  min-height:0 !important;
  margin:0 0 3px !important;
  font-size:12.5px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}
html[data-diamond-theme] .gl-form-grid input,
html[data-diamond-theme] .gl-form-grid select{
  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  padding:6px 8px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  border-radius:7px !important;
}
html[data-diamond-text="large"] .gl-form-grid label{
  font-size:13.5px !important;
}
html[data-diamond-text="large"] .gl-form-grid input,
html[data-diamond-text="large"] .gl-form-grid select{
  height:40px !important;
  min-height:40px !important;
  padding:7px 9px !important;
  font-size:15px !important;
}
html[data-diamond-theme] .gl-form-grid input::placeholder{
  font-size:12.5px !important;
}

.gl-r5r9-section-toggle{
  min-height:26px !important;
  height:26px !important;
  padding:0 8px !important;
  font-size:10px !important;
  line-height:24px !important;
  border-radius:7px !important;
}
.gl-r5r9-advanced-toggle{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-height:28px !important;
  height:28px !important;
  margin:5px 0 0 !important;
  padding:3px 8px !important;
  border-radius:7px !important;
  font-size:10.5px !important;
  line-height:1.1 !important;
}

/* Live Commercial Preview becomes a compact horizontal strip on wide screens. */
.gl-r5r9-live-preview{
  margin-top:6px !important;
  display:grid !important;
  grid-template-columns:minmax(175px,1.25fr) repeat(5,minmax(0,1fr)) !important;
  gap:5px !important;
  align-items:center !important;
  padding:6px !important;
  border-radius:9px !important;
}
.gl-r5r9-live-preview .gl-live-title{
  grid-column:auto !important;
  display:block !important;
  min-width:0 !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
}
.gl-r5r9-live-preview .gl-live-title small{
  display:block !important;
  margin-top:2px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:9px !important;
  line-height:1.1 !important;
}
.gl-live-metric{
  min-width:0 !important;
  padding:5px 6px !important;
  border-radius:7px !important;
}
.gl-live-metric span{
  font-size:8px !important;
  line-height:1.1 !important;
}
.gl-live-metric strong{
  margin-top:1px !important;
  font-size:11.5px !important;
  line-height:1.15 !important;
}

html[data-diamond-theme] .warning-box,
html[data-diamond-theme] #warningBox{
  margin-top:6px !important;
  padding:8px 10px !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
}
html[data-diamond-theme] .btn-group{
  gap:8px !important;
  margin-top:6px !important;
}
html[data-diamond-theme] .btn-group button{
  height:38px !important;
  min-height:38px !important;
  padding:0 12px !important;
  font-size:13px !important;
  line-height:36px !important;
  border-radius:8px !important;
}
html[data-diamond-theme] .diamond-result{
  margin-top:8px !important;
}

/* Preserve one logical row per field group whenever desktop width genuinely permits. */
@media (min-width:1180px){
  .gl-cols-7{grid-template-columns:repeat(7,minmax(0,1fr)) !important;}
  .gl-cols-5{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
  .gl-cols-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}

@media (max-width:1179px){
  .gl-r5r9-live-preview{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .gl-r5r9-live-preview .gl-live-title{
    grid-column:1/-1 !important;
  }
}

@media (max-width:760px){
  html[data-diamond-theme] .container{padding:8px !important;gap:8px !important;}
  html[data-diamond-theme] .panel{padding:9px !important;}
  .gl-panel-heading{align-items:flex-start !important;flex-direction:column !important;}
  .gl-cols-7,.gl-cols-5,.gl-cols-4{grid-template-columns:1fr 1fr !important;}
  .gl-r5r9-live-preview{grid-template-columns:1fr 1fr !important;}
  .gl-r5r9-live-preview .gl-live-title{grid-column:1/-1 !important;}
}

@media (max-width:520px){
  .gl-cols-7,.gl-cols-5,.gl-cols-4{grid-template-columns:1fr !important;}
  .gl-r5r9-live-preview{grid-template-columns:1fr !important;}
  .gl-r5r9-live-preview .gl-live-title{grid-column:1 !important;}
}