/* BIST uygulama kabuğu, tablolar, modal ve ekran boyutu stilleri. */
:root {
  --bg: #0d1117;
  --panel: #151a22;
  --panel-2: #1d2430;
  --text: #f3f6fa;
  --muted: #9aa8b8;
  --line: #2b3442;
  --accent: #38d39f;
  --accent-2: #55a7ff;
  --danger: #ff6b6b;
  --radius: 8px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, Segoe UI, Arial, sans-serif;
  letter-spacing: 0;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  border: 0;
  border-radius: var(--radius);
  background: var(--accent);
  color: #06100c;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
}

input,
textarea,
select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #0f141b;
  color: var(--text);
  padding: 11px 12px;
}

textarea {
  min-height: 94px;
  resize: vertical;
}





.wl-control {
  width: 170px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 6px 10px;
  font: inherit;
  background: #0f141b;
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  line-height: 1.4;
}

select.wl-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238a93a0' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
  cursor: pointer;
}

.wl-control:focus {
  outline: none;
  border-color: var(--accent);
}




.opportunities-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-bottom: 6px;
}

.opportunities-panel-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-left: auto;
}

.opportunities-freshness {
  display: grid;
  justify-items: end;
  gap: 2px;
  color: var(--muted);
  text-align: right;
  white-space: nowrap;
}

.opportunities-freshness span {
  font-size: 0.72em;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.opportunities-freshness strong {
  color: var(--text);
  font-size: 0.82em;
  font-variant-numeric: tabular-nums;
}

.opp-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.opp-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  font: inherit;
  font-size: 0.82em;
  font-weight: 600;
  background: var(--panel);
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 999px;
  cursor: pointer;
  line-height: 1.3;
  transition: background .12s, color .12s, border-color .12s;
}

.opp-filter:hover {
  border-color: var(--accent);
  color: var(--text);
}

.opp-filter .opp-pm {
  font-weight: 800;
  color: var(--accent);
}

.opp-filter .opp-cnt {
  font-size: 0.85em;
  color: var(--muted);
  font-weight: 500;
}





.opp-filter .opp-asof {
  font-size: 0.72em;
  color: var(--muted);
  opacity: 0.75;
  font-weight: 500;
  margin-left: 2px;
}

.opp-filter.active {

  background: rgba(154, 168, 184, 0.22);
  color: var(--text);
  border-color: rgba(154, 168, 184, 0.45);
  font-weight: 700;
}

.opp-filter.active .opp-pm {
  color: var(--text);
}

.opp-filter.active .opp-cnt {
  color: var(--muted);
}


.scn-tbl tbody td,
.wl-compact table tbody td,
#sugg-body table tbody td,
#disc-body table tbody td {
  font-variant-numeric: tabular-nums;
}



.scn-tbl tbody td span,
.scn-tbl tbody td strong,
.wl-compact table tbody td span,
#sugg-body table tbody td span,
#disc-body table tbody td span {
  font-size: 1em;
}

.hidden {
  display: none !important;
}

.login-view {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
}

.brand-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px;
  background:
    linear-gradient(135deg, rgba(56, 211, 159, 0.18), transparent 35%),
    linear-gradient(160deg, #101722, #0d1117);
}

.brand-panel h1 {
  font-size: clamp(64px, 12vw, 150px);
  margin: 0;
  letter-spacing: 0;
}

.brand-copy {
  max-width: 620px;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.45;
}

.eyebrow {
  color: var(--accent);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.brand-panel .eyebrow {
  font-size: 16px;
}

.safety-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.safety-strip span {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 8px 10px;
  color: var(--muted);
}

.login-card {
  align-self: center;
  margin: 40px auto;
  max-width: 420px;
  width: 100%;
  padding: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(21, 26, 34, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.login-card:hover {
  box-shadow: 0 32px 72px rgba(0, 0, 0, 0.5);
}

.ali-highlight {
  font-size: 21px;
  color: #4ade80;
  text-shadow: 0 0 12px rgba(74, 222, 128, 0.9);
  font-weight: bold;
}

.premium-login h2 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 28px;
  font-weight: 800;
  background: linear-gradient(135deg, #f3f6fa, #9aa8b8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.locale-picker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.login-locale-picker {
  margin: -8px 0 24px;
}

.premium-login .locale-picker label {
  display: block;
  margin: 0;
  white-space: nowrap;
}

.locale-picker select,
.locale-select-compact {
  width: auto;
  min-width: 132px;
  padding: 7px 30px 7px 10px;
  background-color: #0f141b;
  border: 1px solid var(--line);
  color: var(--text);
  cursor: pointer;
}

.premium-login label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  margin: 20px 0;
  font-size: 14px;
  font-weight: 600;
}

.premium-login input {
  background: #0f141b;
  border: 1px solid var(--line);
  color: var(--text);
  padding: 14px 16px;
  border-radius: 10px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.premium-login input:-webkit-autofill,
.premium-login input:-webkit-autofill:hover,
.premium-login input:-webkit-autofill:focus,
.premium-login input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #0f141b inset !important;
  -webkit-text-fill-color: var(--text) !important;
  transition: background-color 5000s ease-in-out 0s;
}

.premium-login input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(56, 211, 159, 0.2);
  outline: none;
}

.premium-btn {
  width: 100%;
  padding: 14px;
  border-radius: 10px;
  background: #22c55e;
  color: #fff;
  border: none;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  cursor: pointer;
  transition: 0.2s;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.4);
}

.premium-btn:hover {
  background: #16a34a;
  box-shadow: 0 0 15px rgba(34, 197, 94, 0.6);
  transform: scale(1.02);
}

.error-text {
  color: var(--danger);
  min-height: 20px;
}

.success-text {
  color: var(--accent);
  min-height: 20px;
}

.product-view {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 265px 1fr;
}

.sidebar {
  border-right: 1px solid var(--line);
  background: #0f141b;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.mark {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  white-space: nowrap;
  font-size: 26px;
  font-weight: 900;
}






.ali-brand-version {
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.06em;








  align-self: flex-end;
  margin-bottom: 4px;
}

.ali-connectivity-status {
  color: #ff4d5e;
  font-size: 0.46em;
  font-weight: 750;
  letter-spacing: 0.01em;
  text-shadow:
    0 0 4px rgba(255, 77, 94, 0.95),
    0 0 10px rgba(255, 38, 61, 0.62);
}


.ali-calc-status {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.02);
  font-size: 0.72rem;
  line-height: 1.5;
  color: var(--muted);
}

.ali-calc-status:empty {
  display: none;
}

.acs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.acs-title {
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.acs-recalc {
  width: 18px;
  height: 18px;
  min-width: 18px;
  padding: 0;
  border: 1px solid #60a5fa;

  border-radius: 3px;

  background: rgba(96, 165, 250, 0.18);

  color: #60a5fa;

  font-size: 0;

  line-height: 1;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 4px rgba(96, 165, 250, 0.45);

  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.acs-recalc:hover:not(:disabled) {
  background: rgba(96, 165, 250, 0.30);
  border-color: #93c5fd;
  box-shadow: 0 0 11px rgba(96, 165, 250, 0.95), 0 0 4px rgba(96, 165, 250, 0.7);

}

.acs-recalc:disabled {
  cursor: default;
  opacity: 0.85;
}


.acs-recalc.running {
  color: #10b981;
  border-color: #10b981;
  background: rgba(16, 185, 129, 0.18);
  box-shadow: 0 0 11px rgba(16, 185, 129, 0.9);

  animation: acs-spin 0.9s linear infinite;

}

.acs-recalc.cache-error {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.18);
  color: #ef4444;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.7);
}

@keyframes acs-spin {
  to {
    transform: rotate(360deg);
  }
}



.acs-last {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.acs-warn {
  color: #fbbf24;
  font-weight: 600;
}

.sidebar nav {
  display: grid;
  gap: 8px;
}

.sidebar button {
  background: transparent;
  color: var(--muted);
  text-align: left;
}

.sidebar nav button {
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.nav-icon {
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.92;
}

.sidebar button.active {
  background: var(--panel-2);
  color: var(--text);
}


















.sidebar nav button > span:not(.nav-badge) {
  transition: color 0.16s ease, text-shadow 0.16s ease;
}

.sidebar nav button:hover > span:not(.nav-badge) {
  color: var(--text);
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.45),
    0 0 10px rgba(255, 255, 255, 0.18);
}

.nav-badge {
  margin-left: auto;
  background: rgba(255, 255, 255, 0.08);
  color: var(--text);
  border-radius: 10px;
  padding: 2px 7px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}

.ghost-button {
  margin-top: auto;
  margin-bottom: 24px;
  border: 1px solid var(--line);
  text-align: center !important;
  justify-content: center !important;
}










.sidebar-nav-group {
  padding: 10px 14px 2px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--muted);
  opacity: 0.72;
  pointer-events: none;
  user-select: none;
}



.sidebar-nav-separator + .sidebar-nav-group {
  padding-top: 0;
}

.sidebar-nav-separator {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  pointer-events: none;
}

.sidebar-nav-separator::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

.sidebar nav button.nav-logout .nav-icon {
  color: #f87171;
  stroke: #f87171;
}

.content {
  min-width: 0;
  padding: 24px;
}

.topbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.topbar h2 {
  margin: 0;
}

.topbar-account {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}



.topbar-portfolio-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 18px;
}

.topbar-portfolio-actions:empty {
  display: none;
}

#view-title {
  display: flex;
  align-items: center;
  gap: 9px;
}

.view-heading {
  min-width: 0;
}

.view-description {
  max-width: 760px;
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.title-icon {
  opacity: 1;

  stroke-width: 2.1;
}

.session-user {
  color: var(--text);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-soft);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.9em;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);

  gap: 14px;
}




.grid>* {
  min-width: 0;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

.panel,
.metric,
.table-wrap {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}

.table-wrap {
  overflow-x: auto;
}

.panel,
.metric {
  padding: 16px;
}

.metric strong {
  display: block;
  font-size: 28px;
}

.muted {
  color: var(--muted);
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  border-bottom: 1px solid var(--line);
  padding: 11px 12px;
  text-align: left;
  vertical-align: top;
}

tbody tr:nth-child(even) {
  background-color: rgba(148, 163, 184, 0.045);

}

tbody tr:hover {
  background-color: rgba(148, 163, 184, 0.1);
}

th {
  color: var(--muted);
  font-size: 16px;
}

.table-sort-button {
  background: transparent;
  color: var(--muted);
  border: 0;
  padding: 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.table-sort-button:hover,
.table-sort-button:focus {
  color: var(--text);
  background: transparent;
}

.table-sort-icon {
  display: inline-block;
  margin-left: 3px;
  color: var(--accent);
  font-size: 14px;
}

.live-capture-json {
  max-width: 520px;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--muted);
  font-size: 12px;
}

.live-capture-parser-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.6fr) minmax(220px, 1fr);
  gap: 12px;
  margin: 12px 0;
}

.live-capture-research-panel label {
  display: grid;
  gap: 6px;
  color: var(--muted);
}

.live-capture-result-summary {
  margin-top: 12px;
}

.live-capture-result-summary .live-capture-json {
  max-width: 100%;
}

.live-capture-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
}

.live-capture-summary-card {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 14px;
}

.live-capture-summary-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.live-capture-summary-card strong {
  font-size: 24px;
  line-height: 1.15;
}

.live-capture-status-badge {
  display: inline-block;
  min-width: 62px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.live-capture-status-ok {
  border: 1px solid #22c55e;
  background: rgba(34, 197, 94, 0.16);
  color: #86efac;
}

.live-capture-status-missing {
  border: 1px solid #ef4444;
  background: rgba(239, 68, 68, 0.16);
  color: #fca5a5;
}

.live-capture-status-optional {
  border: 1px solid #f59e0b;
  background: rgba(245, 158, 11, 0.16);
  color: #fcd34d;
}

.live-capture-status-nodata {
  border: 1px solid #64748b;
  background: rgba(100, 116, 139, 0.16);
  color: #cbd5e1;
}

.live-capture-status-stale {
  border: 1px solid #f59e0b;
  background: rgba(245, 158, 11, 0.12);
  color: #fcd34d;
}

.live-capture-status-error {
  border: 1px solid #ef4444;
  background: rgba(239, 68, 68, 0.22);
  color: #fca5a5;
}

.live-capture-table-panel {
  padding: 0;
  overflow: hidden;
}

.live-capture-table-panel .table-wrap {
  border: 0;
  border-radius: 0;
}

.live-capture-empty-state {
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
}

.live-capture-artifact-status {
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  color: #86efac;
  font-weight: 700;
}

.live-capture-diagnostics-summary .table-wrap {
  margin-top: 12px;
}

.live-capture-dev-tools summary {
  cursor: pointer;
  color: var(--text);
  font-weight: 800;
}

.live-capture-dev-section {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.live-capture-raw-diagnostics {
  margin-top: 8px;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.actions button {
  background: var(--panel-2);
  color: var(--text);
  border: 1px solid var(--line);
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.62);
}

.modal {
  width: min(560px, 100%);
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 18px;
}

.modal label {
  display: grid;
  gap: 6px;
  color: var(--muted);
}

.modal fieldset {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  display: grid;
  gap: 8px;
}

.modal-drag-handle {
  cursor: move;
  user-select: none;
}

.modal>h3.modal-drag-handle {
  margin: -18px -18px 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}

.chart-modal,
.chart-modal-panel {
  width: min(1100px, calc(100vw - 48px));
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  background: #0c1a2e;
  border: 1px solid #1e3a5f;
}

.chart-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #334155;
  cursor: move;
  user-select: none;
  background: #0c1a2e;
}

.chart-modal-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #f1f5f9;
}

