/* Verified release cache recovery 2026-09-12: replace immutable URLs previously cached as HTML. */
/* Essential inputs first; detailed settings stay available on demand. */
.control-section { padding:32px; }
.section-heading { margin-bottom:28px; }
h2 { font-size:20px; font-weight:700; letter-spacing:-.4px; margin:0; }
.text-button {
    color:var(--color-primary); font-size:14px; font-weight:700;
    min-height:44px; background:transparent; padding:0; border:0;
}
.text-button:hover { text-decoration:underline; }
.mode-segments {
    display:grid; grid-template-columns:1fr 1fr 1.15fr; gap:4px; padding:4px;
    background:var(--color-card-alt); border:1px solid var(--color-border);
    border-radius:8px; margin-bottom:28px;
}
.mode-dropdown-option {
    min-height:46px; border:0; border-radius:5px; padding:8px 4px;
    font-size:15px; font-weight:650; color:var(--color-text-secondary); white-space:nowrap;
}
.mode-dropdown-option[aria-pressed="true"] {
    background:var(--color-card); color:var(--color-primary); box-shadow:0 1px 4px #0001;
}
.mode-dropdown-option:hover { color:var(--color-primary); }
.capital-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
#sell-mode-inputs .field:last-child { grid-column:1/-1; }
.ladder-fields,#floor-mode-container { margin-top:28px; }
.field { min-width:0; margin-top:24px; }
.capital-fields .field,.field:first-child { margin-top:0; }
.field-label {
    display:flex; align-items:center; justify-content:space-between; gap:4px;
    position:relative; min-width:0; min-height:32px; margin-bottom:8px;
}
.field label,.standalone-label { color:var(--color-text); font-size:16px; font-weight:600; }
.standalone-label { display:block; margin-bottom:12px; }
.helper-tooltip {
    position:relative; display:inline-grid; place-items:center; width:32px; height:32px;
    flex:0 0 32px; border:0; border-radius:50%; background:transparent;
    color:var(--color-text-muted); font-size:14px; font-weight:500;
}
.helper-tooltip:hover,.helper-tooltip:focus-visible {
    background:var(--color-card-muted); color:var(--color-primary);
}
.helper-tooltip-popup {
    position:absolute; top:100%; left:0; width:280px; max-width:calc(100vw - 40px);
    padding:16px; z-index:65; background:var(--color-card); color:var(--color-text-secondary);
    border:1px solid var(--color-border-strong); border-radius:8px; box-shadow:0 8px 20px #0002;
    font-size:16px; font-weight:400; text-align:left; line-height:1.6;
}
.input-wrap { position:relative; min-width:0; }
.input-prefix {
    position:absolute; left:14px; top:50%; transform:translateY(-50%);
    color:var(--color-text-muted); font:16px var(--font-mono); pointer-events:none;
}
.form-input {
    width:100%; min-width:0; min-height:50px; background:var(--color-input-bg);
    color:var(--color-text); border:1px solid var(--color-border-strong); border-radius:7px;
    padding:12px 14px; outline:none; font:400 17px/1.4 var(--font-mono);
}
.form-input.has-prefix { padding-left:30px; }
.form-input:focus {
    border-color:var(--color-primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 16%,transparent);
}
.form-input::placeholder { color:var(--color-text-muted); }
.input-helper-text { color:var(--color-text-muted); font-size:14px; line-height:1.6; margin:10px 0 0; }
.compact-input { width:68px; min-height:44px; padding:8px; text-align:center; font-size:16px; }
input[type="range"] {
    display:block; width:100%; height:44px; margin:8px 0; appearance:none;
    -webkit-appearance:none; background:transparent; cursor:pointer; accent-color:var(--color-primary);
}
input[type="range"]::-webkit-slider-runnable-track { height:5px; background:var(--color-border); border-radius:4px; }
input[type="range"]::-webkit-slider-thumb {
    appearance:none; -webkit-appearance:none; width:22px; height:22px; margin-top:-8px;
    border-radius:50%; background:var(--color-primary); border:3px solid var(--color-card);
    box-shadow:0 0 0 1px var(--color-primary);
}
input[type="range"]::-moz-range-track { height:5px; background:var(--color-border); border-radius:4px; }
input[type="range"]::-moz-range-thumb {
    width:16px; height:16px; border-radius:50%; background:var(--color-primary);
    border:3px solid var(--color-card); box-shadow:0 0 0 1px var(--color-primary);
}
input[type="range"]:focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }
.range-endpoints { display:flex; justify-content:space-between; gap:16px; color:var(--color-text-muted); font-size:14px; }
.segmented-control {
    display:flex; gap:4px; padding:4px; border:1px solid var(--color-border);
    border-radius:7px; background:var(--color-card-alt);
}
.segmented-control button {
    flex:1; min-height:44px; padding:8px 10px; border-radius:4px;
    color:var(--color-text-secondary); font-size:14px; font-weight:600;
}
.segmented-control button.active { background:var(--color-card); color:var(--color-text); box-shadow:0 1px 3px #0001; }
.value-tag { font-size:14px; color:var(--color-primary); padding:4px 8px; background:var(--color-card-muted); border-radius:4px; }
.fee-input-row { display:grid; grid-template-columns:96px minmax(0,1fr); gap:16px; }
.fee-type button { padding:8px; }
.disclosure-content select { font:16px var(--font-body); }
.setup-help {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    margin-top:20px; color:var(--color-text-muted); font-size:14px;
}
.refinements { padding:0 32px 16px; }
.refinements h3 {
    padding:28px 0 12px; border-top:1px solid var(--color-border); margin:0;
    font-size:16px; font-weight:650; color:var(--color-text-secondary);
}
.settings-disclosure + .settings-disclosure { border-top:1px solid var(--color-border); }
.settings-disclosure > summary,.orders-summary {
    display:flex; align-items:center; justify-content:space-between; gap:20px;
    padding:20px 0; cursor:pointer; list-style:none;
}
.settings-disclosure > summary::-webkit-details-marker,
.orders-summary::-webkit-details-marker,.view-settings > summary::-webkit-details-marker { display:none; }
.disclosure-text { display:flex; flex-direction:column; gap:6px; min-width:0; }
.disclosure-title { font-size:16px; font-weight:650; color:var(--color-text); }
.disclosure-caption { font-size:14px; font-weight:400; color:var(--color-text-muted); line-height:1.6; }
.disclosure-chevron { width:20px; height:20px; flex:0 0 20px; color:var(--color-text-secondary); }
details[open] > summary .disclosure-chevron { transform:rotate(180deg); }
.settings-disclosure > summary:hover .disclosure-title,.view-settings > summary:hover { color:var(--color-primary); }
.disclosure-content { padding:8px 0 28px; }
.view-settings { position:relative; }
.view-settings > summary {
    display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px;
    padding:8px 0; font-size:14px; font-weight:600; list-style:none; cursor:pointer;
}
.view-settings-content {
    position:absolute; right:0; top:calc(100% + 4px); width:280px; max-width:calc(100vw - 48px);
    padding:20px; background:var(--color-card); border:1px solid var(--color-border-strong);
    border-radius:9px; box-shadow:0 8px 24px #0002; z-index:15;
}
.view-settings-content > * + * { margin-top:20px; }
.view-settings-content .table-options { flex-direction:column; align-items:stretch; gap:16px; }
.disclosure-action { display:flex; align-items:center; gap:12px; color:var(--color-primary); font-size:14px; font-weight:650; }
.when-open,details[open] > summary .when-closed { display:none; }
details[open] > summary .when-open { display:inline; }