.chart-modal.dragging {
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

.chart-modal-close {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  margin-left: auto;
  position: relative;
  z-index: 2;
  border: 1px solid #334155;
  border-radius: 4px;
  background: #1e293b;
  color: #94a3b8;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.chart-modal-close:hover,
.chart-modal-close:focus {
  background: #334155;
  color: #f1f5f9;
  border-color: #475569;
}

.chart-modal-body {
  min-width: 0;
  min-height: 0;
  padding: 14px;
  box-sizing: border-box;
  overflow: hidden;
  background: #0f172a;
}


.app-modal {
  width: min(var(--app-modal-width, 560px), calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.app-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  cursor: move;
  user-select: none;
}

.app-modal-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--text);
}

.app-modal.dragging {
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

.app-modal-body {
  min-width: 0;
  min-height: 0;
  padding: 16px;
  overflow-y: auto;
  display: grid;
  gap: 12px;
  align-content: start;
}

.app-modal.app-modal-overflow-visible,
.app-modal.app-modal-overflow-visible .app-modal-body {
  overflow: visible;
}











.chart-fullscreen-modal {
  width: 100%;
  max-width: 100%;
  min-width: min(560px, 100%);
  height: 100%;
  max-height: 100%;
  min-height: min(420px, 100%);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  resize: both;
}



.modal-backdrop.chart-modal-backdrop {
  padding: 0;
}

.chart-fullscreen-modal .chart-modal-header {
  align-items: flex-start;
  flex-wrap: wrap;
}

.chart-fullscreen-modal .chart-modal-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.chart-modal-refresh-row,
.chart-modal-header-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}

.chart-modal-refresh-row {
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 400;
}

.chart-modal-header-actions button {
  padding: 2px 10px;
  font-size: 0.78em;
  background: #1e293b;
  color: #94a3b8;
  border: 1px solid #334155;
  border-radius: 4px;
  font-weight: 600;
}

.chart-modal-header-actions button:hover {
  background: #334155;
  color: #f1f5f9;
}


.chart-symbol-combo-input {
  color-scheme: dark;
  padding: 2px 8px;
  font-size: 0.78em;
  width: 100px;
  background: #1e293b;
  color: #e2e8f0;
  border: 1px solid #334155;
  border-radius: 4px;
  font-weight: 600;
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s ease;
}

.chart-symbol-combo-input::placeholder {
  color: #64748b;
  font-weight: 400;
}

.chart-symbol-combo-input:focus {
  border-color: #3b82f6;
  background: #0f172a;
}

.chart-symbol-combo {
  position: relative;
  flex: 0 0 auto;
  width: 124px;
  min-width: 0;
}

.chart-symbol-combo .chart-symbol-combo-input {
  width: 100%;
}

.chart-symbol-listbox {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 60;
  width: min(340px, calc(100vw - 56px));
  min-width: 260px;
  max-height: 260px;
  overflow-y: auto;
  padding: 4px;


  background: var(--panel-2);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 4px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.42);
}

.chart-symbol-listbox[hidden] {
  display: none;
}

.chart-symbol-option,
.chart-symbol-option-empty {
  width: 100%;
  min-height: 30px;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 6px 8px;
  background: transparent;
  color: var(--text);
  border: 0;
  border-radius: 4px;
  text-align: left;
  font-size: 0.78em;
  font-weight: 600;
}

.chart-symbol-option-empty {
  display: block;
  color: var(--muted);
}

.chart-symbol-option:hover,
.chart-symbol-option:focus,
.chart-symbol-option[aria-selected="true"] {
  background: var(--line);
  color: var(--text);
  outline: none;
}

.chart-symbol-option-symbol {
  color: #93c5fd;
  white-space: nowrap;
}

.chart-symbol-option-name {
  min-width: 0;
  overflow: hidden;
  color: #cbd5e1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-symbol-option:hover .chart-symbol-option-name,
.chart-symbol-option:focus .chart-symbol-option-name,
.chart-symbol-option[aria-selected="true"] .chart-symbol-option-name {
  color: #f8fafc;
}

.chart-symbol-listbox::-webkit-scrollbar {
  width: 8px;
}

.chart-symbol-listbox::-webkit-scrollbar-track {
  background: #0f172a;
}

.chart-symbol-listbox::-webkit-scrollbar-thumb {
  background: #475569;
  border-radius: 999px;
}

.chart-modal-layout-select {
  color-scheme: dark;
  flex: 0 0 auto;
  width: auto;
  min-width: 108px;
  max-width: 124px;
  padding: 2px 28px 2px 8px;
  font-size: 0.78em;
  background: #1e293b;
  color: #e2e8f0;
  border: 1px solid #334155;
  border-radius: 4px;
  font-weight: 600;
  font-family: inherit;
  outline: none;
}

.chart-modal-layout-select:focus {
  border-color: #3b82f6;
  background: #0f172a;
}





.chart-mtf-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 14px;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.chart-mtf-grid[data-chart-pane-count="one"] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}

.chart-mtf-grid[data-chart-pane-count="two"][data-chart-layout="horizontal"] {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1.25fr) minmax(0, 1fr);
}

.chart-mtf-grid[data-chart-pane-count="two"][data-chart-layout="vertical"] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}

.chart-mtf-panel[data-chart-pane-hidden="true"] {
  display: none;
}

.chart-mtf-panel {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid #334155;
  border-radius: 6px;
  background: #0f172a;
  overflow: hidden;
}



.chart-mtf-panel.is-active-source {
  border-color: #475569;
  box-shadow: inset 0 0 0 1px rgba(71, 85, 105, 0.5);
}

.chart-mtf-panel.is-active-source .chart-mtf-panel-header {
  background: rgba(71, 85, 105, 0.22);
}



.chart-mtf-panel-header {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
  padding: 3px 10px;
  border-bottom: 1px solid #334155;
}

.chart-mtf-panel-header strong {
  display: block;
  margin-bottom: 0;
}

.chart-mtf-toolbar {
  justify-content: flex-end;
}

.chart-mtf-toolbar button {
  min-width: 26px;
  padding: 2px 7px;
}

.chart-mtf-chart-body {
  position: relative;
  min-width: 0;
  min-height: 0;
  display: flex;
  padding: 0;
  overflow: hidden;
}


.chart-trendlevel-badge {
  position: absolute;
  left: 16px;
  bottom: 30px;
  z-index: 7;
  background: transparent;
  border: none;
  box-shadow: none;
  pointer-events: none;
  line-height: 1.05;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}

.chart-trendlevel-arsi {
  font-size: 1.55em;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.chart-trendlevel-name {
  font-size: 0.92em;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-top: 1px;
}

.chart-trendlevel-bull .chart-trendlevel-arsi,
.chart-trendlevel-bull .chart-trendlevel-name {
  color: #22c55e;
}

.chart-trendlevel-bear .chart-trendlevel-arsi,
.chart-trendlevel-bear .chart-trendlevel-name {
  color: #ef4444;
}

.chart-trendlevel-neutral .chart-trendlevel-arsi,
.chart-trendlevel-neutral .chart-trendlevel-name {
  color: #eab308;
}





.chart-mtf-chart-body .chart-scroll-shell {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0 10px 10px;
}



.chart-mtf-chart-body .chart-scroll-viewport {
  flex: 1 1 auto;
  min-height: 0;
}

.chart-mtf-chart-body .decision-chart-svg {
  height: 100%;
  min-height: 190px;
}

.chart-timeframe-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}


.chart-timeframe-tabs button {
  background: #1e293b;
  color: #64748b;
  border: 1px solid #334155;
  border-radius: 4px;
  font-size: 0.70em;
  font-weight: 600;
  padding: 2px 7px;
}

.chart-timeframe-tabs button:hover {
  background: #334155;
  color: #94a3b8;
}

.chart-timeframe-tabs button.active {
  background: #1e3a5f;
  color: #7dd3fc;
  border-color: #1e3a5f;
}

.chart-scroll-shell {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 12px 12px 12px;
  overflow: hidden;
}

.chart-scroll-viewport,
.decision-chart-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-color: var(--line) var(--panel);
  box-sizing: border-box;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080d13;
  contain: layout paint;
  position: relative;
}







.chart-scroll-viewport,
.decision-chart-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.chart-scroll-viewport::-webkit-scrollbar,
.decision-chart-scroll::-webkit-scrollbar {
  height: 0;
  width: 0;
  display: none;
}





.chart-hscroll {
  position: relative;
  height: 12px;
  margin-top: 6px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.10);
  border: 1px solid var(--line);
  touch-action: none;
  cursor: pointer;
}

.chart-hscroll-thumb {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  min-width: 28px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.55);
  touch-action: none;
  cursor: grab;
  transition: background 0.15s ease;
}

.chart-hscroll-thumb:hover { background: rgba(148, 163, 184, 0.75); }
.chart-hscroll.suruklu .chart-hscroll-thumb { background: var(--accent); cursor: grabbing; }


@media (pointer: coarse) {
  .chart-hscroll { height: 16px; }
  .chart-hscroll-thumb { min-width: 40px; }
}







* {
  scrollbar-color: var(--line) var(--panel);

  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background: var(--panel);
}

*::-webkit-scrollbar-track {
  background: var(--panel);
}

*::-webkit-scrollbar-thumb {
  background: var(--line);
  border: 3px solid var(--panel);
  border-radius: 999px;
}

*::-webkit-scrollbar-corner {
  background: var(--panel);
}

.chart-drag-pan-enabled {
  cursor: grab;
}




.chart-drag-pan-enabled.dragging {
  cursor: grabbing;
  user-select: none;
}

.decision-chart-viewport {
  min-width: 0;
}

.chart-panel-viewport {
  position: relative;
  scroll-padding-right: 84px;
  padding-right: 72px;
}

.chart-viewport-watermark {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 0;
  min-width: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(132px);
  color: rgba(148, 163, 184, 0.16);
  font-size: 90px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.chart-panel-viewport-overlay {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  width: 100%;
  min-width: 100%;
  height: 0;
  overflow: visible;
  pointer-events: none;
}

.chart-body-content {
  min-width: 0;
}

.chart-loading,
.chart-warning {
  color: #64748b;
  font-size: 0.78em;
  min-height: 18px;
}

.chart-warning:not(:empty) {
  color: #facc15;
}

.chart-warning:empty {
  display: none;
}

.chart-svg,
.decision-chart-svg {
  display: block;
  max-width: none;
  user-select: none;
}

.decision-chart-svg {
  position: relative;
  z-index: 1;
}



.chart-vert-stack {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.chart-vert-stack .chart-scroll-shell {
  min-height: 0;
}

.chart-vert-stack .decision-chart-svg {
  min-height: 0;
}

.chart-tdfi-shell {
  position: relative;
  flex: 0 0 28%;
  min-height: 54px;
  max-height: 110px;
  min-width: 0;
  display: flex;
  padding: 2px 10px 8px;
}

[data-chart-panel-id="decision-chart-panel-1"] .chart-vert-stack .chart-scroll-shell {
  flex: 1.25 1 0%;
}

[data-chart-panel-id="decision-chart-panel-1"] .chart-tdfi-shell {
  flex: 0.25 1 0%;
  max-height: none;
  min-height: 0;
}

[data-chart-panel-id="decision-chart-panel-2"] .chart-vert-stack .chart-scroll-shell {
  flex: 1.875 1 0%;
}

[data-chart-panel-id="decision-chart-panel-2"] .chart-tdfi-shell {
  flex: 0.5 1 0%;
  max-height: none;
  min-height: 0;
}

.chart-tdfi-viewport {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #080d13;
  position: relative;
  contain: layout paint;


  padding-right: 72px;
}

.chart-tdfi-svg {
  display: block;
  height: 100%;
  max-width: none;
}

.chart-tdfi-caption {
  position: absolute;
  left: 18px;
  top: 6px;
  z-index: 2;
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  pointer-events: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

.chart-tdfi-axis {
  fill: #94a3b8;
  font-size: 11px;
}

.chart-technical-line {
  pointer-events: none;
  fill: none;
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
  opacity: 0.88;
}









:root {
  --chart-ema-50: #ffd429;
  --chart-ema-100: #3aa3ff;
  --chart-ema-200: #ff5252;
}

.chart-ema-50 {
  stroke: var(--chart-ema-50);
  filter: drop-shadow(0 0 1.3px rgba(255, 212, 41, 0.85));
}

.chart-ema-100 {
  stroke: var(--chart-ema-100);
  filter: drop-shadow(0 0 1.3px rgba(58, 163, 255, 0.85));
}

.chart-ema-200 {
  stroke: var(--chart-ema-200);
  filter: drop-shadow(0 0 1.3px rgba(255, 82, 82, 0.85));
}





.chart-price-scale-ema {
  font-weight: 700;
  opacity: 0.95;
}

.chart-price-scale-ema-50 {
  color: var(--chart-ema-50);
}

.chart-price-scale-ema-100 {
  color: var(--chart-ema-100);
}

.chart-price-scale-ema-200 {
  color: var(--chart-ema-200);
}


.chart-ema-line {
  stroke-width: 1.0;
  opacity: 1;
}








.chart-acc-dist-box text {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(var(--chart-label-unstretch, 1));
}






.chart-gap-diamond text {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(var(--chart-label-unstretch, 1));
}





.chart-crosshair-layer {
  pointer-events: none;
}

.chart-crosshair-line {
  stroke: rgba(148, 163, 184, 0.45);
  stroke-width: 0.7px;
  stroke-dasharray: 2.5 2.5;
  pointer-events: none;
}




.chart-crosshair-price-label {
  position: absolute;
  right: 0;
  z-index: 26;
  transform: translateY(-50%);
  padding: 1px 5px;
  border-radius: 5px;
  background: #334155;
  color: #f8fafc;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(5, 10, 18, 0.55);
}

.chart-crosshair-timestamp,
.chart-mtf-crosshair-timestamp,
.chart-crosshair-time-label {
  display: none;
  position: absolute;
  left: 8px;
  bottom: 10px;
  z-index: 26;
  pointer-events: none;
  padding: 2px 7px;
  border-radius: 5px;
  background: #334155;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(5, 10, 18, 0.55);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.08s ease, transform 0.08s ease;
}

.chart-crosshair-time-label-visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.chart-hover-overlay {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 5;
  pointer-events: none;
  max-width: calc(100% - 24px);
  background: rgba(5, 10, 18, 0.72);
  border: 1px solid rgba(45, 212, 191, 0.18);
  border-radius: var(--radius);
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.4;
  color: #dbeafe;
  font-weight: 400;
  backdrop-filter: blur(4px);
}

.chart-hover-overlay * {
  font-weight: 400;
}

.chart-ohlcv-overlay-sticky {
  position: absolute;
  top: 8px;
  left: 8px;
  right: auto;
  z-index: 20;
  max-width: min(430px, calc(100% - 24px));

}

.chart-hover-overlay-symbol {
  color: var(--text);
}

.chart-hover-overlay-time {
  color: #bfdbfe;
}

.chart-hover-overlay-trend-level {
  color: #fde68a;
}

.chart-price-scale-sticky {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
  width: 78px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(8, 13, 19, 0), rgba(8, 13, 19, 0.92) 28%);
  border-left: 1px solid rgba(148, 163, 184, 0.16);
}

.chart-price-scale-tick {
  position: absolute;
  right: 8px;
  min-width: 60px;
  padding: 2px 4px;
  border-radius: 5px;
  background: rgba(5, 10, 18, 0.66);
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-align: right;
}

.chart-hover-overlay-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  white-space: normal;
}

.chart-hover-positive {
  color: var(--accent);
}

.chart-hover-negative {
  color: var(--danger);
}

.chart-hover-muted {
  color: var(--muted);
}

.chart-grid {
  stroke: #1d2834;
  stroke-width: 1;
}

.chart-price-label,
.chart-time-label {
  fill: var(--muted);
  font-size: 12px;
}

.candle-up line,
.candle-up rect {
  stroke: #38d39f;
  fill: #38d39f;
  fill-opacity: 0.82;
  stroke-opacity: 0.82;
}

.candle-down line,
.candle-down rect {
  stroke: #ff6b6b;
  fill: #ff6b6b;
  fill-opacity: 0.82;
  stroke-opacity: 0.82;
}


.chart-signal-label {
  pointer-events: none;












  transform-box: fill-box;
  transform-origin: center;






  transform: scale(var(--chart-label-scale, 1.18)) scaleY(var(--chart-label-unstretch, 1));
}











.chart-tx-label {
  pointer-events: none;
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(var(--chart-label-unstretch, 1));
  opacity: 0.9;
}

.chart-tx-label text { font-size: 8px; font-weight: 600; font-family: inherit; }




.chart-tx-peak text { letter-spacing: 0.2px; }
.chart-tx-deep text { letter-spacing: 0.2px; }

.chart-signal-label text {
  font-size: 8.5px;
  font-weight: 700;
  font-family: inherit;
}

.chart-signal-buy rect {
  fill: #1c7d55;
  fill-opacity: 0.55;
  stroke: #38d39f;
  stroke-width: 0.6;
}

.chart-signal-buy polygon {
  fill: #1c7d55;
  fill-opacity: 0.55;
}

.chart-signal-buy text {
  fill: #eafff5;
}

.chart-signal-sell rect {
  fill: #9e3b3b;
  fill-opacity: 0.55;
  stroke: #ff6b6b;
  stroke-width: 0.6;
}

.chart-signal-sell polygon {
  fill: #9e3b3b;
  fill-opacity: 0.55;
}

.chart-signal-sell text {
  fill: #fff0f0;
}





.chart-signal-reduce rect {
  fill: #b35600;
  fill-opacity: 0.55;
  stroke: #ff9d42;
  stroke-width: 0.6;
}

.chart-signal-reduce polygon {
  fill: #b35600;
  fill-opacity: 0.55;
}

.chart-signal-reduce text {
  fill: #fff0e0;
}

.chart-signal-level text {
  fill: var(--muted);
  font-size: 8px;
  font-weight: 600;
}




.chart-ali-buy rect {
  fill: #0a4a2e;
  fill-opacity: 0.85;
  stroke: #22c55e;
  stroke-width: 1.5;
}

.chart-ali-buy polygon {
  fill: #0a4a2e;
  fill-opacity: 0.85;
}

.chart-ali-buy text {
  fill: #bbf7d0;
  font-size: 8px;
}

.chart-ali-buy-gr rect {
  fill: #3a4a0a;
  fill-opacity: 0.85;
  stroke: #eab308;
  stroke-width: 1.5;
}

.chart-ali-buy-gr polygon {
  fill: #3a4a0a;
  fill-opacity: 0.85;
}

.chart-ali-buy-gr text {
  fill: #fef08a;
  font-size: 8px;
}

.chart-ali-sell rect {
  fill: #5c1010;
  fill-opacity: 0.85;
  stroke: #ef4444;
  stroke-width: 1.5;
}

.chart-ali-sell polygon {
  fill: #5c1010;
  fill-opacity: 0.85;
}

.chart-ali-sell text {
  fill: #fecaca;
  font-size: 8px;
}

.chart-ali-add rect {
  fill: #0a3a5e;
  fill-opacity: 0.85;
  stroke: #3b82f6;
  stroke-width: 1.5;
}

.chart-ali-add polygon {
  fill: #0a3a5e;
  fill-opacity: 0.85;
}

.chart-ali-add text {
  fill: #bfdbfe;
  font-size: 8px;
}

.chart-ali-reduce rect {
  fill: #5c3a10;
  fill-opacity: 0.85;
  stroke: #f59e0b;
  stroke-width: 1.5;
}

.chart-ali-reduce polygon {
  fill: #5c3a10;
  fill-opacity: 0.85;
}

.chart-ali-reduce text {
  fill: #fef3c7;
  font-size: 8px;
}

.modal fieldset label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.modal fieldset input {
  width: auto;
}

@media (max-width: 840px) {

  .login-view,
  .product-view {
    grid-template-columns: 1fr;
  }

  .brand-panel {
    padding: 32px;
  }

  .sidebar {
    position: static;
  }
}





.feedback-action-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.feedback-action-menu-trigger,
.feedback-action-menu-trigger-green {
  min-width: 34px;
  height: 30px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.14);
  color: #16a34a;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.feedback-action-menu-trigger:hover,
.feedback-action-menu-trigger-green:hover,
.feedback-action-menu:hover .feedback-action-menu-trigger,
.feedback-action-menu:hover .feedback-action-menu-trigger-green {
  background: rgba(34, 197, 94, 0.24);
  border-color: rgba(34, 197, 94, 0.72);
  color: #15803d;
}

.feedback-action-menu-panel,
.feedback-action-menu-popover {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 1000;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: var(--panel-2);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
  white-space: nowrap;
}

.feedback-action-menu-panel[hidden],
.feedback-action-menu-popover[hidden] {
  display: none !important;
}

.feedback-action-menu-panel button,
.feedback-action-menu-popover button {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  border-radius: 9px;
  padding: 7px 10px;
}

.feedback-action-menu-panel button:hover,
.feedback-action-menu-popover button:hover {
  background: rgba(15, 23, 42, 0.06);
}



.feedback-action-menu-panel button:hover,
.feedback-action-menu-panel button:focus,
.feedback-action-menu-popover button:hover,
.feedback-action-menu-popover button:focus {
  background: rgba(15, 23, 42, 0.92);
  color: #ffffff;
  border-color: rgba(15, 23, 42, 0.92);
}

.feedback-action-menu-panel button:hover *,
.feedback-action-menu-panel button:focus *,
.feedback-action-menu-popover button:hover *,
.feedback-action-menu-popover button:focus * {
  color: #ffffff;
}



.feedback-action-menu-panel button:hover,
.feedback-action-menu-panel button:focus,
.feedback-action-menu-popover button:hover,
.feedback-action-menu-popover button:focus {
  background: rgba(148, 163, 184, 0.18);
  color: inherit;
  border-color: rgba(148, 163, 184, 0.35);
}

.feedback-action-menu-panel button:hover *,
.feedback-action-menu-panel button:focus *,
.feedback-action-menu-popover button:hover *,
.feedback-action-menu-popover button:focus * {
  color: inherit;
}






.decision-history-view {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
  max-width: 1200px;
}


.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: #3b82f6;
  color: #ffffff;
  transition: background 0.15s, opacity 0.15s;
}

.btn-primary:hover {
  background: #2563eb;
}

.btn-primary:active {
  background: #1d4ed8;
}

.btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid rgba(148, 163, 184, 0.5);
  background: transparent;
  color: var(--text-primary, #0f172a);
  transition: background 0.15s, border-color 0.15s;
}

.btn-ghost:hover {
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.7);
}

.btn-ghost:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}


.dh-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dh-header h2 {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--text-primary, #0f172a);
}

.dh-subtitle {
  font-size: 0.85rem;
  color: var(--text-muted, #64748b);
}


.dh-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.dh-filters input,
.dh-filters select {
  height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.5);
  border-radius: 8px;
  font-size: 0.875rem;
  background: var(--input-bg, #f8fafc);
  color: var(--text-primary, #0f172a);
  outline: none;
  transition: border-color 0.15s;
}

.dh-filters input:focus,
.dh-filters select:focus {
  border-color: #3b82f6;
  background: #fff;
}

.dh-filters input {
  width: 160px;
}

.dh-filters select {
  width: 140px;
}

.dh-total {
  font-size: 0.82rem;
  color: var(--text-muted, #64748b);
  margin-left: 4px;
}


.dh-table-wrap {
  overflow-x: auto;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: var(--panel-bg, #fff);
}


.dh-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.dh-table thead tr {
  background: rgba(148, 163, 184, 0.12);
}

.dh-table th {
  text-align: left;
  padding: 10px 14px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted, #64748b);
  white-space: nowrap;
  border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}

.dh-table td {
  padding: 10px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
  vertical-align: middle;
  color: var(--text-primary, #0f172a);
}

.dh-table tbody tr:hover {
  background: rgba(59, 130, 246, 0.04);
}

.dh-table tbody tr:last-child td {
  border-bottom: none;
}


.dh-reason-row td {
  padding: 4px 14px 10px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
  font-size: 0.82rem;
  color: var(--text-muted, #64748b);
  background: rgba(148, 163, 184, 0.04);
}

.dh-reason-row:hover td {
  background: rgba(59, 130, 246, 0.03);
}

.dh-reason-text {
  font-style: italic;
}

.dh-feedback-ts {
  margin-left: 6px;
  font-size: 0.78rem;
}


.dh-symbol {
  font-weight: 600;
  white-space: nowrap;
}

.dh-conf {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.dh-tf {
  color: var(--text-muted, #64748b);
}

.dh-date {
  white-space: nowrap;
  font-size: 0.82rem;
  color: var(--text-muted, #64748b);
}

.dh-actions {
  white-space: nowrap;
}

.dh-feedback-cell {
  white-space: nowrap;
}


.dh-paper {
  white-space: nowrap;
  font-size: 0.83rem;
}

.paper-action {
  font-weight: 700;
  font-size: 0.75rem;
  padding: 1px 6px;
  border-radius: 4px;
  display: inline-block;
}

.paper-buy {
  background: rgba(34, 197, 94, 0.12);
  color: #4ade80;
}

.paper-sell {
  background: rgba(239, 68, 68, 0.12);
  color: #f87171;
}

.paper-detail {
  font-variant-numeric: tabular-nums;
}

.paper-gross {
  font-size: 0.78rem;
}


.dh-pnl {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-size: 0.83rem;
  white-space: nowrap;
}

.pnl-pos {
  color: #4ade80;
  font-weight: 600;
}

.pnl-neg {
  color: #f87171;
  font-weight: 600;
}

.pnl-zero {
  color: var(--muted);
}


.badge {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  border: 1px solid transparent;
}

.badge-buy {
  background: rgba(34, 197, 94, 0.13);
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.22);
}

.badge-sell {
  background: rgba(239, 68, 68, 0.13);
  color: #f87171;
  border-color: rgba(239, 68, 68, 0.22);
}

.badge-hold {
  background: rgba(148, 163, 184, 0.1);
  color: #94a3b8;
  border-color: rgba(148, 163, 184, 0.18);
}

.badge-reduce {
  background: rgba(249, 115, 22, 0.13);
  color: #fb923c;
  border-color: rgba(249, 115, 22, 0.22);
}

.badge-watch {
  background: rgba(139, 92, 246, 0.13);
  color: #c084fc;
  border-color: rgba(139, 92, 246, 0.22);
}


.outcome-positive {
  color: #4ade80;
  font-weight: 600;
}

.outcome-negative {
  color: #f87171;
  font-weight: 600;
}

.outcome-neutral {
  color: var(--muted);
}


.feedback-correct {
  color: #4ade80;
  font-weight: 600;
}

.feedback-incorrect {
  color: #f87171;
  font-weight: 600;
}

.feedback-pending {
  color: var(--muted);
  font-size: 0.82rem;
}






.btn-action {
  display: inline-flex;
  align-items: center;
  background: var(--panel-2);
  color: var(--muted);
  border: 1px solid var(--line);
  font-weight: 600;
  font-size: 0.82em;
  padding: 4px 10px;
  border-radius: calc(var(--radius) - 2px);
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.45;
  min-width: 0;
}

.btn-action:hover:not([disabled]) {
  background: #1e2636;
  color: var(--text);
  border-color: #3b4a60;
}

.btn-action[disabled],
.btn-action:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}












.btn-action.btn-action--icon {
  gap: 6px;
  transition: color 0.2s, background 0.2s, border-color 0.2s, box-shadow 0.2s;
}


.btn-action.btn-action--icon svg {
  flex: 0 0 auto;
}

.btn-action.btn-action--glow:hover:not([disabled]) {
  color: #fff;
  background: #3b82f6;
  border-color: #3b82f6;
  box-shadow: 0 0 8px #3b82f6;
}

.btn-action.btn-action--danger {
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.45);
}

.btn-action.btn-action--danger:hover:not([disabled]) {
  color: #fff;
  background: #ef4444;
  border-color: #ef4444;
  box-shadow: 0 0 8px #ef4444;
}


.badge-status {
  display: inline-block;
  background: var(--panel-2);
  color: var(--muted);
  border: 1px solid var(--line);
  font-weight: 600;
  font-size: 0.82em;
  padding: 4px 10px;
  border-radius: calc(var(--radius) - 2px);
  white-space: nowrap;
  line-height: 1.45;
}


.pf-pnl-pos {
  color: #4ade80;
  font-weight: 600;
}

.pf-pnl-neg {
  color: #f87171;
  font-weight: 600;
}

.pf-pnl-zero {
  color: var(--muted);
}

.portfolio-total-row td {
  font-weight: 700;
  border-top: 2px solid var(--line);
  background: var(--panel-2);
  color: var(--text);
}



.tx-cell {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-wrap: nowrap;
}

.tx {
  font-weight: 700;
  font-size: 0.55em;
  white-space: nowrap;
  letter-spacing: 0px;
}

.tx-p3 {
  color: #4ade80;
}

.tx-p2 {
  color: #86efac;
}

.tx-p1 {
  color: #60a5fa;
}

.tx-z0 {
  color: var(--muted);
}

.tx-m1 {
  color: #fb923c;
}

.tx-m2 {
  color: #f87171;
}


.tx-score {
  font-size: 0.60em;
  color: #64748b;
  background: var(--panel-2);
  padding: 0 3px;
  border-radius: 2px;
  vertical-align: middle;
}


.tx-flags {
  font-size: 0.60em;
  letter-spacing: -1px;
  vertical-align: super;
  font-weight: 600;
}

.tx-v {
  color: #86efac;
}


.tx-f {
  color: #86efac;
}


.tx-obv {
  color: #fbbf24;
}


.tx-p {
  color: #f59e0b;
}


.tx-d {
  color: #60a5fa;
}


.tx-late {
  color: #ef4444;
  font-weight: 700;
}


.tx-breakout {
  color: #c084fc;
  font-weight: 700;
}


.tx-empty {
  color: var(--line);
}


.fnd-hi {
  color: #4ade80;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.fnd-mid {
  color: #fb923c;
}

.fnd-lo {
  color: var(--muted);
}


.tier-lbl {
  font-weight: 700;
  font-size: 0.78em;
  letter-spacing: 0.5px;
}

.tier-lbl.trendy {
  color: #a855f7;
}

.tier-lbl.candidate {
  color: #94a3b8;
}

.tier-lbl.rejected {
  color: #64748b;
}

.sc-count.trendy {
  color: #a855f7;
}

.sc-count.candidate {
  color: #94a3b8;
}
.sc-count.portfolio {
  color: #60a5fa;
}


.sc-count.rejected {
  color: #64748b;
}


.tier-lbl[data-tier-pop] {
  cursor: help;
}

.tier-crit-pop {
  position: fixed;
  z-index: 60;
  max-width: 360px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  padding: 10px 12px;
  font-size: 0.78em;
  color: var(--text);
  pointer-events: none;
}

.tier-crit-pop[hidden] {
  display: none;
}

.tier-crit-pop .tcp-head {
  font-weight: 700;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--line);
}

.tier-crit-pop .tcp-group {
  margin-top: 7px;
}

.tier-crit-pop .tcp-group-title {
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.92em;
  margin-bottom: 3px;
}

.tier-crit-pop ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 3px;
}

.tier-crit-pop li {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  line-height: 1.3;
}

.tier-crit-pop li.tcp-unmet {
  color: var(--muted);
}

.tier-crit-pop .tcp-yes {
  color: var(--accent);
  font-weight: 700;
}

.tier-crit-pop .tcp-no {
  color: var(--danger);
  font-weight: 700;
}


.score-comp-pop .scp-total {
  color: var(--accent);
}

.score-comp-pop .scp-list {
  margin-top: 4px;
}

.score-comp-pop .scp-list li {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  align-items: baseline;
}

.score-comp-pop .scp-lbl {
  font-weight: 700;
}

.score-comp-pop .scp-calc {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.score-comp-pop .scp-contr {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  min-width: 3.4em;
  text-align: right;
}

.score-comp-pop .scp-note {
  margin-top: 7px;
  padding-top: 6px;
  border-top: 1px solid var(--line);
  font-size: 0.92em;
}


.discover-pop .sdp-list {
  margin-top: 4px;
}

.discover-pop .sdp-list li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: baseline;
}

.discover-pop .sdp-name {
  font-weight: 600;
}

.discover-pop .sdp-val {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
  min-width: 4em;
  text-align: right;
}

.discover-pop .sdp-row {
  grid-template-columns: minmax(160px, 1fr) auto;
}

.discover-pop .sdp-detail {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.82em;
  line-height: 1.35;
  max-width: 360px;
}



.ai-reason-pop .arp-body {
  max-width: 420px;
  white-space: normal;
  line-height: 1.45;
  font-size: 0.86em;
  color: var(--fg);
  margin-top: 4px;
}


.intel-block {
  color: #f87171;
}

.intel-warn {
  color: #fcd34d;
}

.intel-ok {
  color: var(--line);
}


.discover-flag {
  color: #fbbf24;
  font-weight: 700;
  cursor: help;
  vertical-align: middle;
}

.discover-flag:hover {
  color: #fcd34d;
}


.port-sell {
  color: #f87171;
}

.port-hold {
  color: #fcd34d;
}

.port-buy {
  color: #86efac;
}

.port-new {
  color: #60a5fa;
}


.arsi-hi {
  color: #f87171;
}

.arsi-mid {
  color: #fcd34d;
}

.arsi-lo {
  color: #60a5fa;
}

.arsi-neu {
  color: var(--muted);
}

.liq-hi {
  color: #86efac;
}

.liq-lo {
  color: #f87171;
}


.scn-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.scn-card {
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 14px;
  min-width: 110px;
  flex: 1;
}

.scn-card .sc-label {
  font-size: 0.7em;
  color: var(--muted);
  margin-bottom: 3px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.scn-card .sc-count {
  font-size: 1.5em;
  font-weight: 700;
  display: block;
  line-height: 1.1;
}

.scn-card .sc-note {
  font-size: 0.67em;
  color: #64748b;
  margin-top: 4px;
}









.sg-panel {
  --sg-gecen: 148, 163, 184;
  --sg-portfoy: 96, 165, 250;
  --sg-elenen: 100, 116, 139;
  margin-bottom: 4px;
}

.sg-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}



.sg-yuz { stroke: rgba(255, 255, 255, 0.14); stroke-width: 0.8; }
.sg-on.sg-gecen     { fill: rgba(var(--sg-gecen), 0.42); }
.sg-ust.sg-gecen    { fill: rgba(var(--sg-gecen), 0.62); }
.sg-kapak.sg-gecen  { fill: rgba(var(--sg-gecen), 0.26); }
.sg-on.sg-elenen    { fill: rgba(var(--sg-elenen), 0.30); }
.sg-ust.sg-elenen   { fill: rgba(var(--sg-elenen), 0.46); }
.sg-kapak.sg-elenen { fill: rgba(var(--sg-elenen), 0.18); }


.sg-on.sg-artakalan    { fill: rgba(148, 163, 184, 0.12); }
.sg-ust.sg-artakalan   { fill: rgba(148, 163, 184, 0.20); }
.sg-kapak.sg-artakalan { fill: rgba(148, 163, 184, 0.08); }



.sg-bant {
  fill: rgba(var(--sg-portfoy), 0.72);
  stroke: rgba(var(--sg-portfoy), 0.95);
  stroke-width: 0.8;
}

.sg-spekuler { pointer-events: none; }



.sg-igne { stroke: rgba(148, 163, 184, 0.55); stroke-width: 1; fill: none; }
.sg-igne-uc { fill: rgba(148, 163, 184, 0.85); }




.sg-etiket {
  fill: var(--muted);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.sg-sayi { font-size: 30px; font-weight: 700; font-variant-numeric: tabular-nums; }
.sg-sayi-gecen   { fill: #94a3b8; }
.sg-sayi-portfoy { fill: #60a5fa; }
.sg-sayi-elenen  { fill: #64748b; }


.sg-evren {
  fill: var(--muted);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}




.sg-govde, .sg-spekuler {
  transform: scaleX(0);
  transform-origin: 46px 0;
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.sg-igneler, .sg-etiketler, .sg-evren {
  opacity: 0;
  transition: opacity 0.45s ease 0.35s;
}
.sg-hazir .sg-govde,
.sg-hazir .sg-spekuler { transform: scaleX(1); }
.sg-hazir .sg-igneler,
.sg-hazir .sg-etiketler,
.sg-hazir .sg-evren { opacity: 1; }


@media (prefers-reduced-motion: reduce) {
  .sg-govde, .sg-spekuler, .sg-igneler, .sg-etiketler, .sg-evren {
    transition: none;
  }
}



@media (max-width: 900px) {
  .sg-svg { min-width: 640px; }
  .sg-panel { overflow-x: auto; }
}







.pg-panel { margin: 2px 0; }
.pg-svg { display: block; width: 100%; height: auto; overflow: visible; }







.pg-yuz { stroke: rgba(255, 255, 255, 0.14); stroke-width: 0.8; }

.pg-on.pg-nakit           { fill: rgba(56, 211, 159, 0.62); }
.pg-ust.pg-nakit          { fill: rgba(56, 211, 159, 0.88); }
.pg-kapak.pg-nakit        { fill: rgba(56, 211, 159, 0.38); }

.pg-on.pg-ayrilmis        { fill: rgba(245, 158, 11, 0.62); }
.pg-ust.pg-ayrilmis       { fill: rgba(245, 158, 11, 0.88); }
.pg-kapak.pg-ayrilmis     { fill: rgba(245, 158, 11, 0.38); }

.pg-on.pg-ayrilmis-dolu   { fill: rgba(34, 197, 94, 0.62); }
.pg-ust.pg-ayrilmis-dolu  { fill: rgba(34, 197, 94, 0.88); }
.pg-kapak.pg-ayrilmis-dolu{ fill: rgba(34, 197, 94, 0.38); }

.pg-on.pg-pozisyon        { fill: rgba(59, 130, 246, 0.62); }
.pg-ust.pg-pozisyon       { fill: rgba(59, 130, 246, 0.88); }
.pg-kapak.pg-pozisyon     { fill: rgba(59, 130, 246, 0.38); }



.pg-on.pg-artakalan       { fill: rgba(148, 163, 184, 0.22); }
.pg-ust.pg-artakalan      { fill: rgba(148, 163, 184, 0.34); }
.pg-kapak.pg-artakalan    { fill: rgba(148, 163, 184, 0.14); }






.pg-on.pg-maliyet         { fill: rgba(37, 99, 235, 0.66); }
.pg-ust.pg-maliyet        { fill: rgba(37, 99, 235, 0.92); }
.pg-kapak.pg-maliyet      { fill: rgba(37, 99, 235, 0.42); }

.pg-on.pg-kazanc          { fill: rgba(125, 185, 255, 0.70); }
.pg-ust.pg-kazanc         { fill: rgba(147, 197, 253, 0.95); }
.pg-kapak.pg-kazanc       { fill: rgba(125, 185, 255, 0.46); }




.pg-kar   { fill: rgba(34, 197, 94, 0.30); stroke: rgba(34, 197, 94, 0.75); stroke-width: 1; }
.pg-zarar {
  fill: none;
  stroke: rgba(239, 68, 68, 0.85);
  stroke-width: 1.2;
  stroke-dasharray: 5 4;
}

.pg-spekuler { pointer-events: none; }




.pg-baslangic-cizgi {
  stroke: rgba(226, 232, 240, 0.9);
  stroke-width: 1.4;
  stroke-dasharray: 4 3;
}







.pg-hedef-cizgi {
  stroke: rgba(245, 158, 11, 0.85);
  stroke-width: 1.4;
  stroke-dasharray: 5 4;
}




.pg-igne { fill: none; stroke: rgba(148, 163, 184, 0.5); stroke-width: 1; }
.pg-igne-uc { fill: rgba(148, 163, 184, 0.85); }

.pg-ad {
  fill: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pg-deger { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pg-d-nakit         { fill: #38d39f; }
.pg-d-ayrilmis      { fill: #f59e0b; }
.pg-d-ayrilmis-dolu { fill: #22c55e; }




.pg-d-pozisyon      { fill: #93c5fd; }
.pg-d-maliyet       { fill: #3b82f6; }
.pg-d-baslangic     { fill: #e2e8f0; }
.pg-d-kar           { fill: #22c55e; }
.pg-d-zarar         { fill: #ef4444; }
.pg-d-gider         { fill: #ef4444; }
.pg-toplam-deger {
  fill: var(--text);
  font-size: 22px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}


.pg-disli {
  display: inline-block;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  color: var(--muted);
  transition: color .2s, filter .2s, transform .2s;
}
.pg-disli:hover, .pg-disli:focus {
  color: var(--accent);
  filter: drop-shadow(0 0 6px var(--accent));
  transform: scale(1.06);
  outline: none;
}


.pg-govde, .pg-referans {
  transform: scaleX(0);
  transform-origin: 46px 0;
  transition: transform .8s cubic-bezier(0.22, 1, 0.36, 1);
}
.pg-igneler, .pg-etiketler, .pg-toplam {
  opacity: 0;
  transition: opacity .45s ease .4s;
}
.pg-hazir .pg-govde,
.pg-hazir .pg-referans { transform: scaleX(1); }
.pg-hazir .pg-igneler,
.pg-hazir .pg-etiketler,
.pg-hazir .pg-toplam { opacity: 1; }


@media (prefers-reduced-motion: reduce) {
  .pg-govde, .pg-referans, .pg-igneler, .pg-etiketler, .pg-toplam { transition: none; }
}

@media (max-width: 900px) {
  .pg-svg { min-width: 760px; }
  .pg-panel { overflow-x: auto; }
}

/* ─── Scanner inline data table ────────────────────────────────────── */
.scn-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75em;
}

.scn-tbl thead th {
  padding: 6px 8px;
  text-align: left;
  color: var(--muted);
  font-size: 0.9em;
  font-weight: 700;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  vertical-align: bottom;
}

.scn-tbl tbody td {
  padding: 6px 8px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  vertical-align: middle;
}

.scn-tbl tbody tr:last-child td {
  border-bottom: 0;
}












.otonom-pos-tbl thead th,
.otonom-pos-tbl tbody td {
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
}

.otonom-pos-tbl thead th {
  letter-spacing: 0;
}


.otonom-pos-tbl tbody td {
  padding-top: 5px;
  padding-bottom: 5px;
}













.hedef-deger { font-variant-numeric: tabular-nums; }

.hedef-disli {
  background: transparent;
  border: none;
  padding: 0 0 0 6px;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.2s, transform 0.2s;
}

.otonom-pos-tbl tr:hover .hedef-disli { opacity: 1; }
.hedef-disli:hover { transform: scale(1.2); }


.sym-cell {
  font-weight: 700;
  color: var(--text);
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--line);
  white-space: nowrap;

}

.sym-cell:hover {
  color: var(--accent-2);
  text-decoration-color: var(--accent-2);
}

.scn-tbl .btn-action {
  font-size: 0.72em;
  padding: 2px 8px;
}

.scn-tbl th.quick-trade-col,
.scn-tbl td.quick-trade-cell {
  width: 48px;
  min-width: 44px;
  max-width: 54px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center !important;
  white-space: nowrap;
}

.scn-tbl th.quick-trade-col {
  font-size: 0.74em;
  line-height: 1.05;
  letter-spacing: 0;
}

.scn-tbl th.row-number-col,
.scn-tbl td.row-number-cell {
  width: 36px;
  min-width: 32px;
  max-width: 42px;
  text-align: center !important;
}

.scn-tbl td.quick-trade-cell .glow-btn {
  margin-right: 2px;
}


.otonom-note-btn {
  background: transparent;
  color: inherit;
  padding: 2px 4px;
  font-size: 1.2rem;
  line-height: 1;
  opacity: 0.55;
  transition: opacity .12s ease, transform .12s ease;
}

.otonom-note-btn:hover:not([disabled]) {
  opacity: 1;
  transform: scale(1.18);
  background: transparent;
}

.otonom-note-btn[disabled],
.otonom-note-btn:disabled {
  opacity: 0.9;
  cursor: default;
  background: transparent;
}


.otonom-note-btn.noted {
  opacity: 1;
  color: var(--accent);
  font-weight: 700;
}


.note-item {
  padding: 8px 0;
  border-bottom: 1px solid var(--line);
}

.note-item:last-child {
  border-bottom: 0;
}

.note-src {
  font-size: 0.78em;
  padding: 1px 7px;
  border-radius: 6px;
  font-weight: 700;
}

.note-src-human {
  color: #06100c;
  background: var(--accent);
}

.note-src-ai {
  color: var(--text);
  background: #2a3340;
}



.otonom-tbl-pos thead th,
.otonom-tbl-pos tbody td {
  text-align: center;
}

.otonom-tbl-pos thead th:first-child,
.otonom-tbl-pos tbody td:first-child,
.otonom-tbl-pos thead th:last-child,
.otonom-tbl-pos tbody td:last-child {
  text-align: left;
}

.otonom-tbl-pos tbody td.otonom-pos-num {
  font-size: 0.75em;
  font-variant-numeric: tabular-nums;
}

.otonom-tbl-pos tbody td.otonom-pos-num span,
.otonom-tbl-pos tbody td.otonom-pos-num strong {
  font-size: 1em !important;
}


.otonom-tbl-blotter thead th,
.otonom-tbl-blotter tbody td {
  text-align: center;
}

.otonom-tbl-blotter thead th:first-child,
.otonom-tbl-blotter tbody td:first-child,
.otonom-tbl-blotter thead th:nth-last-child(2),
.otonom-tbl-blotter tbody td:nth-last-child(2),
.otonom-tbl-blotter thead th:last-child,
.otonom-tbl-blotter tbody td:last-child {
  text-align: left;
}

.otonom-tbl-blotter tbody td.otonom-blotter-num {
  font-size: 0.75em;
  font-variant-numeric: tabular-nums;
}

.otonom-tbl-blotter tbody td.otonom-blotter-num span,
.otonom-tbl-blotter tbody td.otonom-blotter-num strong {
  font-size: 1em !important;
}

.otonom-trade-pager {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 10px;
}

.otonom-trade-page-info {
  min-width: 150px;
  text-align: center;
  font-size: 0.82em;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 720px) {
  .otonom-trade-pager {
    justify-content: flex-start;
  }
}


.cockpit-stats {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.cockpit-stat {
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 18px;
  text-align: center;
  min-width: 88px;
}

.cockpit-stat .cs-label {
  font-size: 0.7em;
  color: var(--muted);
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cockpit-stat .cs-val {
  font-size: 1.25em;
  font-weight: 700;
  display: block;
  line-height: 1.1;
}

.cockpit-stat .cs-sub {
  font-size: 0.68em;
  margin-top: 2px;
}

.cockpit-section {
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  margin-bottom: 14px;
}

.cockpit-section.danger {
  border-color: rgba(239, 68, 68, 0.5);
}

.cockpit-section-title {
  font-size: 0.74em;
  color: var(--muted);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.cockpit-section.danger .cockpit-section-title {
  color: #f87171;
}

.cockpit-flag-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.82em;
}

.cockpit-flag-row:last-child {
  border-bottom: 0;
}

.cockpit-flag-label {
  color: var(--muted);
}

.cockpit-flag-ok {
  color: var(--line);
  font-weight: 600;
}

.cockpit-flag-yes-g {
  color: #4ade80;
  font-weight: 600;
}

.cockpit-flag-yes-r {
  color: #f87171;
  font-weight: 600;
}

.cockpit-flag-yes-y {
  color: #fcd34d;
  font-weight: 600;
}

.cockpit-policy-line {
  font-size: 0.82em;
  font-weight: 600;
  margin-bottom: 10px;
  padding: 6px 10px;
  background: var(--panel);
  border-radius: 4px;
}

.cockpit-block-item {
  margin-bottom: 8px;
  padding: 8px;
  background: var(--panel);
  border-radius: 4px;
  border-left: 2px solid #f87171;
}

.cockpit-block-headline {
  color: var(--text);
  font-size: 0.82em;
  font-weight: 600;
}

.cockpit-block-reason {
  color: var(--muted);
  font-size: 0.74em;
  margin-top: 2px;
}

.cockpit-note {
  color: var(--muted);
  font-size: 0.8em;
  padding: 3px 0;
  border-bottom: 1px solid var(--line);
}

.tag-chip {
  display: inline-block;
  background: var(--panel-2);
  color: var(--muted);
  border: 1px solid var(--line);
  padding: 2px 7px;
  border-radius: 4px;
  margin: 2px 4px 2px 0;
  font-size: 0.72em;
}


.cockpit-sub-title {
  font-size: 0.72em;
  color: var(--muted);
  font-weight: 600;
  margin: 10px 0 6px;
}


.mtf-strip {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}

.mtf-cell {
  flex: 1;
  text-align: center;
  padding: 6px 2px;
  border-radius: 4px;
  background: var(--panel);
  border: 1px solid var(--line);
}

.mtf-cell .mtf-tf {
  font-size: 0.66em;
  color: var(--muted);
  text-transform: uppercase;
}

.mtf-cell .mtf-arrow {
  font-size: 1.0em;
  font-weight: 700;
  line-height: 1.2;
}

.mtf-up {
  border-color: rgba(74, 222, 128, 0.5);
}

.mtf-up .mtf-arrow {
  color: #4ade80;
}

.mtf-down {
  border-color: rgba(248, 113, 113, 0.5);
}

.mtf-down .mtf-arrow {
  color: #f87171;
}

.mtf-neu .mtf-arrow {
  color: #fcd34d;
}

.mtf-unk .mtf-arrow {
  color: var(--muted);
}


.cockpit-sect-wrap {
  margin-top: 8px;
}

.sect-bar-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
  font-size: 0.76em;
}

.sect-bar-lbl {
  flex: 0 0 42%;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sect-bar-track {
  flex: 1;
  height: 8px;
  background: var(--panel);
  border-radius: 4px;
  overflow: hidden;
}

.sect-bar-fill {
  display: block;
  height: 100%;
  background: #60a5fa;
  border-radius: 4px;
}

.sect-bar-pct {
  flex: 0 0 auto;
  color: var(--text);
  font-weight: 600;
  min-width: 44px;
  text-align: right;
}

.sect-bar-row.over .sect-bar-fill {
  background: #f87171;
}

.sect-bar-row.over .sect-bar-pct {
  color: #f87171;
}

.sect-bar-row.cur .sect-bar-lbl {
  color: var(--text);
  font-weight: 700;
}


.cockpit-details {
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 14px;
  margin-bottom: 14px;
  font-size: 0.8em;
}

.cockpit-details summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 700;
  font-size: 0.92em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.cockpit-layer-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0 0;
}

.cockpit-layer-name {
  color: var(--text);
  font-weight: 600;
}

.cockpit-layer-out {
  color: var(--muted);
  white-space: nowrap;
}

.cockpit-layer-exp {
  color: var(--muted);
  font-size: 0.9em;
  padding: 1px 0 5px;
  border-bottom: 1px solid var(--line);
}


.wl-detail-panel {
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px 18px;
}

.wl-detail-sym-header {
  font-size: 1.05em;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--text);
  margin-bottom: 4px;
}

.wl-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 3px 0;
  font-size: 0.82em;
  border-bottom: 1px solid var(--line);
}

.wl-detail-row:last-child {
  border-bottom: 0;
}

.wl-detail-label {
  color: var(--muted);
}

.wl-detail-val {
  color: var(--text);
  font-weight: 600;
}

.portfolio-badge {
  display: inline-block;
  background: rgba(139, 92, 246, 0.12);
  color: #c084fc;
  border: 1px solid rgba(139, 92, 246, 0.22);
  font-size: 0.62em;
  padding: 1px 5px;
  border-radius: 3px;
  margin-left: 5px;
  vertical-align: middle;
  font-weight: 700;
}

.portfolio-badge-mini {
  display: inline-block;
  color: #c084fc;
  text-shadow: 0 0 1.5px rgba(192, 132, 252, 0.85), 0 0 3px rgba(192, 132, 252, 0.3);
  font-size: 2px;
  vertical-align: middle;
  font-weight: 100;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  line-height: 1;
  position: relative;
  top: -0.5px;
  opacity: 0.8;
}

#screeners-table .portfolio-badge {
  font-size: 0.155em;
  padding: 0px 3px;
  margin-left: 3px;
}


.status-ok {
  display: inline-block;
  background: rgba(20, 83, 45, 0.7);
  color: #86efac;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8em;
  white-space: nowrap;
}

.status-error {
  display: inline-block;
  background: rgba(127, 29, 29, 0.7);
  color: #fca5a5;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8em;
  white-space: nowrap;
}

.status-idle {
  display: inline-block;
  background: rgba(30, 58, 95, 0.7);
  color: #7dd3fc;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8em;
  white-space: nowrap;
}

.status-unknown {
  display: inline-block;
  background: var(--panel-2);
  color: var(--muted);
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8em;
  white-space: nowrap;
}


.menu-item-danger {
  color: #f87171 !important;
}

.menu-item-danger:hover,
.menu-item-danger:focus {
  color: #ffffff !important;
}


.warn-band {
  background: rgba(127, 29, 29, 0.5);
  border: 1px solid rgba(185, 28, 28, 0.45);
  border-radius: 6px;
  padding: 6px 10px;
  color: #fca5a5;
  font-size: 0.82em;
  margin-top: 6px;
}


.svc-card {
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 14px;
  min-width: 160px;
  flex: 1;
}

.svc-card strong {
  font-size: 0.9em;
  color: var(--text);
}

.svc-detail {
  font-size: 0.75em;
  color: var(--muted);
  margin-top: 3px;
}


.text-ok {
  color: #86efac;
}

.text-warn {
  color: #fcd34d;
}

.text-dim {
  color: #334155;
}

.text-watch {
  color: #7dd3fc;
}

.text-reduce {
  color: #fb923c;
}


#ali-tooltip {
  display: none;
  position: fixed;
  z-index: 9999;
  max-width: 480px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 0.78em;
  color: var(--text);
  pointer-events: none;
  white-space: pre-wrap;
  line-height: 1.5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}


.scn-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 12px;
  font-size: 0.72em;
  color: var(--muted);
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.scn-legend .leg-sep {
  border-left: 1px solid var(--line);
  padding-left: 10px;
  margin-left: 4px;
}


.btn-correct {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid rgba(34, 197, 94, 0.4);
  background: rgba(34, 197, 94, 0.08);
  color: #15803d;
  transition: background 0.15s, border-color 0.15s;
}

.btn-correct:hover {
  background: rgba(34, 197, 94, 0.18);
  border-color: rgba(34, 197, 94, 0.65);
}

.btn-incorrect {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.08);
  color: #b91c1c;
  transition: background 0.15s, border-color 0.15s;
}

.btn-incorrect:hover {
  background: rgba(239, 68, 68, 0.18);
  border-color: rgba(239, 68, 68, 0.65);
}

.btn-ghost.btn-xs {
  height: 28px;
  padding: 0 10px;
  font-size: 0.78rem;
  border-radius: 7px;
}


.dh-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 0;
}

#dh-page-info {
  font-size: 0.85rem;
  color: var(--text-muted, #64748b);
  min-width: 120px;
  text-align: center;
}


.dh-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(15, 23, 42, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
}

.dh-modal {
  background: var(--panel-bg, #fff);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 16px;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24);
  padding: 28px 32px;
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dh-modal h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary, #0f172a);
}

.dh-feedback-choice {
  display: flex;
  gap: 12px;
}

.dh-choice-btn {
  flex: 1;
  height: 44px;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  border: 1.5px solid rgba(148, 163, 184, 0.4);
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-primary, #0f172a);
  transition: all 0.15s;
}

.dh-choice-btn:hover {
  background: rgba(59, 130, 246, 0.08);
  border-color: #3b82f6;
}

.dh-choice-btn.active[data-choice="correct"] {
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.65);
  color: #15803d;
}

.dh-choice-btn.active[data-choice="incorrect"] {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.65);
  color: #b91c1c;
}

.dh-reason-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.87rem;
  font-weight: 500;
  color: var(--text-primary, #0f172a);
}

.dh-reason-label input {
  height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.5);
  border-radius: 8px;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.15s;
}

.dh-reason-label input:focus {
  border-color: #3b82f6;
}

.dh-modal-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}



.feedback-action-menu-panel button:hover,
.feedback-action-menu-panel button:focus,
.feedback-action-menu-popover button:hover,
.feedback-action-menu-popover button:focus {
  background: rgba(100, 116, 139, 0.72);
  color: #ffffff;
  border-color: rgba(100, 116, 139, 0.85);
}

.feedback-action-menu-panel button:hover *,
.feedback-action-menu-panel button:focus *,
.feedback-action-menu-popover button:hover *,
.feedback-action-menu-popover button:focus * {
  color: #ffffff;
}




.feedback-action-menu {
  position: relative;
  overflow: visible;
}

.feedback-action-menu-panel,
.feedback-action-menu-popover {
  top: 0;
  right: 0;
  margin-top: 0;
  transform: translateY(0);
}

.feedback-action-menu-panel::before,
.feedback-action-menu-popover::before {
  content: "";
  position: absolute;
  inset: -8px -8px -8px -8px;
  z-index: -1;
}



.feedback-action-menu-panel button:hover,
.feedback-action-menu-panel button:focus,
.feedback-action-menu-popover button:hover,
.feedback-action-menu-popover button:focus {
  background: rgba(71, 85, 105, 0.86);
  color: #ffffff;
  border-color: rgba(71, 85, 105, 0.95);
}

.feedback-action-menu-panel button:hover *,
.feedback-action-menu-panel button:focus *,
.feedback-action-menu-popover button:hover *,
.feedback-action-menu-popover button:focus * {
  color: #ffffff;
}














.decision-action-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.decision-action-menu-trigger,
.decision-action-menu-trigger-green {
  min-width: 34px;
  height: 30px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.14);
  color: #16a34a;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.decision-action-menu-trigger:hover,
.decision-action-menu-trigger-green:hover {
  background: rgba(34, 197, 94, 0.24);
  border-color: rgba(34, 197, 94, 0.72);
  color: #15803d;
}

.decision-action-menu-panel,
.decision-action-menu-popover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  margin-top: 0;
  transform: translateY(0);
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: var(--panel-2);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
  white-space: nowrap;
}

.decision-action-menu-panel[hidden],
.decision-action-menu-popover[hidden] {
  display: none !important;
}

.decision-action-menu-panel::before,
.decision-action-menu-popover::before {
  content: "";
  position: absolute;
  inset: -8px -8px -8px -8px;
  z-index: -1;
}

.decision-action-menu-panel button,
.decision-action-menu-popover button {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  border-radius: 9px;
  padding: 7px 10px;
}

.decision-action-menu-panel button:hover,
.decision-action-menu-panel button:focus,
.decision-action-menu-popover button:hover,
.decision-action-menu-popover button:focus,
.decision-action-menu [role="menu"] button:hover,
.decision-action-menu [role="menu"] button:focus {
  background: rgba(71, 85, 105, 0.86) !important;
  background-color: rgba(71, 85, 105, 0.86) !important;
  color: #ffffff !important;
  border-color: rgba(71, 85, 105, 0.95) !important;
}

.decision-action-menu-panel button:hover *,
.decision-action-menu-panel button:focus *,
.decision-action-menu-popover button:hover *,
.decision-action-menu-popover button:focus *,
.decision-action-menu [role="menu"] button:hover *,
.decision-action-menu [role="menu"] button:focus * {
  color: #ffffff !important;
}



.portfolio-action-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.portfolio-action-menu-trigger,
.portfolio-action-menu-trigger-green {
  min-width: 34px;
  height: 30px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.14);
  color: #16a34a;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.portfolio-action-menu-trigger:hover,
.portfolio-action-menu-trigger-green:hover {
  background: rgba(34, 197, 94, 0.24);
  border-color: rgba(34, 197, 94, 0.72);
  color: #15803d;
}

.portfolio-action-menu-panel,
.portfolio-action-menu-popover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  margin-top: 0;
  transform: translateY(0);
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: var(--panel-2);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
  white-space: nowrap;
}

.portfolio-action-menu-panel[hidden],
.portfolio-action-menu-popover[hidden] {
  display: none !important;
}

.portfolio-action-menu-panel::before,
.portfolio-action-menu-popover::before {
  content: "";
  position: absolute;
  inset: -8px -8px -8px -8px;
  z-index: -1;
}

.portfolio-action-menu-panel button,
.portfolio-action-menu-popover button {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  border-radius: 9px;
  padding: 7px 10px;
}

.portfolio-action-menu-panel button:hover,
.portfolio-action-menu-panel button:focus,
.portfolio-action-menu-popover button:hover,
.portfolio-action-menu-popover button:focus,
.portfolio-action-menu [role="menu"] button:hover,
.portfolio-action-menu [role="menu"] button:focus {
  background: rgba(71, 85, 105, 0.86) !important;
  background-color: rgba(71, 85, 105, 0.86) !important;
  color: #ffffff !important;
  border-color: rgba(71, 85, 105, 0.95) !important;
}

.portfolio-action-menu-panel button:hover *,
.portfolio-action-menu-panel button:focus *,
.portfolio-action-menu-popover button:hover *,
.portfolio-action-menu-popover button:focus *,
.portfolio-action-menu [role="menu"] button:hover *,
.portfolio-action-menu [role="menu"] button:focus * {
  color: #ffffff !important;
}



.market-scanner-action-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.market-scanner-action-menu-trigger,
.market-scanner-action-menu-trigger-green {
  min-width: 34px;
  height: 30px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.14);
  color: #16a34a;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.market-scanner-action-menu-trigger:hover,
.market-scanner-action-menu-trigger-green:hover {
  background: rgba(34, 197, 94, 0.24);
  border-color: rgba(34, 197, 94, 0.72);
  color: #15803d;
}

.market-scanner-action-menu-panel,
.market-scanner-action-menu-popover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  margin-top: 0;
  transform: translateY(0);
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: var(--panel-2);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
  white-space: nowrap;
}

.market-scanner-action-menu-panel[hidden],
.market-scanner-action-menu-popover[hidden] {
  display: none !important;
}

.market-scanner-action-menu-panel::before,
.market-scanner-action-menu-popover::before {
  content: "";
  position: absolute;
  inset: -8px -8px -8px -8px;
  z-index: -1;
}

.market-scanner-action-menu-panel button,
.market-scanner-action-menu-popover button {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  border-radius: 9px;
  padding: 7px 10px;
}

.market-scanner-action-menu-panel button:hover,
.market-scanner-action-menu-panel button:focus,
.market-scanner-action-menu-popover button:hover,
.market-scanner-action-menu-popover button:focus,
.market-scanner-action-menu [role="menu"] button:hover,
.market-scanner-action-menu [role="menu"] button:focus {
  background: rgba(71, 85, 105, 0.86) !important;
  background-color: rgba(71, 85, 105, 0.86) !important;
  color: #ffffff !important;
  border-color: rgba(71, 85, 105, 0.95) !important;
}

.market-scanner-action-menu-panel button:hover *,
.market-scanner-action-menu-panel button:focus *,
.market-scanner-action-menu-popover button:hover *,
.market-scanner-action-menu-popover button:focus *,
.market-scanner-action-menu [role="menu"] button:hover *,
.market-scanner-action-menu [role="menu"] button:focus * {
  color: #ffffff !important;
}


.nav-section-label {
  font-size: 0.65em;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #334155;
  margin: 14px 0 3px 0;
  padding: 0 4px;
  user-select: none;
}


.ali-status-bar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: -24px -24px 16px -24px;
  padding: 12px 24px;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}

.ns-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
}

.ns-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}

.ns-card-title {
  font-weight: 600;
  font-size: 0.85em;
  color: var(--fg);
}

.ns-card-badge {
  font-size: 0.72em;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
}

.ns-badge-green {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

.ns-badge-yellow {
  background: rgba(234, 179, 8, 0.15);
  color: #eab308;
}

.ns-badge-red {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

.ns-badge-blue {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}

.ns-badge-muted {
  background: rgba(120, 120, 120, 0.15);
  color: var(--muted);
}

.ns-card-desc {
  font-size: 0.76em;
  color: var(--muted);
}

.ns-card-trend {
  font-size: 0.7em;
  color: var(--accent);
}

.ns-card-btn {
  background: var(--line);
  border: none;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 0.72em;
  cursor: pointer;
  color: var(--fg);
  text-align: center;
  transition: background 0.2s;
  width: fit-content;
  align-self: flex-start;
}

.ns-card-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}


.overview-grid {
  display: grid;
  gap: 14px;
}

.overview-section {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 16px;
}

.overview-section-title {
  font-size: 0.82em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.svc-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.svc-grid .svc-card {
  min-width: 140px;
  flex: 1 0 180px;
  max-width: 260px;
}

.daemon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.daemon-card {
  max-width: none;
  min-width: 0;
}

.daemon-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.daemon-heartbeat {
  min-height: 18px;
}

.daemon-period-label {
  display: block;
  margin-top: 10px;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 0.75em;
}

.daemon-period-controls {
  display: grid;
  grid-template-columns: minmax(72px, 0.8fr) minmax(90px, 1fr) auto;
  gap: 6px;
  align-items: center;
}

.daemon-period-controls input,
.daemon-period-controls select {
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--bg);
  color: var(--text);
}











.daemon-save-button {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  filter: drop-shadow(0 0 4px rgba(56, 211, 159, 0.55));
  transition: filter 140ms ease, transform 140ms ease;
}

.daemon-save-button:hover:not(:disabled) {
  filter: drop-shadow(0 0 8px rgba(56, 211, 159, 0.9));
  transform: translateY(-1px);
}

.daemon-save-button:active:not(:disabled) {
  transform: translateY(0);
}



.daemon-save-button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}

.daemon-save-button:disabled {
  opacity: 0.4;
  cursor: wait;
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .daemon-save-button { transition: none; }
  .daemon-save-button:hover:not(:disabled) { transform: none; }
}

.daemon-save-status {
  min-height: 18px;
  margin-top: 4px;
  font-size: 0.72em;
}

@media (max-width: 560px) {



  .daemon-period-controls {
    grid-template-columns: minmax(64px, 1fr) minmax(80px, 1fr) 32px;
  }
}

.ov-metric-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.ov-metric {
  min-width: 110px;
}

.ov-metric strong {
  display: block;
  font-size: 22px;
  line-height: 1.2;
}

.ov-metric .muted {
  font-size: 0.78em;
}

.ov-recent-events {
  font-size: 0.82em;
  line-height: 1.6;
}

.ov-recent-events .event-row {
  display: flex;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  padding: 6px 0;
}

.ov-recent-events .event-time {
  color: var(--muted);
  min-width: 60px;
  font-size: 0.78em;
  flex-shrink: 0;
}

.ov-recent-events .event-desc {
  color: var(--text);
}

.sb-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.sb-divider {
  color: var(--line);
  user-select: none;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--line);
  flex-shrink: 0;
}

.status-dot.dot-green {
  background: #22c55e;
}

.status-dot.dot-yellow {
  background: #eab308;
}

.status-dot.dot-red {
  background: #ef4444;
}


.scn-reason {
  font-size: 0.72em;
  color: var(--accent-2);
  max-width: 140px;
  white-space: normal;
  line-height: 1.3;
}






.wl-compact .table-wrap table,
#sugg-body .table-wrap table,
#disc-body .table-wrap table {
  font-size: 0.75em;
  width: 100%;
  border-collapse: collapse;
}

.wl-compact .table-wrap thead th,
#sugg-body .table-wrap thead th,
#disc-body .table-wrap thead th {
  padding: 6px 8px;
  font-size: 0.9em;
  text-align: left;
  color: var(--muted);
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  vertical-align: bottom;
}

.wl-compact .table-wrap tbody td,
#sugg-body .table-wrap tbody td,
#disc-body .table-wrap tbody td {
  padding: 6px 8px;
  vertical-align: middle;
  color: var(--muted);
}








.daychg-up {
  box-shadow: inset 0 0 0 1px #4ade80, inset 0 0 3px rgba(74, 222, 128, 0.45);
  border-radius: 4px;
}

.daychg-down {
  box-shadow: inset 0 0 0 1px #f87171, inset 0 0 3px rgba(248, 113, 113, 0.45);
  border-radius: 4px;
}


.day-trend-icon {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 14px;
  margin-right: 4px;
  flex: 0 0 12px;
  vertical-align: -2px;
}

.day-trend-icon::before,
.day-trend-icon::after {
  position: absolute;
  content: "";
}

.day-trend-icon::after {
  left: 5px;
  width: 2px;
  height: 8px;
  background: currentColor;
  border-radius: 1px;
}

.day-trend-icon-up {
  color: #22c55e;
}

.day-trend-icon-up::before {
  top: 0;
  left: 2px;
  border-right: 4px solid transparent;
  border-bottom: 6px solid currentColor;
  border-left: 4px solid transparent;
}

.day-trend-icon-up::after {
  top: 5px;
}

.day-trend-icon-down {
  color: #ef4444;
}

.day-trend-icon-down::before {
  bottom: 0;
  left: 2px;
  border-top: 6px solid currentColor;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.day-trend-icon-down::after {
  bottom: 5px;
}


table thead th {
  cursor: pointer;
  white-space: nowrap;

  user-select: none;
}

table thead th::after {
  content: "↕";
  display: inline-block;
  margin-left: 5px;
  font-size: 0.78em;
  opacity: 0.35;
  vertical-align: baseline;

}

table thead th[aria-sort="ascending"]::after {
  content: "↑";
  opacity: 0.95;
}

table thead th[aria-sort="descending"]::after {
  content: "↓";
  opacity: 0.95;
}


table thead th:has(.table-sort-button)::after {
  content: none;
}
.feedback-action-menu-panel button:not(:disabled),
.feedback-action-menu-popover button:not(:disabled),
.feedback-action-menu-panel button:focus,
.feedback-action-menu-popover button:focus,
.decision-action-menu-panel button:not(:disabled),
.decision-action-menu-popover button:not(:disabled),
.decision-action-menu-panel button:focus,
.decision-action-menu-popover button:focus,
[role="menu"] button:not(:disabled),
[role="menu"] button:focus {
  color: var(--text, #e5e7eb) !important;
  background: transparent !important;
  border-color: transparent !important;
}
.feedback-action-menu-panel button:hover,
.feedback-action-menu-popover button:hover,
.decision-action-menu-panel button:hover,
.decision-action-menu-popover button:hover,
[role="menu"] button:hover {
  background: rgba(34, 197, 94, 0.18) !important;
  color: #22c55e !important;
  border-color: rgba(34, 197, 94, 0.60) !important;
}
.feedback-action-menu-panel button:hover *,
.feedback-action-menu-popover button:hover *,
.decision-action-menu-panel button:hover *,
.decision-action-menu-popover button:hover *,
[role="menu"] button:hover * {
  color: #22c55e !important;
}



.otonom-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.otonom-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.otonom-card-label {
  font-size: 0.72em;
  text-transform: uppercase;
  opacity: 0.6;
  letter-spacing: 0.04em;
}

.otonom-card-val {
  font-size: 1.02em;
  font-weight: 600;
}

.pos {
  color: var(--accent);
}

.neg {
  color: var(--danger);
}

.otonom-action {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 0.8em;
  font-weight: 600;
  white-space: nowrap;
}












.otonom-islem {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.92em;
  letter-spacing: 0.03em;
}

.otonom-islem-BUY {
  color: #38d39f;
  background: rgba(56, 211, 159, 0.14);
  border: 1px solid rgba(56, 211, 159, 0.45);
}



.otonom-islem-ADD,
.otonom-islem-GROW {
  color: #7ee2bd;
  background: rgba(56, 211, 159, 0.08);
  border: 1px solid rgba(56, 211, 159, 0.28);
}



.otonom-islem-REDUCE {
  color: #ffb27a;
  background: rgba(255, 140, 60, 0.10);
  border: 1px solid rgba(255, 140, 60, 0.35);
}



.otonom-islem-SHRINK {
  color: #ff9d9d;
  background: rgba(255, 107, 107, 0.08);
  border: 1px solid rgba(255, 107, 107, 0.28);
}

.otonom-islem-SELL {
  color: #ff6b6b;
  background: rgba(255, 107, 107, 0.14);
  border: 1px solid rgba(255, 107, 107, 0.45);
}



.otonom-islem-REAL {
  color: #86efac;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.42);
}

.otonom-reason {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.otonom-spark {
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 3px;
}

.otonom-spark rect {
  opacity: 0.85;
}

.acs-recalc.bar-running {
  color: #10b981 !important;
  border-color: #10b981 !important;
  box-shadow: 0 0 11px rgba(16, 185, 129, 0.9) !important;
  animation: acs-spin 0.9s linear infinite !important;
}


table tbody td {
  font-variant-numeric: tabular-nums !important;
}

table tbody td span,
table tbody td strong,
table tbody td div {
  font-size: inherit !important;
}


.scn-tbl tbody td.scn-num,
.scn-tbl tbody td.opp-num,
.otonom-tbl-pos tbody td.otonom-pos-num,
.otonom-tbl-blotter tbody td.otonom-blotter-num {
  text-align: center !important;
}

table tbody td.sym-cell {
  text-align: left !important;
}


.scn-tbl th,
.scn-tbl td,
.wl-compact table th,
.wl-compact table td,
#sugg-body table th,
#sugg-body table td,
#disc-body table th,
#disc-body table td,
.otonom-tbl-pos th,
.otonom-tbl-pos td,
.otonom-tbl-blotter th,
.otonom-tbl-blotter td,
.dh-table th,
.dh-table td {
  text-align: center !important;
}


.txt-left,
th.txt-left,
td.txt-left,
.sym-cell,
th.sym-cell,
td.sym-cell {
  text-align: left !important;
}


.ai-reasoner-body {
  padding: 20px;
  background-color: var(--bg-alt);
}

.ai-score-large {
  font-size: 3rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1;
}

.ai-score-large span {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  margin-top: 5px;
}

.ai-reasoning-text {
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--fg);
  padding: 15px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border-left: 4px solid var(--accent);
}





.learning-board-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 22px;
  padding: 10px 16px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.5;
}

.learning-board-strip .lb-strip-item {
  white-space: nowrap;
}

.learning-board-strip .lb-strip-asof {
  margin-left: auto;
  font-size: 12px;
}



.shadow-risk-strip {
  padding: 10px 16px;
  margin-bottom: 8px;
  font-size: 12.5px;
  line-height: 1.6;
}

.shadow-risk-strip .srs-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 18px;
}

.shadow-risk-strip .srs-head {
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--line);
}

.shadow-risk-strip .srs-title {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.shadow-risk-strip .srs-row-label {
  min-width: 116px;
}

.shadow-risk-strip .srs-fold,
.shadow-risk-strip .srs-feat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.shadow-risk-strip .srs-fold-label { min-width: 52px; }
.shadow-risk-strip .srs-feat-name { min-width: 132px; }

.shadow-risk-strip .srs-bar {
  display: inline-block;
  width: 54px;
  height: 6px;
  background: var(--line);
  border-radius: 3px;
  overflow: hidden;
}

.shadow-risk-strip .srs-bar i {
  display: block;
  height: 100%;
  background: currentColor;
  border-radius: 3px;
}

.shadow-risk-strip .srs-asof { margin-left: auto; }

.learning-board-panel .learning-board-table-viewport {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  max-height: calc(100vh - 200px);
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  box-sizing: border-box;
}

.learning-board-panel .learning-board-table,
.learning-board-panel .learning-history-table {
  width: 100%;
  border-collapse: collapse;
}

.learning-board-panel .learning-symbol-cell strong {
  color: var(--text);
  font-size: 1.05em;
  letter-spacing: 0.02em;
}

.learning-board-panel .learning-score-cell {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text);
}

.learning-board-panel .learning-history-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
}

.learning-board-panel .learning-history-shell {
  padding: 14px 18px;
  background: var(--panel-2);
  border-radius: var(--radius);
  margin: 6px 0;
}

.learning-board-panel .learning-features-cell {
  max-width: 320px;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: var(--muted);
  user-select: text;
  cursor: text;
}

.rc-flow-icon {
  display: inline-block;
  min-width: 1.4em;
  margin-right: 4px;
}

.rc-flow-icon--in {
  filter: drop-shadow(0 0 5px rgba(34, 197, 94, 0.95));
}

.rc-flow-icon--out {
  filter: drop-shadow(0 0 5px rgba(239, 68, 68, 0.95));
}

.rc-flow-icon--transfer {
  filter: drop-shadow(0 0 5px rgba(59, 130, 246, 0.95));
}

.cyber-button.rc-action {
  font-weight: 700;
  transition: color 0.2s, background 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.cyber-button.rc-action--green {
  color: #22c55e;
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.15);
}

.cyber-button.rc-action--blue {
  color: #3b82f6;
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.15);
}

.cyber-button.rc-action--red {
  color: #ef4444;
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.15);
}

.cyber-button.rc-action--green:hover:not(:disabled) {
  color: #fff;
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
}

.cyber-button.rc-action--blue:hover:not(:disabled) {
  color: #fff;
  background: #3b82f6;
  box-shadow: 0 0 8px #3b82f6;
}

.cyber-button.rc-action--red:hover:not(:disabled) {
  color: #fff;
  background: #ef4444;
  box-shadow: 0 0 8px #ef4444;
}



.cyber-button.kill-switch-armed {
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
}






.sr-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  padding: 14px 16px 16px;
  margin-bottom: 16px;
}













.sr-baslik {
  margin: 0 0 16px;
}

.sr-tumu { margin-bottom: 12px; }







.sr-izgara {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
}
@media (max-width: 1600px) { .sr-izgara { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 1250px) { .sr-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 900px)  { .sr-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px)  { .sr-izgara { grid-template-columns: 1fr; } }





.sr-gauge {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 9px 11px 8px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.28));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45),
    0 6px 14px rgba(0, 0, 0, 0.36);
  color: var(--text);
  font: inherit;
  transition: transform 0.18s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.sr-gauge:hover { transform: translateY(-2px); }
.sr-gauge:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }




























.sr-gauge {
  --sr-ton: 226, 232, 240;
  --sr-kenar: rgba(226, 232, 240, 0.45);
  --sr-halka: rgba(226, 232, 240, 0.40);
}




.sr-dom-up {
  --sr-ton: 34, 197, 94;
  --sr-kenar: rgba(34, 197, 94, 0.78);
  --sr-halka: rgba(34, 197, 94, 0.50);
  border-color: rgba(34, 197, 94, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45),
    0 6px 14px rgba(0, 0, 0, 0.36),
    0 0 9px rgba(34, 197, 94, 0.14);
}
.sr-dom-down {
  --sr-ton: 255, 59, 48;
  --sr-kenar: rgba(255, 59, 48, 0.78);
  --sr-halka: rgba(255, 59, 48, 0.50);
  border-color: rgba(255, 59, 48, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45),
    0 6px 14px rgba(0, 0, 0, 0.36),
    0 0 9px rgba(255, 59, 48, 0.14);
}
.sr-dom-flat {
  --sr-ton: 226, 232, 240;
  --sr-kenar: rgba(226, 232, 240, 0.62);
  --sr-halka: rgba(226, 232, 240, 0.42);
  border-color: rgba(226, 232, 240, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45),
    0 6px 14px rgba(0, 0, 0, 0.36),
    0 0 9px rgba(226, 232, 240, 0.10);
}

















.sr-yog-1 { background: linear-gradient(180deg, rgba(var(--sr-ton), 0.26), rgba(var(--sr-ton), 0.090)), linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.28)); }
.sr-yog-2 { background: linear-gradient(180deg, rgba(var(--sr-ton), 0.22), rgba(var(--sr-ton), 0.080)), linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.28)); }
.sr-yog-3 { background: linear-gradient(180deg, rgba(var(--sr-ton), 0.19), rgba(var(--sr-ton), 0.070)), linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.28)); }
.sr-yog-4 { background: linear-gradient(180deg, rgba(var(--sr-ton), 0.16), rgba(var(--sr-ton), 0.060)), linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(0, 0, 0, 0.28)); }



.sr-dom-up:hover   { border-color: rgba(34, 197, 94, 0.62); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.4), 0 0 20px rgba(34, 197, 94, 0.30); }
.sr-dom-down:hover { border-color: rgba(255, 59, 48, 0.62); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.4), 0 0 20px rgba(255, 59, 48, 0.30); }
.sr-dom-flat:hover { border-color: rgba(226, 232, 240, 0.50); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.4), 0 0 20px rgba(226, 232, 240, 0.24); }























.sr-gauge.sr-secili {
  --sr-kenar: rgba(var(--sr-ton), 0.95);
  border-color: var(--sr-kenar);
  box-shadow:
    inset 0 0 0 1px var(--sr-kenar),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 6px 16px rgba(0, 0, 0, 0.45),
    0 10px 24px -6px rgba(34, 197, 94, 0.45);
}






.sr-genis::after { display: none; }



.sr-gauge.sr-genis {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45),
    0 6px 14px rgba(0, 0, 0, 0.36);
}







.sr-genis.sr-secili {
  box-shadow:
    inset 0 0 0 1px var(--sr-kenar),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 6px 16px rgba(0, 0, 0, 0.4),
    0 10px 26px -8px rgba(34, 197, 94, 0.42);
}


.sr-genis:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 0 1px var(--sr-halka),
    0 8px 20px rgba(0, 0, 0, 0.42);
}

.sr-genis { padding: 12px 14px 11px; }
.sr-genis .sr-ad { font-size: 0.95em; }
.sr-genis .sr-bar { height: 18px; }

.sr-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.sr-ad { font-weight: 700; font-size: 0.84em; letter-spacing: 0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-toplam { font-size: 0.76em; color: var(--muted); font-variant-numeric: tabular-nums; flex: none; }


.sr-bar {
  display: flex;
  height: 14px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.42);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.65), inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}


.sr-seg {
  width: 0;
  height: 100%;
  transition: width 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}






.sr-seg-up   { background: linear-gradient(180deg, #5ef08b 0%, #22c55e 45%, #0a7f39 100%); box-shadow: 0 0 10px rgba(34, 197, 94, 0.55); }
.sr-seg-flat { background: linear-gradient(180deg, #f8fafc 0%, #dfe6ee 45%, #aab6c4 100%); }
.sr-seg-down { background: linear-gradient(180deg, #ff7b70 0%, #ff3b30 45%, #b21c12 100%); box-shadow: 0 0 10px rgba(255, 59, 48, 0.55); }

.sr-alt { display: flex; gap: 7px; margin-top: 7px; font-size: 0.72em; font-variant-numeric: tabular-nums; }
.sr-say-up   { color: #22c55e; font-weight: 700; }
.sr-say-flat { color: #cbd5e1; }
.sr-say-down { color: #f87171; font-weight: 700; }





.sr-say { flex: none; white-space: nowrap; }





.sr-lider {
  margin-left: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.82em;
  color: var(--fg-muted);
  opacity: 0.85;
}


@media (prefers-reduced-motion: reduce) {
  .sr-seg { transition: none; }
  .sr-gauge { transition: none; }
  .sr-gauge:hover { transform: none; }
}








.sr-gauge { position: relative; isolation: isolate; }

.sr-gauge::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -9px;
  height: 16px;
  border-radius: 50%;
  filter: blur(10px);
  opacity: 0;
  transition: opacity 0.26s ease;
  pointer-events: none;
  z-index: -1;
}
.sr-gauge:hover::after,
.sr-gauge:focus-visible::after { opacity: 0.9; }
.sr-gauge.sr-secili::after { opacity: 1; }

.sr-dom-up::after   { background: rgba(34, 197, 94, 0.6); }
.sr-dom-down::after { background: rgba(248, 113, 113, 0.55); }
.sr-dom-flat::after { background: rgba(226, 232, 240, 0.42); }


.sr-bar { position: relative; }
.sr-bar::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 46%;
  border-radius: 8px 8px 40% 40% / 8px 8px 12px 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.02));
  pointer-events: none;
  z-index: 2;
}
.sr-bar::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 3;
}


.sr-gauge:hover .sr-bar { box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.7); }

@media (prefers-reduced-motion: reduce) {
  .sr-gauge::after { transition: none; }
}










.sr-iskelet .sr-hayalet {
  pointer-events: none;
  cursor: default;
  animation: sr-nabiz 1.5s ease-in-out infinite;
}



.sr-iskelet .sr-hayalet .sr-ad,
.sr-iskelet .sr-hayalet .sr-toplam,
.sr-iskelet .sr-hayalet .sr-say {
  border-radius: 4px;
  background: rgba(226, 232, 240, 0.10);
  color: transparent;
}
.sr-iskelet .sr-hayalet .sr-ad     { width: 62%; }
.sr-iskelet .sr-hayalet .sr-toplam { width: 16%; }
.sr-iskelet .sr-hayalet .sr-say    { width: 34%; }

@keyframes sr-nabiz {
  0%, 100% { opacity: 0.55; }
  50%      { opacity: 0.85; }
}


@media (prefers-reduced-motion: reduce) {
  .sr-iskelet .sr-hayalet { animation: none; }
}









#screeners-table thead th,
#scanner-table thead th,
#opportunities-table thead th,
#news-table thead th,
#trade-history-table thead th,
#learning-board-table thead th,
#bar-issues-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: var(--panel-2);
}



















.ih-baslik-satir { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.ih-baslik-satir .sr-baslik { margin: 0; }
.ih-ozet { font-size: 11px; color: var(--muted); }
.ih-efsane { font-size: 11px; color: var(--muted); opacity: 0.8; margin-left: auto; }



.ih-tuval {
  position: relative;
  width: 100%;
  height: 380px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.25);
}
@media (max-width: 900px) { .ih-tuval { height: 300px; } }

.ih-bos-durum {
  padding: 34px 16px;
  text-align: center;
  color: var(--muted);
  font-size: 13px;
}




.ih-kare {
  position: absolute;
  margin: 0;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  line-height: 1.15;
  color: #f8fafc;
  font-family: inherit;
  transition: filter 0.15s, box-shadow 0.15s;
}
.ih-kare:hover,
.ih-kare:focus-visible {
  filter: brightness(1.35);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
  outline: none;
  z-index: 2;
}

.ih-sym { font-weight: 700; font-size: 12px; white-space: nowrap; }
.ih-deger { font-size: 10px; opacity: 0.92; white-space: nowrap; }
.ih-ay { opacity: 0.72; }







.ih-up-1   { background: #15803d; }
.ih-up-2   { background: #16a34a; }
.ih-up-3   { background: #1f7a4a; }
.ih-up-4   { background: #24513c; }
.ih-down-1 { background: #b91c1c; }
.ih-down-2 { background: #dc2626; }
.ih-down-3 { background: #9f3535; }
.ih-down-4 { background: #5c2b2b; }
.ih-flat   { background: #3f4652; }
.ih-bos    { background: #2b3038; color: var(--muted); }



.ih-pop { max-width: 260px; }


@media (prefers-reduced-motion: reduce) {
  .ih-kare { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PORTFOY DAGILIMI PANELI  (Akilli Portfoy > Acik Pozisyonlar | Islem Gecmisi)

   🛑 HEPSI `pa-` ONEKLI. Bu blok `scn-tbl`, `otonom-pos-tbl`, `panel`,
      `table-wrap` gibi ORTAK siniflara TEK KURAL yazmaz - kullanici "Acik
      Pozisyonlar ve Islem Gecmisi kesinlikle etkilenmesin" dedi ve
      `otonom-pos-tbl` yorumunda anlatilan tuzak tam da budur: ortak sinifa
      dokunmak uc ekrani birden oynatir.
   ═══════════════════════════════════════════════════════════════════════════ */
.pa-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; }
.pa-eksik { font-size:11px; color:var(--muted); }

.pa-tabs { display:flex; gap:6px; border-bottom:1px solid var(--line); margin-bottom:12px; }
.pa-tab {
  background:transparent; border:0; border-bottom:2px solid transparent;
  color:var(--muted); font-size:12.5px; font-weight:600; letter-spacing:.02em;
  padding:7px 14px; cursor:pointer; transition:color .15s, border-color .15s;
}
.pa-tab:hover { color:var(--text); }
.pa-tab.is-active { color:var(--accent); border-bottom-color:var(--accent); }
.pa-tab:focus-visible { outline:2px solid var(--accent-2); outline-offset:2px; }

.pa-body { display:none; }
.pa-body.is-active { display:block; }


.pa-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:start; }
@media (max-width: 1100px) { .pa-split { grid-template-columns:minmax(0,1fr); } }

.pa-side { min-width:0; }




.pa-side-scroll { max-height:560px; overflow-y:auto; overflow-x:auto; }
.pa-chart { min-width:0; position:relative; display:flex; align-items:center; justify-content:center; }


.pa-tbl { width:100%; border-collapse:collapse; font-size:12.5px; }
.pa-tbl thead th {
  position:sticky; top:0; z-index:1; background:var(--panel-2);
  color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; padding:6px 7px; border-bottom:1px solid var(--line); white-space:nowrap;
}
.pa-tbl tbody td { padding:4px 7px; border-bottom:1px solid rgba(43,52,66,.5); white-space:nowrap; }
.pa-tbl tbody tr.is-hot { background:rgba(56,211,159,.10); cursor:pointer; }
.pa-tbl .pa-l { text-align:left; }
.pa-tbl .pa-r { text-align:right; font-variant-numeric:tabular-nums; }
.pa-tbl .pa-sw { width:14px; padding-right:0; }
.pa-sw i { display:block; width:10px; height:10px; border-radius:2px; }
.pa-sw i.pa-mini { border-radius:50%; }
.pa-kz-up { color:#22c55e; font-weight:600; }
.pa-kz-down { color:#ef4444; font-weight:600; }
.pa-kz-up i, .pa-kz-down i { display:block; font-style:normal; font-size:10.5px; opacity:.75; }


.pa-donut { width:100%; max-width:760px; height:auto; overflow:visible; }
.pa-slice {
  cursor:pointer; stroke:var(--panel); stroke-width:1.2;
  transition:transform .18s cubic-bezier(.34,1.4,.64,1), filter .18s ease;
}
.pa-slice.is-pop { transform:translate(var(--pa-dx), var(--pa-dy)); filter:brightness(1.14); }
.pa-slice-full { stroke:none; }







.pa-cam { pointer-events: none; }
.pa-cam-isik { pointer-events: none; }
.pa-cam-kenar {
  pointer-events: none;
  stroke: rgba(255, 255, 255, 0.16);
  stroke-width: 1;
}

.pa-slice-yan { pointer-events:none; transition:transform .18s cubic-bezier(.34,1.4,.64,1); }
.pa-slice-yan.is-pop { transform:translate(var(--pa-dx), var(--pa-dy)); }


.pa-lead { pointer-events:none; transition:transform .18s cubic-bezier(.34,1.4,.64,1); }
.pa-lead.is-pop { transform:translate(var(--pa-dx), var(--pa-dy)); }
.pa-lead-ln { fill:none; stroke:var(--line); stroke-width:1.1; }
.pa-lead.is-pop .pa-lead-ln { stroke:var(--accent); }
.pa-out-lbl { font-size:12px; font-weight:700; fill:var(--text); }
.pa-out-pct { font-size:11px; font-weight:600; fill:var(--muted); }











.pa-gun-up   { --pa-gun: #22c55e; }
.pa-gun-down { --pa-gun: #ef4444; }
.pa-gun-flat { --pa-gun: var(--muted); }
.pa-out-lbl.pa-gun-up,
.pa-out-lbl.pa-gun-down,
.pa-out-lbl.pa-gun-flat { fill: var(--pa-gun); }
.pa-tbl td.pa-gun-up,
.pa-tbl td.pa-gun-down,
.pa-tbl td.pa-gun-flat { color: var(--pa-gun); font-weight: 700; }
.pa-lead.is-pop .pa-out-lbl { fill:var(--accent); }




.pa-hub {
  position:absolute; left:52.4%; top:50%; transform:translate(-50%,-50%);
  max-width:19%; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:2px; pointer-events:none; text-align:center;
}
.pa-hub b { font-size:9.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
.pa-hub span { font-size:15px; font-weight:700; color:var(--text); font-variant-numeric:tabular-nums; }
.pa-hub i { font-size:10px; font-style:normal; color:var(--muted); font-variant-numeric:tabular-nums; }


.pa-quad { width:100%; max-width:760px; height:auto; overflow:visible; }


.pa-q-bg { fill:rgba(46,57,76,.62); stroke:rgba(148,163,184,.20); stroke-width:1; rx:8; }



.pa-q-cey { pointer-events:none; }
.pa-q-guclu { fill:rgba(34,197,94,.085); }
.pa-q-zayif { fill:rgba(239,68,68,.085); }
.pa-q-notr  { fill:transparent; }


.pa-q-ax { stroke:rgba(203,213,225,.55); stroke-width:1.4; }

.pa-q-ipucu { fill:var(--muted); font-size:11px; opacity:.85; pointer-events:none; }









.pa-q-lbl { fill:#cbd5e1; opacity:.92; font-size:12px; font-weight:700; text-anchor:middle;
            text-transform:uppercase; letter-spacing:.05em; opacity:.42; pointer-events:none; }
.pa-q-ax-lbl { fill:var(--muted); font-size:11.5px; font-weight:600; pointer-events:none; }
.pa-pt { cursor:pointer; }
.pa-halo { opacity:0; transition:opacity .16s ease; pointer-events:none; }
.pa-pt:hover .pa-halo,
.pa-pt.is-vurgu .pa-halo { opacity:.34; }
.pa-dot { transition:filter .16s ease; }
.pa-pt:hover .pa-dot,
.pa-pt.is-vurgu .pa-dot { filter:brightness(1.3); }
.pa-pt-lbl { font-size:11px; font-weight:600; fill:var(--muted); opacity:.78;
             cursor:pointer; transition:opacity .16s ease, fill .16s ease; }
.pa-pt:hover .pa-pt-lbl,
.pa-pt.is-vurgu .pa-pt-lbl { opacity:1; fill:var(--text); font-weight:700; }
.pa-pt-w { font-size:10px; opacity:.8; }


.pa-dot-up   { fill:#22c55e; filter:drop-shadow(0 0 6px rgba(34,197,94,.95)); }
.pa-dot-down { fill:#ef4444; filter:drop-shadow(0 0 6px rgba(239,68,68,.95)); }
.pa-dot-flat { fill:#e2e8f0; filter:drop-shadow(0 0 6px rgba(226,232,240,.9)); }
.pa-pt:hover .pa-dot-up,
.pa-pt.is-vurgu .pa-dot-up   { filter:drop-shadow(0 0 13px rgba(34,197,94,1)); }
.pa-pt:hover .pa-dot-down,
.pa-pt.is-vurgu .pa-dot-down { filter:drop-shadow(0 0 13px rgba(239,68,68,1)); }
.pa-pt:hover .pa-dot-flat,
.pa-pt.is-vurgu .pa-dot-flat { filter:drop-shadow(0 0 13px rgba(226,232,240,1)); }













.pa-pt.is-listelenen .pa-dot {
  fill:#facc15;
  filter:drop-shadow(0 0 9px rgba(250,204,21,.95));
}
.pa-pt.is-listelenen .pa-halo { fill:#facc15; }
.pa-pt.is-listelenen .pa-pt-lbl { fill:#facc15; opacity:1; font-weight:700; }
.pa-pt.is-listelenen:hover .pa-dot,
.pa-pt.is-listelenen.is-vurgu .pa-dot {
  filter:drop-shadow(0 0 16px rgba(250,204,21,1));
}

.pa-tbl td.pa-l.is-listelenen { color:#facc15; font-weight:700; }

.pa-bos { color:var(--muted); font-size:12px; padding:40px 0; text-align:center; }

@media (prefers-reduced-motion: reduce) {
  .pa-slice, .pa-halo, .pa-dot, .pa-pt-lbl, .pa-tab { transition:none; }
}

button:disabled,
input:disabled {
  cursor: not-allowed !important;
}

/* Trade-history policy labels override the underlying BUY/SELL color. */
.history-label-ROTATION_BUY,
.history-label-ENTRY_BUY,
.history-label-TAKE_PROFIT { color: #38d39f; }
.otonom-islem.history-label-ROTATION_BUY,
.otonom-islem.history-label-ENTRY_BUY,
.otonom-islem.history-label-TAKE_PROFIT {
  background: rgba(56, 211, 159, 0.14);
  border: 1px solid rgba(56, 211, 159, 0.45);
}
.history-label-TARGET_TOP_UP { color: #60a5fa; }
.otonom-islem.history-label-TARGET_TOP_UP {
  background: rgba(96, 165, 250, 0.14);
  border: 1px solid rgba(96, 165, 250, 0.45);
}
.history-label-SELL { color: #ff6b6b; }
.otonom-islem.history-label-SELL {
  background: rgba(255, 107, 107, 0.14);
  border: 1px solid rgba(255, 107, 107, 0.45);
}

/* Hold settings stay inside the viewport with long localized content. */
#settings-overlay { padding: 16px; box-sizing: border-box; }
#settings-modal { max-height: calc(100dvh - 32px); overflow-y: auto !important; box-sizing: border-box; min-width: 0; }
#settings-modal > div { min-width: 0; box-sizing: border-box; }
#settings-modal label, #settings-target-lbl, #settings-target-hint { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
#settings-modal input[type="checkbox"], #settings-target-val, #settings-header-drag > svg { flex: 0 0 auto; }
#settings-target-lbl { flex: 1 1 180px; }
#settings-target-val { margin-left: 12px; }