/* ============================================================
FİNAPSİS — Feature page styles (migrated pages)
Grows as each feature page is re-skinned onto the design
system. Legacy class names are kept (so feature JS stays
untouched) and mapped here onto tokens.css + components.css.
============================================================ */
/* ============================================================
TOOLS / ARAÇLAR
============================================================ */
#view-tools{
position:relative;
padding:0;
overflow:auto;
}
#view-tools.active{
display:flex;
flex-direction:column;
}
#view-tools .tools-page{
min-height:100%;
}
#view-tools .tools-page-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
}
#view-tools .tools-back{
flex:0 0 auto;
height:36px;
padding:0 14px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:500;
transition:background .12s,border-color .12s,color .12s,transform .12s;
}
#view-tools .tools-back:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools .tools-landing{
min-height:0;
flex:1;
overflow:auto;
}
#view-tools .tools-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
gap:16px;
margin-top:6px;
padding-bottom:2px;
}
#view-tools .tool-card{
display:flex;
flex-direction:column;
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
overflow:hidden;
text-align:left;
transition:border-color .14s, transform .14s, box-shadow .14s;
box-shadow:0 0 0 1px rgba(0,0,0,0);
}
#view-tools .tool-card:hover{
border-color:var(--border-strong);
transform:translateY(-2px);
box-shadow:var(--shadow-overlay);
}
#view-tools .tool-card:hover .tc-open,
#view-tools .tool-card:hover .tc-title h3{
color:var(--accent);
}
#view-tools .tool-card:focus-visible{
outline:none;
box-shadow:var(--ring-focus), var(--shadow-overlay);
}
#view-tools .tc-illus{
height:128px;
background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
border-bottom:1px solid var(--border-subtle);
position:relative;
overflow:hidden;
}
#view-tools .tc-illus svg{
display:block;
width:100%;
height:100%;
}
#view-tools .tc-illus .lbl{
position:absolute;
left:14px;
top:14px;
font-family:var(--font-mono);
font-size:9px;
letter-spacing:.04em;
padding:2px 6px;
border-radius:var(--r-xs);
background:var(--bg-1);
border:1px solid var(--border);
color:var(--text-mid);
}
#view-tools .tc-body{
padding:16px 16px 6px;
flex:1;
}
#view-tools .tc-head{
display:flex;
align-items:flex-start;
gap:12px;
}
#view-tools .tc-badge{
width:42px;
height:42px;
flex:0 0 42px;
border-radius:var(--r-md);
display:grid;
place-items:center;
background:var(--accent-soft);
border:1px solid var(--accent-line);
color:var(--accent);
font-family:var(--font-mono);
font-weight:600;
font-size:12px;
letter-spacing:-.02em;
}
#view-tools .tc-badge.is-wide{font-size:11px}
#view-tools .tc-badge.is-currency{font-size:20px;font-weight:500}
#view-tools .tc-badge.is-icon{font-size:20px;font-weight:500}
#view-tools .tc-badge.is-icon [data-icon],
#view-tools .tc-badge.is-icon svg{display:block;color:currentColor}
#view-tools .tc-title{
min-width:0;
padding-top:1px;
}
#view-tools .tc-title h3{
font-size:var(--fs-h3);
color:var(--text-hi);
font-weight:600;
letter-spacing:-.01em;
line-height:1.3;
transition:color .14s;
}
#view-tools .tc-title .tc-eyebrow{
display:block;
margin-top:5px;
font-size:10px;
letter-spacing:.07em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
line-height:1.4;
}
#view-tools .tc-desc{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.55;
margin-top:13px;
}
#view-tools .tc-foot{
display:flex;
align-items:center;
gap:10px;
padding:13px 16px;
border-top:1px solid var(--border-subtle);
margin-top:8px;
}
#view-tools .tc-chips{
display:flex;
flex-wrap:wrap;
gap:6px;
min-width:0;
}
#view-tools .tc-chips span{
font-size:var(--fs-xs);
color:var(--text-mid);
padding:3px 9px;
border-radius:var(--r-pill);
background:var(--bg-2);
border:1px solid var(--border-subtle);
white-space:nowrap;
}
#view-tools .tc-open{
margin-left:auto;
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:5px;
font-family:var(--font-mono);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.04em;
color:var(--text-mid);
transition:color .14s;
}
#view-tools .tc-open .ar{font-size:13px}
#view-tools .tools-stage{
min-height:0;
flex:1;
overflow:auto;
}
#view-tools .tools-page:has(#toolsStage:not([hidden])) .tools-page-head{
display:none;
}

#view-tools .tools-error{
color:var(--down);
font-size:var(--fs-sm);
font-weight:700;
padding:20px 0;
}
#view-tools #finapsis-breakeven-speed-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-breakeven-speed-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
}
#view-tools #finapsis-breakeven-speed-master .tool-back:hover{
color:var(--accent);
}
#view-tools #finapsis-breakeven-speed-master .tool-back .ic{
color:var(--text-lo);
}
#view-tools #finapsis-breakeven-speed-master .tool-back:hover .ic{
color:var(--accent);
}
#view-tools #finapsis-breakeven-speed-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-breakeven-speed-master .tool-head h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-breakeven-speed-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-breakeven-speed-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
transition:border-color .14s,color .14s;
flex:0 0 auto;
}
#view-tools #finapsis-breakeven-speed-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-breakeven-speed-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-breakeven-speed-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-breakeven-speed-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:5px;
}
#view-tools #finapsis-breakeven-speed-master .be-result .rsub{
font-family:var(--font-mono);
font-size:var(--fs-xs);
color:var(--text-mid);
display:block;
margin-top:6px;
}
#view-tools #finapsis-breakeven-speed-master .be-result .rsub b{
display:inline;
font-size:var(--fs-xs);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-breakeven-speed-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-breakeven-speed-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-breakeven-speed-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
transition:background .12s,border-color .12s,color .12s,transform .12s;
}
#view-tools #finapsis-breakeven-speed-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-breakeven-speed-master .chart-toolbar .btn:last-child{
margin-left:auto;
}
#view-tools #finapsis-breakeven-speed-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-breakeven-speed-master #s-bep-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-breakeven-speed-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-breakeven-speed-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-breakeven-speed-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
vertical-align:middle;
}
#view-tools #finapsis-breakeven-speed-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-breakeven-speed-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-breakeven-speed-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-breakeven-speed-master .be-hint .hint-mob{
display:none;
}
#view-tools #finapsis-breakeven-speed-master .inputs{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-breakeven-speed-master .inp-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-breakeven-speed-master .inp-card.disabled{
opacity:.55;
}
#view-tools #finapsis-breakeven-speed-master .inp-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-breakeven-speed-master .inp-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-breakeven-speed-master .inp-card .cur{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
}
#view-tools #finapsis-breakeven-speed-master .inp-card input{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-breakeven-speed-master .inp-card input:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary{
display:none;
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-breakeven-speed-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
display:none;
place-items:center;
padding:24px;
opacity:0;
pointer-events:none;
transition:opacity .2s;
}
#view-tools #finapsis-breakeven-speed-master .sim-scrim.open{
display:grid;
opacity:1;
pointer-events:auto;
}
#view-tools #finapsis-breakeven-speed-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
transform:translateY(8px) scale(.985);
transition:transform .22s;
}
#view-tools #finapsis-breakeven-speed-master .sim-scrim.open .sim-card{
transform:none;
}
#view-tools #finapsis-breakeven-speed-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-breakeven-speed-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
transition:border-color .14s,color .14s;
}
#view-tools #finapsis-breakeven-speed-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-breakeven-speed-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-breakeven-speed-master .sim-mouse svg{
display:block;
}
#view-tools #finapsis-breakeven-speed-master .sim-mouse .wheel{
animation:simwheel 1.7s ease-in-out infinite;
}
@keyframes simwheel{
0%,100%{transform:translateY(0); opacity:1}
50%{transform:translateY(6px); opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-tools #finapsis-breakeven-speed-master .sim-mouse .wheel{
animation:none;
}
}
#view-tools #finapsis-breakeven-speed-master .sim-title{
text-align:center;
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.06em;
text-transform:uppercase;
}
#view-tools #finapsis-breakeven-speed-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-breakeven-speed-master .sim-lead b{
color:var(--accent);
font-weight:600;
}
#view-tools #finapsis-breakeven-speed-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-breakeven-speed-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-breakeven-speed-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-breakeven-speed-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-breakeven-speed-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-breakeven-speed-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
padding-right:34px;
}
#view-tools #finapsis-breakeven-speed-master .exp-body{
margin-top:16px;
}
#view-tools #finapsis-breakeven-speed-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-breakeven-speed-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-breakeven-speed-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-breakeven-speed-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
#view-tools #finapsis-breakeven-speed-master .exp-body .eq{
font-family:var(--font-mono);
color:var(--accent);
font-size:var(--fs-xs);
background:var(--accent-soft);
border:1px solid var(--accent-line);
border-radius:var(--r-xs);
padding:1px 6px;
}


/* QA-72-7 relative valuation side cards */
#view-valuation .val-rel-side-card {
  padding: 18px 20px !important;
  border-radius: 14px !important;
}

#view-valuation .val-rel-side-card + .val-rel-side-card {
  margin-top: 14px !important;
}

#view-valuation .val-rel-side-card .snapshot-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
}

#view-valuation .val-rel-side-card .snapshot-row:last-child {
  border-bottom: 0 !important;
}

#view-valuation .val-rel-side-card .snapshot-row .k {
  color: var(--text-lo) !important;
  font-size: var(--fs-micro) !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

#view-valuation .val-rel-side-card .snapshot-row .v {
  color: var(--text-hi) !important;
  font-family: var(--font-mono) !important;
  font-size: var(--fs-sm) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#view-valuation .val-rel-side-card .metric-subline {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .10) !important;
  color: var(--text-mid) !important;
  font-size: var(--fs-xs) !important;
  line-height: 1.5 !important;
}

#view-valuation .val-rel-side-card .range-track,
#view-valuation .val-rel-side-card .range-track-bias,
#view-valuation .val-rel-side-card .range-track-confidence {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

#view-valuation .val-rel-side-card .range-minmax,
#view-valuation .val-rel-side-card .range-minmax-caption {
  margin-top: 8px !important;
}


@media (max-width:760px){
#view-tools #finapsis-breakeven-speed-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-breakeven-speed-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-breakeven-speed-master .be-result{
display:none;
}
#view-tools #finapsis-breakeven-speed-master #bePanel{
display:none;
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary .ms-num{
font-size:42px;
line-height:.95;
flex:0 0 auto;
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary .ms-meta{
min-width:0;
}
#view-tools #finapsis-breakeven-speed-master .be-mobile-summary .ms-meta b{
font-size:var(--fs-body);
}
#view-tools #finapsis-breakeven-speed-master .inputs{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-breakeven-speed-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-breakeven-speed-master .be-hint{
margin-top:18px;
}
#view-tools #finapsis-breakeven-speed-master .be-hint .hint-desk{
display:none;
}
#view-tools #finapsis-breakeven-speed-master .be-hint .hint-mob{
display:inline;
}
}
@media (max-width:480px){
#view-tools #finapsis-breakeven-speed-master .sim-scrim{
padding:16px;
place-items:center;
}
#view-tools #finapsis-breakeven-speed-master .sim-card{
width:100%;
max-width:none;
border-radius:var(--r-xl);
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
#view-tools #finapsis-breakeven-speed-master .sim-card.wide{
padding:24px 20px 22px;
}
}
@media (max-width:480px){
#view-tools .tools-page-head{
flex-direction:column;
}
#view-tools .tools-back{
width:100%;
}
#view-tools .tc-foot{
flex-wrap:wrap;
}
#view-tools .tc-open{
margin-left:0;
}
}
/* ============================================================
SEKTÖRLER
============================================================ */
#view-sectors{
padding:0;
overflow:hidden;
}
#view-sectors .sec-wrap{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
gap:20px;
}
#view-sectors .sec-content-region{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
}
#view-sectors .sec-control-bar,
#view-sectors .topctl{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}
#view-sectors .sec-filter-bar,
#view-sectors .filterbar{
margin-bottom:0;
}
#view-sectors .sec-mode-area{
min-height:40px;
}
#view-sectors .sec-badge-area{
flex:0 1 auto;
row-gap:8px;
}
#view-sectors .sec-badge-shell{
position:relative;
display:inline-block;
}
#view-sectors .sec-badge-break{
flex-basis:100%;
height:0;
}
#view-sectors .sec-view-segment{
flex-wrap:nowrap;
}
#view-sectors .sec-table-wrap{
flex:1;
min-height:0;
width:100%;
}
#view-sectors .sec-table{
table-layout:fixed !important;
width:100%;
min-width:2400px;
}
#view-sectors .sec-table th,
#view-sectors .sec-table td{
box-sizing:border-box;
padding:0 14px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
vertical-align:middle;
height:var(--row-h);
border-bottom:1px solid var(--border-subtle);
font-size:var(--fs-sm);
color:var(--text);
}
#view-sectors .sec-table th:first-child,
#view-sectors .sec-table td:first-child{
position:sticky;
left:0;
z-index:100;
width:360px !important;
min-width:360px !important;
max-width:360px !important;
border-right:1px solid var(--border-subtle);
background:var(--bg-1);
padding:0;
}
/* Sticky first HEADER must sit above the scrolling numeric headers (z-index:200),
otherwise they climb over the "Sektör / Şirket" column on horizontal scroll. */
#view-sectors .sec-table thead th:first-child{
z-index:300;
}
#view-sectors .sec-table thead th{
background:var(--bg-1);
height:42px;
font-size:var(--fs-micro);
text-transform:uppercase;
letter-spacing:.05em;
color:var(--text-muted);
position:sticky;
top:0;
z-index:200;
border-bottom:1px solid var(--border-subtle);
cursor:default;
white-space:normal;
padding:0 14px;
vertical-align:middle;
}
/* QA-10: Sectors table first sticky column is 360px on desktop.
On mobile/tablet this consumes too much viewport and hides numeric columns.
Keep desktop width; only narrow the sticky first column under 760px.
Also give the first header content the same left breathing room as body cells. */
#view-sectors .sec-table thead th:first-child .sec-th-inner{
padding-left:14px;
padding-right:10px;
}
@media (max-width:760px){
#view-sectors .sec-table{
min-width:1680px;
}
#view-sectors .sec-table th:first-child,
#view-sectors .sec-table td:first-child{
width:220px !important;
min-width:220px !important;
max-width:220px !important;
}
#view-sectors .sec-table thead th:first-child .sec-th-inner{
padding-left:12px;
padding-right:8px;
}
#view-sectors tr.sec-row-level-1 .sec-cell-inner{
padding-left:8px;
}
#view-sectors tr.sec-row-level-2 .sec-cell-inner{
padding-left:28px;
}
#view-sectors tr.sec-row-level-3 .sec-cell-inner{
padding-left:48px;
}
}
#view-sectors .sec-table thead th .sec-sort-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
background:none;
border:none;
padding:0;
cursor:pointer;
color:var(--text-dim);
font-size:10px;
line-height:1;
border-radius:var(--r-xs);
flex-shrink:0;
transition:color .12s, background .12s;
}
#view-sectors .sec-table thead th .sec-sort-btn:hover{color:var(--text); background:var(--bg-2)}
#view-sectors .sec-table thead th.active-sort .sec-sort-btn{color:var(--accent)}
#view-sectors .sec-th-inner{
display:flex;
align-items:center;
gap:6px;
min-height:42px;
height:42px;
padding:0;
box-sizing:border-box;
justify-content:flex-end;
flex-wrap:nowrap;
}
#view-sectors th:first-child .sec-th-inner{justify-content:flex-start}
#view-sectors .sec-cell-inner{
display:flex;
align-items:center;
width:100%;
height:100%;
padding-right:10px;
box-sizing:border-box;
}
#view-sectors tr.sec-row-level-1 td:first-child,
#view-sectors tr.sec-row-level-2 td:first-child,
#view-sectors tr.sec-row-level-3 td:first-child{
background:var(--bg-1);
}
#view-sectors tr.sec-row-level-1 .sec-cell-inner{
padding-left:10px;
font-weight:700;
color:var(--text-hi);
}
#view-sectors tr.sec-row-level-2 .sec-cell-inner{
padding-left:45px;
font-weight:600;
color:var(--text-hi);
}
#view-sectors tr.sec-row-level-3 .sec-cell-inner{
padding-left:80px;
color:var(--text-mid);
font-size:var(--fs-xs);
}
#view-sectors tr.sec-row-level-1:hover td,
#view-sectors tr.sec-row-level-2:hover td,
#view-sectors tr.sec-row-level-3:hover td{
background:var(--bg-2);
}
#view-sectors tr.sec-row-level-1:hover td:first-child,
#view-sectors tr.sec-row-level-2:hover td:first-child,
#view-sectors tr.sec-row-level-3:hover td:first-child{
background:var(--bg-2);
}
#view-sectors th.active-sort{
background:var(--bg-2) !important;
color:var(--accent) !important;
border-bottom:2px solid var(--accent-line) !important;
}
#view-sectors th.active-sort::after{content:none}
#view-sectors .pos{color:var(--up)}
#view-sectors .neg{color:var(--down)}
#view-sectors .muted{color:var(--text-dim)}
#view-sectors .sec-comp-logo{
margin-right:8px;
width:18px;
height:18px;
border-radius:4px;
object-fit:contain;
background:#fff;
}
#view-sectors .sec-caret{
width:20px;
text-align:center;
margin-right:5px;
color:var(--text-dim);
transition:color .12s, transform .2s;
cursor:pointer;
}
/* sector name + company count: count was glued to the name ("Finans69"). */
#view-sectors .sec-cell-inner .sector-name{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#view-sectors .comp-count{flex:0 0 auto; margin-left:8px; padding:0 6px; height:17px;
display:inline-flex; align-items:center; border-radius:var(--r-pill); background:var(--bg-2);
border:1px solid var(--border-subtle); font-family:var(--font-mono); font-size:10px;
font-weight:500; color:var(--text-mid); letter-spacing:.02em}
#view-sectors .sec-expanded .sec-caret{
transform:rotate(90deg);
color:var(--accent);
}
#view-sectors td[colspan]{
position:static !important;
width:auto !important;
max-width:none !important;
text-align:center !important;
background:transparent !important;
border:none !important;
}
#view-sectors .sec-cell-inner .sec-row-actions{
margin-left:auto;
display:inline-flex;
align-items:center;
gap:8px;
}
#view-sectors .sec-cell-inner .fp-menu-btn{flex:0 0 auto}
#view-sectors .sec-search-box{
flex:1;
position:relative;
}
#view-sectors .sec-search-input{
width:100%;
background:var(--bg-3);
border:1px solid var(--border-subtle);
color:var(--text-hi);
padding:0 36px 0 38px;
border-radius:var(--r-md);
font-size:var(--fs-sm);
outline:none;
height:36px;
}
#view-sectors .sec-search-input:focus{border-color:var(--border-strong)}
#view-sectors .sec-search-icon{
position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
color:var(--text-lo);
font-size:12px;
}
#view-sectors .sec-search-box .search-dd{
left:0;
right:0;
width:100%;
top:calc(100% + 6px);
}
#view-sectors .sec-popup-search{
padding:8px;
border-bottom:1px solid rgba(255,255,255,.08);
}
#view-sectors .sec-popup-list{
padding:8px;
}
#view-sectors .sec-sector-head--filter{
background:rgba(255,255,255,.03);
padding:4px 8px;
}
#view-sectors .sec-sector-title--filter{
font-size:10px;
opacity:.6;
}
#view-sectors .sec-sector-list--wide{
max-height:400px;
overflow-y:auto;
}
#view-sectors .cl-popup-menu.is-open{
display:block;
}
/* QA-9: Sectors filter badges still inherited the legacy shared .cl-badge
primitive (38px height, 10px radius, bold/letterspaced text). Keep the
existing JS/render contract, but make the visual match the design-system chip
primitive used by the migrated pages. */
#view-sectors .sec-badge-area{
gap:8px;
min-height:32px;
}
#view-sectors .sec-badge-shell{
position:relative;
display:inline-flex;
align-items:center;
flex:0 0 auto;
}
#view-sectors .cl-badge{
display:inline-flex;
align-items:center;
gap:7px;
height:32px;
padding:0 12px;
border-radius:var(--r-sm);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-mid);
font-size:var(--fs-sm);
font-weight:450;
letter-spacing:0;
line-height:1;
box-shadow:none;
white-space:nowrap;
}
#view-sectors .cl-badge:hover{
background:var(--bg-2);
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-sectors .cl-badge.market-badge,
#view-sectors .cl-badge.active{
background:var(--accent-soft);
border-color:var(--accent-line);
color:var(--accent);
}
#view-sectors .cl-badge.disabled{
opacity:1;
pointer-events:none;
cursor:not-allowed;
background:var(--bg-1);
border-color:var(--border-subtle);
color:var(--text-dim);
}
#view-sectors .cl-badge [data-icon],
#view-sectors .cl-badge svg{
flex:0 0 auto;
color:currentColor;
}
#view-sectors .sec-corr-panel{
flex:1;
min-height:0;
overflow:auto;
}

/* QA-42: In Sectors correlation mode, remove the inner card/scroll trap.
   The correlation content is taller than the available fixed region, so page-level
   scrolling must own the flow instead of #secCorrWrap. */
#view-sectors.sec-mode-corr{
  overflow:auto;
}
#view-sectors.sec-mode-corr .sec-page{
  height:auto;
  min-height:100%;
}
#view-sectors.sec-mode-corr .sec-content-region{
  flex:0 0 auto;
  min-height:0;
  overflow:visible;
}
#view-sectors.sec-mode-corr #secCorrWrap.sec-corr-panel{
  flex:0 0 auto;
  min-height:0;
  height:auto;
  overflow:visible;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#view-sectors.sec-mode-corr #secCorrWrap.sec-corr-panel .panel-body{
  padding:0;
  margin:0;
  border:0;
  background:transparent;
}
#view-sectors.sec-mode-corr #secCorrBody{
  min-width:0;
  width:100%;
}
#view-sectors .sec-scatter-panel{
flex:1;
min-height:0;
overflow:visible;
display:flex;
flex-direction:column;
padding:10px;
}
#view-sectors .sec-scatter-panel .panel-body{
flex:1;
min-height:0;
height:100%;
display:flex;
flex-direction:column;
}
#view-sectors .sec-scatter-chart{
flex:1;
min-height:420px;
height:100%;
}
#view-sectors .sec-scatter-tip{
padding:8px 10px;
}
#view-sectors .sec-scatter-tip-title{
font-weight:800;
color:var(--text-hi);
margin-bottom:4px;
}
#view-sectors .sec-scatter-tip-line{
opacity:.85;
}
#view-sectors .sec-row-pointer{
cursor:pointer;
}
#view-sectors .sec-mini-note{
margin-left:6px;
font-size:10px;
}
#view-sectors .sec-empty-state{
text-align:center !important;
padding:60px !important;
color:var(--text-mid) !important;
width:100% !important;
max-width:none !important;
position:static !important;
background:transparent !important;
}
#view-sectors .sec-empty-spinner{
margin:0 auto 15px auto;
}
#view-sectors .sec-empty-message{
font-size:14px;
font-weight:600;
}
#view-sectors #secCorrWrap table{
min-width:0 !important;
width:100% !important;
table-layout:fixed !important;
}
#view-sectors #secCorrWrap thead th{
min-height:50px !important;
height:50px !important;
padding:6px 8px !important;
line-height:1.15 !important;
}
#view-sectors #secCorrWrap th:first-child{
width:220px !important;
min-width:220px !important;
max-width:220px !important;
}
#view-sectors #secCorrWrap th:not(:first-child),
#view-sectors #secCorrWrap td:not(:first-child){
width:96px !important;
min-width:96px !important;
max-width:96px !important;
padding-left:6px !important;
padding-right:6px !important;
}
/* Correlation body rows were content-height (~22px) under a 50px header —
"squished". Give them breathing room. */
#view-sectors #secCorrWrap tbody td{
height:38px !important;
}
#view-sectors #secModeBadgeArea{
margin-bottom:8px !important;
}
#view-sectors #secModeBadgeArea .ind-badge{
height:40px;
display:inline-flex;
align-items:center;
}
#view-sectors #secCorrWrap .detail-corr-rowlbl{
text-align:left !important;
font-weight:700 !important;
}
#view-sectors #secCorrWrap .detail-corr-rowlbl .sec-cell-inner{
padding-left:12px !important;
padding-right:10px !important;
}
#view-sectors #secCorrWrap .sec-corr-click{
cursor:pointer;
font-weight:800;
}
#view-sectors #secCorrWrap .sec-corr-diag{
background:transparent !important;
color:#757575 !important;
}
#view-sectors #secCorrWrap .sec-corr-insight{
margin:14px 0 0;
padding:14px 16px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
box-shadow:none;
}
#view-sectors #secCorrWrap .sec-corr-insight-title{
font-size:var(--fs-sm);
font-weight:650;
color:var(--text-hi);
margin-bottom:6px;
}
#view-sectors #secCorrWrap .sec-corr-insight-meta{
color:var(--text-lo);
font-size:var(--fs-xs);
font-weight:550;
margin-bottom:12px;
}
#view-sectors #secCorrWrap .sec-corr-insight-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:18px;
}
#view-sectors #secCorrWrap .sec-corr-insight-head{
font-size:var(--fs-xs);
font-weight:650;
margin-bottom:8px;
}
/* QA-8: sectors correlation insight headings follow reference colors:
positive = accent, negative = down. */
#view-sectors #secCorrWrap .sec-corr-insight-col:first-child .sec-corr-insight-head{
color:var(--accent);
}
#view-sectors #secCorrWrap .sec-corr-insight-col:last-child .sec-corr-insight-head{
color:var(--down);
}
#view-sectors #secCorrWrap .sec-corr-insight ul{
margin:0;
padding-left:18px;
list-style:disc;
list-style-position:outside;
}
#view-sectors #secCorrWrap .sec-corr-insight li{
color:var(--text);
font-size:var(--fs-xs);
line-height:1.5;
margin-bottom:6px;
}
#view-sectors #secCorrWrap .sec-corr-insight-comment{
color:var(--text-lo);
font-size:var(--fs-xs);
line-height:1.4;
margin-top:3px;
}
#view-sectors #secCorrWrap .sec-corr-insight-foot{
margin-top:12px;
color:var(--text-lo);
font-size:11px;
}
#view-sectors.fp-fixed{overflow:hidden}
#view-sectors .sec-page{
display:flex;
flex-direction:column;
height:100%;
min-height:0;
}
#view-sectors .sec-control-bar,
#view-sectors .topctl{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-bottom:var(--s-4);
}
#view-sectors .sec-filter-bar,
#view-sectors .filterbar{
margin-bottom:var(--s-6);
}
#view-sectors .sec-mode-area,
#view-sectors .sec-badge-area{
padding:0;
min-height:0;
}
#view-sectors .sec-content-region{
flex:1;
min-height:0;
display:flex;
flex-direction:column;
}
#view-sectors .sec-table-wrap{
flex:1;
min-height:0;
max-height:none;
overflow:auto;
}
#view-sectors .sec-table{
/* ~120px per numeric column (360 first col + 17×120) so headers don't crush
into 78px and wrap to "SA RI" — table scrolls horizontally instead. */
min-width:2400px;
}
#view-sectors .sec-corr-panel,
#view-sectors .sec-scatter-panel{
flex:1;
min-height:0;
overflow:auto;
}
/* Sectors: dynamic segmented buttons need icon/text spacing */
#view-sectors .sec-view-segment button{
display:inline-flex;
align-items:center;
gap:5px;
}
/* Sectors: keep filter dropdowns above table/chart surfaces */
#view-sectors .sec-control-bar,
#view-sectors .topctl{
position:relative;
z-index:20;
}
#view-sectors .sec-content-region{
position:relative;
z-index:1;
}
/* Fixed-viewport page: column flex so the table region can claim the
remaining height and scroll vertically (matches Göstergeler). */
#view-companies .cl-page{display:flex; flex-direction:column; height:100%; min-height:0}
/* Gap between the filter badges and the table (was flush — QA). */
#view-companies .cl-control-bar{margin-bottom:var(--s-6); flex:0 0 auto}
#view-companies .cl-badge-area{
gap:8px;
min-height:32px;
}
#view-companies .cl-badge{
display:inline-flex;
align-items:center;
gap:7px;
height:32px;
padding:0 12px;
border-radius:var(--r-sm);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-mid);
font-size:var(--fs-sm);
font-weight:450;
letter-spacing:0;
line-height:1;
box-shadow:none;
}
#view-companies .cl-badge:hover{
background:var(--bg-2);
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-companies .cl-badge.market-badge,
#view-companies .cl-badge.active{
background:var(--accent-soft);
border-color:var(--accent-line);
color:var(--accent);
}
#view-companies .cl-badge.disabled{
opacity:1;
pointer-events:none;
cursor:not-allowed;
background:var(--bg-1);
border-color:var(--border-subtle);
color:var(--text-dim);
}
#view-companies .cl-badge [data-icon],
#view-companies .cl-badge svg{
flex:0 0 auto;
color:currentColor;
}
#view-companies .cl-badge-x{
display:grid;
place-items:center;
width:16px;
height:16px;
margin-left:1px;
color:var(--text-lo);
}
#view-companies .cl-badge-x:hover{
color:var(--text-hi);
}
/* table region */
.cl-table-region{position:relative; flex:1; min-height:0; display:flex; flex-direction:column}
.cl-table-wrap{flex:1; min-height:0; max-height:none}
/* header count under "Şirket" */
.cl-count{display:block; font-size:10px; font-weight:500; color:var(--text-dim); text-transform:none; letter-spacing:0; margin-top:2px}
/* JS-built sortable header (.cl-th-inner > .cl-th-top + .cl-sort-btn) */
.data thead th .cl-th-inner{display:flex; justify-content:flex-end}
.data thead th:first-child .cl-th-inner{justify-content:flex-start}
.cl-th-top{display:inline-flex; align-items:center; gap:6px}
.cl-sort-btn{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px;
color:var(--text-dim); background:none; border:none; cursor:pointer}
.cl-sort-btn:hover{color:var(--text)}
.data thead th .fp-info-btn{color:var(--text-dim)}
/* Sorted column header: OPAQUE highlight. The legacy bridge sets a translucent
var(--fp-accent-softer) fill (now undefined → see-through) with !important, which
let scrolling cells bleed through the sticky header. Override with opaque bg. */
#cl-thead th{background:var(--bg-1)}
#view-companies #cl-thead th.active-sort{
background:var(--bg-2) !important;
color:var(--accent) !important;
border-bottom:1px solid var(--accent-line) !important;
}
#view-companies #cl-thead th.active-sort .cl-sort-btn{color:var(--accent)}
/* sticky first column header stays opaque above scrolling cells */
#view-companies table.data.sticky-first thead th:first-child{background:var(--bg-1)}
/* company cell — flex row so logo + name + menu sit on one line (was unstyled
→ display:block stacked them, inflating rows to ~96px). */
.cl-company-cell{display:flex; align-items:center; gap:11px; min-width:0; text-align:left}
.cl-logo{width:30px; height:30px; flex:0 0 30px; border-radius:var(--r-sm); object-fit:contain;
background:#fff; border:1px solid var(--border-subtle); padding:2px}
.cl-name-wrap{min-width:0; line-height:1.3; display:flex; flex-direction:column}
.cl-name{font-size:var(--fs-sm); color:var(--text-hi); font-weight:500; white-space:nowrap; overflow:hidden;
text-overflow:ellipsis; max-width:230px}
.cl-name:hover{color:var(--accent)}
.cl-sub{font-size:var(--fs-xs); color:var(--text-lo); font-family:var(--font-mono); white-space:nowrap}
.cl-group{display:inline-flex; align-items:center; height:16px; padding:0 5px; margin-left:4px; border-radius:var(--r-xs);
font-family:var(--font-mono); font-size:9px; letter-spacing:.04em; color:var(--text-mid); background:var(--bg-2); border:1px solid var(--border-subtle)}
.fp-menu-btn{margin-left:auto; width:28px; height:28px; flex:0 0 28px; border-radius:var(--r-sm); display:grid;
place-items:center; color:var(--text-dim); background:none; border:none; cursor:pointer; opacity:0; transition:opacity .12s}
tr:hover .fp-menu-btn{opacity:1}
.fp-menu-btn:hover{background:var(--bg-2); color:var(--text-hi)}
/* numeric cells: tabular mono, value colors (cls() → val-up/val-down) */
#view-companies table.data tbody td{font-family:var(--font-mono); font-variant-numeric:tabular-nums; color:var(--text-hi)}
#view-companies table.data tbody td:first-child{font-family:var(--font-sans)}
#view-companies table.data tbody td .muted{color:var(--text-dim)}
#view-companies .cl-price-cell{display:flex; align-items:center; justify-content:flex-end; gap:6px; font-weight:500}
#view-companies .cl-price-cell i{font-size:11px}
.val-up{color:var(--up) !important}
.val-down{color:var(--down) !important}
/* mobile: Şirketler is a dense financial table, not a card list */
@media (max-width:1023px){
#view-companies .cl-control-bar{
flex-wrap:nowrap;
overflow:visible;
min-width:0;
z-index:40;
}
#view-companies .cl-control-bar .spacer{
display:none;
}
#view-companies .cl-badge-area{
flex:1 1 100%;
width:100%;
max-width:100%;
min-width:0;
flex-wrap:nowrap;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
}
#view-companies .cl-badge{
flex:0 0 auto;
}
/* Legacy bridge sets .cl-control-bar to flex-direction:column on mobile, so a
170px flex-basis became a 170px-tall search. Let it size to content (~40px). */
#view-companies .cl-search-wrap{
flex:0 0 auto;
min-width:0;
width:100%;
}
.app.nav-open #view-companies .cl-control-bar{
z-index:0;
pointer-events:none;
}
}
@media (max-width:768px){
#view-companies{
--cl-mobile-name-col:230px;
--cl-mobile-data-col:140px;
--cl-mobile-name-max:140px;
--cl-mobile-cell-x:var(--s-4);
--cl-mobile-table-min:calc(
var(--cl-mobile-name-col) + (var(--cl-mobile-data-col) * 22)
);
}
#view-companies table{
width:var(--cl-mobile-table-min);
min-width:var(--cl-mobile-table-min);
max-width:var(--cl-mobile-table-min);
table-layout:fixed;
}
#view-companies th,
#view-companies td{
width:var(--cl-mobile-data-col);
min-width:var(--cl-mobile-data-col);
max-width:var(--cl-mobile-data-col);
overflow:hidden;
text-overflow:ellipsis;
}
#view-companies th:nth-child(1),
#view-companies td:nth-child(1){
width:var(--cl-mobile-name-col);
min-width:var(--cl-mobile-name-col);
max-width:var(--cl-mobile-name-col);
}
#view-companies thead th,
#view-companies tbody td{
padding-inline:var(--cl-mobile-cell-x);
white-space:nowrap;
}
#view-companies .cl-th-inner{
min-width:0;
width:100%;
overflow:hidden;
}
#view-companies .cl-th-top{
min-width:0;
max-width:100%;
overflow:hidden;
flex-wrap:nowrap;
}
#view-companies .cl-th-label{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#view-companies .cl-th-top .fp-info-btn,
#view-companies .cl-th-top .cl-sort-btn,
#view-companies .cl-count{
flex:0 0 auto;
}
#view-companies tbody td:first-child > div{
min-width:0;
width:100%;
gap:var(--s-4) !important;
}
#view-companies .cl-name-wrap{
flex:1 1 auto;
min-width:0;
max-width:var(--cl-mobile-name-max);
overflow:hidden;
}
#view-companies .cl-name,
#view-companies .cl-sub{
display:block;
min-width:0;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#view-companies table.data td:first-child .fp-menu-btn{
opacity:1;
}
}
/* ============================================================
SKORLAMA (Screener)
Metric library (left) + active-filter drop zone + ranked table.
Filter chips/popups reuse the shared .sc-badge/.sc-sector-popup
system (same as Şirketler). Legacy class names kept; page.js
emits design primitives (.co/.tag/.score/.mbox/.rank).
============================================================ */
#view-screener{padding:0}
#view-screener.fp-fixed{overflow:hidden}
#view-screener .sk-page{display:flex; flex-direction:column; height:100%; min-height:0}
.sk-control-bar{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:var(--s-6)}
.sk-control-bar .sc-badge-area{flex:1 1 auto; padding:0; min-height:0}
#view-screener .sc-badge-area{
gap:8px;
min-height:32px;
}

#view-screener .sc-badge{
display:inline-flex;
align-items:center;
gap:7px;
height:32px;
padding:0 12px;
box-sizing:border-box;
border-radius:var(--r-sm);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-mid);
font-size:var(--fs-sm);
font-weight:450;
letter-spacing:0;
line-height:1;
text-transform:none;
box-shadow:none;
white-space:nowrap;
cursor:pointer;
}

#view-screener .sc-badge:hover{
background:var(--bg-2);
border-color:var(--border-strong);
color:var(--text-hi);
}

#view-screener .sc-badge.market-badge,
#view-screener .sc-badge.active{
background:var(--accent-soft);
border-color:var(--accent-line);
color:var(--accent);
}

#view-screener .sc-badge.disabled{
opacity:1;
pointer-events:none;
cursor:not-allowed;
background:var(--bg-1);
border-color:var(--border-subtle);
color:var(--text-dim);
}

#view-screener .sc-badge.reset-btn{
margin-left:auto;
background:var(--down-soft);
border-color:rgba(255,111,111,.28);
color:var(--down);
}

#view-screener .sc-badge.reset-btn:hover{
background:var(--down-soft);
border-color:var(--down);
color:var(--down);
}

#view-screener .sc-badge [data-icon],
#view-screener .sc-badge svg{
flex:0 0 auto;
color:currentColor;
}

#view-screener .sc-badge-close{
display:grid;
place-items:center;
width:18px;
height:18px;
padding:0;
margin-right:-5px;
border-radius:var(--r-xs);
color:currentColor;
opacity:.75;
}

#view-screener .sc-badge-close:hover{
opacity:1;
background:var(--down-soft);
color:var(--down);
}

/* two-column working area */
.sk-grid{display:grid; grid-template-columns:288px minmax(0,1fr); gap:var(--s-6); align-items:start;
flex:1; min-height:0}
/* metric library */
.sk-library{display:flex; flex-direction:column; min-height:0; height:100%; overflow:hidden}
.sk-library-head{padding:12px; border-bottom:1px solid var(--border-subtle)}
#view-screener .metric-list{flex:1; min-height:0; overflow-y:auto; padding:6px}
#view-screener .metric-item{display:flex; align-items:center; gap:11px; height:46px; padding:0 12px;
border-radius:var(--r-md); cursor:grab; color:var(--text); font-size:var(--fs-sm); user-select:none}
#view-screener .metric-item:hover{background:var(--bg-2); color:var(--text-hi)}
#view-screener .metric-item:active{cursor:grabbing}
#view-screener .metric-item .mi-ic{width:26px; height:26px; flex:0 0 26px; border-radius:var(--r-sm);
background:var(--bg-3); border:1px solid var(--border-subtle); display:grid; place-items:center; color:var(--text-mid)}
#view-screener .metric-item .mi-ic [data-icon],
#view-screener .metric-item .mi-ic svg{display:block; color:currentColor}
#view-screener .metric-item .mi-label{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#view-screener .metric-item .dir{margin-left:auto; font-size:10px; letter-spacing:.05em; text-transform:uppercase;
color:var(--text-dim); font-weight:500; flex:0 0 auto}
/* results column */
.sk-results{display:flex; flex-direction:column; min-height:0; height:100%; gap:var(--s-5)}
#view-screener .drop-zone-container{flex:0 0 auto}
.sk-drop-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px}
.sk-drop-hint{font-size:var(--fs-micro); letter-spacing:.06em; text-transform:uppercase; color:var(--text-dim)}
#view-screener .active-zone{min-height:74px; border:1px dashed var(--border); border-radius:var(--r-md);
padding:14px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; align-content:flex-start; background:var(--bg-3)}
#view-screener .active-zone.drag-over{border-color:var(--accent-line); background:var(--accent-soft)}
#view-screener .active-zone .empty-hint{color:var(--text-lo); font-size:var(--fs-sm); width:100%; text-align:center}
#view-screener .active-metric-tag{display:inline-flex; align-items:center; gap:7px; height:30px; padding:0 8px 0 11px;
border-radius:var(--r-sm); background:var(--accent-soft); border:1px solid var(--accent-line); color:var(--accent);
font-size:var(--fs-sm); font-weight:500; cursor:grab}
#view-screener .active-metric-tag .x{display:grid; place-items:center; cursor:pointer; color:var(--accent)}
#view-screener .active-metric-tag .x:hover{opacity:.7}
/* ranked table */
.sk-table-wrap{flex:1; min-height:0}
#view-screener table.data.sk-table{table-layout:auto}
#view-screener .sk-table thead th{background:var(--bg-1)}
#view-screener table.data.sticky-first thead th:first-child{background:var(--bg-1)}
#view-screener .sk-table th:nth-child(1){width:44px}
#view-screener .sk-table th:nth-child(5){width:72px; text-align:center}
#view-screener .sk-table td.sk-score-cell{text-align:center}
#view-screener .sk-table tbody td{vertical-align:middle}
#view-screener .sk-table tbody tr:hover td{background:var(--bg-2)}
#view-screener .sk-table .co-logo{background:#fff; padding:3px; overflow:hidden}
#view-screener .sk-table .co-logo img{width:100%; height:100%; object-fit:contain}
#view-screener .sk-table .co-meta b{max-width:none}
#view-screener .sk-table .co-sub{font-size:10px; color:var(--text-lo); text-transform:uppercase; letter-spacing:.02em;
white-space:normal; display:block; max-width:220px; margin-top:2px; font-family:var(--font-sans)}
#view-screener .detail-cell{display:flex; gap:6px; justify-content:flex-end; flex-wrap:wrap; align-items:center}
#view-screener .mbox.good{border-color:var(--accent-line); background:var(--accent-soft)}
#view-screener .mbox.good .v{color:var(--accent)}
#view-screener .mbox.bad{background:var(--down-soft)}
#view-screener .mbox.bad .v{color:var(--down)}
#view-screener .sk-empty{padding:48px 20px; text-align:center; color:var(--text-lo); font-size:var(--fs-sm)}
#view-screener .sk-empty [data-icon]{display:block; margin:0 auto 12px; color:var(--text-dim)}
#view-screener .sk-more{text-align:center; padding:12px; font-size:var(--fs-xs); color:var(--text-dim)}
/* save / export bits inside the shared actions popup */
.sc-actions-popup{left:auto; right:0}
.sc-save-row{align-items:center; gap:6px; padding:6px 12px 8px}
.sc-save-input{flex:1; min-width:0; height:32px; padding:0 10px; background:var(--bg-3); border:1px solid var(--border);
border-radius:var(--r-sm); color:var(--text-hi); font-size:var(--fs-sm); outline:none}
.sc-save-input:focus{border-color:var(--border-strong)}
.sc-save-confirm{flex:0 0 auto; height:32px; padding:0 12px; background:var(--accent); color:#0a0a0a; font-size:11px;
font-weight:700; border:none; border-radius:var(--r-sm); cursor:pointer; white-space:nowrap}
.sc-save-confirm:hover{filter:brightness(1.05)}
/* filter + actions popups (= design .menu) — tokenized override of the
shared legacy .sc-sector-popup block, scoped so other pages are untouched */
#view-screener .sc-sector-popup{width:240px; background:var(--bg-elev); border:1px solid var(--border-strong);
border-radius:var(--r-md); box-shadow:var(--shadow-overlay); overflow:hidden}
#view-screener .sc-sector-head{padding:10px 12px; border-bottom:1px solid var(--border-subtle)}
#view-screener .sc-sector-title{font-size:var(--fs-micro); letter-spacing:.06em; text-transform:uppercase;
color:var(--text-lo); font-weight:500}
#view-screener .sc-sector-clear{font-size:var(--fs-xs); font-weight:500; color:var(--accent); background:transparent; border:0; cursor:pointer}
#view-screener .sc-sector-clear:hover{color:var(--text-hi)}
#view-screener .sc-sector-list{padding:6px}
#view-screener .sc-sector-item{display:flex; align-items:center; gap:10px; min-height:34px; padding:7px 10px;
border-radius:var(--r-sm); border:1px solid transparent; color:var(--text); font-size:var(--fs-sm); font-weight:450}
#view-screener .sc-sector-item:hover{background:var(--bg-2); color:var(--text-hi)}
#view-screener .sc-sector-item.active{background:var(--accent-soft); border-color:var(--accent-line); color:var(--accent)}
/* actions popup uses the shared row-menu (.fpMenu*) markup — tokenize it here too */
#view-screener .fpMenuHead{padding:10px 12px; border-bottom:1px solid var(--border-subtle)}
#view-screener .fpMenuTitle{font-size:var(--fs-micro); letter-spacing:.06em; text-transform:uppercase; color:var(--text-lo); font-weight:500}
#view-screener .fpMenuTicker{color:var(--accent); font-weight:500}
#view-screener .fpMenuItem{padding:0 12px; min-height:38px; gap:10px; font-size:var(--fs-sm); font-weight:450;
color:var(--text); border-bottom:1px solid var(--border-subtle)}
#view-screener .fpMenuItem:last-child{border-bottom:none}
#view-screener .fpMenuItem:hover{background:var(--bg-2); color:var(--text-hi)}
#view-screener .fpMenuIcon{width:18px; display:grid; place-items:center; color:var(--text-lo); opacity:1}
#view-screener .fpMenuItem:hover .fpMenuIcon{color:var(--text-hi)}
#view-screener .fpMenuClose{width:26px; height:26px; border-radius:var(--r-sm); display:grid; place-items:center;
background:transparent; border:none; color:var(--text-lo)}
#view-screener .fpMenuClose:hover{background:var(--bg-2); color:var(--text-hi)}
/* ============================================================
SEKTÖRLER — correlation modal token adapter
Modal is outside #view-sectors, so selectors are rooted at #secCorrPairModal.
============================================================ */
#secCorrPairModal.trend-modal{
color:var(--text);
}
#secCorrPairModal .trend-modal-backdrop{
background:rgba(0,0,0,.66);
}
#secCorrPairModal .trend-modal-card{
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:16px;
}
#secCorrPairModal .trend-modal-head{
margin-bottom:10px;
}
#secCorrPairModal .trend-modal-title{
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:700;
line-height:1.25;
}
#secCorrPairModal .corr-modal-stats{
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:500;
}
#secCorrPairModal .trend-modal-close{
border:1px solid var(--border);
background:var(--bg-2);
color:var(--text);
border-radius:var(--r-sm);
font-size:var(--fs-xs);
font-weight:600;
padding:7px 10px;
}
#secCorrPairModal .trend-modal-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
background:var(--bg-3);
}
#secCorrPairModal .corr-modal-tabs{
gap:8px;
margin-bottom:10px;
}
#secCorrPairModal .corr-tab-btn{
border:1px solid var(--border);
background:var(--bg-2);
color:var(--text-mid);
border-radius:var(--r-sm);
font-size:var(--fs-xs);
font-weight:500;
padding:7px 10px;
}
#secCorrPairModal .corr-tab-btn:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#secCorrPairModal .corr-tab-btn.active{
background:var(--accent-soft);
border-color:var(--accent-line);
color:var(--accent);
font-weight:600;
}
#secCorrPairModal .corr-modal-r2{
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:600;
}
#secCorrPairModal .sec-corr-modal-chart{
margin-top:8px;
}
#secCorrPairModal .sec-corr-modal-chart--time{
height:260px;
}
#secCorrPairModal .sec-corr-modal-chart--scatter{
height:300px;
}
#secCorrPairModal .corr-rolling-wrap{
margin-top:8px;
}
#secCorrPairModal .corr-rolling-toggle{
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:500;
}
#secCorrPairModal input[type="checkbox"]{
accent-color:var(--accent);
}
#secCorrPairModal #secCorrPairTimeChart,
#secCorrPairModal #secCorrPairScatterChart,
#secCorrPairModal #secCorrPairRollingChart{
color:var(--text);
}
/* Companies range filter popup */
#view-companies .cl-range-group-title{
padding:8px 14px 4px;
}
#view-companies .cl-range-group-title span{
font-size:var(--fs-micro);
font-weight:600;
color:var(--text-dim);
text-transform:uppercase;
letter-spacing:.06em;
}
#view-companies .cl-range-row{
padding:4px 14px;
}
#view-companies .cl-range-label-row{
display:flex;
align-items:center;
gap:6px;
margin-bottom:4px;
}
#view-companies .cl-range-label{
flex:1;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-companies .cl-range-unit{
font-size:var(--fs-micro);
color:var(--text-dim);
}
#view-companies .cl-range-input-row{
display:flex;
align-items:center;
gap:6px;
}
#view-companies .cl-range-input{
flex:1;
min-width:0;
height:30px;
padding:0 8px;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
color:var(--text-hi);
font-size:var(--fs-xs);
font-family:var(--font-mono);
outline:none;
-moz-appearance:textfield;
}
#view-companies .cl-range-input:focus{
border-color:var(--border-strong);
}
#view-companies .cl-range-input::placeholder{
color:var(--text-dim);
}
#view-companies .cl-range-separator{
color:var(--text-dim);
font-size:var(--fs-xs);
}
#view-companies .cl-range-apply{
width:100%;
height:32px;
border:1px solid var(--accent-line);
border-radius:var(--r-sm);
background:var(--accent);
color:var(--bg-0);
font-size:var(--fs-xs);
font-weight:700;
cursor:pointer;
}
#view-companies .cl-range-apply:hover{
background:var(--accent-hi);
}
#view-companies .cl-range-popup{
width:380px;
max-height:500px;
overflow-y:auto;
}
#view-companies .cl-range-actions{
padding:10px 14px 14px;
}
/* ============================================================
PRIVATE COMPANIES (Özel Piyasa)
Legacy pc-* class names kept (feature JS untouched); mapped
here onto tokens.css + components.css to mirror the design
reference (kpi / panel / data / chip / menu primitives).
============================================================ */
/* position:relative anchors the JS-positioned filter popover; the view scrolls
via the shell (.view-section.active{overflow:auto}) and .page provides the
page padding + max-width, matching the other migrated pages. */
#view-private-companies{position:relative; padding:0}
#view-private-companies .pc-wrap{display:flex; flex-direction:column}
#view-private-companies .page-head{margin-bottom:var(--s-7)}
#view-private-companies .pc-hidden-selects{display:none}
/* ---- headings inside the view ---- */
#view-private-companies h2{font-size:var(--fs-h3); font-weight:600; color:var(--text-hi); margin:0 0 3px}
#view-private-companies .pc-section-head p,
#view-private-companies p{margin:0; color:var(--text-mid); font-size:var(--fs-xs)}
/* ---- filter toolbar (= reference .filterbar + .chip chip-select) ---- */
#view-private-companies .pc-topbar{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:var(--s-6)}
#view-private-companies .pc-filter-chip-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap;
min-width:0; position:relative}
#view-private-companies .pc-filter-chip{display:inline-flex; align-items:center; gap:7px; height:32px;
padding:0 10px 0 12px; border-radius:var(--r-sm); border:1px solid var(--border); background:var(--bg-1);
color:var(--text); font-size:var(--fs-sm); font-weight:450; white-space:nowrap; cursor:pointer; user-select:none;
transition:border-color .12s, color .12s, background .12s}
#view-private-companies .pc-filter-chip:hover{border-color:var(--border-strong); color:var(--text-hi)}
#view-private-companies .pc-filter-chip.active{border-color:var(--accent-line); background:var(--accent-soft); color:var(--accent)}
#view-private-companies .pc-filter-chip [data-icon]{color:var(--text-lo); flex:0 0 auto}
#view-private-companies .pc-filter-chip.active [data-icon]{color:var(--accent)}
#view-private-companies .pc-filter-chip .pc-chev{color:var(--text-lo)}
#view-private-companies .pc-filter-chip b{color:inherit; font-weight:500}
#view-private-companies .pc-filter-actions{margin-left:auto; display:flex; align-items:center; gap:8px; flex:0 0 auto}
#view-private-companies .pc-filter-actions.hidden{display:none}
#view-private-companies .pc-apply-btn,
#view-private-companies .pc-clear-top{display:inline-flex; align-items:center; gap:6px;
flex:0 0 auto; height:32px; padding:0 10px; border-radius:var(--r-sm);
font-size:var(--fs-xs); font-weight:500; cursor:pointer}
#view-private-companies .pc-apply-btn{border:1px solid var(--accent-line); background:var(--accent-soft); color:var(--accent)}
#view-private-companies .pc-apply-btn:hover:not(:disabled){background:var(--accent); color:var(--on-accent)}
#view-private-companies .pc-apply-btn:disabled{opacity:.45; cursor:not-allowed; filter:saturate(.7)}
#view-private-companies .pc-clear-top{border:1px solid transparent; background:transparent; color:var(--text-mid)}
#view-private-companies .pc-clear-top:hover{background:var(--bg-2); color:var(--text-hi)}
#view-private-companies .pc-clear-top [data-icon]{color:var(--text-lo)}
#view-private-companies .pc-apply-btn [data-icon]{color:currentColor}
/* ---- filter popover (= .menu); positioned by JS, must stay absolute ---- */
#view-private-companies .pc-filter-popover{position:absolute; z-index:60; width:320px; max-width:calc(100vw - 40px);
background:var(--bg-elev); border:1px solid var(--border-strong); border-radius:var(--r-md);
box-shadow:var(--shadow-overlay); padding:6px}
#view-private-companies .pc-filter-popover.hidden{display:none}
#view-private-companies .pc-filter-popover-head{display:flex; align-items:center; justify-content:space-between;
gap:10px; padding:8px 10px 6px; font-size:var(--fs-micro); letter-spacing:.06em; text-transform:uppercase;
color:var(--text-lo); font-weight:500}
#view-private-companies .pc-filter-popover-head button{border:0; background:transparent; color:var(--accent);
font-size:var(--fs-micro); font-weight:600; cursor:pointer; letter-spacing:0; text-transform:none}
#view-private-companies .pc-filter-search{display:flex; align-items:center; gap:9px; height:34px; margin:0 4px 6px;
padding:0 10px; background:var(--bg-3); border:1px solid var(--border); border-radius:var(--r-sm)}
#view-private-companies .pc-filter-search:focus-within{border-color:var(--border-strong)}
#view-private-companies .pc-filter-search [data-icon]{color:var(--text-lo); flex:0 0 auto}
#view-private-companies .pc-filter-search input{flex:1; min-width:0; border:0; outline:0; background:transparent;
color:var(--text-hi); font-size:var(--fs-sm)}
#view-private-companies .pc-filter-search input::placeholder{color:var(--text-lo)}
#view-private-companies .pc-filter-options{max-height:340px; overflow-y:auto; display:flex; flex-direction:column; gap:2px}
#view-private-companies .pc-filter-option{display:flex; align-items:center; width:100%; min-height:34px; padding:7px 10px;
border:0; border-radius:var(--r-sm); background:transparent; color:var(--text); text-align:left;
font-size:var(--fs-sm); font-weight:450; cursor:pointer}
#view-private-companies .pc-filter-option:hover{background:var(--bg-2); color:var(--text-hi)}
#view-private-companies .pc-filter-option.active{background:var(--accent-soft); color:var(--accent)}
/* ---- KPI cards (= .kpi-grid.four + .kpi) ---- */
#view-private-companies .pc-kpi-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:var(--s-6)}
#view-private-companies .pc-kpi-card{background:var(--bg-1); border:1px solid var(--border-subtle);
border-radius:var(--r-md); padding:13px 15px 14px}
#view-private-companies .pc-kpi-title{font-size:var(--fs-micro); letter-spacing:.07em; text-transform:uppercase;
color:var(--text-lo); font-weight:500}
#view-private-companies .pc-kpi-value{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
font-size:var(--fs-kpi); font-weight:500; color:var(--text-hi); margin-top:7px; letter-spacing:-.02em; line-height:1}
#view-private-companies .pc-kpi-sub{margin-top:8px; font-size:var(--fs-xs); color:var(--text-lo)}
#view-private-companies .pc-kpi-value-row{display:flex; align-items:baseline; gap:8px; margin-top:7px}
#view-private-companies .pc-kpi-value-row .pc-kpi-value{margin-top:0}
#view-private-companies .pc-kpi-value-meta{font-size:var(--fs-xs); color:var(--text-lo); font-weight:450}
#view-private-companies .pc-kpi-bands{display:flex; flex-wrap:wrap; gap:4px 10px}
#view-private-companies .pc-kpi-band{font:inherit; white-space:nowrap}
#view-private-companies .pc-kpi-band.down{color:var(--down)}
#view-private-companies .pc-kpi-band.up{color:var(--up)}
#view-private-companies .pc-kpi-sub-muted{color:var(--text-lo)}
/* ---- trend mini cards (= reference .trendcard) ---- */
#view-private-companies .pc-trend-dashboard{display:flex; flex-direction:column; gap:var(--s-6); margin-bottom:var(--s-6)}
#view-private-companies .pc-trend-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px}
#view-private-companies .pc-trend-card{background:var(--bg-1); border:1px solid var(--border-subtle);
border-radius:var(--r-md); padding:13px 15px}
#view-private-companies .pc-trend-top{display:flex; align-items:center; gap:8px; margin-bottom:8px}
#view-private-companies .pc-trend-title{font-size:10px; letter-spacing:.06em; text-transform:uppercase;
color:var(--text-lo); font-weight:500}
#view-private-companies .pc-trend-delta{margin-left:auto; font-family:var(--font-mono); font-size:var(--fs-sm);
font-weight:600; color:var(--text-hi)}
#view-private-companies .pc-trend-pill{display:inline-flex; align-items:center; height:22px; width:fit-content;
padding:0 8px; margin-bottom:8px; border-radius:var(--r-pill); font-size:var(--fs-micro); font-weight:600;
letter-spacing:.02em; background:var(--bg-2); color:var(--text-mid); border:1px solid var(--border)}
#view-private-companies .pc-trend-pill.rising{background:var(--up-soft); color:var(--up); border-color:transparent}
#view-private-companies .pc-trend-pill.falling{background:var(--down-soft); color:var(--down); border-color:transparent}
#view-private-companies .pc-trend-pill.flat{background:var(--warn-soft); color:var(--warn); border-color:transparent}
/* FinCharts sparkline host (svg stretches to fill, preserveAspectRatio:none) */
#view-private-companies .pc-mini-chart{height:38px; margin-top:6px}
#view-private-companies .pc-mini-chart svg{width:100%; height:38px; display:block}
/* ---- bar-chart + yearly-summary panels (= .panel) ---- */
#view-private-companies .pc-dashboard-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s-6)}
#view-private-companies .pc-chart-panel,
#view-private-companies .pc-yearly-panel{background:var(--bg-1); border:1px solid var(--border-subtle);
border-radius:var(--r-lg); padding:var(--s-6)}
#view-private-companies .pc-section-head.compact h2{margin-bottom:2px}
#view-private-companies .pc-bar{margin-top:4px}
#view-private-companies .pc-bar svg{display:block}
#view-private-companies .pc-yearly-scroll{overflow-x:auto}
#view-private-companies .pc-yearly-table{width:100%; min-width:860px; border-collapse:separate; border-spacing:0; font-size:var(--fs-sm)}
#view-private-companies .pc-yearly-table th{text-align:right; padding:0 10px; height:38px; font-size:var(--fs-micro);
letter-spacing:.05em; text-transform:uppercase; font-weight:500; color:var(--text-lo);
border-bottom:1px solid var(--border)}
#view-private-companies .pc-yearly-table td{height:var(--row-h-compact); padding:0 10px; text-align:right;
font-family:var(--font-mono); font-variant-numeric:tabular-nums; color:var(--text);
border-bottom:1px solid var(--border-subtle)}
#view-private-companies .pc-yearly-table th:first-child,
#view-private-companies .pc-yearly-table td:first-child{text-align:left; font-family:var(--font-sans)}
#view-private-companies .pc-yearly-table tbody tr:last-child td{border-bottom:none}
/* ---- main grid: company table + analizler rail ---- */
#view-private-companies .pc-grid{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:var(--s-6); align-items:start}
#view-private-companies .pc-panel{background:var(--bg-1); border:1px solid var(--border-subtle); border-radius:var(--r-lg); padding:var(--s-6)}
#view-private-companies .pc-section-head{display:flex; align-items:flex-start; justify-content:space-between;
gap:12px; margin-bottom:12px}
#view-private-companies .pc-section-head.compact{display:block}
#view-private-companies .pc-limit-pill{display:inline-flex; align-items:center; height:22px; padding:0 8px;
border-radius:var(--r-pill); font-size:var(--fs-micro); font-weight:600; background:var(--bg-2);
color:var(--text-mid); border:1px solid var(--border); white-space:nowrap}
/* company table (= .data) */
#view-private-companies .pc-table-wrap{overflow:auto; border:1px solid var(--border-subtle); border-radius:var(--r-md); background:var(--bg-1)}
#view-private-companies .pc-table{width:100%; min-width:980px; border-collapse:separate; border-spacing:0; font-size:var(--fs-sm)}
#view-private-companies .pc-table th{position:sticky; top:0; z-index:3; background:var(--bg-1); height:42px; padding:0 12px;
text-align:left; font-size:var(--fs-micro); letter-spacing:.05em; text-transform:uppercase; font-weight:500;
color:var(--text-lo); white-space:nowrap; border-bottom:1px solid var(--border)}
#view-private-companies .pc-table td{height:var(--row-h); padding:0 12px; font-size:var(--fs-sm); color:var(--text);
border-bottom:1px solid var(--border-subtle); vertical-align:middle}
#view-private-companies .pc-table tbody tr:last-child td{border-bottom:none}
#view-private-companies .pc-table tbody tr:hover td{background:var(--bg-2)}
#view-private-companies .pc-company-cell{display:flex; align-items:center; gap:10px; min-width:230px}
#view-private-companies .pc-logo{width:30px; height:30px; flex:0 0 30px; border-radius:var(--r-sm); overflow:hidden;
background:var(--bg-2); border:1px solid var(--border-subtle)}
#view-private-companies .pc-logo img{width:100%; height:100%; object-fit:cover; display:block}
#view-private-companies .pc-logo-fallback{width:100%; height:100%; display:grid; place-items:center;
font-family:var(--font-mono); font-size:11px; font-weight:600; color:var(--text-mid)}
#view-private-companies .pc-company-name{font-size:var(--fs-sm); font-weight:500; color:var(--text-hi)}
#view-private-companies .pc-company-sub,
#view-private-companies .pc-muted{font-size:var(--fs-xs); color:var(--text-lo)}
#view-private-companies .pc-link-btn{display:inline-flex; align-items:center; height:30px; padding:0 10px;
border-radius:var(--r-sm); border:1px solid transparent; background:transparent; color:var(--text-mid);
font-size:var(--fs-xs); font-weight:500; cursor:pointer}
#view-private-companies .pc-link-btn:hover{background:var(--bg-2); color:var(--text-hi)}
#view-private-companies .pc-empty{text-align:center; padding:28px; color:var(--text-lo)}
/* analizler rail (= reference .rail-list) */
#view-private-companies .pc-insights{display:flex; flex-direction:column; gap:var(--s-5)}
#view-private-companies .pc-insight-block{border-top:1px solid var(--border-subtle); padding-top:12px}
#view-private-companies .pc-insight-block:first-child{border-top:none; padding-top:0}
#view-private-companies .pc-mini-company-link{
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
  color:inherit;
}
#view-private-companies .pc-mini-company-link:hover span,
#view-private-companies .pc-company-cell[data-pc-company]:hover .pc-company-name{
  color:var(--accent);
}
#view-private-companies .pc-company-cell[data-pc-company]{
  cursor:pointer;
}
#view-private-companies .pc-mini-company-link:focus-visible,
#view-private-companies .pc-company-cell[data-pc-company]:focus-visible{
  outline:1px solid var(--accent);
  outline-offset:2px;
}

#view-private-companies .pc-insight-title{margin-bottom:6px; font-size:var(--fs-micro); letter-spacing:.07em;
text-transform:uppercase; color:var(--text-mid); font-weight:600}
#view-private-companies .pc-insight-row,
#view-private-companies .pc-mini-company,
#view-private-companies .pc-event{display:flex; align-items:center; justify-content:space-between; gap:10px;
padding:9px 0; border-top:1px solid var(--border-subtle); font-size:var(--fs-sm); color:var(--text)}
#view-private-companies .pc-insight-row:first-of-type,
#view-private-companies .pc-mini-company:first-of-type,
#view-private-companies .pc-event:first-of-type{border-top:none}
#view-private-companies .pc-mini-company b,
#view-private-companies .pc-insight-row b,
#view-private-companies .pc-event b{font-family:var(--font-mono); color:var(--accent); font-weight:600}
#view-private-companies .pc-warning,
#view-private-companies .pc-free-note{display:flex; gap:11px; margin-top:6px; padding:13px 15px;
border-radius:var(--r-md); border:1px solid var(--border-subtle); background:var(--bg-1);
font-size:var(--fs-xs); color:var(--text-mid)}
/* ---- Responsive: page had NO media queries, so 4-col grids overflowed on
mobile. Match reference (≤1080): pc-grid stacks, KPI/trend → 2 cols. ---- */
@media (max-width:1023px){
/* minmax(0,1fr) (not 1fr) so the 980px-min table-wrap scrolls internally
instead of forcing the column — and thus the page — wider than the viewport. */
#view-private-companies .pc-grid{grid-template-columns:minmax(0,1fr)}
#view-private-companies .pc-panel{min-width:0}
#view-private-companies .pc-kpi-grid,
#view-private-companies .pc-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-private-companies .pc-dashboard-grid{grid-template-columns:1fr}
#view-private-companies .pc-kpi-value{font-size:var(--fs-h2)}
}
@media (max-width:768px){
#view-private-companies .pc-filter-actions{margin-left:0; width:100%}
}
/* QA-7: Sectors correlation matrix uses the same visual primitive as
Varlık Detay correlation blocks, scoped to #view-sectors. */
#view-sectors #secCorrWrap .panel-body{
padding:0;
}
#view-sectors #secCorrWrap .detail-corr-block{
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
background:var(--bg-1);
overflow:hidden;
}
#view-sectors #secCorrWrap .detail-corr-table-scroll{
overflow:auto;
max-width:100%;
}
#view-sectors #secCorrWrap .detail-corr-block-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
padding:14px 16px;
border-bottom:1px solid var(--border-subtle);
}
#view-sectors #secCorrWrap .detail-corr-title{
font-size:var(--fs-sm);
font-weight:600;
color:var(--text-hi);
}
#view-sectors #secCorrWrap .detail-corr-sub,
#view-sectors #secCorrWrap .detail-corr-note{
font-size:var(--fs-xs);
color:var(--text-mid);
margin-top:2px;
}
#view-sectors #secCorrWrap .detail-corr-note{
padding:8px 16px 0;
}
#view-sectors #secCorrWrap .detail-corr-table{
width:100%;
min-width:980px;
border-collapse:separate;
border-spacing:0;
}
#view-sectors #secCorrWrap .detail-corr-table th,
#view-sectors #secCorrWrap .detail-corr-table td{
height:42px;
padding:0 10px;
border-bottom:1px solid var(--border-subtle);
text-align:center;
white-space:nowrap;
}
#view-sectors #secCorrWrap .detail-corr-table th{
position:sticky;
top:0;
z-index:2;
background:var(--bg-1);
color:var(--text-lo);
font-size:var(--fs-micro);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:500;
}
#view-sectors #secCorrWrap .detail-corr-rowlbl{
position:sticky;
left:0;
z-index:3;
min-width:220px;
max-width:280px;
background:var(--bg-1);
color:var(--text);
text-align:left !important;
overflow:hidden;
text-overflow:ellipsis;
}
#view-sectors #secCorrWrap .detail-corr-cell{
min-width:68px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
}
#view-sectors #secCorrWrap .detail-corr-cell.clickable{
cursor:pointer;
}
#view-sectors #secCorrWrap .detail-corr-cell.clickable:hover{
outline:1px solid var(--accent-line);
outline-offset:-1px;
}
#view-sectors #secCorrWrap .detail-corr-badge{
display:inline;
min-width:0;
height:auto;
padding:0;
border:0;
border-radius:0;
background:transparent;
color:inherit;
}
#view-sectors #secCorrWrap .detail-corr-cell.empty{
color:var(--text-dim);
background:transparent !important;
}
#view-sectors #secCorrWrap .detail-corr-cell.diag{
background:var(--bg-2) !important;
color:var(--text-mid);
}
#view-sectors #secCorrWrap .detail-corr-warn{
display:inline-flex;
align-items:center;
height:22px;
padding:0 8px;
border-radius:var(--r-pill);
border:1px solid rgba(255,200,0,.25);
background:rgba(255,200,0,.08);
color:#ffd36a;
font-size:var(--fs-xs);
}
/* QA-11: correlation matrix sticky first column needs a sticky corner header too.
Body row labels already use left:0; the top-left header cell was only top-sticky,
so it moved with horizontal scroll and broke mobile alignment. */
#view-sectors #secCorrWrap .detail-corr-table thead th:first-child{
left:0;
z-index:5;
min-width:220px;
max-width:220px;
width:220px;
text-align:left;
background:var(--bg-1);
padding-left:10px;
padding-right:10px;
}
#view-sectors #secCorrWrap .detail-corr-rowlbl{
z-index:4;
min-width:220px;
max-width:220px;
width:220px;
background:var(--bg-1);
}
/* ---- detail drawer (= components .drawer/.modal) ---- */
#view-private-companies .pc-wrap.hidden,
#view-private-companies .pc-company-detail.hidden{display:none}

/* Private company detail — scoped port of the paid reference HTML */
#view-private-companies .pc-company-detail .crumbs{display:flex; align-items:center; gap:8px; font-size:var(--fs-xs); color:var(--text-lo); margin-bottom:14px; font-family:var(--font-mono)}
#view-private-companies .pc-company-detail .crumbs button{border:0; background:transparent; padding:0; color:var(--text-lo); font:inherit; cursor:pointer}
#view-private-companies .pc-company-detail .crumbs button:hover{color:var(--text-hi)}
#view-private-companies .pc-company-detail .crumbs .sep{color:var(--text-dim)}
#view-private-companies .pc-company-detail .crumbs .cur{color:var(--text-mid)}

#view-private-companies .pc-company-detail .pc-detail-id{margin-bottom:0; padding:0 0 2px}
#view-private-companies .pc-company-detail .panel{background:var(--bg-1); border:1px solid var(--border-subtle); border-radius:var(--r-lg); overflow:hidden}
#view-private-companies .pc-company-detail .panel-pad{padding:var(--s-6)}
#view-private-companies .pc-company-detail .panel-head{display:flex; align-items:center; gap:12px; min-height:48px; padding:0 16px; border-bottom:1px solid var(--border-subtle)}
#view-private-companies .pc-company-detail .panel-head h3{font-size:var(--fs-sm); color:var(--text-hi); font-weight:600}
#view-private-companies .pc-company-detail .panel-head .muted{font-weight:400}
#view-private-companies .pc-company-detail .panel-body{padding:14px 16px 16px}
#view-private-companies .pc-company-detail .spacer{flex:1}

#view-private-companies .pc-company-detail .id-head{display:flex; align-items:flex-start; gap:18px; flex-wrap:wrap}
#view-private-companies .pc-company-detail .id-logo{width:60px; height:60px; flex:0 0 60px; border-radius:var(--r-lg); background:var(--bg-2); border:1px solid var(--border-subtle); display:grid; place-items:center; font-family:var(--font-mono); font-weight:600; color:var(--text-mid); font-size:15px; letter-spacing:-.03em; overflow:hidden}
#view-private-companies .pc-company-detail .id-logo img{width:100%; height:100%; object-fit:cover; display:block}
#view-private-companies .pc-company-detail .id-main{min-width:0; flex:1}
#view-private-companies .pc-company-detail .id-main h1{font-size:25px; font-weight:600; color:var(--text-hi); letter-spacing:-.025em; display:flex; align-items:center; gap:11px; flex-wrap:wrap}
#view-private-companies .pc-company-detail .id-main h1 .desc{font-weight:400; color:var(--text-mid); font-size:18px; letter-spacing:-.01em}
#view-private-companies .pc-company-detail .id-tags{display:flex; flex-wrap:wrap; gap:7px; margin-top:13px}
#view-private-companies .pc-company-detail .id-tag{display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:var(--r-xs); font-size:var(--fs-micro); color:var(--text-mid); background:var(--bg-2); border:1px solid var(--border-subtle); font-family:var(--font-mono); letter-spacing:.01em; white-space:nowrap}
#view-private-companies .pc-company-detail .id-tag.lead{color:var(--accent); border-color:var(--accent-line); background:var(--accent-soft)}
#view-private-companies .pc-company-detail .id-web{margin-top:12px; font-family:var(--font-mono); font-size:var(--fs-xs)}
#view-private-companies .pc-company-detail .id-web a{color:var(--accent)}
#view-private-companies .pc-company-detail .id-quote{text-align:right; min-width:160px}
#view-private-companies .pc-company-detail .id-quote .lbl{font-size:var(--fs-micro); letter-spacing:.08em; text-transform:uppercase; color:var(--text-lo); font-weight:500}
#view-private-companies .pc-company-detail .id-quote .px{font-family:var(--font-mono); font-size:30px; font-weight:600; color:var(--text-hi); letter-spacing:-.02em; margin-top:4px}
#view-private-companies .pc-company-detail .id-quote .px span{font-size:16px; color:var(--text-lo)}
#view-private-companies .pc-company-detail .id-quote .sub{font-size:var(--fs-xs); color:var(--text-mid); margin-top:5px}

#view-private-companies .pc-company-detail .grid{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:18px; align-items:start; margin-top:18px}
#view-private-companies .pc-company-detail .stack{display:flex; flex-direction:column; gap:18px}
#view-private-companies .pc-company-detail .kpi-grid.four{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:18px}
#view-private-companies .pc-company-detail .two{display:grid; grid-template-columns:1fr 1fr; gap:18px}
#view-private-companies .pc-company-detail .kpi{background:var(--bg-1); border:1px solid var(--border-subtle); border-radius:var(--r-md); padding:13px 15px 14px}
#view-private-companies .pc-company-detail .kpi.accent-edge{border-color:var(--accent-line)}
#view-private-companies .pc-company-detail .kpi .label{font-size:var(--fs-micro); letter-spacing:.07em; text-transform:uppercase; color:var(--text-lo); font-weight:500}
#view-private-companies .pc-company-detail .kpi .val{font-family:var(--font-mono); font-variant-numeric:tabular-nums; font-size:var(--fs-kpi); font-weight:500; color:var(--text-hi); margin-top:7px; letter-spacing:-.02em; line-height:1}
#view-private-companies .pc-company-detail .kpi .val.accent{color:var(--accent)}
#view-private-companies .pc-company-detail .kpi .foot{margin-top:8px; font-size:var(--fs-xs); color:var(--text-lo)}

#view-private-companies .pc-company-detail .tf{display:flex; gap:2px}
#view-private-companies .pc-company-detail .tf button{height:28px; padding:0 10px; border-radius:var(--r-sm); font-family:var(--font-mono); font-size:var(--fs-xs); color:var(--text-mid); cursor:pointer}
#view-private-companies .pc-company-detail .tf button:hover{color:var(--text-hi); background:var(--bg-2)}
#view-private-companies .pc-company-detail .tf button.on{background:var(--accent-soft); color:var(--accent)}
#view-private-companies .pc-company-detail .chart-frame,
#view-private-companies .pc-company-detail #pcDetailBarRounds{width:100%}
#view-private-companies .pc-company-detail svg{width:100%; height:100%; display:block}
#view-private-companies .pc-company-detail .pcd-gridline{stroke:var(--border-subtle); stroke-width:1}
#view-private-companies .pc-company-detail .pcd-area{fill:var(--accent); opacity:.08}
#view-private-companies .pc-company-detail .pcd-line{fill:none; stroke:var(--accent); stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round}
#view-private-companies .pc-company-detail .pcd-dot{fill:var(--bg-1); stroke:var(--accent); stroke-width:1.7}
#view-private-companies .pc-company-detail .pcd-bar{fill:var(--accent); opacity:.88}
#view-private-companies .pc-company-detail .pcd-axis{fill:var(--text-lo); font-size:10px; font-family:var(--font-mono)}
#view-private-companies .pc-company-detail .pcd-value-label{fill:var(--text-hi); font-size:10px; font-family:var(--font-mono); font-weight:600}

#view-private-companies .pc-company-detail .info-row{display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--border-subtle); font-size:var(--fs-sm)}
#view-private-companies .pc-company-detail .info-row:last-child{border-bottom:none}
#view-private-companies .pc-company-detail .info-row .k{color:var(--text-mid); flex:0 0 auto; white-space:nowrap}
#view-private-companies .pc-company-detail .info-row .v{font-family:var(--font-mono); color:var(--text-hi); font-weight:500; text-align:right}
#view-private-companies .pc-company-detail .info-row .v a{color:var(--accent)}

#view-private-companies .pc-company-detail .clsf .grp{padding:11px 0; border-bottom:1px solid var(--border-subtle)}
#view-private-companies .pc-company-detail .clsf .grp:last-child{border-bottom:none}
#view-private-companies .pc-company-detail .clsf .grp .eyebrow{margin-bottom:8px}
#view-private-companies .pc-company-detail .clsf .tags{display:flex; flex-wrap:wrap; gap:6px}
#view-private-companies .pc-company-detail .tag{display:inline-flex; align-items:center; min-height:23px; padding:0 8px; border-radius:var(--r-xs); background:var(--bg-2); border:1px solid var(--border-subtle); color:var(--text-mid); font-size:var(--fs-micro)}

#view-private-companies .pc-company-detail .tableWrap{overflow:auto}
#view-private-companies .pc-company-detail table.data{width:100%; min-width:780px; border-collapse:separate; border-spacing:0; font-size:var(--fs-sm)}
#view-private-companies .pc-company-detail table.data th{height:42px; padding:0 12px; text-align:right; font-size:var(--fs-micro); letter-spacing:.05em; text-transform:uppercase; font-weight:500; color:var(--text-lo); white-space:nowrap; border-bottom:1px solid var(--border)}
#view-private-companies .pc-company-detail table.data td{height:var(--row-h); padding:0 12px; font-size:var(--fs-sm); color:var(--text); border-bottom:1px solid var(--border-subtle); vertical-align:middle; text-align:right}
#view-private-companies .pc-company-detail table.data tbody tr:last-child td{border-bottom:none}
#view-private-companies .pc-company-detail table.data tbody tr:hover td{background:var(--bg-2)}
#view-private-companies .pc-company-detail .hist-table td:nth-child(3),
#view-private-companies .pc-company-detail .hist-table th:nth-child(3){min-width:150px}
#view-private-companies .pc-company-detail .hist-table td:nth-child(4),
#view-private-companies .pc-company-detail .hist-table th:nth-child(4){text-align:left}
#view-private-companies .pc-company-detail .hist-table .type{color:var(--text); white-space:normal; max-width:150px; display:inline-block; line-height:1.4}

#view-private-companies .pc-company-detail .inv-cell{display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-start; max-width:380px}
#view-private-companies .pc-company-detail .inv{display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:var(--r-xs); font-size:var(--fs-micro); color:var(--text-mid); background:var(--bg-2); border:1px solid var(--border-subtle); white-space:nowrap}
#view-private-companies .pc-company-detail .inv.lead{color:var(--text-hi); border-color:var(--border)}
#view-private-companies .pc-company-detail .inv .star{color:var(--accent); font-size:10px}
#view-private-companies .pc-company-detail .inv.more{color:var(--text-lo); font-family:var(--font-mono)}

#view-private-companies .pc-company-detail .rail-list .ri{display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--border-subtle); font-size:var(--fs-sm)}
#view-private-companies .pc-company-detail .rail-list .ri:last-child{border-bottom:none}
#view-private-companies .pc-company-detail .rail-list .ri .rk{font-family:var(--font-mono); font-size:var(--fs-xs); color:var(--text-dim); width:14px}
#view-private-companies .pc-company-detail .rail-list .ri b{color:var(--text-hi); font-weight:500; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#view-private-companies .pc-company-detail .rail-list .ri .v{font-family:var(--font-mono); color:var(--text-mid); font-size:var(--fs-xs); white-space:nowrap; flex:0 0 auto}

#view-private-companies .pc-company-detail .co{display:flex; align-items:center; gap:10px; border:0; background:transparent; padding:0; color:inherit; cursor:pointer}
#view-private-companies .pc-company-detail .co-logo{width:30px; height:30px; border-radius:var(--r-sm); background:var(--bg-2); border:1px solid var(--border-subtle); display:grid; place-items:center; overflow:hidden; color:var(--text-mid); font-family:var(--font-mono); font-size:var(--fs-micro)}
#view-private-companies .pc-company-detail .co-logo img{width:100%; height:100%; object-fit:cover}
#view-private-companies .pc-company-detail .co-meta b{color:var(--text-hi); font-weight:500}
#view-private-companies .pc-company-detail .co:hover .co-meta b{color:var(--accent)}

#view-private-companies .pc-company-detail .num{font-family:var(--font-mono); font-variant-numeric:tabular-nums}
#view-private-companies .pc-company-detail .num.hi,
#view-private-companies .pc-company-detail .hi{color:var(--text-hi)}
#view-private-companies .pc-company-detail .num.accent,
#view-private-companies .pc-company-detail .accent{color:var(--accent)}
#view-private-companies .pc-company-detail .num.dim{color:var(--text-dim)}
#view-private-companies .pc-company-detail .num.up{color:var(--up)}
#view-private-companies .pc-company-detail .num.down{color:var(--down)}
#view-private-companies .pc-company-detail .num.flat{color:var(--text-lo)}
#view-private-companies .pc-company-detail .muted{color:var(--text-lo)}
#view-private-companies .pc-company-detail .mono-note,
#view-private-companies .pc-company-detail .investor-note{font-size:var(--fs-xs); font-family:var(--font-mono)}
#view-private-companies .pc-company-detail .investor-note{margin-bottom:12px}
#view-private-companies .pc-company-detail .pc-detail-empty,
#view-private-companies .pc-company-detail .pc-detail-empty-cell{color:var(--text-lo); font-size:var(--fs-sm); text-align:center; padding:30px}
#view-private-companies .pc-company-detail .pc-detail-empty.small{padding:8px 0; text-align:left}
#view-private-companies .pc-company-detail .pill{display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:var(--r-pill); font-size:var(--fs-micro); font-weight:600}
#view-private-companies .pc-company-detail .pill-neutral{background:var(--bg-2); color:var(--text-mid); border:1px solid var(--border)}

@media (max-width:1080px){
  #view-private-companies .pc-company-detail .grid{grid-template-columns:1fr}
  #view-private-companies .pc-company-detail .two{grid-template-columns:1fr}
}
@media (max-width:560px){
  #view-private-companies .pc-company-detail .id-quote{text-align:left; min-width:0}
  #view-private-companies .pc-company-detail .kpi-grid.four{grid-template-columns:1fr 1fr}
}

#view-private-companies .pc-drawer{position:fixed; inset:0; z-index:85}
#view-private-companies .pc-drawer.hidden{display:none}
#view-private-companies .pc-drawer-backdrop{position:absolute; inset:0; background:rgba(5,7,6,.62); backdrop-filter:blur(2px)}
#view-private-companies .pc-drawer-card{position:absolute; top:0; right:0; bottom:0; width:min(560px,92vw);
max-height:100vh; background:var(--bg-elev); border-left:1px solid var(--border-strong);
box-shadow:var(--shadow-overlay); display:flex; flex-direction:column; overflow:hidden}
#view-private-companies .pc-drawer-head{display:flex; align-items:flex-start; justify-content:space-between;
gap:12px; padding:18px 20px; border-bottom:1px solid var(--border-subtle)}
#view-private-companies .pc-eyebrow{font-size:var(--fs-micro); letter-spacing:.09em; text-transform:uppercase;
color:var(--text-lo); font-weight:500; margin-bottom:5px}
#view-private-companies .pc-drawer-head h2{font-size:var(--fs-h2); color:var(--text-hi); margin:0 0 4px}
#view-private-companies .pc-drawer-head p{color:var(--text-mid); font-size:var(--fs-xs)}
#view-private-companies .pc-icon-btn{width:34px; height:34px; flex:0 0 34px; border-radius:var(--r-sm);
display:grid; place-items:center; border:1px solid var(--border); background:var(--bg-2); color:var(--text-mid)}
#view-private-companies .pc-icon-btn:hover{border-color:var(--border-strong); color:var(--text-hi); background:var(--bg-3)}
#view-private-companies .pc-drawer-body{flex:1; min-height:0; overflow-y:auto; padding:20px}
#view-private-companies .pc-detail-section{margin-bottom:18px}
#view-private-companies .pc-detail-section h3{font-size:var(--fs-h3); font-weight:600; color:var(--text-hi); margin:0 0 10px}
#view-private-companies .pc-detail-section p{color:var(--text); font-size:var(--fs-sm); line-height:1.55}
#view-private-companies .pc-detail-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:18px}
#view-private-companies .pc-detail-grid>div{border:1px solid var(--border-subtle); background:var(--bg-1);
border-radius:var(--r-md); padding:10px}
#view-private-companies .pc-detail-grid span{display:block; color:var(--text-lo); font-size:var(--fs-micro); margin-bottom:4px}
#view-private-companies .pc-detail-grid b,
#view-private-companies .pc-detail-grid a{color:var(--text-hi); font-size:var(--fs-xs)}
/* ============================================================
VARLIK DETAY — desktop token adapter
============================================================ */
#view-detail{
position:relative;
padding:0;
overflow:auto;
}
#view-detail .detail-page{
position:relative;
}
#view-detail .detail-asset-head{
display:flex;
align-items:flex-start;
gap:18px;
margin-bottom:var(--s-7);
}
#view-detail .detail-asset-main{
display:flex;
align-items:flex-start;
gap:16px;
min-width:0;
}
#view-detail .detail-asset-logo{
width:64px;
height:64px;
flex:0 0 64px;
border-radius:var(--r-lg);
background:var(--bg-2);
border:1px solid var(--border-subtle);
display:grid;
place-items:center;
color:var(--text-mid);
overflow:hidden;
}
#view-detail .detail-asset-logo img{
width:100%;
height:100%;
object-fit:contain;
padding:6px;
background:var(--bg-1);
}
#view-detail .detail-asset-id{
min-width:0;
}
#view-detail .detail-title-row{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
#view-detail .detail-title-row h1{
min-width:0;
max-width:560px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:26px;
font-weight:600;
color:var(--text-hi);
letter-spacing:-.025em;
}
#view-detail .detail-menu-btn{
width:30px;
height:30px;
flex:0 0 30px;
}
#view-detail .detail-meta,
#view-detail .detail-stats{
font-size:var(--fs-sm);
color:var(--text-mid);
margin-top:6px;
}
#view-detail .detail-stats{
margin-top:0;
text-align:right;
font-family:var(--font-mono);
}
#view-detail .detail-stats .detail-stat-label,
#view-detail .detail-stats .muted{
color:var(--text-mid);
font-family:var(--font-sans);
}
#view-detail .detail-stat-sep{
color:var(--text-dim);
padding:0 5px;
}
#view-detail .detail-quote{
margin-left:auto;
padding-top:6px;
}
#view-detail .detail-search-wrap{
flex:0 0 320px;
min-width:320px;
}
#view-detail .detail-search-wrap.search-wrap{
position:relative;
}
#view-detail .detail-search-wrap .search-clear-btn{
display:none;
}
#view-detail .detail-search-wrap .search-dd{
left:0;
right:0;
top:calc(100% + 6px);
width:100%;
}
#view-detail .detail-search-wrap .search-input{
width:auto;
background:none;
border:none;
border-radius:0;
padding:0;
color:var(--text-hi);
font-weight:400;
box-shadow:none;
}
#view-detail .detail-search-wrap .search-input:focus{
border-color:transparent;
box-shadow:none;
}
#view-detail .dd-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
border-bottom:1px solid var(--border-subtle);
cursor:pointer;
}
#view-detail .dd-item:hover{
background:var(--bg-2);
}
#view-detail .dd-left{
min-width:0;
display:flex;
flex-direction:column;
}
#view-detail .dd-title{
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:500;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#view-detail .dd-sub{
color:var(--text-lo);
font-size:var(--fs-xs);
margin-top:2px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#view-detail .dd-right{
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto;
}
#view-detail .dd-ticker{
color:var(--accent);
font-family:var(--font-mono);
font-size:var(--fs-xs);
font-weight:600;
}
#view-detail .detail-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:var(--s-6);
align-items:start;
}
#view-detail .detail-stack{
display:flex;
flex-direction:column;
gap:var(--s-6);
min-width:0;
}
#view-detail .detail-rail{
min-width:0;
}
#view-detail .detail-copy{
color:var(--text);
font-size:var(--fs-sm);
line-height:1.7;
}
#view-detail .detail-chart-head{
flex-wrap:wrap;
}
#view-detail .detail-financial-panel{
display:flex;
flex-direction:column;
}
#view-detail .chart-type-btn.active,
#view-detail .period-btn.active,
#view-detail .tab-btn.active,
#view-detail .side-tab-btn.active,
#view-detail .range-btn.active{
background:var(--accent-soft);
color:var(--accent);
}
#view-detail .detail-range-row{
display:flex;
justify-content:flex-end;
gap:4px;
margin-bottom:10px;
}
#view-detail .range-btn{
height:28px;
padding:0 10px;
border-radius:var(--r-sm);
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:500;
}
#view-detail .range-btn:hover{
color:var(--text-hi);
background:var(--bg-2);
}
#view-detail .range-btn.active{
color:var(--accent);
}
#view-detail .detail-price-chart{
width:100%;
min-height:300px;
}
#view-detail .detail-volume-chart{
margin-top:var(--s-4);
padding-top:var(--s-4);
border-top:1px solid var(--border-subtle);
}
#view-detail .detail-tabs{
padding:0 6px;
align-items:center;
}
#view-detail .detail-tabs .tabs-left{
display:flex;
min-width:0;
overflow:auto;
}
#view-detail .detail-tabs .tabs-right{
margin-left:auto;
display:flex;
align-items:center;
padding-right:8px;
}
#view-detail .detail-tabs .tab-btn.active::after{
content:"";
position:absolute;
left:10px;
right:10px;
bottom:-1px;
height:2px;
border-radius:2px;
background:var(--accent);
}
#view-detail .period-toggle{
align-self:center;
margin:5px 0;
}
#view-detail .period-btn.disabled,
#view-detail .period-btn:disabled{
opacity:.45;
cursor:not-allowed;
}
#view-detail #financialTableWrap{
max-height:720px;
overflow:auto;
}
#view-detail .detail-financial-table-pane{
min-width:0;
border:none;
border-radius:0 0 var(--r-lg) var(--r-lg);
}
#view-detail .detail-financial-table,
#view-detail .detail-similar-table{
min-width:800px;
}
#view-detail .detail-financial-table th:first-child,
#view-detail .detail-financial-table td:first-child{
width:240px;
min-width:240px;
max-width:240px;
white-space:normal;
line-height:1.4;
}
#view-detail .detail-financial-table td,
#view-detail .detail-similar-table td{
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
color:var(--text-hi);
}
#view-detail .detail-financial-table td:first-child,
#view-detail .detail-similar-table td:first-child{
font-family:var(--font-sans);
}
#view-detail .fin-row,
#view-detail .similar-row{
cursor:pointer;
}
#view-detail .similar-row.current td{
color:var(--accent);
font-weight:600;
}
#view-detail .similar-cell{
display:flex;
align-items:center;
gap:8px;
}
#view-detail .similar-logo{
width:24px;
height:24px;
flex:0 0 24px;
border-radius:var(--r-sm);
object-fit:contain;
background:var(--bg-2);
border:1px solid var(--border-subtle);
}
#view-detail .detail-similar-wrap{
border:none;
border-radius:0 0 var(--r-lg) var(--r-lg);
}
#view-detail .detail-section-sub{
color:var(--text-lo);
font-size:var(--fs-xs);
font-family:var(--font-mono);
}
#view-detail .detail-overview-metrics{
padding:var(--s-6);
border-top:1px solid var(--border-subtle);
}
#view-detail .snapshot-grid{
display:flex;
flex-direction:column;
gap:8px;
margin-top:var(--s-4);
}
#view-detail .snapshot-row,
#view-detail .metric-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:9px 0;
border-bottom:1px solid var(--border-subtle);
}
#view-detail .snapshot-row:last-child,
#view-detail .metric-row:last-child{
border-bottom:none;
}
#view-detail .snapshot-row .k,
#view-detail .metric-row .k{
color:var(--text-lo);
font-size:var(--fs-micro);
letter-spacing:.07em;
text-transform:uppercase;
font-weight:500;
}
#view-detail .snapshot-row .v{
color:var(--text-hi);
font-family:var(--font-mono);
font-size:var(--fs-sm);
text-align:right;
}
#view-detail .detail-card-row{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}
#view-detail .detail-range-panel .range-container{
position:relative;
height:42px;
display:flex;
align-items:center;
width:100%;
margin-top:var(--s-4);
}
#view-detail .range-track{
width:100%;
height:6px;
background:var(--bg-3);
border:0;
border-radius:var(--r-pill);
position:relative;
overflow:visible;
}
#view-detail .range-fill{
height:100%;
background:var(--accent);
border-radius:var(--r-pill);
position:absolute;
left:0;
top:0;
}
#view-detail #rangeFill{
width:0%;
}
#view-detail .range-thumb{
width:12px;
height:12px;
background:var(--accent);
border:2px solid var(--bg-1);
border-radius:50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
z-index:2;
box-shadow:none;
}
#view-detail #rangeThumb{
left:0%;
}
#view-detail .range-label-float{
position:absolute;
top:-30px;
left:50%;
transform:translateX(-50%);
background:var(--bg-elev);
padding:3px 8px;
border-radius:var(--r-sm);
border:1px solid var(--border);
color:var(--text-hi);
font-size:var(--fs-micro);
font-weight:600;
white-space:nowrap;
}
#view-detail .range-ends{
display:flex;
justify-content:space-between;
margin-top:var(--s-4);
font-size:var(--fs-xs);
}
#view-detail .range-ends .mid{
text-align:center;
}
#view-detail .range-end-right{
text-align:right;
}
#view-detail .score-pill{
display:inline-flex;
align-items:center;
height:22px;
padding:0 8px;
border-radius:var(--r-pill);
border:1px solid var(--border);
color:var(--text-mid);
background:var(--bg-2);
font-size:var(--fs-micro);
font-weight:600;
letter-spacing:.02em;
text-transform:uppercase;
}
#view-detail .score-pill.high{
color:var(--accent);
border-color:var(--accent-line);
background:var(--accent-soft);
}
#view-detail .score-pill.medium{
color:var(--warn);
border-color:transparent;
background:var(--warn-soft);
}
#view-detail .score-pill.low{
color:var(--down);
border-color:transparent;
background:var(--down-soft);
}
#view-detail .score-empty,
#view-detail .detail-empty-state,
#view-detail .detail-empty-cell,
#view-detail .detail-corr-empty{
padding:16px;
color:var(--text-lo);
font-size:var(--fs-xs);
font-weight:500;
text-align:center;
}
#view-detail td.detail-empty-cell{
text-align:center;
color:var(--text-lo);
}
#view-detail .detail-empty-state.is-error,
#view-detail .detail-empty-cell.is-error{
color:var(--down);
}
#view-detail .score-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-top:var(--s-5);
}
#view-detail .score-main{
font-family:var(--font-mono);
font-size:32px;
line-height:1;
font-weight:600;
color:var(--text-hi);
}
#view-detail .score-sub{
color:var(--text-mid);
font-size:var(--fs-xs);
line-height:1.5;
}
#view-detail .score-pillars,
#view-detail .score-modules,
#view-detail .score-flags,
#view-detail .score-drivers{
margin-top:var(--s-5);
}
#view-detail .score-pillar-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:6px 10px;
align-items:center;
padding:7px 0;
}
#view-detail .score-pillar-label,
#view-detail .score-driver-k,
#view-detail .score-mod-k{
color:var(--text-mid);
font-size:var(--fs-xs);
}
#view-detail .score-pillar-value,
#view-detail .score-driver-v,
#view-detail .score-mod-v{
color:var(--text-hi);
font-family:var(--font-mono);
font-size:var(--fs-xs);
}
#view-detail .score-pillar-track{
grid-column:1 / -1;
height:6px;
border-radius:var(--r-pill);
background:var(--bg-3);
overflow:hidden;
}
#view-detail .score-pillar-fill{
height:100%;
border-radius:var(--r-pill);
background:var(--accent);
}
#view-detail .score-mod-row,
#view-detail .score-driver{
display:flex;
justify-content:space-between;
gap:10px;
padding:6px 0;
border-bottom:1px solid var(--border-subtle);
}
#view-detail .score-driver.pos .score-driver-v,
#view-detail .score-check.pos{
color:var(--up);
}
#view-detail .score-driver.neg .score-driver-v,
#view-detail .score-check.neg{
color:var(--down);
}
#view-detail .score-flag-list,
#view-detail .score-driver-list{
display:grid;
gap:6px;
margin-top:var(--s-3);
}
#view-detail .score-flag,
#view-detail .badge{
display:inline-flex;
align-items:center;
width:max-content;
max-width:100%;
height:22px;
padding:0 8px;
border-radius:var(--r-pill);
border:1px solid var(--border);
background:var(--bg-2);
color:var(--text-mid);
font-size:var(--fs-micro);
font-weight:600;
letter-spacing:.02em;
}
#view-detail .badge.neon{
border-color:var(--accent-line);
background:var(--accent-soft);
color:var(--accent);
}
#view-detail .score-check{
font-family:var(--font-mono);
font-weight:600;
}
#view-detail .news-tabs{
display:none;
gap:6px;
}
#view-detail .side-tab-btn,
#view-detail .news-page-btn{
height:28px;
padding:0 9px;
border-radius:var(--r-sm);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:500;
}
#view-detail .side-tab-btn:hover,
#view-detail .news-page-btn:hover:not(:disabled){
color:var(--text-hi);
border-color:var(--border-strong);
background:var(--bg-2);
}
#view-detail .news-page-btn:disabled{
opacity:.45;
cursor:not-allowed;
}
#view-detail .news-pagination{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
padding:10px var(--s-6) 14px;
border-top:1px solid var(--border-subtle);
}
#view-detail .news-page-info{
color:var(--text-lo);
font-family:var(--font-mono);
font-size:var(--fs-xs);
}
#view-detail .news-item,
#view-detail .disclosure-item{
display:block;
padding:12px var(--s-6);
border-bottom:1px solid var(--border-subtle);
color:var(--text);
text-decoration:none;
}
#view-detail .detail-news-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:4px;
color:var(--text-lo);
font-size:var(--fs-micro);
font-weight:600;
}
#view-detail .detail-news-title{
color:var(--text);
font-size:var(--fs-xs);
line-height:1.45;
font-weight:500;
}
#view-detail .news-item:hover .detail-news-title{
color:var(--text-hi);
}
#view-detail .detail-news-summary{
color:var(--text-mid);
font-size:var(--fs-micro);
line-height:1.45;
margin-top:6px;
}
#view-detail .detail-news-tags{
margin-top:8px;
}
#view-detail .sentiment-olumlu{
color:var(--up);
background:var(--up-soft);
border-color:transparent;
}
#view-detail .sentiment-olumsuz{
color:var(--down);
background:var(--down-soft);
border-color:transparent;
}
#view-detail .sentiment-notr{
color:var(--text-mid);
}
#view-detail .news-item:hover,
#view-detail .disclosure-item:hover{
background:var(--bg-2);
}
#view-detail .news-item:last-child,
#view-detail .disclosure-item:last-child{
border-bottom:none;
}
#view-detail .disclosure-links{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:8px;
}
#view-detail .disclosure-link{
color:var(--accent);
font-size:var(--fs-micro);
font-weight:600;
}
#view-detail .detail-ai-card h3{
color:var(--text-hi);
font-size:var(--fs-h3);
font-weight:600;
}
#view-detail .ai-chat-status{
color:var(--text-lo);
font-size:var(--fs-micro);
font-weight:600;
}
#view-detail .ai-chat-list{
display:flex;
flex-direction:column;
gap:10px;
min-height:140px;
max-height:260px;
overflow-y:auto;
padding:var(--s-5) 0;
}
#view-detail .ai-chat-empty{
color:var(--text-lo);
font-size:var(--fs-xs);
}
#view-detail .ai-chat-msg{
display:flex;
flex-direction:column;
gap:6px;
padding:10px 12px;
border-radius:var(--r-md);
border:1px solid var(--border-subtle);
background:var(--bg-2);
}
#view-detail .ai-chat-msg.user{
border-color:var(--accent-line);
background:var(--accent-soft);
}
#view-detail .ai-chat-msg .role{
color:var(--text-lo);
font-size:var(--fs-micro);
font-weight:600;
}
#view-detail .ai-chat-msg.user .role{
color:var(--accent);
}
#view-detail .ai-chat-msg .content{
color:var(--text);
font-size:var(--fs-xs);
line-height:1.5;
white-space:pre-wrap;
}
#view-detail .ai-chat-msg .content h1,
#view-detail .ai-chat-msg .content h2,
#view-detail .ai-chat-msg .content h3,
#view-detail .ai-chat-msg .content h4{
color:var(--text-hi);
font-weight:600;
margin:8px 0 4px;
}
#view-detail .ai-chat-msg .content p{
margin:6px 0;
}
#view-detail .ai-chat-msg .content ul{
margin:6px 0;
padding-left:16px;
}
#view-detail .ai-chat-input{
display:grid;
grid-template-columns:1fr auto;
gap:8px;
align-items:end;
padding-top:var(--s-5);
border-top:1px solid var(--border-subtle);
}
#view-detail .ai-chat-input textarea{
width:100%;
min-height:44px;
max-height:120px;
resize:vertical;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-md);
color:var(--text-hi);
font-size:var(--fs-xs);
padding:10px;
outline:none;
}
#view-detail .ai-chat-input textarea:focus{
border-color:var(--border-strong);
}
#view-detail .ai-chat-input button,
#view-detail .ai-action-btn{
height:36px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--accent-line);
background:var(--accent-soft);
color:var(--accent);
font-size:var(--fs-xs);
font-weight:600;
}
#view-detail .ai-md-table{
width:100%;
border-collapse:collapse;
margin:8px 0;
font-size:var(--fs-xs);
}
#view-detail .ai-md-table th,
#view-detail .ai-md-table td{
border:1px solid var(--border-subtle);
padding:6px 8px;
}
#view-detail .ai-md-table th{
background:var(--bg-2);
color:var(--text-hi);
}
#view-detail .detail-metrics-layout{
display:block;
}
#view-detail .detail-metrics-layout.metrics-mode{
display:grid;
grid-template-columns:minmax(0,1fr) 360px;
gap:14px;
align-items:start;
}
#view-detail .detail-corr-card{
overflow:hidden;
}
#view-detail .detail-corr-body{
overflow:auto;
max-height:560px;
padding:10px;
display:grid;
gap:12px;
}
#view-detail .detail-corr-block{
display:grid;
gap:8px;
}
#view-detail .detail-corr-block-head{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:8px;
}
#view-detail .detail-corr-title{
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
}
#view-detail .detail-corr-sub,
#view-detail .detail-corr-note{
color:var(--text-lo);
font-size:var(--fs-micro);
font-weight:500;
}
#view-detail .detail-corr-table{
width:100%;
border-collapse:collapse;
font-size:var(--fs-xs);
}
#view-detail .detail-corr-table th,
#view-detail .detail-corr-table td{
min-width:64px;
padding:8px 10px;
border:1px solid var(--border-subtle);
text-align:center;
white-space:nowrap;
}
#view-detail .detail-corr-table th{
background:var(--bg-2);
color:var(--text-mid);
font-weight:500;
}
#view-detail .detail-corr-rowlbl{
min-width:132px;
text-align:left !important;
color:var(--text-hi) !important;
background:var(--bg-1);
}
#view-detail .detail-corr-cell{
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
}
#view-detail .detail-corr-cell.clickable{
cursor:pointer;
}
#view-detail .detail-corr-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:48px;
padding:2px 8px;
border-radius:var(--r-pill);
}
#view-detail .detail-corr-cell.empty{
color:var(--text-dim);
background:var(--bg-3);
}
#view-detail .detail-corr-cell.diag{
color:var(--text-hi);
background:var(--bg-2);
}
#view-detail .detail-corr-warn{
display:inline-flex;
align-items:center;
width:max-content;
padding:2px 8px;
border-radius:var(--r-pill);
background:var(--warn-soft);
color:var(--warn);
font-size:var(--fs-micro);
font-weight:600;
}
#view-detail .trend-modal{
position:fixed;
inset:0;
z-index:2000;
display:flex;
align-items:center;
justify-content:center;
}
#view-detail .trend-modal.hidden{
display:none;
}
#view-detail .trend-modal-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.66);
}
#view-detail .trend-modal-card{
position:relative;
width:min(720px,94vw);
max-height:90vh;
overflow:auto;
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
background:var(--bg-elev);
padding:14px;
box-shadow:var(--shadow-overlay);
}
#view-detail .corr-modal-card{
width:min(860px,96vw);
}
#view-detail .trend-modal-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:8px;
}
#view-detail .trend-modal-title{
color:var(--text-hi);
font-size:var(--fs-h3);
font-weight:600;
}
#view-detail .trend-modal-close,
#view-detail .corr-tab-btn{
height:30px;
padding:0 10px;
border-radius:var(--r-sm);
border:1px solid var(--border);
background:var(--bg-2);
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:500;
}
#view-detail .trend-modal-close:hover,
#view-detail .corr-tab-btn:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-detail .trend-chart{
height:260px;
}
#view-detail .corr-modal-tabs{
display:flex;
align-items:center;
gap:8px;
margin-bottom:8px;
}
#view-detail .corr-tab-btn.active{
color:var(--accent);
border-color:var(--accent-line);
background:var(--accent-soft);
}
#view-detail .corr-modal-stats,
#view-detail .corr-modal-r2,
#view-detail .corr-rolling-toggle{
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:500;
}
#view-detail .corr-modal-r2{
margin-left:auto;
}
#view-detail .corr-rolling-toggle{
display:inline-flex;
align-items:center;
gap:6px;
}
#view-detail .corr-rolling-toggle input{
accent-color:var(--accent);
}
#view-detail .corr-rolling-wrap{
margin-top:8px;
padding-top:8px;
border-top:1px solid var(--border-subtle);
}
#view-detail .corr-rolling-chart{
height:120px;
}
/* ============================================================
DEĞERLEME (Valuation) — DCF & multiples desktop view
Mirrors docs/design-reference/finapsis/Finapsis - Değerleme.html.
Same fin-card / fin-table / snapshot / range primitives as
#view-detail; legacy class names kept (feature JS untouched).
============================================================ */
/* Valuation is a migrated .page-based view; padding belongs to
   .valuation-page, not the outer .view-section. */
#view-valuation{
position:relative;
padding:0;
}


/* ---- header ---- */
#view-valuation .val-head{
display:flex;
align-items:flex-start;
gap:16px;
flex-wrap:wrap;
margin-bottom:var(--s-7);
}
#view-valuation .val-head-main{
display:flex;
align-items:flex-start;
gap:14px;
min-width:0;
}
#view-valuation .val-logo{
width:52px;
height:52px;
flex:0 0 52px;
border-radius:var(--r-lg);
background:var(--bg-2);
border:1px solid var(--border-subtle);
display:grid;
place-items:center;
overflow:hidden;
color:var(--text-mid);
}
#view-valuation .val-logo img{
width:100%;
height:100%;
object-fit:contain;
padding:6px;
}
#view-valuation .val-id{
min-width:0;
}
#view-valuation .val-title-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
#view-valuation .val-title-row h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:-.02em;
}
#view-valuation .val-actions-wrap{
position:relative;
}
#view-valuation .val-menu-btn{
width:30px;
height:30px;
}
#view-valuation .val-actions-menu{
position:absolute;
right:0;
top:calc(100% + 6px);
z-index:60;
min-width:240px;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-md);
box-shadow:var(--shadow-overlay);
padding:6px;
overflow:hidden;
}
#view-valuation .val-meta{
margin-top:4px;
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-valuation .val-stats{
margin-top:4px;
font-size:var(--fs-xs);
color:var(--text-mid);
font-family:var(--font-mono);
}
#view-valuation .dd-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
border-bottom:1px solid var(--border-subtle);
cursor:pointer;
}
#view-valuation .dd-item:hover{
background:var(--bg-2);
}
#view-valuation .dd-item:last-child{
border-bottom:none;
}
#view-valuation .dd-left{
min-width:0;
display:flex;
flex-direction:column;
}
#view-valuation .dd-title{
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:500;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#view-valuation .dd-sub{
color:var(--text-lo);
font-size:var(--fs-xs);
margin-top:2px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#view-valuation .dd-right{
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto;
}
#view-valuation .dd-ticker{
color:var(--accent);
font-family:var(--font-mono);
font-size:var(--fs-xs);
font-weight:600;
}
#view-valuation .badge{
display:inline-flex;
align-items:center;
height:18px;
padding:0 7px;
border-radius:var(--r-xs);
font-size:9px;
letter-spacing:.04em;
text-transform:uppercase;
color:var(--text-mid);
background:var(--bg-2);
border:1px solid var(--border-subtle);
}
/* ---- mode tabs (= components .segmented) ---- */
#view-valuation .val-mode-tabs{
margin-bottom:var(--s-7);
}
#view-valuation .val-mode-btn{
height:30px;
padding:0 13px;
border-radius:var(--r-sm);
font-size:var(--fs-sm);
font-weight:500;
color:var(--text-mid);
white-space:nowrap;
display:inline-flex;
align-items:center;
}
#view-valuation .val-mode-btn:hover{
color:var(--text-hi);
}
#view-valuation .val-mode-btn.active{
background:var(--accent-soft);
color:var(--accent);
}
/* ---- grid ---- */
#view-valuation .val-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
gap:var(--s-6);
align-items:start;
}
#view-valuation .val-col-main,
#view-valuation .val-col-rail{
display:flex;
flex-direction:column;
gap:var(--s-6);
min-width:0;
}
/* ---- cards (= #view-detail .fin-card) ---- */
#view-valuation .fin-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
overflow:hidden;
}
#view-valuation .val-card-head,
#view-valuation .val-rail-head{
display:flex;
align-items:center;
gap:10px;
padding:14px var(--s-6);
border-bottom:1px solid var(--border-subtle);
}
#view-valuation .val-card-head h3{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
}
#view-valuation .val-card-body{
padding:var(--s-6);
}
#view-valuation .val-rail-card .snapshot-grid{
padding:var(--s-4) var(--s-6) var(--s-6);
}
#view-valuation #valMultiplesSummaryGrid{
gap:var(--s-6);
}
#view-valuation #valProjectionChart,
#view-valuation #valMultiplesChart{
min-height:320px;
}
/* ---- tab bar (= #view-detail .card-head / .tab-btn) ---- */
#view-valuation .card-head{
padding:8px var(--s-5);
border-bottom:1px solid var(--border-subtle);
}
#view-valuation .tab-scroll{
display:flex;
align-items:center;
gap:8px;
overflow-x:auto;
scrollbar-width:none;
}
#view-valuation .tab-scroll::-webkit-scrollbar{
display:none;
}
#view-valuation .tabs-left{
display:flex;
align-items:center;
gap:4px;
}
#view-valuation .tab-btn{
white-space:nowrap;
font-size:var(--fs-sm);
font-weight:500;
color:var(--text-mid);
background:transparent;
border:1px solid transparent;
border-radius:var(--r-sm);
padding:7px 11px;
cursor:pointer;
}
#view-valuation .tab-btn:hover{
color:var(--text-hi);
background:var(--bg-2);
}
#view-valuation .tab-btn.active{
background:var(--accent-soft);
color:var(--accent);
}
/* ---- table (= #view-detail .fin-table) ---- */
#view-valuation .val-table-wrap{
overflow-x:auto;
}
#view-valuation .fin-table{
width:100%;
border-collapse:separate;
border-spacing:0;
min-width:840px;
font-size:var(--fs-sm);
}
#view-valuation .fin-table thead th{
text-align:right;
color:var(--text-lo);
font-size:var(--fs-micro);
text-transform:uppercase;
letter-spacing:.05em;
font-weight:500;
padding:11px 12px;
border-bottom:1px solid var(--border);
background:var(--bg-1);
position:sticky;
top:0;
z-index:3;
white-space:nowrap;
}
#view-valuation .fin-table thead th:first-child,
#view-valuation .fin-table tbody td:first-child{
text-align:left;
}
#view-valuation .fin-table tbody td{
text-align:right;
padding:10px 12px;
border-bottom:1px solid var(--border-subtle);
color:var(--text);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
white-space:nowrap;
}
#view-valuation .fin-table tbody td:first-child{
font-family:var(--font-sans);
color:var(--text-hi);
font-weight:500;
}
#view-valuation .fin-table tbody tr:last-child td{
border-bottom:none;
}
#view-valuation .fin-table tbody tr:hover td{
background:var(--bg-2);
}
#view-valuation .fin-table tbody tr.muted-row td{
color:var(--text-lo);
}
#view-valuation .fin-table tbody td .subv{
display:block;
margin-top:3px;
font-size:var(--fs-micro);
color:var(--text-lo);
}
#view-valuation .fin-table tbody tr.val-peer-row{
cursor:pointer;
}
#view-valuation .val-table-msg{
text-align:center;
padding:18px;
color:var(--text-lo);
font-weight:500;
}
#view-valuation .val-peer-logo{
width:20px;
height:20px;
flex:0 0 20px;
border-radius:var(--r-xs);
object-fit:contain;
background:var(--bg-2);
border:1px solid var(--border-subtle);
}
#view-valuation .val-peer-logo-fallback{
width:20px;
height:20px;
flex:0 0 20px;
border-radius:var(--r-xs);
background:var(--bg-2);
border:1px solid var(--border-subtle);
display:inline-flex;
align-items:center;
justify-content:center;
font-size:9px;
font-weight:600;
color:var(--text-mid);
}
#view-valuation .val-warn-tag{
display:inline-flex;
align-items:center;
height:18px;
margin-left:6px;
padding:0 7px;
border-radius:var(--r-xs);
font-size:var(--fs-micro);
font-weight:600;
color:var(--warn);
background:var(--warn-soft);
border:1px solid transparent;
}
#view-valuation .val-help-dot{
display:inline-flex;
align-items:center;
justify-content:center;
width:16px;
height:16px;
border-radius:var(--r-pill);
border:1px solid var(--border-strong);
font-size:10px;
color:var(--text-mid);
cursor:help;
}
/* ---- snapshot rows (= #view-detail) ---- */
#view-valuation .snapshot-grid{
display:flex;
flex-direction:column;
gap:8px;
}
#view-valuation .snapshot-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:9px 0;
border-bottom:1px solid var(--border-subtle);
}
#view-valuation .snapshot-row:last-child{
border-bottom:none;
}
#view-valuation .snapshot-row .k{
color:var(--text-lo);
font-size:var(--fs-micro);
letter-spacing:.07em;
text-transform:uppercase;
font-weight:500;
}
#view-valuation .snapshot-row .v{
color:var(--text-hi);
font-family:var(--font-mono);
font-size:var(--fs-sm);
text-align:right;
}
/* ---- range / metric blocks (= #view-detail) ---- */
#view-valuation .metric-range-block{
padding:9px 0;
border-bottom:1px solid var(--border-subtle);
}
#view-valuation .metric-range-block:last-child{
border-bottom:none;
}
#view-valuation .metric-range-block .snapshot-row{
padding:0 0 6px;
border-bottom:none;
}
#view-valuation .range-container{
position:relative;
height:38px;
display:flex;
align-items:center;
width:100%;
}
#view-valuation .range-track{
width:100%;
height:6px;
background:var(--bg-3);
border-radius:var(--r-pill);
position:relative;
}
#view-valuation .range-track.range-track-bias{
background:linear-gradient(90deg,var(--down-soft),var(--bg-3) 50%,var(--up-soft));
}
#view-valuation .range-track.range-track-confidence{
background:linear-gradient(90deg,var(--down-soft),var(--warn-soft) 50%,var(--up-soft));
}
#view-valuation .range-track .range-center-marker{
position:absolute;
top:50%;
left:50%;
width:1px;
height:14px;
transform:translate(-50%,-50%);
background:var(--border-strong);
}
#view-valuation .range-fill{
height:100%;
background:var(--accent);
border-radius:var(--r-pill);
position:absolute;
left:0;
top:0;
}
#view-valuation .range-fill.range-fill-hidden{
display:none;
}
#view-valuation .range-thumb{
width:12px;
height:12px;
background:var(--accent);
border:2px solid var(--bg-1);
border-radius:50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
z-index:2;
}
#view-valuation .range-label-float{
position:absolute;
top:-28px;
left:50%;
transform:translateX(-50%);
background:var(--bg-elev);
padding:3px 8px;
border-radius:var(--r-sm);
border:1px solid var(--border);
color:var(--text-hi);
font-size:var(--fs-micro);
font-weight:600;
white-space:nowrap;
}
#view-valuation .range-minmax{
display:flex;
justify-content:space-between;
margin-top:6px;
font-size:var(--fs-xs);
color:var(--text-lo);
}
#view-valuation .range-minmax-caption{
color:var(--text-dim);
margin-right:4px;
}
#view-valuation .metric-subline{
font-size:var(--fs-xs);
color:var(--text-mid);
margin-top:4px;
}
#view-valuation .metric-inline-warn{
color:var(--warn);
font-size:var(--fs-micro);
margin-left:6px;
}
#view-valuation .val-foot-meta{
margin-top:var(--s-6);
font-size:var(--fs-micro);
color:var(--text-lo);
}
@media (max-width:1080px){
#view-valuation .val-grid{
grid-template-columns:1fr;
}
}

/* Varlık Detay local company search is deprecated.
   Company navigation is handled contextually by the global search. */
#view-detail .detail-search-wrap{
display:none !important;
}

/* QA-22/23: Varlık Detay mobile shell/reflow alignment.
   Reference: ≤1080 detail page becomes one column; ≤480 header/quote wraps.
   Prevents the mobile grid from collapsing to 54px + 360px and stops charts
   from rendering inside near-zero-width containers. */
@media (max-width:1080px){
#view-detail .detail-page,
#view-detail .detail-stack,
#view-detail .detail-grid,
#view-detail .detail-grid > *,
#view-detail .detail-asset-head,
#view-detail .detail-asset-main,
#view-detail .detail-rail{
min-width:0;
max-width:100%;
box-sizing:border-box;
}

#view-detail .detail-grid{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--s-6);
width:100%;
}

#view-detail .detail-rail{
width:100%;
}

#view-detail .detail-chart-panel,
#view-detail .panel,
#view-detail .card{
min-width:0;
overflow:hidden;
}

#view-detail .detail-financial-table-pane,
#view-detail .detail-similar-table-pane,
#view-detail .detail-corr-block{
max-width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
}

@media (max-width:480px){
#view-detail .detail-page{
padding-inline:12px;
}

#view-detail .detail-asset-head{
flex-direction:column;
align-items:stretch;
gap:12px;
}

#view-detail .detail-asset-main{
width:100%;
align-items:flex-start;
gap:10px;
}

#view-detail .detail-asset-logo{
flex:0 0 70px;
width:70px;
height:70px;
}

#view-detail .detail-asset-id{
min-width:0;
width:100%;
}

#view-detail .detail-title-row{
min-width:0;
display:flex;
align-items:center;
gap:8px;
}

#view-detail .detail-title-row h1,
#view-detail #companyTitle{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

#view-detail .detail-meta{
white-space:normal;
line-height:1.45;
}

#view-detail .detail-quote{
width:100%;
align-items:flex-start;
text-align:left;
}

#view-detail .detail-stats{
justify-content:flex-start;
flex-wrap:wrap;
}


}

/* ============================================================
KARŞILAŞTIRMA (Compare) — heat-mapped comparison table
Mirrors docs/design-reference/finapsis/Finapsis - Karşılaştırma.html.
Legacy cmp-* class names kept (feature JS untouched) and mapped
onto tokens.css + components.css. Internal-scroll table page
(fp-fixed), like Şirketler. The shared fl-* metric-builder modal
stays legacy until the Listeler page migration owns it.
============================================================ */
#view-compare{padding:0}
#view-compare.fp-fixed{overflow:hidden}
#view-compare .cmp-page{display:flex; flex-direction:column; height:100%; min-height:0}
/* ---- company chip row (= reference .cmp-chips + .cmp-chip) ---- */
#view-compare .cmp-chips{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:var(--s-6); min-height:34px}
#view-compare .cmp-chip{display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 6px 0 12px;
border-radius:var(--r-sm); border:1px solid var(--border); background:var(--bg-1);
font-family:var(--font-mono); font-weight:600; font-size:var(--fs-sm); color:var(--text-hi)}
#view-compare .cmp-chip-tk{line-height:1}
#view-compare .cmp-chip-m{display:grid; place-items:center; width:22px; height:22px; padding:0; border:none;
border-radius:var(--r-xs); color:var(--text-lo); background:transparent; cursor:pointer}
#view-compare .cmp-chip-m:hover{background:var(--bg-2); color:var(--text-hi)}
#view-compare .cmp-chip .cmp-xbtn:hover{color:var(--down)}
#view-compare .cmp-add-badge{
height:32px;
padding:0 12px;
gap:7px;
border-color:var(--accent-line);
background:var(--bg-1);
color:var(--accent);
font-family:var(--font-sans);
font-size:var(--fs-sm);
font-weight:450;
line-height:1;
box-shadow:none;
cursor:pointer;
}
#view-compare .cmp-add-badge [data-icon],
#view-compare .cmp-add-badge svg{
color:currentColor;
}
#view-compare .cmp-add-badge:hover{
background:var(--accent-soft);
border-color:var(--accent-line);
color:var(--accent);
}
/* ---- actions menu (preset save / export) ---- */
#view-compare .cmp-actions-slot{margin-left:auto}
#view-compare .cmp-actions-wrap{position:relative}
#view-compare .cmp-actions-btn{width:34px; height:34px; border-radius:var(--r-sm); display:grid; place-items:center;
border:1px solid var(--border); background:var(--bg-1); color:var(--text-mid)}
#view-compare .cmp-actions-btn:hover{border-color:var(--border-strong); color:var(--text-hi); background:var(--bg-2)}
#view-compare .cmp-actions-pop{position:absolute; right:0; top:calc(100% + 6px); width:260px; z-index:70;
background:var(--bg-elev); border:1px solid var(--border-strong); border-radius:var(--r-md);
box-shadow:var(--shadow-overlay); overflow:hidden; padding:4px}
#view-compare .cmp-menu-subhead{padding-top:8px}
#view-compare .cmp-preset-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
}
#view-compare .cmp-preset-name{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#view-compare .cmp-preset-del{
border:0;
background:transparent;
color:rgba(255,255,255,.55);
cursor:pointer;
font-size:14px;
line-height:1;
}
#view-compare .cmp-save-row{align-items:center; gap:6px; padding:6px 10px 8px}
#view-compare .cmp-save-input{flex:1; min-width:0; height:32px; padding:0 10px; background:var(--bg-3);
border:1px solid var(--border); border-radius:var(--r-sm); color:var(--text-hi); font-size:var(--fs-xs); outline:none}
#view-compare .cmp-save-input:focus{border-color:var(--border-strong)}
#view-compare .cmp-save-confirm{flex:0 0 auto; display:grid; place-items:center; height:32px; padding:0 10px;
border-radius:var(--r-sm); background:var(--accent); color:var(--on-accent); border:none; cursor:pointer}
#view-compare .cmp-save-confirm:hover{background:var(--accent-hi)}
#view-compare .cmp-result-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#view-compare .cmp-result-item img{
width:18px;
height:18px;
object-fit:contain;
margin-right:8px;
}
#view-compare .cmp-result-sub{
color:rgba(255,255,255,.4);
margin-left:6px;
font-weight:400;
}
/* ---- comparison table (= reference table.cmp) ---- */
#view-compare .cmp-table-wrap{flex:1; min-height:0; max-height:none}
#view-compare table.cmp{width:100%; border-collapse:separate; border-spacing:0; font-size:var(--fs-sm);
table-layout:fixed; min-width:760px}
#view-compare table.cmp th,
#view-compare table.cmp td{border-bottom:1px solid var(--border-subtle); border-right:1px solid var(--border-subtle); position:relative}
#view-compare table.cmp th:last-child,
#view-compare table.cmp td:last-child{border-right:none}
#view-compare table.cmp thead th{position:sticky; top:0; z-index:3; background:var(--bg-1); padding:14px 10px;
text-align:center; vertical-align:bottom; color:var(--text-hi); font-weight:500}
#view-compare table.cmp thead th:first-child{left:0; z-index:4; width:200px; text-align:left; padding:0 14px; vertical-align:middle}
#view-compare table.cmp td:first-child,
#view-compare table.cmp td.metric{position:sticky; left:0; z-index:2; background:var(--bg-1); width:200px;
text-align:left; padding:0 14px; height:54px; color:var(--text-hi); font-weight:500}
#view-compare table.cmp td.val{text-align:center; font-family:var(--font-mono); font-variant-numeric:tabular-nums;
font-weight:500; height:54px; color:var(--text-hi)}
/* heat-map cells (best/worst strong, median-relative soft) */
#view-compare table.cmp td.cell-green{background:var(--heat-pos-2); color:var(--up); font-weight:600}
#view-compare table.cmp td.cell-red{background:var(--heat-neg-2); color:var(--down); font-weight:600}
#view-compare table.cmp td.cell-good{background:var(--heat-pos)}
#view-compare table.cmp td.cell-bad{background:var(--heat-neg)}
/* company header cell (logo + ticker) */
#view-compare .cmp-flag-head{width:34px; height:34px; margin:0 auto 8px; border-radius:var(--r-sm);
object-fit:contain; background:#fff; padding:3px; display:block}
#view-compare .cmp-country-title{display:block; font-family:var(--font-mono); font-weight:600; color:var(--text-hi); font-size:var(--fs-sm)}
/* metric header + row label */
#view-compare .cmp-head-metric{display:flex; align-items:center; justify-content:space-between; gap:8px}
#view-compare .cmp-head-label{font-size:var(--fs-xs); letter-spacing:.05em; text-transform:uppercase; color:var(--text-lo)}
#view-compare .cmp-addcol-btn{width:24px; height:24px; border-radius:var(--r-sm); display:grid; place-items:center;
border:1px solid var(--border); background:var(--bg-2); color:var(--text-mid)}
#view-compare .cmp-addcol-btn:hover{border-color:var(--border-strong); color:var(--text-hi)}
#view-compare .cmp-addcol-btn:disabled{opacity:.4; cursor:not-allowed}
#view-compare .cmp-row-label-wrap{display:flex; align-items:center; justify-content:space-between; gap:8px}
#view-compare .cmp-row-label{display:inline-flex; align-items:center; gap:7px}
#view-compare .cmp-help-icon{color:var(--text-dim); cursor:help; display:inline-flex; flex:0 0 auto}
#view-compare .cmp-help-icon:hover{color:var(--text-mid)}
#view-compare .cmp-row-remove-btn{flex:0 0 auto; width:18px; height:18px; border:0; background:transparent;
color:var(--text-lo); border-radius:var(--r-xs); display:inline-flex; align-items:center; justify-content:center;
opacity:0; pointer-events:none; transition:opacity .15s ease, color .15s ease, background .15s ease}
#view-compare table.cmp tbody tr:hover .cmp-row-remove-btn,
#view-compare .cmp-row-remove-btn:focus-visible{opacity:1; pointer-events:auto}
#view-compare .cmp-row-remove-btn:hover,
#view-compare .cmp-row-remove-btn:focus-visible{color:var(--down); background:var(--down-soft); outline:none}
/* desktop hides the per-cell mobile meta (logo+ticker); mobile branch lives in styles.css */
/* empty / loading message row */
#view-compare table.cmp td.cmp-empty{position:static; width:auto; height:auto; text-align:center;
padding:60px 20px; color:var(--text-lo); border-right:none}
/* ---- add-ticker popup (= .menu); positioned fixed by JS ---- */
#view-compare .fl-add-ticker-popup{
position:fixed;
z-index:80;
width:300px;
padding:0;
background:var(--bg-elev);
border:0;
border-radius:var(--r-md);
box-shadow:var(--shadow-overlay);
}

#view-compare .cmp-add-search-wrap{
width:100%;
min-width:0;
}

#view-compare .cmp-add-search-input{
padding-right:36px;
}

#view-compare .cmp-search-clear-btn{
position:absolute;
right:8px;
top:50%;
transform:translateY(-50%);
width:22px;
height:22px;
padding:0;
display:none;
place-items:center;
border:0;
border-radius:var(--r-xs);
background:transparent;
color:var(--text-lo);
}

#view-compare .cmp-search-clear-btn:hover{
background:var(--bg-2);
color:var(--text-hi);
}

#view-compare .fl-add-ticker-dd{position:static !important; display:none; max-height:240px; overflow-y:auto;
margin-top:6px; border:none; border-radius:0; box-shadow:none; background:transparent}
#view-compare .fl-add-ticker-dd.open,
#view-compare .fl-add-ticker-dd.show{display:block}
#view-compare .fl-add-ticker-popup .fl-add-ticker-dd{
width:100%;
max-width:none;
left:auto;
right:auto;
top:auto;
}

/* ---- metric-builder modal (Sütun Ekle); compare canonical
   Uses the shared fl-* modal markup, but keeps the contract scoped to
   #cmpBuilderModal so Listeler and legacy pages are untouched. ---- */
#cmpBuilderModal.fl-modal-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(5,7,6,.62);
  backdrop-filter:blur(2px);
}
#cmpBuilderModal.fl-modal-overlay.is-hidden{display:none !important}
#cmpBuilderModal.fl-modal-overlay.is-open{display:flex !important}

#cmpBuilderModal .fl-modal-card.fl-builder-modal-card{
  width:min(1120px, calc(100vw - 48px));
  height:min(760px, calc(100vh - 48px));
  max-width:none;
  max-height:none;
  margin:0;
  padding:14px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow:hidden;
  background:var(--bg-elev);
  border:1px solid var(--border-strong);
  border-radius:var(--r-xl);
  box-shadow:var(--shadow-overlay);
}

#cmpBuilderModal .fl-modal-head{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:0;
  border:0;
}
#cmpBuilderModal .fl-modal-head h3{
  margin:0;
  font-size:var(--fs-h2);
  font-weight:600;
  color:var(--text-hi);
}
#cmpBuilderModal .fl-modal-head p{
  margin-top:4px;
  color:var(--text-mid);
  font-size:var(--fs-xs);
  line-height:1.45;
}

#cmpBuilderModal .fl-icon-btn{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:var(--r-sm);
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  background:var(--bg-2);
  color:var(--text-mid);
}
#cmpBuilderModal .fl-icon-btn:hover{
  border-color:var(--border-strong);
  color:var(--text-hi);
  background:var(--bg-3);
}

#cmpBuilderModal .fl-builder-grid,
#cmpBuilderModal .fl-builder-grid.fl-builder-grid-3col{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  height:auto;
  display:grid;
  grid-template-columns:240px minmax(0, 1fr) 320px;
  grid-template-rows:minmax(0, 1fr);
  gap:0;
  overflow:hidden;
  box-sizing:border-box;
  border:1px solid var(--border-subtle);
  border-radius:var(--r-md);
  background:var(--bg-0);
}

#cmpBuilderModal .fl-col-sidebar,
#cmpBuilderModal .fl-col-groups,
#cmpBuilderModal .fl-col-center,
#cmpBuilderModal .fl-col-active{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
#cmpBuilderModal .fl-col-sidebar,
#cmpBuilderModal .fl-col-groups,
#cmpBuilderModal .fl-col-center{
  background:var(--bg-1);
  border-right:1px solid var(--border-subtle);
}
#cmpBuilderModal .fl-col-active{
  background:var(--bg-0);
  padding:12px;
}

#cmpBuilderModal .fl-col-sidebar-head{
  flex:0 0 auto;
  padding:12px;
  border-bottom:1px solid var(--border-subtle);
}
#cmpBuilderModal .fl-col-head-label{
  font-size:var(--fs-micro);
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text-lo);
  font-weight:600;
}

#cmpBuilderModal .search-box{
  display:flex;
  align-items:center;
  gap:8px;
  height:34px;
  padding:0 10px;
  background:var(--bg-3);
  border:1px solid var(--border);
  border-radius:var(--r-sm);
}
#cmpBuilderModal .search-box:focus-within{border-color:var(--border-strong)}
#cmpBuilderModal .search-box [data-icon]{color:var(--text-lo); flex:0 0 auto}
#cmpBuilderModal .search-box input{
  flex:1;
  min-width:0;
  background:none;
  border:0;
  outline:0;
  color:var(--text-hi);
  font-size:var(--fs-xs);
  font-weight:500;
  letter-spacing:.03em;
}
#cmpBuilderModal .search-box input::placeholder{color:var(--text-lo)}

#cmpBuilderModal .fl-group-list,
#cmpBuilderModal .fl-col-pool{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  display:flex;
  flex-direction:column;
}
#cmpBuilderModal .fl-group-list{
  gap:6px;
  padding:10px;
}
#cmpBuilderModal .fl-col-pool{
  gap:8px;
  padding:12px;
}

#cmpBuilderModal .fl-group-item{
  display:block;
  width:100%;
  min-height:40px;
  text-align:left;
  justify-content:flex-start;
  border:1px solid var(--border);
  background:var(--bg-1);
  color:var(--text);
  border-radius:var(--r-sm);
  font-size:var(--fs-xs);
  font-weight:500;
  padding:9px 12px;
}
#cmpBuilderModal .fl-group-item:hover{
  border-color:var(--border-strong);
  color:var(--text-hi);
}
#cmpBuilderModal .fl-group-item.is-active{
  border-color:var(--accent-line);
  background:var(--accent-soft);
  color:var(--accent);
}

#cmpBuilderModal .fl-muted,
#cmpBuilderModal .fl-pool-empty{
  color:var(--text-lo);
  font-size:var(--fs-xs);
}
#cmpBuilderModal .fl-pool-empty{
  padding:12px;
  text-align:center;
}

#cmpBuilderModal .fl-col-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px;
  cursor:pointer;
  background:var(--bg-1);
  border:1px solid var(--border-subtle);
  border-radius:var(--r-sm);
}
#cmpBuilderModal .fl-col-item:hover{
  border-color:var(--border-strong);
  background:var(--bg-2);
}
#cmpBuilderModal .fl-col-item:active{transform:translateY(1px)}
#cmpBuilderModal .fl-col-item > div:last-child{min-width:0}
#cmpBuilderModal .fl-col-item-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:var(--r-xs);
  background:var(--bg-2);
  display:grid;
  place-items:center;
  color:var(--accent);
}
#cmpBuilderModal .fl-col-item-label{
  min-width:0;
  font-size:var(--fs-xs);
  font-weight:500;
  color:var(--text);
  line-height:1.4;
}

#cmpBuilderModal .fl-drop-zone-container{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  padding:12px;
  background:var(--bg-1);
  border:1px solid var(--border-subtle);
  border-radius:var(--r-md);
}
#cmpBuilderModal .fl-active-head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
#cmpBuilderModal .fl-active-hint{
  font-size:9px;
  font-weight:400;
  color:var(--text-dim);
  text-transform:uppercase;
  letter-spacing:.05em;
}
#cmpBuilderModal .fl-drop-zone-target{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
  padding:10px;
  border:1px dashed var(--border);
  border-radius:var(--r-sm);
  background:var(--bg-3);
}
#cmpBuilderModal .fl-drop-zone-target.drag-over{
  border-color:var(--accent-line);
  background:var(--accent-soft);
}
#cmpBuilderModal .fl-drop-placeholder{
  width:100%;
  text-align:center;
  margin-top:10px;
  font-size:var(--fs-xs);
  font-style:italic;
  color:var(--text-dim);
  pointer-events:none;
}

#cmpBuilderModal .fl-active-col-tag{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  gap:7px;
  background:var(--accent-soft);
  border:1px solid var(--accent-line);
  color:var(--accent);
  border-radius:var(--r-sm);
  padding:6px 10px;
  font-size:var(--fs-micro);
  font-weight:600;
}
#cmpBuilderModal .fl-active-col-tag:active{transform:translateY(1px)}
#cmpBuilderModal .fl-active-col-tag.is-locked{
  background:var(--bg-2);
  border-color:var(--border);
  color:var(--text-dim);
  opacity:.7;
}
#cmpBuilderModal .fl-col-grip{
  color:var(--text-dim);
  cursor:grab;
  display:inline-flex;
}
#cmpBuilderModal .fl-active-col-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#cmpBuilderModal .fl-col-tag-remove{
  display:inline-flex;
  color:var(--accent);
  opacity:.7;
  cursor:pointer;
}
#cmpBuilderModal .fl-col-tag-remove:hover{
  opacity:1;
  color:var(--down);
}

#cmpBuilderModal .fl-modal-actions{
  flex:0 0 auto;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:0;
  margin:0;
  border:0;
}
#cmpBuilderModal .fl-btn{
  height:36px;
  padding:0 16px;
  border-radius:var(--r-md);
  border:1px solid var(--border);
  background:var(--bg-1);
  color:var(--text-hi);
  font-size:var(--fs-sm);
  font-weight:500;
}
#cmpBuilderModal .fl-btn:hover{
  background:var(--bg-2);
  border-color:var(--border-strong);
}
#cmpBuilderModal #cmpApplyBuilderBtn{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--on-accent);
  font-weight:600;
}
#cmpBuilderModal #cmpApplyBuilderBtn:hover{
  background:var(--accent-hi);
  border-color:var(--accent-hi);
}

@media (max-width:900px){
  #cmpBuilderModal.fl-modal-overlay.is-open{
    align-items:stretch;
    justify-content:stretch;
    padding:12px;
  }
  #cmpBuilderModal .fl-modal-card.fl-builder-modal-card{
    width:100%;
    height:100%;
  }
  #cmpBuilderModal .fl-builder-grid,
  #cmpBuilderModal .fl-builder-grid.fl-builder-grid-3col{
    grid-template-columns:1fr;
    grid-template-rows:minmax(140px,.42fr) minmax(220px,1fr) minmax(180px,.8fr);
  }
  #cmpBuilderModal .fl-col-sidebar,
  #cmpBuilderModal .fl-col-groups,
  #cmpBuilderModal .fl-col-center{
    border-right:0;
    border-bottom:1px solid var(--border-subtle);
  }
}

/* ============================================================
LISTELER
============================================================ */

}
/* ============================================================
KARŞILAŞTIRMA shared helpers / mobile
============================================================ */
#view-compare .cmp-actions-pop{
display:none;
}
#view-compare .cmp-save-row{display:none; align-items:center; gap:6px; padding:6px 10px 8px}
#view-compare .cmp-save-row.is-open{display:flex}
#view-compare .cmp-save-input{flex:1; min-width:0; height:32px; padding:0 10px; background:var(--bg-3); border:1px solid var(--border); border-radius:var(--r-sm); color:var(--text-hi); font-size:var(--fs-xs); outline:none}
#view-compare .cmp-save-input:focus{border-color:var(--border-strong)}
#view-compare .cmp-save-confirm{flex:0 0 auto; display:grid; place-items:center; height:32px; padding:0 10px; border-radius:var(--r-sm); background:var(--accent); color:var(--on-accent); border:none; cursor:pointer}
#view-compare .cmp-save-confirm:hover{background:var(--accent-hi)}
#view-compare .cmp-result-item{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
#view-compare .cmp-result-item img{
width:18px;
height:18px;
object-fit:contain;
margin-right:8px;
}
#view-compare .cmp-result-item .cmp-result-sub{
color:rgba(255,255,255,.4);
margin-left:6px;
font-weight:400;
}
@media (max-width:1023px){
#view-compare .cmp-table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
background:var(--bg-1);
}

#view-compare table.cmp thead th:first-child,
#view-compare table.cmp td:first-child,
#view-compare table.cmp td.metric{
position:sticky;
left:0;
width:164px;
min-width:164px;
max-width:164px;
background:var(--bg-1);
border-right:1px solid var(--border-subtle);
}

#view-compare table.cmp thead th:first-child{
z-index:5;
padding:0 12px;
}

#view-compare table.cmp td:first-child,
#view-compare table.cmp td.metric{
z-index:2;
padding:0 12px;
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:500;
}

#view-compare .cmp-row-label-wrap{
min-width:0;
gap:8px;
}

#view-compare .cmp-row-label{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

#view-compare .cmp-head-label{
font-size:var(--fs-micro);
letter-spacing:.06em;
color:var(--text-lo);
}
}
/* ============================================================
TAKVİM (Calendar) — desktop token adapter
Mirrors the reference filter density + right rail while keeping
the live economic-calendar table and reminder flow intact.
============================================================ */
#view-calendar-list{padding:0}
#view-calendar-list.active{display:flex; flex-direction:column; overflow:hidden}
#view-calendar-list .cal-page{display:flex; flex-direction:column; flex:1; min-height:0}
#view-calendar-list .page-head{align-items:center}
#view-calendar-list .cal-asof{font-family:var(--font-mono); font-size:var(--fs-xs); color:var(--text-lo); white-space:nowrap}
#view-calendar-list .cal-filter-bar{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:var(--s-6);
padding:0; background:transparent; border:0; border-radius:0}
#view-calendar-list .cal-filter-group{display:flex; align-items:center; gap:4px; padding:0; border:0}
#view-calendar-list .cal-time-group{max-width:100%; min-width:0}
#view-calendar-list .cal-pill{display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 11px;
border-radius:var(--r-sm); border:1px solid var(--border); background:var(--bg-1); color:var(--text);
font-size:var(--fs-sm); font-weight:450; white-space:nowrap; cursor:pointer; transition:border-color .12s, color .12s, background .12s}
#view-calendar-list .cal-pill:hover{border-color:var(--border-strong); color:var(--text-hi); background:var(--bg-1)}
#view-calendar-list .cal-pill.active{border-color:var(--accent-line); background:var(--accent-soft); color:var(--accent)}
#view-calendar-list .cal-icon-btn{width:32px; height:32px; display:grid; place-items:center; border-radius:var(--r-sm);
border:1px solid var(--border); background:var(--bg-1); opacity:1; cursor:pointer; transition:border-color .12s, background .12s}
#view-calendar-list .cal-icon-btn:hover{border-color:var(--border-strong); background:var(--bg-2)}
#view-calendar-list .cal-icon-btn.active{border-color:var(--accent-line); background:var(--accent-soft)}
#view-calendar-list .cal-icon-btn img{width:20px; height:14px; object-fit:cover; border-radius:3px; display:block}
#view-calendar-list .cal-impact-rating{display:flex; align-items:center; gap:3px; height:32px; padding:0 10px;
border:1px solid var(--border); border-radius:var(--r-sm); background:var(--bg-1); cursor:pointer}
#view-calendar-list .cal-impact-rating:hover{border-color:var(--border-strong); background:var(--bg-2)}
#view-calendar-list .cal-impact-item{width:14px; height:18px; padding:0; border:0; background:transparent; display:grid; place-items:center}
#view-calendar-list .cal-impact-item::before{content:""; width:13px; height:3px; border-radius:2px; background:var(--border-strong)}
#view-calendar-list .cal-impact-rating[data-level="1"] .cal-impact-item:nth-child(1)::before,
#view-calendar-list .cal-impact-rating[data-level="2"] .cal-impact-item:nth-child(-n+2)::before,
#view-calendar-list .cal-impact-rating[data-level="3"] .cal-impact-item:nth-child(-n+3)::before{background:var(--accent)}
#view-calendar-list .cal-search-wrap{position:relative; display:flex; align-items:center; gap:9px; height:36px; min-width:240px;
margin-left:auto; padding:0 12px; background:var(--bg-3); border:1px solid var(--border-subtle); border-radius:var(--r-md)}
#view-calendar-list .cal-search-wrap:focus-within{border-color:var(--border-strong)}
#view-calendar-list .cal-search-icon{position:static; transform:none; color:var(--text-lo); display:inline-flex; flex:0 0 auto}
#view-calendar-list .cal-search-input{flex:1; min-width:0; width:auto; height:auto; padding:0; border:0; border-radius:0;
background:transparent; color:var(--text-hi); font-size:var(--fs-sm); outline:none}
#view-calendar-list .cal-search-input::placeholder{color:var(--text-lo)}
#view-calendar-list .cal-grid{display:grid; grid-template-columns:minmax(0,1fr); gap:var(--s-6); align-items:stretch;
flex:1; min-height:0}
#view-calendar-list .cal-main{min-width:0; min-height:0; height:100%; display:flex; flex-direction:column}
#view-calendar-list .cal-table-wrap{flex:1; min-height:0; max-height:none; overflow:auto; contain:paint}
#view-calendar-list table.data.cal-table{min-width:1020px}
#view-calendar-list table.data.cal-table thead th{background:var(--bg-1) !important; color:var(--text-lo) !important;
padding:0 14px !important; border-bottom:1px solid var(--border) !important}
#view-calendar-list table.data.cal-table thead th::before{content:none !important}
#view-calendar-list table.data.cal-table th:first-child,
#view-calendar-list table.data.cal-table td:first-child{text-align:left}
#view-calendar-list table.data.cal-table tbody td{height:var(--row-h); padding:0 14px; color:var(--text);
border-bottom:1px solid var(--border-subtle); font-family:var(--font-mono); font-variant-numeric:tabular-nums}
#view-calendar-list table.data.cal-table tbody td:first-child{font-family:var(--font-sans); background:var(--bg-1) !important}
#view-calendar-list table.data.cal-table tbody tr:hover td:first-child{background:var(--bg-2) !important}
#view-calendar-list table.data.cal-table .data-name{font-size:var(--fs-sm); font-weight:500; color:var(--text-hi)}
#view-calendar-list table.data.cal-table .date-sub{font-size:var(--fs-xs); color:var(--text-lo); margin-top:2px}
#view-calendar-list .company-cell{display:flex; align-items:center; gap:11px}
#view-calendar-list .cal-flag-box{width:30px; height:30px; flex:0 0 30px; border-radius:var(--r-sm); background:var(--bg-2);
border:1px solid var(--border-subtle); display:grid; place-items:center}
#view-calendar-list .flag-img{width:22px; height:16px; object-fit:cover; border-radius:3px; display:block}
#view-calendar-list .cal-impact-stack{display:inline-flex; flex-direction:column; gap:2px; align-items:flex-end}
#view-calendar-list .cal-impact-stack i{display:block; width:14px; height:3px; border-radius:2px; background:var(--border-strong)}
#view-calendar-list .cal-impact-stack i.on{background:var(--accent)}
#view-calendar-list .cal-actual-wrap{display:inline-flex; align-items:center; justify-content:flex-end; gap:5px; font-weight:500}
#view-calendar-list .cal-actual-wrap [data-icon]{display:inline-flex}
#view-calendar-list .cal-notify-cell{text-align:center}
#view-calendar-list .notify-btn{width:30px; height:30px; display:inline-grid; place-items:center; padding:0; border-radius:var(--r-sm);
border:1px solid transparent; background:transparent; color:var(--text-lo)}
#view-calendar-list .notify-btn:hover:not(:disabled){border-color:var(--accent-line); background:var(--accent-soft); color:var(--accent)}
#view-calendar-list .notify-btn:disabled{cursor:not-allowed; opacity:.35}
#view-calendar-list .data-name[data-cal-history-id]{cursor:pointer}
#view-calendar-list .cal-empty-row{text-align:center; padding:36px 20px !important; color:var(--text-lo)}
#calListModalOverlay{position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(5,7,6,.62); backdrop-filter:blur(2px); z-index:80}
#calListModalContent{width:100%; max-width:420px; padding:20px; border-radius:var(--r-xl);
border:1px solid var(--border-strong); background:var(--bg-elev); box-shadow:var(--shadow-overlay)}
#calListModalContent .modal-title{font-size:var(--fs-h2); margin-bottom:16px; font-weight:600; color:var(--text-hi)}
#calListModalContent .input-group{margin-bottom:12px}
#calListModalContent .input-group label{display:block; font-size:var(--fs-xs); color:var(--text-mid); margin-bottom:6px; font-weight:500}
#calListModalContent .input-group input{width:100%; height:38px; padding:0 12px; background:var(--bg-3); border:1px solid var(--border);
border-radius:var(--r-md); color:var(--text-hi); font-size:var(--fs-sm); outline:none}
#calListModalContent .input-group input:focus{border-color:var(--border-strong)}
#calListModalContent .check-group{display:flex; gap:10px; font-size:var(--fs-xs); color:var(--text-mid); margin-top:10px; line-height:1.4}
#calListModalContent .check-group input{margin-top:2px; accent-color:var(--accent)}
#calListModalContent .submit-btn{width:100%; height:38px; display:inline-flex; align-items:center; justify-content:center;
margin-top:20px; border-radius:var(--r-md); border:1px solid var(--accent); background:var(--accent); color:var(--on-accent);
font-size:var(--fs-sm); font-weight:600; cursor:pointer; opacity:.45}
#calListModalContent .submit-btn:not(:disabled){opacity:1}
#calListModalContent .submit-btn:not(:disabled):hover{background:var(--accent-hi); border-color:var(--accent-hi)}
#calListModalContent .cal-cancel-btn{width:100%; height:32px; margin-top:10px; border:0; background:transparent; color:var(--text-mid);
font-size:var(--fs-xs); cursor:pointer; border-radius:var(--r-sm)}
#calListModalContent .cal-cancel-btn:hover{background:var(--bg-2); color:var(--text-hi)}
#calListModalContent .cal-success{text-align:center; padding:20px 0}
#calListModalContent .cal-success-icon{width:54px; height:54px; margin:0 auto 15px; display:grid; place-items:center;
border-radius:var(--r-lg); color:var(--accent); background:var(--accent-soft); border:1px solid var(--accent-line)}
#calListModalContent .cal-success .modal-title{margin-bottom:8px}
#calListModalContent .cal-success p{color:var(--text-mid); font-size:var(--fs-sm)}
@media (max-width: 768px) {
#view-calendar-list .cal-grid{grid-template-columns:1fr}

#view-calendar-list .cal-filter-bar{
gap:8px;
flex-wrap:nowrap;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}
#view-calendar-list .cal-filter-bar::-webkit-scrollbar{height:0}

#view-calendar-list .cal-filter-group{
border-right:none;
flex:0 0 auto;
flex-wrap:nowrap;
}

#view-calendar-list .cal-search-wrap{
flex:0 0 260px;
min-width:260px;
margin-left:0;
}

#view-calendar-list .cal-table-wrap{
border:1px solid var(--border-subtle) !important;
overflow:auto;
-webkit-overflow-scrolling:touch;
}

#view-calendar-list table.data.cal-table{
display:table !important;
width:920px !important;
min-width:920px !important;
table-layout:fixed;
}

#view-calendar-list table.data.cal-table thead{
display:table-header-group !important;
}

#view-calendar-list table.data.cal-table tbody{
display:table-row-group !important;
}

#view-calendar-list table.data.cal-table tbody tr{
display:table-row !important;
margin:0;
background:transparent;
border:0;
border-radius:0;
padding:0;
}

#view-calendar-list table.data.cal-table tbody td{
display:table-cell !important;
height:48px;
padding:0 10px !important;
border-bottom:1px solid var(--border-subtle);
text-align:right;
vertical-align:middle;
white-space:nowrap !important;
}

#view-calendar-list table.data.cal-table tbody td:first-child{
position:sticky !important;
left:0;
z-index:2;
width:280px !important;
min-width:280px;
max-width:280px;
padding:0 10px !important;
border-bottom:1px solid var(--border-subtle) !important;
border-right:1px solid var(--border-subtle);
margin:0;
background:var(--bg-1) !important;
text-align:left;
}

#view-calendar-list table.data.cal-table thead th:first-child{
position:sticky;
left:0;
z-index:3;
width:280px;
min-width:280px;
max-width:280px;
background:var(--bg-1) !important;
border-right:1px solid var(--border-subtle);
}

#view-calendar-list table.data.cal-table tbody td::before{
content:none !important;
}

#view-calendar-list table.data.cal-table .data-name{
display:block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

#view-calendar-list table.data.cal-table .date-sub{
display:block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

#view-calendar-list .company-cell{
min-width:0;
width:100%;
max-width:100%;
overflow:hidden;
}

#view-calendar-list .company-cell > div:last-child{
min-width:0;
max-width:calc(100% - 41px);
overflow:hidden;
}
}
/* ============================================================
HABERLER (News)
Legacy #finapsis-news-widget markup kept (feature JS untouched);
mapped here onto tokens.css + components.css. Desktop = main feed
+ sticky filter rail; featured band populated from latest stories.
============================================================ */
#view-news{position:relative; padding:0}
#view-news .page-head{margin-bottom:var(--s-7)}
#finapsis-news-widget{width:100%}
/* mobile-only filter trigger (desktop uses the sticky rail) */
#view-news .widget-header{display:none; margin-bottom:var(--s-6)}
#view-news .news-filter-trigger{display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 14px;
border-radius:var(--r-md); border:1px solid var(--border); background:var(--bg-1); color:var(--text-hi);
font-size:var(--fs-sm); font-weight:500; position:relative}
#view-news .news-filter-trigger:hover{background:var(--bg-2); border-color:var(--border-strong)}
#view-news .news-filter-trigger [data-icon]{color:var(--text-mid)}
#view-news .filter-badge{position:absolute; top:-4px; right:-4px; width:9px; height:9px; border-radius:50%;
background:var(--accent); border:2px solid var(--bg-0)}
/* ---- desktop two-column: feed + filter rail ---- */
#view-news .widget-layout{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:var(--s-7); align-items:start}
#view-news .layout-main{min-width:0}
/* ---- featured band ---- */
#view-news .news-feat{display:grid; grid-template-columns:1.3fr 1fr; gap:var(--s-6); margin-bottom:var(--s-6); align-items:stretch}
#view-news .news-lead{position:relative; display:flex; flex-direction:column; justify-content:flex-end;
min-height:240px; padding:var(--s-7); border:1px solid var(--border-subtle); border-radius:var(--r-lg);
background:var(--bg-1); overflow:hidden}
#view-news .news-lead::before{content:""; position:absolute; inset:0;
background:radial-gradient(120% 80% at 80% 0%, var(--accent-soft), transparent 60%)}
#view-news .news-lead::after{content:""; position:absolute; inset:0;
background:linear-gradient(180deg, transparent 35%, rgba(10,12,12,.94) 100%)}
#view-news .news-lead-img{position:absolute; inset:0; background-size:cover; background-position:center; opacity:.5}
#view-news .news-lead-body{position:relative; z-index:1}
#view-news .news-lead .pill-ticker{margin-bottom:12px}
#view-news .news-lead h2{font-size:21px; font-weight:600; color:var(--text-hi); letter-spacing:-.02em;
line-height:1.25; margin-bottom:10px; max-width:30ch;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
#view-news .news-lead:hover h2{color:var(--accent)}
#view-news .news-feat-side{display:flex; flex-direction:column; gap:var(--s-5); height:100%}
#view-news .news-side-item{display:flex; flex:1; align-items:center; gap:12px; padding:14px; border:1px solid var(--border-subtle);
border-radius:var(--r-md); background:var(--bg-1)}
#view-news .news-side-item:hover{border-color:var(--border)}
#view-news .news-thumb{width:64px; height:64px; flex:0 0 64px; border-radius:var(--r-sm); background:var(--bg-2);
border:1px solid var(--border-subtle); display:grid; place-items:center; color:var(--text-dim); overflow:hidden}
#view-news .news-thumb-img{width:100%; height:100%; object-fit:cover}
#view-news .news-side-body{min-width:0; flex:1}
#view-news .news-side-item h3{font-size:var(--fs-sm); font-weight:500; color:var(--text-hi); line-height:1.35;
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
#view-news .news-side-item:hover h3{color:var(--accent)}
#view-news .news-meta{display:flex; align-items:center; gap:8px; margin-top:9px; font-size:var(--fs-xs); color:var(--text-lo)}
#view-news .news-meta .src{color:var(--text-mid); font-weight:500}
/* ---- feed cards ---- */
#view-news .news-feed{display:flex; flex-direction:column; gap:12px}
#view-news .news-card{display:flex; gap:14px; padding:14px; background:var(--bg-1);
border:1px solid var(--border-subtle); border-radius:var(--r-md); position:relative}
#view-news .news-card:hover{border-color:var(--border)}
#view-news .news-img-wrapper{flex:0 0 70px; width:70px; height:70px; border-radius:var(--r-sm); overflow:hidden;
background:var(--bg-2); border:1px solid var(--border-subtle)}
#view-news .news-img{width:100%; height:100%; object-fit:cover}
#view-news .fallback-img{width:100%; height:100%; display:grid; place-items:center; background:var(--bg-2);
color:var(--accent); font-family:var(--font-mono); font-weight:600; font-size:18px}
#view-news .news-content{flex:1; min-width:0; display:flex; flex-direction:column; gap:8px}
#view-news .news-meta-top{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
#view-news .news-source{font-family:var(--font-mono); font-size:var(--fs-micro); color:var(--text-mid); cursor:pointer}
#view-news .news-source:hover{color:var(--text-hi)}
#view-news .news-time{font-size:var(--fs-xs); color:var(--text-lo)}
#view-news .news-title-link{display:block}
#view-news .news-title{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
font-size:var(--fs-body); font-weight:500; line-height:1.4; color:var(--text-hi)}
#view-news .news-title-link:hover .news-title{color:var(--accent)}
#view-news .news-tags{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:auto}
/* ---- clickable tags / pills ---- */
#view-news .clickable-tag{display:inline-flex; align-items:center; gap:4px; height:22px; padding:0 8px;
border-radius:var(--r-xs); font-size:var(--fs-micro); color:var(--text-mid); background:var(--bg-2);
border:1px solid var(--border-subtle); cursor:pointer; user-select:none}
#view-news .clickable-tag:hover{color:var(--text-hi); border-color:var(--border)}
#view-news .clickable-tag.pill-ticker{font-family:var(--font-mono); color:var(--accent); background:var(--accent-soft);
border-color:var(--accent-line); font-weight:600}
#view-news .news-share-btn{margin-left:auto; color:var(--text-lo); background:transparent; border-color:transparent}
#view-news .news-share-btn:hover{color:var(--text-hi); background:var(--bg-2)}
#view-news .tag-sentiment{font-weight:600; border-color:transparent}
#view-news .sentiment-olumlu{color:var(--up); background:var(--up-soft)}
#view-news .sentiment-olumsuz{color:var(--down); background:var(--down-soft)}
#view-news .sentiment-notr{color:var(--text-mid); background:var(--bg-2)}
/* ---- active filter status bar ---- */
#view-news .news-active-filters{display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:10px 12px;
background:var(--bg-1); border:1px solid var(--border-subtle); border-radius:var(--r-md); margin-bottom:14px}
#view-news .news-active-list{display:flex; flex-wrap:wrap; gap:8px; flex:1}
#view-news .news-clear-btn{margin-left:auto; color:var(--accent); font-size:var(--fs-xs); font-weight:600}
#view-news .filter-chip{display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 6px 0 9px;
border-radius:var(--r-sm); background:var(--accent-soft); border:1px solid var(--accent-line);
color:var(--text-hi); font-size:var(--fs-micro); font-weight:500}
#view-news .filter-chip span{color:var(--text-mid)}
#view-news .filter-chip-remove{display:grid; place-items:center; width:15px; height:15px; border-radius:50%;
background:var(--bg-0); color:var(--accent); cursor:pointer; font-size:9px}
#view-news .filter-chip-remove:hover{color:var(--text-hi)}
/* ---- pagination ---- */
#view-news .news-pagination{display:flex; align-items:center; justify-content:space-between; gap:10px;
margin-top:18px; padding-top:16px; border-top:1px solid var(--border-subtle)}
#view-news .news-page-btn{height:32px; padding:0 12px; border-radius:var(--r-sm); border:1px solid var(--border);
background:var(--bg-1); color:var(--text-mid); font-size:var(--fs-xs); font-weight:500}
#view-news .news-page-btn:hover:not(:disabled){color:var(--text-hi); border-color:var(--border-strong); background:var(--bg-2)}
#view-news .news-page-btn:disabled{opacity:.4; cursor:not-allowed}
#view-news .news-page-info{font-family:var(--font-mono); font-size:var(--fs-xs); color:var(--text-lo)}
/* ---- empty state ---- */
#view-news .news-empty p{color:var(--text-mid); font-size:var(--fs-sm)}
/* ---- filter rail (desktop) / overlay (mobile) ---- */
#view-news .modal-wrapper{position:sticky; top:var(--s-6); align-self:start; display:block !important}
#view-news .modal-card{display:flex; flex-direction:column; max-height:calc(100vh - 96px); overflow:hidden;
background:var(--bg-1); border:1px solid var(--border-subtle); border-radius:var(--r-lg)}
#view-news .search-container{display:flex; align-items:center; gap:8px; height:38px; margin:12px; padding:0 12px;
background:var(--bg-3); border:1px solid var(--border); border-radius:var(--r-md)}
#view-news .search-container [data-icon]{color:var(--text-lo)}
#view-news .search-container:focus-within{border-color:var(--border-strong)}
#view-news #news-search-input{flex:1; min-width:0; background:none; border:none; outline:none;
color:var(--text-hi); font-size:var(--fs-sm)}
#view-news #news-search-input::placeholder{color:var(--text-lo)}
#view-news .modal-card .modal-header{display:flex; align-items:center; justify-content:space-between; padding:4px 14px 12px}
#view-news .modal-card .modal-header h3{font-size:var(--fs-h3); font-weight:600; color:var(--text-hi)}
#view-news .modal-card .modal-close{display:none}
#view-news .modal-body{flex:1; overflow-y:auto; padding:0 14px 14px}
#view-news .filter-group{margin-bottom:16px}
#view-news .filter-group label{display:block; margin-bottom:7px; font-size:var(--fs-micro); letter-spacing:.06em;
text-transform:uppercase; color:var(--text-lo); font-weight:500}
/* multi-select */
#view-news .ms-select{position:relative; width:100%}
#view-news .ms-control{display:flex; align-items:center; gap:6px; min-height:36px; padding:5px 8px;
background:var(--bg-3); border:1px solid var(--border); border-radius:var(--r-md); cursor:pointer}
#view-news .ms-control:hover{border-color:var(--border-strong)}
#view-news .ms-tags{display:flex; flex-wrap:wrap; gap:5px; flex:1; min-width:0}
#view-news .ms-placeholder{font-size:var(--fs-xs); color:var(--text-lo)}
#view-news .ms-tag{display:inline-flex; align-items:center; gap:5px; padding:3px 6px; border-radius:var(--r-xs);
background:var(--accent-soft); border:1px solid var(--accent-line); color:var(--accent); font-size:var(--fs-micro); font-weight:500}
#view-news .ms-tag-remove{background:none; border:none; color:var(--accent); cursor:pointer; font-size:10px; line-height:1}
#view-news .ms-input{flex:0 0 1px; width:1px; min-width:0; background:none; border:none; outline:none; color:transparent; padding:0}
#view-news .ms-toggle{display:grid; place-items:center; background:none; border:none; color:var(--text-lo); cursor:pointer}
#view-news .ms-dropdown{display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:20;
padding:8px; background:var(--bg-elev); border:1px solid var(--border-strong); border-radius:var(--r-md);
box-shadow:var(--shadow-overlay); max-height:240px; overflow:hidden}
#view-news .ms-select.open .ms-dropdown{display:block}
#view-news .ms-search{width:100%; height:32px; margin-bottom:8px; padding:0 8px; background:var(--bg-3);
border:1px solid var(--border); border-radius:var(--r-sm); color:var(--text-hi); font-size:var(--fs-xs); outline:none}
#view-news .ms-search::placeholder{color:var(--text-lo)}
#view-news .ms-options{max-height:184px; overflow-y:auto; display:flex; flex-direction:column; gap:3px}
#view-news .ms-option{display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:var(--r-sm);
font-size:var(--fs-xs); color:var(--text); cursor:pointer}
#view-news .ms-option:hover{background:var(--bg-2); color:var(--text-hi)}
#view-news .ms-check{width:14px; height:14px; flex:0 0 14px; border-radius:var(--r-xs);
border:1px solid var(--border-strong); background:transparent}
#view-news .ms-option.selected{color:var(--accent)}
#view-news .ms-option.selected .ms-check{background:var(--accent); border-color:var(--accent)}
/* rail footer */
#view-news .modal-footer{display:flex; gap:8px; padding:12px 14px; border-top:1px solid var(--border-subtle); margin-top:auto}
#view-news .news-apply-btn{flex:1; height:36px; border-radius:var(--r-md); border:1px solid var(--accent);
background:var(--accent); color:var(--on-accent); font-size:var(--fs-sm); font-weight:600}
#view-news .news-apply-btn:hover{background:var(--accent-hi); border-color:var(--accent-hi)}
#view-news .news-clear-all-btn{flex:1; height:36px; border-radius:var(--r-md); border:1px solid var(--border);
background:var(--bg-1); color:var(--text-hi); font-size:var(--fs-sm); font-weight:500}
#view-news .news-clear-all-btn:hover{background:var(--bg-2); border-color:var(--border-strong)}
/* ---- share modal ---- */
#view-news .share-overlay{position:fixed; inset:0; z-index:80; display:none; align-items:center; justify-content:center;
padding:24px; background:rgba(5,7,6,.62); backdrop-filter:blur(2px)}
#view-news .share-overlay[style*="display: block"]{display:flex !important}
#view-news .share-card{width:100%; max-width:360px; overflow:hidden; background:var(--bg-elev);
border:1px solid var(--border-strong); border-radius:var(--r-xl); box-shadow:var(--shadow-overlay)}
#view-news .share-card .modal-header{display:flex; align-items:center; justify-content:space-between;
padding:16px 18px; border-bottom:1px solid var(--border-subtle)}
#view-news .share-card .modal-header h3{font-size:var(--fs-h2); font-weight:600; color:var(--text-hi)}
#view-news .share-card .modal-close{display:grid; place-items:center; width:30px; height:30px;
border-radius:var(--r-sm); color:var(--text-lo)}
#view-news .share-card .modal-close:hover{background:var(--bg-2); color:var(--text-hi)}
#view-news .share-body{padding:18px}
#view-news .share-preview-text{margin-bottom:16px; padding:11px 13px; border-left:2px solid var(--accent);
border-radius:var(--r-sm); background:var(--bg-1); color:var(--text); font-size:var(--fs-sm); line-height:1.45}
#view-news .share-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px}
#view-news .share-item{display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px;
border-radius:var(--r-md); border:1px solid var(--border-subtle); background:var(--bg-1)}
#view-news .share-item:hover{background:var(--bg-2); border-color:var(--border-strong)}
#view-news .share-item span{font-size:var(--fs-xs); color:var(--text-mid)}
#view-news .share-icon{display:grid; place-items:center; width:34px; height:34px; border-radius:50%;
background:var(--bg-2); border:1px solid var(--border-subtle); color:var(--text-hi); font-size:14px; font-weight:600}
#view-news .share-icon[data-icon]{color:var(--text-mid)}
#view-news .share-icon-wa{background:#25D366; color:#fff; border-color:transparent}
#view-news .share-icon-li{background:#0077b5; color:#fff; border-color:transparent}
/* ---- mobile fallback: restore overlay filter (no new mobile behavior) ---- */
@media (max-width:1199px){
#view-news .widget-header{display:flex}
#view-news .widget-layout{display:block}
#view-news .news-feat{grid-template-columns:1fr}
#view-news .modal-wrapper{position:fixed; inset:0; z-index:80; display:none !important; padding:24px;
background:rgba(5,7,6,.62); backdrop-filter:blur(2px)}
#view-news .modal-wrapper[style*="display: block"]{display:flex !important; align-items:flex-start; justify-content:center}
#view-news .modal-card{width:100%; max-width:420px; max-height:calc(100vh - 48px); margin-top:24px}
#view-news .modal-card .modal-close{display:grid; place-items:center; width:30px; height:30px;
border-radius:var(--r-sm); color:var(--text-lo)}
}
/* ============================================================
ŞİRKETİM
Desktop token migration. Legacy class names kept for page.js.
============================================================ */
/* ─── Şirketim Wizard ──────────────────────────────────────────────────── */
#view-sirketim {
padding: 0;
}
#view-sirketim.active {
display: block;
}
#view-sirketim .sirketim-wrap {
flex: 1;
display: flex;
flex-direction: column;
}
#view-sirketim .sirketim-inner {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
min-height: 100%;
}
#view-sirketim .sm-initial-loader {
display: flex;
align-items: center;
justify-content: center;
padding: var(--s-12);
}
/* ── Şirketim: Entry Screen ──────────────────────────────────────────────── */
#view-sirketim .sm-entry-screen {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 60px 24px;
min-height: 60vh;
}
#view-sirketim .sm-entry-head {
text-align: center;
margin-bottom: 40px;
}
#view-sirketim .sm-entry-title {
font-size: 32px;
font-weight: 600;
letter-spacing: -0.5px;
color: var(--text-hi);
}
#view-sirketim .sm-entry-subtitle {
font-size: 14px;
color: var(--text-mid);
margin-top: 10px;
}
#view-sirketim .sm-entry-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
max-width: 800px;
width: 100%;
}
#view-sirketim .sm-entry-card {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-lg);
padding: 32px 24px;
cursor: pointer;
text-align: center;
transition: all 0.25s ease;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
#view-sirketim .sm-entry-card:hover {
border-color: var(--accent-line);
background: var(--accent-soft);
transform: none;
box-shadow: none;
}
#view-sirketim .sm-entry-card-icon {
font-size: 36px;
color: var(--accent);
margin-bottom: 6px;
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--r-lg);
background: var(--accent-soft);
border: 1px solid var(--accent-line);
}
#view-sirketim .sm-entry-card-title {
font-size: 17px;
font-weight: 600;
color: var(--text-hi);
}
#view-sirketim .sm-entry-card-desc {
font-size: 12px;
color: var(--text-lo);
line-height: 1.6;
}
@media (max-width: 640px) /* existing mobile fallback; not changed */ {
#view-sirketim .sm-entry-cards { grid-template-columns: 1fr; }
}
#view-sirketim .sm-mode-switch {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px;
border-radius: var(--r-md);
border: 1px solid var(--border-subtle);
background: var(--bg-3);
width: fit-content;
}
#view-sirketim .sm-mode-btn {
border: 1px solid var(--bg-2);
background: var(--bg-1);
color: var(--text);
padding: 9px 14px;
border-radius: var(--r-md);
font-size: 12px;
font-weight: 500;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 7px;
}
#view-sirketim .sm-mode-btn.active {
background: var(--accent-soft);
border-color: var(--accent-line);
color: var(--accent);
}
#view-sirketim .fin-card {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-lg);
}
#view-sirketim .sm-tax-upload {
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
}
#view-sirketim .sm-tax-upload-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
#view-sirketim .sm-tax-title {
font-size: 17px;
font-weight: 600;
color: var(--text-hi);
}
#view-sirketim .sm-tax-subtitle {
margin-top: 4px;
font-size: 12px;
color: var(--text-mid);
}
#view-sirketim .sm-tax-upload-row,
#view-sirketim .sm-tax-fetch-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
}
#view-sirketim .sm-tax-alert {
padding: 10px 12px;
border: 1px solid var(--accent-line);
border-radius: var(--r-md);
background: var(--accent-soft);
color: var(--accent);
font-size: 12px;
font-weight: 600;
}
#view-sirketim .sm-tax-alert.error {
border-color: var(--down-soft);
background: var(--down-soft);
color: var(--down);
}
#view-sirketim .sm-tax-card {
padding: 0;
overflow: hidden;
}
#view-sirketim .sm-tax-modal-backdrop {
position: fixed;
inset: 0;
background: color-mix(in srgb, var(--bg-0) 62%, transparent);
z-index: 1200;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
#view-sirketim .sm-tax-modal {
width: min(880px, 100%);
max-height: 86vh;
overflow: auto;
padding: 14px;
}
#view-sirketim .sm-tax-modal-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
#view-sirketim .sm-tax-modal-title {
font-size: 16px;
font-weight: 600;
color: var(--text-hi);
margin-bottom: 10px;
}
#view-sirketim .sm-tax-summary {
padding: 14px 16px;
border-bottom: 1px solid var(--border-subtle);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
#view-sirketim .sm-tax-company {
font-size: 16px;
font-weight: 600;
color: var(--text-hi);
}
#view-sirketim .sm-tax-sub {
margin-top: 4px;
font-size: 11px;
color: var(--text-mid);
}
#view-sirketim .sm-tax-badges {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
#view-sirketim .sm-tax-badge {
font-size: 11px;
font-weight: 500;
color: var(--text);
padding: 5px 9px;
border: 1px solid var(--border);
border-radius: var(--r-pill);
background: var(--bg-1);
}
#view-sirketim .sm-tax-tabs {
padding: 0 12px;
border-bottom: 1px solid var(--bg-2);
}
#view-sirketim .sm-tax-tabs .tabs-left {
display: flex;
align-items: center;
gap: 6px;
overflow-x: auto;
padding: 10px 0;
}
#view-sirketim .tab-btn {
border: 1px solid transparent;
background: transparent;
color: var(--text-mid);
border-radius: var(--r-sm);
padding: 8px 12px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
}
#view-sirketim .tab-btn.active {
color: var(--accent);
border-color: var(--accent-line);
background: var(--accent-soft);
}
#view-sirketim .fin-table {
width: 100%;
border-collapse: collapse;
min-width: 560px;
}
#view-sirketim .fin-table thead th {
text-align: left;
padding: 10px 12px;
font-size: 11px;
color: var(--text-mid);
border-bottom: 1px solid var(--border-subtle);
text-transform: uppercase;
letter-spacing: .04em;
}
#view-sirketim .fin-table tbody td {
padding: 10px 12px;
font-size: 12px;
border-bottom: 1px solid var(--bg-2);
color: var(--text-hi);
font-variant-numeric: tabular-nums;
}
#view-sirketim .fin-table tbody td:not(:first-child) {
text-align: left;
}
#view-sirketim .fin-table tbody tr:last-child td {
border-bottom: none;
}
#view-sirketim .sm-tax-delta {
font-weight: 500;
font-variant-numeric: tabular-nums;
}
#view-sirketim .sm-tax-delta.pos {
color: var(--up);
}
#view-sirketim .sm-tax-delta.neg {
color: var(--down);
}
#view-sirketim .sm-tax-delta.flat {
color: var(--text-mid);
}
#view-sirketim .sm-hidden {
display: none !important;
}
#view-sirketim .sm-tax-mini-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
padding: 12px;
border-bottom: 1px solid var(--border-subtle);
}
#view-sirketim .sm-tax-mini-item {
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
padding: 10px;
background: var(--bg-3);
display: flex;
flex-direction: column;
gap: 6px;
}
#view-sirketim .sm-tax-mini-item span {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
color: var(--text-lo);
}
#view-sirketim .sm-tax-mini-item b {
font-size: 13px;
color: var(--text-hi);
}
#view-sirketim .sm-tax-inputs-row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
padding: 12px;
border-bottom: 1px solid var(--border-subtle);
}
#view-sirketim .sm-tax-input-col {
display: flex;
flex-direction: column;
gap: 6px;
}
#view-sirketim .sm-tax-slider {
padding: 0;
height: 34px;
}
/* File drop zone */
#view-sirketim .sm-tax-file-wrap {
position: relative;
}
#view-sirketim .sm-tax-file-input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 1;
}
#view-sirketim .sm-tax-file-drop {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 32px 20px;
border: 2px dashed var(--border);
border-radius: var(--r-md);
background: var(--bg-3);
cursor: pointer;
text-align: center;
transition: border-color 0.2s, background 0.2s;
}
#view-sirketim .sm-tax-file-drop:hover {
border-color: var(--accent-line);
background: var(--accent-soft);
}
#view-sirketim .sm-tax-file-drop-loading {
border-color: var(--accent-line);
background: var(--accent-soft);
cursor: default;
pointer-events: none;
}
#view-sirketim .sm-tax-file-icon {
font-size: 28px;
color: var(--accent);
}
#view-sirketim .sm-tax-file-text {
font-size: 13px;
font-weight: 600;
color: var(--text);
}
#view-sirketim .sm-tax-file-hint {
font-size: 11px;
color: var(--text-lo);
}
/* Metrics tab controls */
#view-sirketim .sm-tax-metrics-controls {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
padding: 16px;
border-bottom: 1px solid var(--border-subtle);
}
#view-sirketim .sm-dash-layout {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 16px;
width: 100%;
align-items: start;
}
#view-sirketim .sm-dash-layout.is-report {
grid-template-columns: minmax(0, 1fr);
}
#view-sirketim .sm-dash-main {
min-width: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
#view-sirketim .sm-dash-side {
position: sticky;
top: 0;
}
#view-sirketim .sm-side-card {
background: var(--bg-1);
border: 1px solid var(--accent-line);
border-radius: var(--r-lg);
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: none;
}
#view-sirketim .sm-side-head {
display: flex;
flex-direction: column;
gap: 4px;
}
#view-sirketim .sm-side-title {
font-size: 16px;
font-weight: 500;
color: var(--text-hi);
line-height: 1.3;
}
#view-sirketim .sm-side-sub {
font-size: 11px;
color: var(--text-mid);
}
#view-sirketim .sm-side-kpis {
display: grid;
gap: 8px;
}
#view-sirketim .sm-side-kpi {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
font-size: 12px;
color: var(--text-mid);
}
#view-sirketim .sm-side-kpi strong {
color: var(--text-hi);
font-size: 12px;
font-weight: 500;
}
#view-sirketim .sm-side-progress {
height: 6px;
border-radius: var(--r-pill);
background: var(--border-subtle);
overflow: hidden;
}
#view-sirketim .sm-side-progress span {
display: block;
height: 100%;
background: var(--accent);
border-radius: inherit;
transition: width 0.25s ease;
}
#view-sirketim .sm-side-steps {
display: flex;
flex-direction: column;
gap: 6px;
}
#view-sirketim .sm-side-step {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: var(--text-lo);
}
#view-sirketim .sm-side-step-no {
width: 18px;
height: 18px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 10px;
border: 1px solid var(--text-dim);
background: var(--bg-1);
}
#view-sirketim .sm-side-step.active {
color: var(--accent);
font-weight: 600;
}
#view-sirketim .sm-side-step.active .sm-side-step-no,
#view-sirketim .sm-side-step.done .sm-side-step-no {
border-color: var(--accent-line);
color: var(--accent);
}
#view-sirketim .sm-side-step.done {
color: var(--accent);
}
#view-sirketim .sm-side-score {
border-top: 1px solid var(--border-subtle);
padding-top: 10px;
display: flex;
align-items: baseline;
gap: 8px;
flex-wrap: wrap;
}
#view-sirketim .sm-side-score-label {
color: var(--text-mid);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
#view-sirketim .sm-side-score-val {
color: var(--accent);
font-size: 22px;
font-weight: 600;
}
#view-sirketim .sm-side-score-note {
color: var(--text-lo);
font-size: 11px;
}
/* ── Step progress ── */
#view-sirketim .sm-progress {
display: flex;
align-items: flex-start;
gap: 0;
padding: 4px 0;
}
#view-sirketim .sm-step-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
position: relative;
}
#view-sirketim .sm-step-item:not(:last-child)::after {
content: '';
position: absolute;
top: 15px;
left: calc(50% + 16px);
right: calc(-50% + 16px);
height: 2px;
background: var(--border-subtle);
transition: background 0.3s ease;
}
#view-sirketim .sm-step-item.done:not(:last-child)::after {
background: var(--accent-line);
}
#view-sirketim .sm-step-circle {
width: 34px;
height: 34px;
border-radius: 50%;
border: 2px solid var(--border);
background: var(--bg-1);
color: var(--text-dim);
font-size: 12px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
transition: all 0.3s ease;
flex-shrink: 0;
}
#view-sirketim .sm-step-item.done .sm-step-circle {
background: var(--accent-soft);
border-color: var(--accent-line);
color: var(--accent);
}
#view-sirketim .sm-step-item.active .sm-step-circle {
background: var(--accent);
border-color: var(--accent);
color: var(--on-accent);
box-shadow: var(--ring-focus);
}
#view-sirketim .sm-step-label {
font-size: 10px;
font-weight: 500;
color: var(--text-dim);
text-align: center;
transition: color 0.3s ease;
white-space: nowrap;
}
#view-sirketim .sm-step-item.active .sm-step-label {
color: var(--accent);
font-weight: 600;
}
#view-sirketim .sm-step-item.done .sm-step-label {
color: var(--accent);
}
/* ── Card ── */
#view-sirketim .sm-card {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-lg);
padding: 28px;
display: flex;
flex-direction: column;
gap: 24px;
animation: smSlideIn 0.2s ease;
}
@keyframes smSlideIn {
from { opacity: 0; transform: translateY(6px); }
to   { opacity: 1; transform: translateY(0); }
}
#view-sirketim .sm-card-head {
display: flex;
flex-direction: column;
gap: 4px;
padding-bottom: 16px;
border-bottom: 1px solid var(--bg-2);
}
#view-sirketim .sm-card-step-label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--accent);
}
#view-sirketim .sm-card-title {
font-size: 22px;
font-weight: 600;
color: var(--text-hi);
letter-spacing: -0.3px;
}
#view-sirketim .sm-card-subtitle {
font-size: 13px;
color: var(--text-lo);
margin-top: 2px;
}
/* ── Questions ── */
#view-sirketim .sm-questions {
display: flex;
flex-direction: column;
gap: 18px;
}
#view-sirketim .sm-question {
display: flex;
flex-direction: column;
gap: 7px;
}
#view-sirketim .sm-label-row {
display: flex;
align-items: flex-start;
gap: 6px;
}
#view-sirketim .sm-label {
font-size: 13px;
font-weight: 500;
color: var(--text);
line-height: 1.45;
flex: 1;
}
/* ── Tooltip ── */
#view-sirketim .sm-tooltip-wrap {
position: relative;
flex-shrink: 0;
margin-top: 1px;
}
#view-sirketim .sm-tooltip-btn {
background: none;
border: none;
color: var(--text-dim);
cursor: pointer;
padding: 2px 3px;
font-size: 13px;
line-height: 1;
transition: color 0.2s;
}
#view-sirketim .sm-tooltip-btn:hover {
color: var(--text-mid);
}
#view-sirketim .sm-tooltip-box {
position: absolute;
bottom: calc(100% + 8px);
right: 0;
background: var(--bg-elev);
border: 1px solid var(--border);
border-radius: var(--r-md);
padding: 10px 13px;
font-size: 11.5px;
color: var(--text);
line-height: 1.55;
width: 240px;
z-index: 50;
pointer-events: none;
opacity: 0;
transition: opacity 0.15s ease;
white-space: normal;
}
#view-sirketim .sm-tooltip-wrap:hover .sm-tooltip-box,
#view-sirketim .sm-tooltip-box.visible {
opacity: 1;
}
/* ── Inputs ── */
#view-sirketim .sm-input-wrap {
position: relative;
display: flex;
align-items: center;
}
#view-sirketim .sm-input-prefix {
position: absolute;
left: 13px;
font-size: 14px;
font-weight: 600;
color: var(--text-lo);
pointer-events: none;
z-index: 1;
}
#view-sirketim .sm-input-suffix {
position: absolute;
right: 13px;
font-size: 13px;
font-weight: 600;
color: var(--text-lo);
pointer-events: none;
}
#view-sirketim .sm-input {
width: 100%;
background: var(--bg-2);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
color: var(--text-hi);
font-size: 14px;
font-weight: 500;
padding: 11px 14px;
outline: none;
transition: border-color 0.2s, background 0.2s;
font-family: inherit;
-webkit-appearance: none;
appearance: none;
}
#view-sirketim .sm-input:focus {
border-color: var(--accent-line);
background: var(--accent-soft);
box-shadow: 0 0 0 3px var(--accent-soft);
}
#view-sirketim .sm-input.has-prefix  { padding-left:  38px; }
#view-sirketim .sm-input.has-suffix  { padding-right: 38px; }
#view-sirketim .sm-input::placeholder {
color: var(--text-dim);
}
#view-sirketim .sm-input.error {
border-color: var(--down);
background: var(--down-soft);
}
#view-sirketim select.sm-input {
cursor: pointer;
background-image: none;
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
}
#view-sirketim select.sm-input option {
background: var(--bg-1);
color: var(--text-hi);
}
#view-sirketim .sm-field-error {
font-size: 11.5px;
color: var(--down);
font-weight: 500;
min-height: 16px;
}
/* ── Navigation ── */
#view-sirketim .sm-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
#view-sirketim .sm-nav-right {
display: flex;
align-items: center;
gap: 8px;
}
#view-sirketim .sm-btn {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 11px 20px;
border-radius: var(--r-md);
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
font-family: inherit;
white-space: nowrap;
}
#view-sirketim .sm-btn-back {
background: var(--bg-2);
border: 1px solid var(--border-subtle);
color: var(--text-mid);
}
#view-sirketim .sm-btn-back:hover {
background: var(--bg-2);
color: var(--text-hi);
}
#view-sirketim .sm-btn-next {
background: var(--accent);
border: 1px solid transparent;
color: var(--on-accent);
font-weight: 600;
box-shadow: none;
}
#view-sirketim .sm-btn-next:hover {
background: var(--accent-hi);
box-shadow: none;
transform: none;
}
#view-sirketim .sm-btn-ghost {
background: transparent;
border: 1px solid var(--bg-2);
color: var(--text-lo);
padding: 11px 14px;
}
#view-sirketim .sm-btn-ghost:hover {
border-color: var(--down-soft);
color: var(--down);
}
/* ── Report ── */
#view-sirketim .sm-report {
display: flex;
flex-direction: column;
gap: 16px;
animation: smSlideIn 0.25s ease;
}
#view-sirketim .sm-report-header {
background: var(--bg-1);
border: 1px solid var(--accent-line);
border-radius: var(--r-lg);
padding: 22px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
#view-sirketim .sm-report-header-left {
display: flex;
flex-direction: column;
gap: 4px;
}
#view-sirketim .sm-report-company {
font-size: 24px;
font-weight: 600;
color: var(--text-hi);
letter-spacing: -0.5px;
}
#view-sirketim .sm-report-meta {
font-size: 12px;
color: var(--text-lo);
}
#view-sirketim .sm-score-wrap {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
#view-sirketim .sm-score-ring {
width: 58px;
height: 58px;
border-radius: 50%;
border: 3px solid var(--accent);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 600;
color: var(--accent);
flex-shrink: 0;
}
#view-sirketim .sm-score-title {
font-size: 15px;
font-weight: 500;
color: var(--text-hi);
}
#view-sirketim .sm-score-sub {
font-size: 11px;
color: var(--text-lo);
margin-top: 2px;
}
#view-sirketim .sm-report-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
#view-sirketim .sm-report-card {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
padding: 16px;
display: flex;
flex-direction: column;
gap: 11px;
}
#view-sirketim .sm-report-card-title {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--text-lo);
display: flex;
align-items: center;
gap: 6px;
}
#view-sirketim .sm-metric-row {
display: flex;
align-items: center;
gap: 8px;
}
#view-sirketim .sm-dot {
width: 7px;
height: 7px;
border-radius: 50%;
flex-shrink: 0;
}
#view-sirketim .sm-dot-green  { background: var(--up); }
#view-sirketim .sm-dot-amber  { background: var(--warn); }
#view-sirketim .sm-dot-red    { background: var(--down); }
#view-sirketim .sm-metric-label {
font-size: 12px;
color: var(--text-mid);
flex: 1;
}
#view-sirketim .sm-metric-val {
font-size: 13px;
font-weight: 500;
color: var(--text-hi);
white-space: nowrap;
}
#view-sirketim .sm-report-note {
background: var(--accent-soft);
border: 1px solid var(--accent-soft);
border-radius: var(--r-md);
padding: 12px 16px;
font-size: 12px;
color: var(--text-lo);
line-height: 1.6;
display: flex;
align-items: flex-start;
gap: 6px;
}
#view-sirketim .sm-inline-icon {
margin-right: 6px;
flex: 0 0 auto;
}
#view-sirketim .sm-inline-icon.accent { color: var(--accent); }
#view-sirketim .sm-inline-icon.warn { color: var(--warn); }
#view-sirketim .sm-card-spinner {
width: 20px;
height: 20px;
flex: 0 0 20px;
}
#view-sirketim .sm-kpi-strip {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 10px;
}
#view-sirketim .sm-kpi-card {
border-radius: var(--r-md);
border: 1px solid var(--bg-2);
padding: 12px 14px;
background: var(--bg-1);
transition: transform 0.2s, box-shadow 0.2s;
}
#view-sirketim .sm-kpi-card:hover {
transform: none;
box-shadow: none;
}
#view-sirketim .sm-kpi-card.up {
border-color: var(--up);
background: var(--up-soft);
}
#view-sirketim .sm-kpi-card.mid {
border-color: var(--warn);
background: var(--warn-soft);
}
#view-sirketim .sm-kpi-card.down {
border-color: var(--down);
background: var(--down-soft);
}
#view-sirketim .sm-kpi-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--text-mid);
}
#view-sirketim .sm-kpi-value {
margin-top: 6px;
font-size: 19px;
font-weight: 600;
color: var(--text-hi);
line-height: 1.1;
}
#view-sirketim .sm-charts-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
#view-sirketim .sm-chart-card {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
padding: 14px 14px 12px;
min-height: 200px;
}
#view-sirketim .sm-chart-card-wide {
grid-column: span 2;
}
#view-sirketim .sm-chart-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 10px;
gap: 10px;
}
#view-sirketim .sm-chart-title {
font-size: 13px;
font-weight: 500;
color: var(--text-hi);
}
#view-sirketim .sm-chart-sub {
font-size: 11px;
color: var(--text-mid);
margin-top: 3px;
}
#view-sirketim .sm-chart-svg {
width: 100%;
height: 150px;
display: block;
}
#view-sirketim .sm-line-chart .sm-line-area {
fill: var(--accent-soft);
}
#view-sirketim .sm-line-chart .sm-line-path {
fill: none;
stroke: var(--accent);
stroke-width: 2.2;
}
#view-sirketim .sm-line-chart circle {
fill: var(--accent-line);
}
#view-sirketim .sm-line-chart circle.is-last {
fill: var(--accent);
}
#view-sirketim .sm-line-axis text {
fill: var(--text-lo);
font-size: 10px;
}
#view-sirketim .sm-mini-bars {
display: flex;
flex-direction: column;
gap: 12px;
}
#view-sirketim .sm-mini-bar-row {
display: grid;
grid-template-columns: 62px 1fr auto;
gap: 10px;
align-items: center;
}
#view-sirketim .sm-mini-bar-total {
margin-top: 6px;
padding-top: 8px;
border-top: 1px solid var(--border-subtle);
}
#view-sirketim .sm-mini-bar-total .sm-mini-bar-label,
#view-sirketim .sm-mini-bar-total .sm-mini-bar-val {
color: var(--text-hi);
font-size: 11.5px;
}
#view-sirketim .sm-mini-bar-label {
font-size: 11px;
color: var(--text);
}
#view-sirketim .sm-mini-bar-track {
height: 9px;
border-radius: var(--r-pill);
background: var(--bg-2);
overflow: hidden;
}
#view-sirketim .sm-mini-bar {
display: block;
height: 100%;
border-radius: inherit;
}
#view-sirketim .sm-mini-bar.amber { background: var(--warn); }
#view-sirketim .sm-mini-bar.blue  { background: var(--info); }
#view-sirketim .sm-mini-bar.green { background: var(--up); }
#view-sirketim .sm-mini-bar.red   { background: var(--down); }
#view-sirketim .sm-mini-bar-val {
color: var(--text-hi);
font-size: 12px;
font-weight: 500;
}
#view-sirketim .sm-strength-list {
display: flex;
flex-direction: column;
gap: 12px;
}
#view-sirketim .sm-strength-row {
display: flex;
flex-direction: column;
gap: 5px;
}
#view-sirketim .sm-strength-meta {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 11px;
color: var(--text);
}
#view-sirketim .sm-strength-meta b {
color: var(--text-hi);
font-size: 12px;
}
#view-sirketim .sm-strength-track {
position: relative;
height: 8px;
border-radius: var(--r-pill);
background: var(--bg-2);
overflow: hidden;
}
#view-sirketim .sm-strength-you {
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-radius: inherit;
background: var(--accent);
}
#view-sirketim .sm-strength-ref {
position: absolute;
top: -2px;
width: 2px;
height: 12px;
background: var(--text);
}
#view-sirketim .sm-strength-chips {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin-top: 2px;
}
#view-sirketim .sm-strength-chip {
font-size: 10px;
padding: 2px 7px;
border-radius: var(--r-xs);
background: var(--bg-2);
color: var(--text-lo);
line-height: 1.6;
}
#view-sirketim .sm-strength-chip b {
color: var(--text-hi);
font-weight: 500;
margin-right: 2px;
}
/* ── Şirketim: Benchmark table ─────────────────────────────────────────── */
#view-sirketim .sm-bench-section {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
overflow: hidden;
margin-bottom: 16px;
}
#view-sirketim .sm-bench-section-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
border-bottom: 1px solid var(--border-subtle);
font-size: 13px;
font-weight: 600;
color: var(--text-hi);
}
#view-sirketim .sm-bench-sector-label {
background: var(--accent-soft);
color: var(--accent);
border-radius: var(--r-pill);
padding: 2px 10px;
font-size: 11px;
font-weight: 500;
}
#view-sirketim .sm-stats-loading {
font-size: 11px;
color: var(--text-lo);
display: flex;
align-items: center;
gap: 5px;
}
#view-sirketim .sm-bench-cat {
border-bottom: 1px solid var(--bg-2);
}
#view-sirketim .sm-bench-cat:last-child { border-bottom: none; }
#view-sirketim .sm-bench-cat-head {
padding: 10px 16px 5px;
font-size: 10px;
font-weight: 500;
color: var(--text-lo);
text-transform: uppercase;
letter-spacing: 0.08em;
display: flex;
align-items: center;
gap: 6px;
}
#view-sirketim .sm-bench-cols-label {
display: grid;
grid-template-columns: 1fr 76px 76px 80px;
padding: 3px 16px 5px;
font-size: 10px;
color: var(--text-dim);
text-transform: uppercase;
letter-spacing: 0.05em;
border-bottom: 1px solid var(--bg-2);
}
#view-sirketim .sm-bench-cols-label span:not(:first-child) { text-align: right; }
#view-sirketim .sm-bench-row {
display: grid;
grid-template-columns: 1fr 76px 76px 80px;
padding: 8px 16px;
align-items: center;
border-bottom: 1px solid var(--bg-1);
}
#view-sirketim .sm-bench-row:last-child { border-bottom: none; }
#view-sirketim .sm-bench-row:hover { background: var(--bg-2); }
#view-sirketim .sm-bench-name {
color: var(--text);
font-size: 13px;
}
#view-sirketim .sm-bench-your,
#view-sirketim .sm-bench-sector {
text-align: right;
font-size: 13px;
font-variant-numeric: tabular-nums;
font-weight: 500;
}
#view-sirketim .sm-bench-your   { color: var(--text-hi); }
#view-sirketim .sm-bench-sector { color: var(--text-lo); }
#view-sirketim .sm-bench-nodata { color: var(--text-dim); }
#view-sirketim .sm-bench-badge {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 3px;
font-size: 11px;
font-weight: 600;
padding: 2px 8px;
border-radius: var(--r-pill);
float: right;
white-space: nowrap;
}
#view-sirketim .sm-bench-badge.above {
background: var(--up-soft);
color: var(--up);
border: 1px solid var(--up-soft);
}
#view-sirketim .sm-bench-badge.below {
background: var(--down-soft);
color: var(--down);
border: 1px solid var(--down-soft);
}
#view-sirketim .sm-bench-badge.par {
background: var(--warn-soft);
color: var(--warn);
}
#view-sirketim .sm-bench-badge.nodata {
background: var(--bg-2);
color: var(--text-dim);
}
/* ── Şirketim: Computed values ──────────────────────────────────────────── */
#view-sirketim .sm-comp-vals-wrap {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
overflow: hidden;
margin-bottom: 16px;
}
#view-sirketim .sm-comp-vals-title {
padding: 12px 16px 10px;
font-size: 13px;
font-weight: 600;
color: var(--text-hi);
border-bottom: 1px solid var(--border-subtle);
}
#view-sirketim .sm-comp-vals-grid { padding: 4px 0; }
#view-sirketim .sm-comp-val-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 16px;
font-size: 13px;
border-bottom: 1px solid var(--bg-1);
}
#view-sirketim .sm-comp-val-row:last-child { border-bottom: none; }
#view-sirketim .sm-comp-val-row span:first-child { color: var(--text-mid); }
#view-sirketim .sm-comp-val-row span:last-child  { color: var(--text-hi); font-weight: 500; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) /* existing mobile fallback; not changed */ {
#view-sirketim .sm-report-grid { grid-template-columns: 1fr; }
#view-sirketim .sm-report-header { flex-direction: column; align-items: flex-start; }
#view-sirketim .sm-card { padding: 20px 16px; }
#view-sirketim .sm-bench-cols-label,
#view-sirketim .sm-bench-row { grid-template-columns: 1fr 62px 62px 72px; }
#view-sirketim .sm-kpi-strip { grid-template-columns: 1fr 1fr; }
#view-sirketim .sm-charts-grid { grid-template-columns: 1fr; }
#view-sirketim .sm-chart-card-wide { grid-column: auto; }
#view-sirketim .sm-tax-upload-row,
#view-sirketim .sm-tax-fetch-row { grid-template-columns: 1fr; }
#view-sirketim .sm-tax-inputs-row { grid-template-columns: 1fr; }
#view-sirketim .sm-tax-metrics-controls { grid-template-columns: 1fr; }
#view-sirketim .sm-tax-mini-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1200px) and (min-width: 601px) /* existing tablet fallback; not changed */ {
#view-sirketim .sm-kpi-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) /* existing tablet fallback; not changed */ {
#view-sirketim .sm-dash-layout {
grid-template-columns: 1fr;
}
#view-sirketim .sm-dash-side {
position: static;
}
#view-sirketim .sm-side-card {
padding: 14px;
}
}
@media (max-width: 760px) /* existing mobile fallback; not changed */ {
#view-sirketim {
padding: 14px;
}
#view-sirketim .sm-side-steps {
display: none;
}
}
/* ── Şirketim: Peer companies (Emsal Şirketler) ─────────────────────────── */
#view-sirketim .sm-peers-section {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
overflow: hidden;
margin-bottom: 16px;
}
#view-sirketim .sm-peers-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px 10px;
font-size: 13px;
font-weight: 600;
color: var(--text-hi);
border-bottom: 1px solid var(--border-subtle);
gap: 8px;
}
#view-sirketim .sm-peers-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
#view-sirketim .sm-peers-table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
min-width: 520px;
}
#view-sirketim .sm-peers-table thead th {
padding: 7px 10px;
text-align: left;
font-size: 11px;
font-weight: 600;
color: var(--text-lo);
text-transform: uppercase;
letter-spacing: .04em;
border-bottom: 1px solid var(--border-subtle);
white-space: nowrap;
background: var(--bg-3);
}
#view-sirketim .sm-peers-table tbody td {
padding: 7px 10px;
border-bottom: 1px solid var(--bg-2);
color: var(--text);
font-variant-numeric: tabular-nums;
vertical-align: middle;
}
#view-sirketim .sm-peers-table tbody tr:last-child td { border-bottom: none; }
#view-sirketim .sm-peers-table tbody tr:hover td {
background: var(--bg-2);
}
/* User row highlight */
#view-sirketim .sm-peers-table tr.sm-peer-user td {
background: var(--accent-soft);
border-bottom: 1px solid var(--accent-line);
color: var(--text-hi);
font-weight: 600;
}
#view-sirketim .sm-peer-name-user {
flex: 1;
min-width: 0;
max-width: 180px;
color: var(--accent);
font-weight: 500;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Name cell: logo + name side by side — max-width td'de değil içteki span'da */
#view-sirketim .sm-peer-name-cell {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
#view-sirketim .sm-peer-name {
flex: 1;
min-width: 0;
max-width: 180px;
color: var(--text-hi);
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#view-sirketim .sm-peer-ticker {
display: inline-block;
background: var(--bg-2);
color: var(--text-mid);
font-size: 10px;
font-weight: 600;
padding: 1px 6px;
border-radius: var(--r-xs);
letter-spacing: .03em;
white-space: nowrap;
}
/* Inline logo (left of name) */
#view-sirketim .sm-peer-logo-inline {
width: 24px;
height: 24px;
flex-shrink: 0;
object-fit: contain;
border-radius: var(--r-xs);
background: var(--bg-2);
padding: 2px;
vertical-align: middle;
}
#view-sirketim .sm-peer-logo-fallback {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--bg-2);
color: var(--text-mid);
font-size: 9px;
font-weight: 600;
padding: 2px 5px;
border-radius: var(--r-xs);
letter-spacing: .03em;
white-space: nowrap;
min-width: 24px;
height: 20px;
}
#view-sirketim .sm-peer-row:hover {
background: var(--bg-2);
}
/* Comparison cell colours */
#view-sirketim .sm-peers-table td.peer-better {
color: var(--up);
background: var(--up-soft);
}
#view-sirketim .sm-peers-table td.peer-worse {
color: var(--down);
background: var(--down-soft);
}
#view-sirketim .sm-peers-table td.peer-par {
color: var(--text-mid);
}
#view-sirketim .sm-peers-legend {
display: flex;
gap: 16px;
padding: 8px 14px 10px;
border-top: 1px solid var(--bg-2);
flex-wrap: wrap;
}
#view-sirketim .sm-legend-item {
font-size: 11px;
display: flex;
align-items: center;
gap: 4px;
}
#view-sirketim .sm-legend-better { color: var(--up); }
#view-sirketim .sm-legend-worse  { color: var(--down); }
#view-sirketim .sm-legend-par    { color: var(--text-lo); }
/* ── Şirketim: Scatter Matrix ────────────────────────────────────────────── */
#view-sirketim .sm-scatter-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 16px;
}
#view-sirketim .sm-scatter-card {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
overflow: hidden;
padding: 12px;
transition: border-color 0.2s;
}
#view-sirketim .sm-scatter-card:hover {
border-color: var(--border);
}
#view-sirketim .sm-scatter-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin-bottom: 8px;
}
#view-sirketim .sm-scatter-title {
font-size: 13px;
font-weight: 500;
color: var(--text-hi);
}
#view-sirketim .sm-scatter-sub {
margin-top: 2px;
font-size: 11px;
color: var(--text-lo);
}
#view-sirketim .sm-scatter-legend {
display: flex;
flex-direction: column;
gap: 2px;
font-size: 10px;
color: var(--text-mid);
white-space: nowrap;
}
#view-sirketim .sm-scatter-legend span {
display: inline-flex;
align-items: center;
gap: 5px;
}
#view-sirketim .sm-scatter-dot {
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
}
#view-sirketim .sm-scatter-dot.user {
background: var(--accent);
box-shadow: 0 0 0 2px var(--accent-line);
}
#view-sirketim .sm-scatter-dot.peer {
background: var(--text);
}
#view-sirketim .sm-scatter-svg-wrap {
position: relative;
}
#view-sirketim .sm-scatter-svg {
width: 100%;
height: 230px;
display: block;
}
#view-sirketim .sm-scatter-gridline {
stroke: var(--bg-2);
stroke-width: 1;
}
#view-sirketim .sm-scatter-axis {
stroke: var(--border-strong);
stroke-width: 1.2;
}
#view-sirketim .sm-scatter-axis-label {
fill: var(--text-mid);
font-size: 10px;
}
#view-sirketim .sm-scatter-caption {
fill: var(--text-lo);
font-size: 10px;
}
#view-sirketim .sm-scatter-point {
cursor: pointer;
transition: transform .12s ease, opacity .12s ease;
}
#view-sirketim .sm-scatter-point.peer {
fill: var(--text);
stroke: var(--border);
stroke-width: 1;
}
#view-sirketim .sm-scatter-point.user {
fill: var(--accent);
stroke: var(--on-accent);
stroke-width: 2;
}
#view-sirketim .sm-scatter-tooltip {
display: none;
position: absolute;
z-index: 5;
transform: translate(-50%, -115%);
pointer-events: none;
max-width: min(92%, 320px);
background: var(--bg-elev);
border: 1px solid var(--border-strong);
border-radius: var(--r-sm);
color: var(--text-hi);
font-size: 11px;
line-height: 1.35;
padding: 7px 9px;
box-shadow: var(--shadow-overlay);
}
#view-sirketim .sm-scatter-empty {
min-height: 220px;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-lo);
font-size: 12px;
}
/* ── Şirketim: Correlation Insights (Sektör İçgörüleri) ─────────────────── */
#view-sirketim .sm-insights-section {
background: var(--bg-1);
border: 1px solid var(--border-subtle);
border-radius: var(--r-md);
overflow: hidden;
margin-bottom: 16px;
}
#view-sirketim .sm-insights-head {
padding: 12px 16px 10px;
font-size: 13px;
font-weight: 600;
color: var(--text-hi);
border-bottom: 1px solid var(--border-subtle);
display: flex;
align-items: center;
gap: 8px;
}
#view-sirketim .sm-insights-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
background: var(--bg-2);
}
#view-sirketim .sm-insights-col {
padding: 14px 16px;
background: var(--bg-1);
}
#view-sirketim .sm-insights-col-head {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 5px;
}
#view-sirketim .sm-insights-positive .sm-insights-col-head { color: var(--up); }
#view-sirketim .sm-insights-negative .sm-insights-col-head { color: var(--down); }
#view-sirketim .sm-insight-item {
display: flex;
align-items: flex-start;
gap: 7px;
font-size: 12px;
line-height: 1.45;
padding: 5px 0;
border-bottom: 1px solid var(--bg-2);
color: var(--text);
}
#view-sirketim .sm-insight-item:last-child { border-bottom: none; }
#view-sirketim .sm-insight-item.sm-insight-pos { background: var(--up-soft); color: var(--text); }
#view-sirketim .sm-insight-item.sm-insight-neg { background: var(--down-soft); color: var(--text); }
#view-sirketim .sm-insight-item.sm-insight-personal { background: var(--warn-soft); color: var(--text); }
#view-sirketim .sm-insight-pos i { color: var(--up); flex-shrink: 0; margin-top: 2px; }
#view-sirketim .sm-insight-neg i { color: var(--down); flex-shrink: 0; margin-top: 2px; }
#view-sirketim .sm-insight-personal i { color: var(--warn); flex-shrink: 0; margin-top: 2px; }
#view-sirketim .sm-insight-empty {
font-size: 11px;
color: var(--text-dim);
font-style: italic;
}
#view-sirketim .sm-insights-personal {
padding: 10px 14px 12px;
background: var(--warn-soft);
border-top: 1px solid var(--warn-soft);
}
#view-sirketim .sm-insights-personal-head {
font-size: 11px;
font-weight: 500;
color: var(--warn);
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 6px;
display: flex;
align-items: center;
gap: 5px;
}
@media (max-width: 600px) /* existing mobile fallback; not changed */ {
#view-sirketim .sm-insights-body { grid-template-columns: 1fr; }
#view-sirketim .sm-peers-table   { min-width: 460px; }
}
@media (max-width: 900px) /* existing tablet fallback; not changed */ {
#view-sirketim .sm-scatter-grid { grid-template-columns: 1fr; }
}
/* ── Şirketim: Detailed CTA ─────────────────────────────────────────────── */
#view-sirketim .sm-detailed-cta {
display: flex;
align-items: center;
gap: 14px;
background: var(--bg-1);
border: 1px solid var(--accent-line);
border-radius: var(--r-md);
padding: 16px 20px;
margin-top: 16px;
flex-wrap: wrap;
}
#view-sirketim .sm-detailed-cta-icon {
font-size: 24px;
color: var(--accent);
flex-shrink: 0;
line-height: 1;
}
#view-sirketim .sm-detailed-cta-text { flex: 1; min-width: 160px; }
#view-sirketim .sm-detailed-cta-title {
font-size: 14px;
font-weight: 500;
color: var(--text-hi);
margin-bottom: 2px;
}
#view-sirketim .sm-detailed-cta-sub {
font-size: 12px;
color: var(--text-mid);
}
#view-sirketim .sm-detailed-btn {
flex-shrink: 0;
white-space: nowrap;
}
#view-sirketim .sm-detailed-form {
display: none;
background: var(--bg-1);
border: 1px solid var(--bg-2);
border-radius: var(--r-md);
padding: 16px 18px;
margin-top: 10px;
}
#view-sirketim .sm-detailed-form-title {
font-size: 13px;
font-weight: 600;
color: var(--text);
margin-bottom: 10px;
}
#view-sirketim .sm-detailed-form-row {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
#view-sirketim .sm-detailed-email {
flex: 1;
min-width: 200px;
height: 38px;
font-size: 13px;
}
#view-sirketim .sm-detailed-success {
display: none;
align-items: center;
gap: 8px;
color: var(--up);
font-size: 13px;
font-weight: 500;
padding: 4px 0;
}
/* ── Şirketim: Report two-column dashboard layout ───────────────────────── */
#view-sirketim .sm-report-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 280px;
gap: 20px;
align-items: start;
}
#view-sirketim .sm-report-main {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
#view-sirketim .sm-report-side {
position: sticky;
top: 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
/* ── Şirketim: Sidebar cards ─────────────────────────────────────────────── */
#view-sirketim .sm-rside-card {
background: var(--bg-2);
border: 1px solid var(--border-subtle);
border-radius: var(--r-lg);
padding: 16px;
}
#view-sirketim .sm-rside-score-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 22px 16px 18px;
background: var(--accent-soft);
border-color: var(--accent-line);
}
#view-sirketim .sm-rside-score-card .sm-score-ring {
width: 76px;
height: 76px;
font-size: 28px;
border-width: 3px;
box-shadow: none;
}
#view-sirketim .sm-rside-score-card .sm-score-title {
font-size: 14px;
font-weight: 600;
text-align: center;
margin-top: 2px;
}
#view-sirketim .sm-rside-score-card .sm-score-sub {
font-size: 11px;
color: var(--text-lo);
text-align: center;
}
#view-sirketim .sm-score-breakdown {
width: 100%;
margin-top: 8px;
padding-top: 10px;
border-top: 1px solid var(--border-subtle);
}
#view-sirketim .sm-score-breakdown-title {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.07em;
color: var(--text-mid);
margin-bottom: 6px;
}
#view-sirketim .sm-score-breakdown-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 4px 0;
font-size: 11px;
color: var(--text);
}
#view-sirketim .sm-score-breakdown-row b {
font-size: 11px;
color: var(--text-hi);
font-variant-numeric: tabular-nums;
}
#view-sirketim .sm-score-breakdown-note {
width: 100%;
margin-top: 8px;
padding-top: 10px;
border-top: 1px solid var(--border-subtle);
font-size: 11px;
line-height: 1.4;
color: var(--text-mid);
text-align: center;
}
#view-sirketim .sm-rside-section-title {
font-size: 10px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-lo);
margin-bottom: 8px;
}
#view-sirketim .sm-rside-kpis {
display: flex;
flex-direction: column;
}
#view-sirketim .sm-rside-kpi-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid var(--bg-2);
}
#view-sirketim .sm-rside-kpi-row:last-child {
border-bottom: none;
padding-bottom: 0;
}
#view-sirketim .sm-rside-kpi-label {
font-size: 12px;
color: var(--text-mid);
font-weight: 500;
}
#view-sirketim .sm-rside-kpi-val {
font-size: 12px;
font-weight: 500;
color: var(--text-hi);
font-variant-numeric: tabular-nums;
}
/* ── Şirketim: Sidebar action buttons ────────────────────────────────────── */
#view-sirketim .sm-rside-actions {
display: flex;
flex-direction: column;
gap: 8px;
}
#view-sirketim .sm-btn-full {
width: 100%;
justify-content: center;
}
/* ── Şirketim: Report header simplified in two-col mode ─────────────────── */
#view-sirketim .sm-report-layout .sm-report-header {
padding: 16px 20px;
}
/* ── Şirketim: Detailed CTA tweaks inside sidebar ────────────────────────── */
#view-sirketim .sm-report-side .sm-detailed-cta {
margin-top: 0;
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 14px 16px;
}
#view-sirketim .sm-report-side .sm-detailed-btn {
width: 100%;
justify-content: center;
}
/* ── Şirketim: Report layout responsive collapse ─────────────────────────── */
@media (max-width: 900px) /* existing tablet fallback; not changed */ {
#view-sirketim .sm-report-layout {
grid-template-columns: 1fr;
}
#view-sirketim .sm-report-side {
position: static;
order: -1;
}
#view-sirketim .sm-rside-score-card {
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
padding: 16px;
}
#view-sirketim .sm-rside-score-card .sm-score-ring {
width: 56px;
height: 56px;
font-size: 20px;
}
#view-sirketim .sm-rside-score-card .sm-score-title,
#view-sirketim .sm-rside-score-card .sm-score-sub {
text-align: left;
}
#view-sirketim .sm-score-breakdown,
#view-sirketim .sm-score-breakdown-note {
margin-top: 4px;
padding-top: 8px;
}
#view-sirketim .sm-rside-actions {
flex-direction: row;
flex-wrap: wrap;
}
#view-sirketim .sm-btn-full {
width: auto;
flex: 1;
min-width: 120px;
}
}
/* ── Şirketim: @media print overrides ───────────────────────────────────── */
@media print {
#view-sirketim { display: none !important; }
}
/* ── Şirketim: Bütçe kimliği re-skin overrides ───────────────────────────── */
#view-sirketim{
padding:0;
}
#view-sirketim .sirketim-wrap,
#view-sirketim .sirketim-inner{
width:100%;
min-width:0;
}
#view-sirketim .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
}
#view-sirketim .tool-back:hover{color:var(--accent)}
#view-sirketim .tool-back .ic{color:var(--text-lo)}
#view-sirketim .tool-back:hover .ic{color:var(--accent)}
#view-sirketim .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
flex-wrap:wrap;
}
#view-sirketim .tool-head>div:first-child{min-width:0}
#view-sirketim .tool-head h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
line-height:1.15;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
#view-sirketim .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-sirketim .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
transition:border-color .14s,color .14s;
flex:0 0 auto;
}
#view-sirketim .help-btn:hover{border-color:var(--accent-line);color:var(--accent)}
#view-sirketim .risk-pill{
display:inline-flex;
align-items:center;
gap:6px;
height:24px;
padding:0 10px;
border-radius:var(--r-pill);
font-size:var(--fs-micro);
font-weight:600;
letter-spacing:.03em;
}
#view-sirketim .risk-pill .rdot{width:7px;height:7px;border-radius:50%}
#view-sirketim .risk-pill.low{background:var(--up-soft);color:var(--up)}
#view-sirketim .risk-pill.low .rdot{background:var(--up)}
#view-sirketim .risk-pill.mid{background:var(--warn-soft);color:var(--warn)}
#view-sirketim .risk-pill.mid .rdot{background:var(--warn)}
#view-sirketim .risk-pill.high{background:var(--down-soft);color:var(--down)}
#view-sirketim .risk-pill.high .rdot{background:var(--down)}

#view-sirketim .tsec{margin-top:26px}
#view-sirketim .ts-head{
display:flex;
align-items:center;
gap:12px;
margin-bottom:14px;
}
#view-sirketim .ts-head .ts-t{display:flex;flex-direction:column;gap:3px}
#view-sirketim .ts-head h2{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
letter-spacing:-.01em;
line-height:1.25;
}
#view-sirketim .ts-head .spacer{flex:1}

#view-sirketim .seg-tabs{
display:inline-flex;
gap:4px;
padding:4px;
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
margin:18px 0 4px;
flex-wrap:wrap;
width:auto;
}
#view-sirketim .seg-tabs button{
height:38px;
padding:0 16px;
border-radius:var(--r-md);
font-size:var(--fs-sm);
font-weight:500;
color:var(--text-mid);
display:inline-flex;
align-items:center;
gap:8px;
transition:color .12s,background .12s,border-color .12s;
border:1px solid transparent;
background:transparent;
}
#view-sirketim .seg-tabs button .ic{color:var(--text-lo)}
#view-sirketim .seg-tabs button:hover{color:var(--text-hi)}
#view-sirketim .seg-tabs button.on,
#view-sirketim .seg-tabs button.active{
background:var(--accent-soft);
color:var(--accent);
border-color:var(--accent-line);
}
#view-sirketim .seg-tabs button.on .ic,
#view-sirketim .seg-tabs button.active .ic{color:var(--accent)}

#view-sirketim .method-wrap{margin-top:26px}
#view-sirketim .method-intro{
text-align:center;
max-width:46ch;
margin:18px auto 28px;
}
#view-sirketim .method-intro h2{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:-.01em;
}
#view-sirketim .method-intro p{
font-size:var(--fs-sm);
color:var(--text-mid);
margin-top:10px;
line-height:1.6;
}
#view-sirketim .method-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
max-width:none;
width:100%;
}
#view-sirketim .method-card{
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left;
gap:0;
padding:24px 22px 20px;
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
transition:border-color .14s,transform .14s;
cursor:pointer;
}
#view-sirketim .method-card:hover{
border-color:var(--accent-line);
background:var(--bg-1);
transform:translateY(-2px);
}
#view-sirketim .mc-ic{
width:54px;
height:54px;
border-radius:var(--r-md);
display:grid;
place-items:center;
background:var(--accent-soft);
border:1px solid var(--accent-line);
color:var(--accent);
margin-bottom:18px;
}
#view-sirketim .mc-title{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
letter-spacing:-.01em;
}
#view-sirketim .mc-desc{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.55;
margin-top:9px;
}
#view-sirketim .mc-go{
display:inline-flex;
align-items:center;
gap:5px;
margin-top:18px;
font-family:var(--font-mono);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.04em;
color:var(--text-mid);
transition:color .14s;
}
#view-sirketim .method-card:hover .mc-go,
#view-sirketim .method-card:hover .mc-title{color:var(--accent)}

#view-sirketim .stepper-track{
display:flex;
align-items:flex-start;
margin:22px 0 18px;
padding:0;
}
#view-sirketim .stp{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
position:relative;
min-width:0;
gap:0;
}
#view-sirketim .stp-line{
position:absolute;
top:19px;
right:50%;
width:100%;
height:2px;
background:var(--bg-3);
}
#view-sirketim .stp-line.on{background:var(--accent)}
#view-sirketim .stp-dot,
#view-sirketim .sm-step-circle{
position:relative;
z-index:1;
width:38px;
height:38px;
border-radius:50%;
border:2px solid var(--bg-3);
background:var(--bg-1);
color:var(--text-lo);
font-family:var(--font-mono);
font-size:14px;
font-weight:600;
display:grid;
place-items:center;
transition:border-color .14s,color .14s,background .14s;
box-shadow:none;
}
#view-sirketim .stp.active .stp-dot,
#view-sirketim .sm-step-item.active .sm-step-circle{
border-color:var(--accent);
background:var(--accent);
color:var(--bg-0);
box-shadow:none;
}
#view-sirketim .stp.done .stp-dot,
#view-sirketim .sm-step-item.done .sm-step-circle{
border-color:var(--accent);
background:var(--accent-soft);
color:var(--accent);
}
#view-sirketim .stp-lbl,
#view-sirketim .sm-step-label{
margin-top:9px;
font-size:var(--fs-xs);
color:var(--text-lo);
font-weight:500;
white-space:nowrap;
}
#view-sirketim .stp.active .stp-lbl,
#view-sirketim .sm-step-item.active .sm-step-label{color:var(--accent)}
#view-sirketim .stp.done .stp-lbl,
#view-sirketim .sm-step-item.done .sm-step-label{color:var(--text-mid)}
#view-sirketim .sm-step-item:not(:last-child)::after{display:none}

#view-sirketim .wiz-grid{
display:grid;
grid-template-columns:268px minmax(0,1fr);
gap:18px;
align-items:start;
}
#view-sirketim .wiz-summary{
position:sticky;
top:88px;
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:20px 18px;
}
#view-sirketim .sm-side-card{
background:transparent;
border:0;
padding:0;
gap:0;
box-shadow:none;
}
#view-sirketim .ws-name{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
letter-spacing:-.01em;
line-height:1.2;
word-break:break-word;
}
#view-sirketim .ws-sector{
font-size:var(--fs-xs);
color:var(--text-lo);
margin-top:4px;
}
#view-sirketim .ws-stats{
margin-top:18px;
display:flex;
flex-direction:column;
gap:9px;
}
#view-sirketim .ws-row{
display:flex;
align-items:center;
justify-content:space-between;
font-size:var(--fs-sm);
}
#view-sirketim .ws-row span{color:var(--text-mid)}
#view-sirketim .ws-row b{
font-family:var(--font-mono);
color:var(--text-hi);
font-weight:600;
}
#view-sirketim .ws-bar{
height:6px;
border-radius:3px;
background:var(--bg-3);
overflow:hidden;
margin:14px 0 18px;
}
#view-sirketim .ws-bar i,
#view-sirketim .ws-bar span{
display:block;
height:100%;
background:var(--accent);
border-radius:3px;
transition:width .3s ease;
}
#view-sirketim .ws-steps{
display:flex;
flex-direction:column;
gap:2px;
border-top:1px solid var(--border-subtle);
padding-top:14px;
}
#view-sirketim .ws-step{
display:flex;
align-items:center;
gap:10px;
font-size:var(--fs-sm);
color:var(--text-lo);
padding:6px 0;
}
#view-sirketim .ws-step-ic{
width:22px;
height:22px;
flex:0 0 22px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
font-family:var(--font-mono);
font-size:11px;
color:var(--text-lo);
background:var(--bg-1);
}
#view-sirketim .ws-step.active{color:var(--accent);font-weight:500}
#view-sirketim .ws-step.active .ws-step-ic{border-color:var(--accent);color:var(--accent)}
#view-sirketim .ws-step.done{color:var(--text-mid)}
#view-sirketim .ws-step.done .ws-step-ic{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}

#view-sirketim .wiz-main{display:flex;flex-direction:column;gap:0}
#view-sirketim .wiz-panel{padding:26px 28px}
#view-sirketim .wiz-eyebrow{
font-size:10px;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--accent);
font-weight:600;
}
#view-sirketim .wiz-title{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:-.01em;
margin-top:8px;
}
#view-sirketim .wiz-sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:7px;
}
#view-sirketim .wiz-fields{margin-top:26px}
#view-sirketim .q-field{margin-bottom:24px}
#view-sirketim .q-field:last-child{margin-bottom:0}
#view-sirketim .q-label{
display:flex;
align-items:flex-start;
gap:8px;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.45;
margin-bottom:11px;
}
#view-sirketim .q-help-wrap{position:relative;margin-left:auto;flex:0 0 auto}
#view-sirketim .q-help{
width:19px;
height:19px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:11px;
font-weight:600;
font-family:var(--font-mono);
background:transparent;
cursor:pointer;
transition:border-color .12s,color .12s;
padding:0;
}
#view-sirketim .q-help:hover{border-color:var(--accent-line);color:var(--accent)}
#view-sirketim .q-pop{
position:absolute;
top:26px;
right:0;
bottom:auto;
z-index:30;
width:268px;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-md);
box-shadow:var(--shadow-overlay);
padding:11px 13px;
font-size:var(--fs-xs);
color:var(--text-mid);
line-height:1.55;
font-weight:400;
text-align:left;
}
#view-sirketim .q-ig{
display:flex;
align-items:center;
gap:8px;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-md);
height:46px;
padding:0 14px;
transition:border-color .12s;
position:relative;
}
#view-sirketim .q-ig:focus-within{border-color:var(--accent-line)}
#view-sirketim .q-ig.disabled{opacity:.55}
#view-sirketim .q-unit{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
flex:0 0 auto;
position:static;
pointer-events:none;
}
#view-sirketim .q-input,
#view-sirketim .q-ig .sm-input{
flex:1;
min-width:0;
width:100%;
background:none;
border:none;
outline:none;
box-shadow:none;
color:var(--text-hi);
font-family:var(--font-sans);
font-size:var(--fs-body);
font-weight:400;
padding:0;
height:auto;
appearance:none;
}
#view-sirketim .q-input::placeholder{color:var(--text-lo)}
#view-sirketim .q-input.mono,
#view-sirketim .q-ig .mono{
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
text-align:right;
}
#view-sirketim .q-select{cursor:pointer;padding-right:4px}
#view-sirketim .q-chev{color:var(--text-lo);pointer-events:none;flex:0 0 auto}
#view-sirketim .q-ig select option,
#view-sirketim .sm-input option{background:var(--bg-elev);color:var(--text-hi)}
#view-sirketim .sm-field-error{
font-size:11.5px;
color:var(--down);
font-weight:500;
min-height:16px;
margin-top:6px;
}
#view-sirketim .sm-input.error{color:var(--down)}
#view-sirketim .wiz-foot{
display:flex;
align-items:center;
gap:12px;
margin-top:18px;
}
#view-sirketim .wiz-foot .spacer{flex:1}
#view-sirketim .btn.danger,
#view-sirketim .sm-btn-ghost.danger{color:var(--down)}
#view-sirketim .btn.danger:hover,
#view-sirketim .sm-btn-ghost.danger:hover{border-color:var(--down);color:var(--down)}

#view-sirketim .upload-panel{margin-top:18px;padding:26px 28px}
#view-sirketim .upload-label{
display:block;
font-size:var(--fs-sm);
color:var(--text-mid);
font-weight:500;
margin:22px 0 12px;
}
#view-sirketim .upload-drop{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
width:100%;
min-height:220px;
border:1.5px dashed var(--border);
border-radius:var(--r-lg);
background:var(--bg-0);
color:var(--text-mid);
cursor:pointer;
text-align:center;
transition:border-color .14s,background .14s;
}
#view-sirketim .upload-drop:hover{border-color:var(--accent-line);background:var(--accent-soft)}
#view-sirketim .upload-drop .ud-ic,
#view-sirketim .upload-drop .sm-tax-file-icon{color:var(--accent)}
#view-sirketim .upload-drop b{font-size:var(--fs-body);color:var(--text-hi);font-weight:600}
#view-sirketim .upload-drop .sm-tax-file-hint{font-size:var(--fs-xs);color:var(--text-lo)}
#view-sirketim .upload-drop.processing{cursor:default;border-style:solid;border-color:var(--accent-line)}
#view-sirketim .upload-drop.processing:hover{background:var(--bg-0)}
#view-sirketim .sm-tax-file-wrap{position:relative}
#view-sirketim .sm-tax-file-input{
position:absolute;
inset:0;
width:100%;
height:100%;
opacity:0;
cursor:pointer;
z-index:1;
}

#view-sirketim .fp-report-flow{
display:block;
}
#view-sirketim .score-band{
display:flex;
align-items:center;
gap:24px;
flex-wrap:wrap;
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:22px 24px;
}
#view-sirketim .score-band .sb-left{
display:flex;
align-items:center;
gap:20px;
min-width:0;
}
#view-sirketim .sb-meta{min-width:0}
#view-sirketim .sb-meta .eyebrow{display:block}
#view-sirketim .sb-verdict{
font-size:var(--fs-h2);
font-weight:600;
letter-spacing:-.01em;
margin-top:5px;
}
#view-sirketim .sb-meta p{
font-size:var(--fs-sm);
color:var(--text-mid);
margin-top:6px;
}
#view-sirketim .sb-actions{
margin-left:auto;
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}
#view-sirketim .sm-actions-wrap{position:relative;display:inline-flex;align-items:center}
#view-sirketim .sm-actions-popup{
display:none;
position:absolute;
right:0;
top:calc(100% + 8px);
width:236px;
z-index:70;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-md);
overflow:hidden;
box-shadow:var(--shadow-overlay);
}
#view-sirketim .sm-action-menu-head{
padding:10px 12px 8px;
border-bottom:1px solid var(--border-subtle);
}
#view-sirketim .sm-action-menu-title{
font-size:var(--fs-micro);
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
}
#view-sirketim .sm-action-item{
width:100%;
height:38px;
display:flex;
align-items:center;
gap:10px;
padding:0 12px;
border:0;
background:transparent;
color:var(--text-mid);
font-size:var(--fs-sm);
text-align:left;
cursor:pointer;
transition:background .12s,color .12s;
}
#view-sirketim .sm-action-item:hover{background:var(--bg-2);color:var(--text-hi)}
#view-sirketim .sm-action-ic{color:var(--text-lo);flex:0 0 auto}
#view-sirketim .sm-action-item:hover .sm-action-ic{color:var(--accent)}
#view-sirketim .sm-spin{animation:sm-spin .85s linear infinite}
@keyframes sm-spin{to{transform:rotate(360deg)}}
#view-sirketim .sm-kpi-strip.kpi-grid.six{grid-template-columns:repeat(3,1fr);gap:12px}
#view-sirketim .sm-kpi-card.kpi{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
padding:13px 15px 14px;
}
#view-sirketim .sm-kpi-card.kpi.up,
#view-sirketim .sm-kpi-card.kpi.warn,
#view-sirketim .sm-kpi-card.kpi.down{background:var(--bg-1)}
#view-sirketim .sm-kpi-card .label{
font-size:var(--fs-micro);
letter-spacing:.07em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
}
#view-sirketim .sm-kpi-card .val{
font-family:var(--font-mono);
font-size:var(--fs-kpi);
font-weight:500;
color:var(--text-hi);
margin-top:7px;
letter-spacing:-.02em;
line-height:1;
}
#view-sirketim .sm-kpi-card .foot{
display:flex;
align-items:center;
gap:6px;
margin-top:8px;
font-size:var(--fs-xs);
}
#view-sirketim .sm-kpi-card .foot.muted{color:var(--text-lo)}
#view-sirketim .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#view-sirketim .quad,
#view-sirketim .sm-scatter-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:0}
#view-sirketim .sm-chart-card.panel{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:0;
min-height:0;
overflow:hidden;
}
#view-sirketim .sm-chart-card .panel-head{margin:0}
#view-sirketim .sm-chart-card .panel-body{padding:var(--s-6)}
#view-sirketim .sm-mini-bars,
#view-sirketim .sm-strength-list{display:flex;flex-direction:column;gap:12px}
#view-sirketim .sm-mini-bar-row{grid-template-columns:92px 1fr auto}
#view-sirketim .sm-mini-bar-track,
#view-sirketim .sm-strength-track{height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden;position:relative}
#view-sirketim .sm-mini-bar,
#view-sirketim .sm-strength-you{
display:block;
height:100%;
border-radius:3px;
position:static;
background:var(--accent);
}
#view-sirketim .sm-mini-bar.amber{background:var(--warn)}
#view-sirketim .sm-mini-bar.blue{background:var(--info)}
#view-sirketim .sm-mini-bar.green{background:var(--up)}
#view-sirketim .sm-mini-bar.red{background:var(--down)}
#view-sirketim .sm-mini-bar-total{
margin-top:6px;
padding-top:8px;
border-top:1px solid var(--border-subtle);
}
#view-sirketim .cmp-status{
display:inline-flex;
align-items:center;
gap:4px;
height:22px;
padding:0 9px;
border-radius:var(--r-pill);
font-size:var(--fs-micro);
font-weight:600;
}
#view-sirketim .sm-peers-section,
#view-sirketim .sm-insights-section{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
overflow:hidden;
margin-top:26px;
margin-bottom:0;
}
#view-sirketim .sm-peers-head,
#view-sirketim .sm-insights-head{
display:flex;
align-items:center;
gap:10px;
padding:14px var(--s-6);
border-bottom:1px solid var(--border-subtle);
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
}
#view-sirketim .sm-peers-head .sm-bench-sector-label,
#view-sirketim .sm-bench-sector-label{
display:inline-flex;
align-items:center;
height:22px;
padding:0 8px;
border-radius:var(--r-pill);
font-size:var(--fs-micro);
font-weight:600;
letter-spacing:.02em;
background:var(--bg-2);
color:var(--text-mid);
border:1px solid var(--border);
}
#view-sirketim .sm-peers-table{
width:100%;
border-collapse:separate;
border-spacing:0;
font-size:var(--fs-sm);
min-width:620px;
}
#view-sirketim .sm-peers-table thead th{
background:var(--bg-1);
height:42px;
padding:0 14px;
text-align:right;
font-size:var(--fs-micro);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:500;
color:var(--text-lo);
white-space:nowrap;
border-bottom:1px solid var(--border);
}
#view-sirketim .sm-peers-table thead th:first-child{text-align:left}
#view-sirketim .sm-peers-table tbody td{
height:var(--row-h);
padding:0 14px;
text-align:right;
white-space:nowrap;
border-bottom:1px solid var(--border-subtle);
color:var(--text);
font-variant-numeric:tabular-nums;
}
#view-sirketim .sm-peers-table tbody td:first-child{text-align:left}
#view-sirketim .sm-peers-table tbody tr:hover td{background:var(--bg-2)}
#view-sirketim .sm-peers-legend{
display:flex;
gap:16px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
border-top:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-sirketim .sm-peers-section + .sm-scatter-grid{padding-top:26px}
#view-sirketim .sm-scatter-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
overflow:hidden;
padding:0;
transition:border-color .2s;
}
#view-sirketim .sm-scatter-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
margin:0;
padding:14px var(--s-6);
border-bottom:1px solid var(--border-subtle);
}
#view-sirketim .sm-scatter-title{font-size:var(--fs-h3);font-weight:600;color:var(--text-hi)}
#view-sirketim .sm-scatter-sub{margin-top:2px;font-size:var(--fs-xs);color:var(--text-lo)}
#view-sirketim .sm-scatter-svg-wrap{position:relative;padding:var(--s-6)}
#view-sirketim .sm-scatter-svg{height:230px}
#view-sirketim .sm-insights-body{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
background:transparent;
padding:var(--s-6);
}
#view-sirketim .sm-insights-col{
padding:0;
background:transparent;
}
#view-sirketim .sm-insights-col-head{
font-size:var(--fs-xs);
letter-spacing:.06em;
text-transform:uppercase;
font-weight:600;
margin-bottom:14px;
display:flex;
align-items:center;
gap:7px;
}
#view-sirketim .sm-insight-item{
display:flex;
align-items:flex-start;
gap:7px;
font-size:var(--fs-xs);
line-height:1.55;
padding:0 0 15px;
border-bottom:none;
color:var(--text-mid);
background:transparent !important;
}
#view-sirketim .sm-insight-item div:first-child{color:var(--text-hi);font-size:var(--fs-sm);font-weight:500;margin-bottom:4px}
#view-sirketim .sm-insights-personal{
padding:12px 16px;
background:var(--warn-soft);
border-top:1px solid var(--border-subtle);
}
#view-sirketim .result-cta{
display:flex;
align-items:center;
gap:20px;
background:var(--bg-1);
border:1px solid var(--accent-line);
border-radius:var(--r-lg);
padding:22px 24px;
flex-wrap:wrap;
margin-top:0;
}
#view-sirketim .result-cta h3{
font-size:var(--fs-h3);
color:var(--text-hi);
font-weight:600;
margin:10px 0 6px;
}
#view-sirketim .result-cta p{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
max-width:52ch;
}
#view-sirketim .result-cta .btn-primary{
margin-left:auto;
flex:0 0 auto;
}
#view-sirketim .sm-report-note.callout{
margin-top:22px;
display:flex;
align-items:flex-start;
gap:11px;
padding:13px 15px;
border-radius:var(--r-md);
border:1px solid var(--border-subtle);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}

#view-sirketim .sim-scrim{
position:fixed;
inset:0;
background:rgba(5,7,6,.74);
backdrop-filter:blur(3px);
z-index:2000;
display:grid;
place-items:center;
padding:24px;
opacity:0;
pointer-events:none;
transition:opacity .2s;
}
#view-sirketim .sim-scrim.open{opacity:1;pointer-events:auto}
#view-sirketim .sim-card{
width:100%;
max-width:470px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
transform:translateY(8px) scale(.985);
transition:transform .22s;
}
#view-sirketim .sim-scrim.open .sim-card{transform:none}
#view-sirketim .sim-card.wide{max-width:580px;padding:26px 28px 24px}
#view-sirketim .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
transition:border-color .14s,color .14s,background .14s;
}
#view-sirketim .sim-close:hover{border-color:var(--border-strong);color:var(--text-hi)}
#view-sirketim .sim-mouse{
width:54px;
height:54px;
margin:0 auto 16px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-sirketim .sim-mouse .wheel{animation:sm-simwheel 1.7s ease-in-out infinite}
@keyframes sm-simwheel{
0%,100%{transform:translateY(0);opacity:1}
50%{transform:translateY(6px);opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-sirketim .sim-mouse .wheel{animation:none}
}
#view-sirketim .sim-title{
text-align:center;
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.06em;
text-transform:uppercase;
}
#view-sirketim .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:40ch;
}
#view-sirketim .sim-lead b{color:var(--accent);font-weight:600}
#view-sirketim .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-sirketim .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-sirketim .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-sirketim .sim-bullets b,
#view-sirketim .exp-body b{color:var(--text-hi);font-weight:600}
#view-sirketim .sim-actions{display:flex;flex-direction:column;gap:10px}
#view-sirketim .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
justify-content:center;
}
#view-sirketim .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
padding-right:34px;
}
#view-sirketim .exp-body{margin-top:16px}
#view-sirketim .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-sirketim .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-sirketim .exp-body ul{margin:0 0 6px;padding-left:18px}
#view-sirketim .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
#view-sirketim .exp-body p:last-child,
#view-sirketim .exp-body ul:last-child,
#view-sirketim .exp-body li:last-child{margin-bottom:0}
#view-sirketim .exp-body .eq{
font-family:var(--font-mono);
color:var(--accent);
font-size:var(--fs-xs);
background:var(--accent-soft);
border:1px solid var(--accent-line);
border-radius:var(--r-xs);
padding:1px 6px;
}
#view-sirketim .exp-note{color:var(--text-lo) !important;font-size:var(--fs-xs) !important}
@media (max-width:980px){
#view-sirketim .method-grid{grid-template-columns:1fr}
#view-sirketim .wiz-grid{grid-template-columns:minmax(0,1fr)}
#view-sirketim .wiz-summary{position:static;order:2}
#view-sirketim .wiz-main{order:1}
#view-sirketim .two,
#view-sirketim .quad,
#view-sirketim .sm-scatter-grid,
#view-sirketim .sm-insights-body{grid-template-columns:minmax(0,1fr)}
#view-sirketim .sm-kpi-strip.kpi-grid.six{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
#view-sirketim .tool-head h1{font-size:var(--fs-h2)}
#view-sirketim .stp-lbl,
#view-sirketim .sm-step-label{font-size:10px}
#view-sirketim .wiz-panel{padding:20px}
#view-sirketim .score-band .sb-left{gap:14px}
#view-sirketim .sb-actions{margin-left:0;width:100%}
#view-sirketim .sm-kpi-strip.kpi-grid.six{grid-template-columns:1fr}
#view-sirketim .result-cta .btn-primary{margin-left:0;width:100%}
#view-sirketim .seg-tabs{width:100%}
#view-sirketim .seg-tabs button{flex:1;justify-content:center}
#view-sirketim .sim-scrim{padding:0;place-items:end stretch}
#view-sirketim .sim-card{
max-width:none;
border-radius:var(--r-xl) var(--r-xl) 0 0;
max-height:92dvh;
padding:28px 22px 24px;
}
#view-sirketim .sim-card.wide{max-width:none;padding:28px 22px 24px}
}
/* ============================================================
KAYNAKLAR (Resources)
Definition browser + formula/detail panel.
============================================================ */
#view-resources{position:relative; padding:0}
#view-resources .is-hidden-soft{display:none !important}
#view-resources .resources-page{display:flex; flex-direction:column; min-height:0}
#view-resources .page-head{margin-bottom:var(--s-3)}
#view-resources .cat-row,
#view-resources .res-badge-area{display:flex; gap:8px; align-items:center; margin:16px 0 18px; flex-wrap:wrap}
#view-resources .cat-row::-webkit-scrollbar,
#view-resources .res-badge-area::-webkit-scrollbar{display:none}
#view-resources .cat,
#view-resources .res-badge-area .ind-badge{
appearance:none;
font-size:var(--fs-xs);
letter-spacing:.04em;
text-transform:uppercase;
font-weight:600;
color:var(--text-mid);
padding:7px 13px;
border-radius:var(--r-sm);
border:1px solid var(--border);
background:var(--bg-1);
white-space:nowrap;
cursor:pointer;
}
#view-resources .cat:hover,
#view-resources .res-badge-area .ind-badge:hover{
color:var(--text-hi);
border-color:var(--border-strong);
}
#view-resources .cat.on,
#view-resources .res-badge-area .ind-badge.active{
color:var(--accent);
border-color:var(--accent-line);
background:var(--accent-soft);
}
#view-resources .src-layout,
#view-resources .res-layout{display:grid; grid-template-columns:380px minmax(0,1fr); gap:18px; align-items:start}
#view-resources .src-list,
#view-resources .res-left{
display:flex;
flex-direction:column;
overflow:hidden;
height:calc(100vh - 168px - var(--res-badge-h, 0px));
position:sticky;
top:calc(var(--topbar-h) + var(--s-7));
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
}
#view-resources .src-list-head,
#view-resources .res-left-head{padding:14px 16px 12px; border-bottom:1px solid var(--border-subtle)}
#view-resources .res-kicker{
display:block;
font-size:var(--fs-micro);
letter-spacing:.09em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
}
#view-resources .res-left-meta{
color:var(--text-mid);
font-size:var(--fs-xs);
margin-top:3px;
}
#view-resources .src-search{margin-top:12px}
#view-resources .src-scroll,
#view-resources .res-list{
min-height:0;
overflow:auto;
padding:8px;
display:flex;
flex-direction:column;
gap:6px;
}
#view-resources .input-wrap .lead-ic{color:var(--text-lo)}
#view-resources .src-item,
#view-resources .res-row{
appearance:none;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:14px 16px;
border:1px solid transparent;
border-bottom:1px solid var(--border-subtle);
background:transparent;
cursor:pointer;
position:relative;
text-align:left;
min-height:66px;
width:100%;
}
#view-resources .src-item:hover,
#view-resources .res-row:hover{background:var(--bg-2)}
#view-resources .src-item.on,
#view-resources .src-item.active,
#view-resources .res-row.on,
#view-resources .res-row.active{background:var(--accent-soft)}
#view-resources .src-item.on::before,
#view-resources .src-item.active::before,
#view-resources .res-row.on::before,
#view-resources .res-row.active::before{
content:"";
position:absolute;
left:0;
top:8px;
bottom:8px;
width:3px;
border-radius:0 3px 3px 0;
background:var(--accent);
}
#view-resources .src-item .nm,
#view-resources .res-row-title{
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:500;
line-height:1.35;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#view-resources .src-item.on .nm,
#view-resources .src-item.active .nm{color:var(--accent)}
#view-resources .src-badge,
#view-resources .res-row-group{
flex:0 0 auto;
font-size:10px;
letter-spacing:.03em;
padding:3px 8px;
border-radius:var(--r-xs);
background:var(--accent-soft);
color:var(--accent);
border:1px solid var(--accent-line);
font-weight:500;
}
#view-resources .res-right{padding:0; overflow:auto; height:calc(100vh - 168px - var(--res-badge-h, 0px)); background:transparent; border:0}
#view-resources .res-empty{
color:var(--text-mid);
font-size:var(--fs-sm);
display:flex;
align-items:center;
justify-content:center;
min-height:300px;
text-align:center;
}
#view-resources .res-empty-compact{min-height:120px}
#view-resources .res-empty-note{font-size:var(--fs-micro); color:var(--text-lo)}
#view-resources .def,
#view-resources .fp-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
overflow:hidden;
}
#view-resources .def{padding:24px 26px 28px; min-height:520px}
#view-resources .def-top,
#view-resources .fp-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}
#view-resources .def-top{
padding-bottom:18px;
border-bottom:1px solid var(--border-subtle);
}
#view-resources .def-ico,
#view-resources .fp-brand-icon{
width:46px;
height:46px;
flex:0 0 46px;
border-radius:var(--r-md);
background:var(--accent);
color:var(--on-accent);
display:grid;
place-items:center;
}
#view-resources .def-title-wrap,
#view-resources .fp-title-wrap{display:flex; flex-direction:column; gap:4px; min-width:0; flex:1}
#view-resources .def-eyebrow,
#view-resources .fp-kicker{
font-size:var(--fs-xs);
color:var(--text-lo);
font-weight:500;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#view-resources .def h2,
#view-resources .fp-name{
margin:0;
font-size:var(--fs-display);
font-weight:600;
letter-spacing:-.02em;
line-height:1.18;
color:var(--text-hi);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#view-resources .def-tags,
#view-resources .fp-tags{display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end}
#view-resources .def-tag,
#view-resources .fp-tag{
display:inline-flex;
align-items:center;
height:22px;
padding:0 8px;
border-radius:var(--r-pill);
border:1px solid var(--border-subtle);
background:var(--bg-2);
color:var(--text-mid);
font-family:var(--font-mono);
font-size:var(--fs-micro);
}
#view-resources .def-body,
#view-resources .fp-body{
padding:18px 0 0;
display:flex;
flex-direction:column;
gap:var(--s-5);
}
#view-resources .body,
#view-resources .fp-desc{
margin:0;
color:var(--text);
font-size:var(--fs-sm);
font-weight:400;
line-height:1.62;
}
#view-resources .section{display:flex; flex-direction:column; gap:8px}
#view-resources .sec-h,
#view-resources .fp-io-title{
font-size:var(--fs-xs);
color:var(--text-mid);
font-weight:500;
margin:0;
}
#view-resources .formula-box,
#view-resources .fp-formula{
border:1px solid var(--accent-line);
background:linear-gradient(180deg,var(--accent-soft),transparent 80%);
border-radius:var(--r-md);
min-height:118px;
display:grid;
place-items:center;
padding:20px;
overflow:auto;
color:var(--text-hi);
}
#view-resources .formula-box .mjx-container,
#view-resources .fp-formula .mjx-container{margin:0 !important}
#view-resources .inputs-grid,
#view-resources .fp-io{
display:grid;
grid-template-columns:1fr;
gap:11px;
}
#view-resources .in-row,
#view-resources .fp-kv{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
#view-resources .in-label,
#view-resources .fp-kv > div:first-child{
min-width:0;
color:var(--text);
font-size:var(--fs-sm);
line-height:1.45;
}
#view-resources .in-label a,
#view-resources .fp-kv a{
color:var(--text-hi);
text-decoration:underline;
text-decoration-color:var(--border-strong);
text-underline-offset:3px;
}
#view-resources .in-row code,
#view-resources .fp-kv code{
flex:0 0 auto;
font-family:var(--font-mono);
font-size:var(--fs-xs);
color:var(--accent);
background:var(--bg-3);
border:1px solid var(--border-subtle);
padding:5px 9px;
border-radius:var(--r-sm);
}
#view-resources .res-long-text{
color:var(--text);
font-size:var(--fs-sm);
font-weight:400;
line-height:1.62;
white-space:normal;
margin:0;
max-width:1200px;
padding:0;
}
#view-resources .res-long-text section{margin:0}
#view-resources .res-long-text h2{margin:2px 0 10px; font-size:var(--fs-h2); line-height:1.45; color:var(--text-hi); font-weight:600}
#view-resources .res-long-text h3{margin:12px 0 8px; font-size:var(--fs-h3); line-height:1.5; color:var(--text-hi); font-weight:600}
#view-resources .res-long-text p{margin:0 0 10px; font-size:var(--fs-sm); font-weight:400; line-height:1.62}
#view-resources .res-long-text ul,
#view-resources .drivers{margin:6px 0 16px 24px; padding:0; list-style:disc}
#view-resources .res-long-text li,
#view-resources .drivers li{margin:6px 0; font-size:var(--fs-sm); font-weight:400; line-height:1.62; color:var(--text)}
#view-resources .res-long-text strong,
#view-resources .drivers b{color:var(--text-hi)}
#view-resources .res-long-text a{color:var(--accent); text-decoration:none; font-weight:500}
#view-resources .res-long-text a:hover{text-decoration:underline; text-underline-offset:2px}
#view-resources .drivers{
list-style:none;
margin-left:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-resources .drivers li{
position:relative;
padding-left:18px;
color:var(--text-mid);
}
#view-resources .drivers li::before{
content:"";
position:absolute;
left:2px;
top:8px;
width:6px;
height:6px;
border-radius:50%;
background:var(--accent);
}
#view-resources .res-chart-wrap{margin:2px 0 0; border:1px solid var(--border-subtle); border-radius:var(--r-lg);
overflow:hidden; background:var(--bg-1)}
#view-resources .fp-chart-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:12px 16px;
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:600;
border-bottom:1px solid var(--border-subtle);
}
#view-resources .fp-chart-head-right{display:flex; align-items:center; gap:10px}
#view-resources .res-range-bar{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
#view-resources .res-range-btn{
appearance:none;
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-mid);
border-radius:var(--r-pill);
padding:3px 9px;
font-size:var(--fs-micro);
font-weight:600;
cursor:pointer;
}
#view-resources .res-range-btn:hover{border-color:var(--border-strong); color:var(--text-hi)}
#view-resources .res-range-btn.active{border-color:var(--accent); color:var(--on-accent); background:var(--accent)}
#view-resources .res-chart{min-height:320px}
#view-resources .res-chart-hint{color:var(--text-lo); font-size:var(--fs-xs); padding:8px 16px 12px}
@media (max-width:1100px){
#view-resources .src-layout,
#view-resources .res-layout{grid-template-columns:1fr}
#view-resources .src-list,
#view-resources .res-left{position:static; top:auto; height:42vh}
#view-resources .res-right{height:auto; padding:0}
#view-resources .def{padding:20px}
#view-resources .def-top{padding-bottom:14px}
#view-resources .def-ico,
#view-resources .fp-brand-icon{width:40px; height:40px; flex-basis:40px}
#view-resources .def h2,
#view-resources .fp-name{font-size:var(--fs-h2)}
#view-resources .fp-chart-head{flex-direction:column; align-items:flex-start}
#view-resources .fp-chart-head-right{width:100%; justify-content:space-between}
}
/* ============================================================
GÖSTERGELER (Indicators)
============================================================ */
#view-indicators{
--ind-latest-label:"Son Değer";
}
#view-indicators .page-head{
margin-bottom:var(--s-6);
}
/* Fixed-viewport page: column flex so the table-wrap can claim remaining
height and scroll vertically (instead of the whole table overflowing). */
#view-indicators .ind-page{
display:flex;
flex-direction:column;
height:100%;
min-height:0;
}
#view-indicators .ind-control-bar{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-bottom:var(--s-6);
flex:0 0 auto;
}
#view-indicators #indBadgeArea{
flex:0 1 auto;
row-gap:8px;
}
#view-indicators .ind-asof{
font-size:var(--fs-xs);
color:var(--text-mid);
font-family:var(--font-mono);
white-space:nowrap;
}
#view-indicators .ind-table-wrap{
flex:1;
min-height:0;
max-height:none;
}
#view-indicators .ind-table{
table-layout:auto;
}
#view-indicators .ind-row-nav{
cursor:pointer;
}
#view-indicators .company-cell{
display:flex;
align-items:center;
gap:11px;
text-align:left;
min-width:0;
}
#view-indicators .indicator-icon{
width:30px;
height:30px;
flex:0 0 30px;
border-radius:var(--r-sm);
background:var(--bg-2);
border:1px solid var(--border-subtle);
display:grid;
place-items:center;
overflow:hidden;
}
#view-indicators .indicator-icon.icon-up{
background:var(--up-soft);
border-color:rgba(46,207,140,.2);
}
#view-indicators .indicator-icon.icon-down{
background:var(--down-soft);
border-color:rgba(236,91,88,.2);
}
#view-indicators .indicator-icon-badge{
font-weight:900;
font-size:11px;
line-height:1;
color:var(--text-hi);
font-family:var(--font-mono);
}
#view-indicators .name-wrap{
min-width:0;
line-height:1.3;
}
#view-indicators .company-name{
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:500;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#view-indicators .ind-main-value,
#view-indicators .ind-prev-value,
#view-indicators .ind-diff-top,
#view-indicators .ind-diff-sub{
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
}
#view-indicators .ind-main-value{
color:var(--text-hi);
font-weight:600;
line-height:1.2;
}
#view-indicators .ind-main-date,
#view-indicators .ind-prev-date{
margin-top:4px;
font-size:var(--fs-xs);
color:var(--text-lo);
font-family:var(--font-mono);
line-height:1.2;
}
#view-indicators .ind-prev-value{
color:var(--text-hi);
line-height:1.2;
}
#view-indicators .ind-diff-top{
display:flex;
align-items:center;
gap:5px;
justify-content:flex-end;
line-height:1.2;
}
#view-indicators .ind-diff-top.val-up,
#view-indicators .ind-diff-sub.val-up{
color:var(--up);
}
#view-indicators .ind-diff-top.val-down,
#view-indicators .ind-diff-sub.val-down{
color:var(--down);
}
#view-indicators .ind-diff-sub{
margin-top:3px;
font-size:var(--fs-xs);
color:var(--text-mid);
text-align:right;
line-height:1.2;
}
@media (max-width:1023px){
/* Reference puts chips and the "Son güncelleme" line on separate rows.
Chips become a single horizontally-scrolling row; as-of drops below. */
#view-indicators .ind-control-bar{
flex-wrap:wrap;
overflow:visible;
min-width:0;
gap:8px;
z-index:40;
}
#view-indicators .ind-control-bar .spacer{
display:none;
}
#view-indicators #indBadgeArea{
flex:1 1 100%;
width:100%;
max-width:100%;
min-width:0;
min-height:0;
flex-wrap:nowrap;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
}
#view-indicators .ind-badge{
flex:0 0 auto;
}
#view-indicators .ind-asof{
flex:1 1 100%;
width:100%;
white-space:normal;
}
#view-indicators .tableWrap{
-webkit-overflow-scrolling:touch;
}
}
@media (max-width:768px){
#view-indicators .company-name{
max-width:140px;
}
}
/* ============================================================
PROFILE
============================================================ */
#view-profile{
position:relative;
padding:0;
overflow:auto;
}
#view-profile .is-hidden{display:none !important;}
#view-profile .profile-content{
width:100%;
display:flex;
flex-direction:column;
gap:0;
}
#view-profile .profile-top-note{
font-size:var(--fs-sm);
color:var(--text-mid);
padding:12px 0 16px;
}
#view-profile .profile-tabs{
display:flex;
gap:6px;
align-items:flex-end;
border-bottom:1px solid var(--border-subtle);
margin-bottom:26px;
overflow-x:auto;
scrollbar-width:none;
}
#view-profile .profile-tabs::-webkit-scrollbar{height:0}
#view-profile .profile-tab{
height:46px;
padding:0 16px;
border:none;
border-bottom:2px solid transparent;
background:none;
color:var(--text-mid);
font-size:var(--fs-body);
font-weight:500;
position:relative;
white-space:nowrap;
flex:0 0 auto;
cursor:pointer;
transition:color .14s ease, border-color .14s ease;
}
#view-profile .profile-tab:hover{color:var(--text-hi)}
#view-profile .profile-tab.active{
color:var(--text-hi);
}
#view-profile .profile-tab.active::after{
content:"";
position:absolute;
left:14px;
right:14px;
bottom:-1px;
height:2px;
background:var(--accent);
border-radius:2px;
}
#view-profile .profile-page-grid{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:24px;
align-items:start;
}
#view-profile .profile-page-left{
min-width:0;
}
#view-profile .profile-section-title{
font-size:var(--fs-h2);
font-weight:600;
color:var(--text-hi);
letter-spacing:-.02em;
margin-bottom:18px;
}
#view-profile .profile-info-list{
display:flex;
flex-direction:column;
}
#view-profile .profile-info-row{
display:flex;
align-items:center;
gap:14px;
padding:18px 22px;
border:1px solid var(--border-subtle);
border-bottom:none;
background:var(--bg-1);
}
#view-profile .profile-info-row:first-child{border-radius:var(--r-lg) var(--r-lg) 0 0}
#view-profile .profile-info-row:last-child{
border-bottom:1px solid var(--border-subtle);
border-radius:0 0 var(--r-lg) var(--r-lg);
}
#view-profile .profile-info-row:first-child:last-child{
border-radius:var(--r-lg);
border-bottom:1px solid var(--border-subtle);
}
#view-profile .profile-info-left{
display:flex;
align-items:center;
gap:14px;
min-width:0;
}
#view-profile .profile-info-icon{
width:20px;
flex:0 0 20px;
text-align:center;
color:var(--text-mid);
font-size:16px;
}
#view-profile .profile-info-value{
font-size:var(--fs-body);
color:var(--text-hi);
font-weight:500;
overflow:hidden;
text-overflow:ellipsis;
}
#view-profile .profile-info-dots{
letter-spacing:2px;
color:var(--text-mid);
}
#view-profile .profile-info-action{
margin-left:auto;
background:none;
border:none;
padding:0;
cursor:pointer;
white-space:nowrap;
color:var(--accent);
font-size:var(--fs-sm);
font-weight:500;
}
#view-profile .profile-info-action:hover{color:var(--accent-hi)}
#view-profile .profile-info-avatar-area{
width:42px;
height:42px;
flex:0 0 42px;
}
#view-profile .profile-avatar{
width:42px;
height:42px;
border-radius:50%;
border:2px solid rgba(194,245,14,.28);
display:grid;
place-items:center;
font-weight:600;
font-size:14px;
color:var(--on-accent);
background:var(--accent);
cursor:pointer;
transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
line-height:1;
background-size:cover;
background-position:center;
}
#view-profile .profile-avatar.has-image{border-color:rgba(255,255,255,.12)}
#view-profile .profile-avatar:hover{
transform:translateY(-1px) scale(1.05);
box-shadow:0 8px 20px rgba(194,245,14,.18);
}
#view-profile .profile-inline-form{
padding:14px 22px 16px;
border:1px solid var(--border-subtle);
background:var(--bg-3);
display:flex;
flex-direction:column;
gap:10px;
animation:profileFadeIn .18s ease;
border-radius:inherit;
}
#view-profile .profile-inline-form-actions{
display:flex;
gap:8px;
margin-top:4px;
}
#view-profile .profile-auth-actions{margin-top:20px}
#view-profile .profile-btn{
border:none;
border-radius:var(--r-md);
padding:10px 18px;
font-weight:600;
font-size:var(--fs-sm);
cursor:pointer;
transition:transform .14s ease, box-shadow .14s ease, opacity .14s ease, background .14s ease, border-color .14s ease;
display:inline-flex;
align-items:center;
justify-content:center;
gap:0;
white-space:nowrap;
}
#view-profile .profile-btn.primary{
background:var(--accent);
color:var(--on-accent);
border:1px solid var(--accent);
}
#view-profile .profile-btn.primary:hover{
transform:translateY(-1px);
box-shadow:0 10px 20px rgba(194,245,14,.16);
}
#view-profile .profile-btn.ghost{
background:var(--bg-2);
color:var(--text-hi);
border:1px solid var(--border-subtle);
}
#view-profile .profile-btn.ghost:hover{
border-color:var(--border-strong);
transform:translateY(-1px);
}
#view-profile .profile-btn.danger{
background:rgba(239,68,68,.08);
color:var(--down, #ef4444);
border:1px solid rgba(239,68,68,.30);
}
#view-profile .profile-btn.danger:hover{
background:rgba(239,68,68,.13);
border-color:rgba(239,68,68,.48);
transform:translateY(-1px);
}
#view-profile .profile-danger-row{
padding-top:12px;
margin-top:4px;
}
#view-profile .profile-delete-account-form{
margin-top:4px;
}
#view-profile .profile-delete-copy{
display:flex;
flex-direction:column;
gap:8px;
font-size:var(--fs-sm);
line-height:1.55;
color:var(--text-mid);
}
#view-profile .profile-delete-copy p{
margin:0;
}
#view-profile .profile-delete-copy em{
font-style:italic;
color:var(--accent);
}
#view-profile .profile-btn.small{
padding:7px 12px;
font-size:var(--fs-xs);
}
#view-profile .profile-btn.disabled,
#view-profile .profile-btn:disabled{
opacity:.42;
cursor:not-allowed;
box-shadow:none;
transform:none !important;
}
#view-profile .profile-btn-block{
width:100%;
}
#view-profile .profile-inline-icon{
margin-right:6px;
}
#view-profile .profile-cards{
display:flex;
flex-direction:column;
gap:12px;
max-width:720px;
}
#view-profile .profile-cards-spaced{margin-top:16px}
#view-profile .profile-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:22px 24px;
display:flex;
flex-direction:column;
gap:10px;
}
#view-profile .profile-card-title{
font-size:var(--fs-xs);
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
color:var(--text-lo);
margin-bottom:2px;
}
#view-profile .profile-card-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
#view-profile .profile-card-header .profile-card-title{margin-bottom:0}
#view-profile .profile-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:16px 0;
border-bottom:1px solid var(--border-subtle);
font-size:var(--fs-body);
}
#view-profile .profile-row:last-child{border-bottom:none; padding-bottom:0}
#view-profile .profile-row .v,
#view-profile .profile-row strong{
color:var(--text-hi);
font-weight:500;
text-align:right;
word-break:break-word;
}
#view-profile .profile-row .v.empty{color:var(--text-dim)}
#view-profile .profile-form-row{
display:flex;
flex-direction:column;
gap:6px;
margin-bottom:12px;
}
#view-profile .profile-form-row:last-child{margin-bottom:0}
#view-profile .profile-form-label{
font-size:var(--fs-xs);
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
color:var(--text-lo);
}
#view-profile .profile-input{
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-md);
padding:10px 14px;
color:var(--text-hi);
font-size:var(--fs-sm);
font-family:inherit;
outline:none;
transition:border-color .14s ease, box-shadow .14s ease;
box-sizing:border-box;
}
#view-profile .profile-input:focus{
border-color:var(--border-strong);
box-shadow:var(--ring-focus);
}
#view-profile .profile-input::placeholder{color:var(--text-lo)}
#view-profile .profile-input[readonly]{
opacity:.58;
cursor:not-allowed;
}
#view-profile .profile-textarea{
resize:vertical;
}
#view-profile .profile-textarea-small{
font-size:12px;
}
#view-profile .profile-select{
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-md);
padding:10px 14px;
color:var(--text-hi);
font-size:var(--fs-sm);
font-family:inherit;
outline:none;
appearance:none;
cursor:pointer;
transition:border-color .14s ease, box-shadow .14s ease;
box-sizing:border-box;
background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 14px center;
padding-right:36px;
}
#view-profile .profile-select:focus{
border-color:var(--border-strong);
box-shadow:var(--ring-focus);
}
#view-profile .profile-select option{
background:#1a1f1d;
color:var(--text-hi);
}
#view-profile .profile-form-actions{
display:flex;
gap:8px;
margin-top:12px;
}
#view-profile .profile-chip-grid{
display:flex;
flex-wrap:wrap;
gap:8px;
}
#view-profile .profile-chip-grid-spaced{margin-top:8px}
#view-profile .profile-chip{
padding:7px 14px;
border-radius:var(--r-pill);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:500;
cursor:pointer;
transition:background .14s ease, color .14s ease, border-color .14s ease, box-shadow .14s ease;
user-select:none;
}
#view-profile .profile-chip:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-profile .profile-chip.active{
border-color:var(--accent-line);
background:var(--accent-soft);
color:var(--accent);
box-shadow:0 0 8px rgba(194,245,14,.14);
}
#view-profile .profile-toggle-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:10px 0;
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-profile .profile-toggle-row:last-child{border-bottom:none; padding-bottom:0}
#view-profile .profile-toggle-row:first-child{padding-top:0}
#view-profile .profile-toggle{
width:40px;
height:23px;
border-radius:var(--r-pill);
background:var(--bg-3);
border:1px solid var(--border);
cursor:pointer;
position:relative;
transition:background .14s ease, border-color .14s ease;
flex:0 0 40px;
}
#view-profile .profile-toggle::after{
content:"";
position:absolute;
top:2px;
left:2px;
width:17px;
height:17px;
border-radius:50%;
background:var(--text-lo);
transition:left .14s ease, background .14s ease;
}
#view-profile .profile-toggle.on{
background:var(--accent-soft);
border-color:var(--accent-line);
}
#view-profile .profile-toggle.on::after{
left:19px;
background:var(--accent);
}
#view-profile .profile-section-note{
font-size:var(--fs-xs);
color:var(--text-lo);
margin-top:-4px;
}
#view-profile .profile-section-note-spaced{margin-bottom:16px}
#view-profile .profile-top-spacer{margin-top:8px}
#view-profile .profile-top-spacer-sm{margin-top:10px}
#view-profile .profile-top-spacer-md{margin-top:12px}
#view-profile .profile-top-spacer-lg{margin-top:20px}
#view-profile .profile-mt-xs{margin-top:4px}
#view-profile .profile-mt-sm{margin-top:12px}
#view-profile .profile-mt-md{margin-top:16px}
#view-profile .profile-inline-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
}
#view-profile .profile-inline-actions-spaced{margin-bottom:16px}
#view-profile .profile-placeholder-spaced{padding-top:40px; padding-bottom:40px}
#view-profile .profile-auth-helper{
color:var(--text-mid);
font-size:var(--fs-sm);
margin-bottom:40px;
}
#view-profile .profile-auth-switch{
margin-top:25px;
font-size:var(--fs-sm);
color:var(--text-lo);
cursor:pointer;
}
#view-profile .center-card{
max-width:420px;
width:100%;
margin:80px auto;
background:var(--bg-1);
padding:40px;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
text-align:center;
box-shadow:var(--shadow-overlay);
animation:profileFadeIn .18s ease;
}
#view-profile .form-input{
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
padding:15px;
border-radius:var(--r-md);
color:var(--text-hi);
margin-bottom:15px;
outline:none;
transition:border-color .14s ease, box-shadow .14s ease;
}
#view-profile .form-input:focus{
border-color:var(--accent-line);
box-shadow:var(--ring-focus);
}
#view-profile .btn{
padding:14px 20px;
border-radius:var(--r-md);
font-weight:600;
border:none;
cursor:pointer;
transition:transform .14s ease, box-shadow .14s ease, background .14s ease;
font-size:var(--fs-body);
}
#view-profile .btn-primary{
background:var(--accent);
color:var(--on-accent);
}
#view-profile .btn-primary:hover{
transform:translateY(-1px);
box-shadow:0 10px 20px rgba(194,245,14,.15);
}
#view-profile .btn-google{
background:#fff;
color:#000;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-top:15px;
width:100%;
}
#view-profile .meet-tab-wrap{
width:100%;
}
#view-profile .meet-tab-wrap .profile-card{
max-width:none;
}
#view-profile .meet-booking-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:16px;
align-items:start;
}
#view-profile .meet-avail-layout{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
gap:16px;
align-items:start;
}
#view-profile .meet-panel{
background:var(--bg-3);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:18px;
}
#view-profile .meet-panel-title{
font-size:var(--fs-xs);
font-weight:600;
color:var(--text-lo);
text-transform:uppercase;
letter-spacing:.07em;
margin-bottom:14px;
}
#view-profile .meet-panel-title-tight{margin-bottom:8px}
#view-profile .meet-placeholder{
color:var(--text-lo);
font-size:var(--fs-sm);
text-align:center;
padding:24px 0;
}
#view-profile .meet-date-label{
font-size:var(--fs-sm);
color:var(--text-mid);
margin-bottom:10px;
}
#view-profile .meet-cal-wrap{width:100%}
#view-profile .meet-cal-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:8px;
}
#view-profile .meet-cal-month-label{
font-size:var(--fs-sm);
font-weight:600;
color:var(--text-hi);
}
#view-profile .meet-cal-nav{
background:none;
border:none;
color:var(--text-mid);
cursor:pointer;
font-size:18px;
padding:2px 6px;
border-radius:var(--r-sm);
line-height:1;
transition:color .14s ease, background .14s ease;
}
#view-profile .meet-cal-nav:hover{
color:var(--accent);
background:var(--bg-2);
}
#view-profile .meet-cal-grid{
display:grid;
grid-template-columns:repeat(7, minmax(0, 1fr));
gap:4px;
}
#view-profile .meet-cal-dh{
text-align:center;
font-size:10px;
color:var(--text-lo);
padding:4px 0;
text-transform:uppercase;
letter-spacing:.04em;
}
#view-profile .meet-cal-cell{
text-align:center;
font-size:var(--fs-sm);
padding:6px 2px;
border-radius:var(--r-sm);
color:var(--text-mid);
}
#view-profile .meet-cal-cell.available{
cursor:pointer;
transition:background .14s ease, color .14s ease;
}
#view-profile .meet-cal-cell.available:hover{
background:var(--bg-2);
color:var(--text-hi);
}
#view-profile .meet-cal-cell.selected{
background:var(--accent);
color:var(--on-accent);
font-weight:600;
}
#view-profile .meet-cal-cell.disabled,
#view-profile .meet-cal-cell.past,
#view-profile .meet-cal-cell.sun{
opacity:.3;
cursor:not-allowed;
}
#view-profile .meet-cal-cell.has-override{
background:rgba(255,180,0,.15);
border:1px solid rgba(255,180,0,.3);
}
#view-profile .meet-cal-cell.empty{visibility:hidden}
#view-profile .meet-slots-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
}
#view-profile .meet-slot-btn{
height:46px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-family:var(--font-mono);
font-size:var(--fs-sm);
display:grid;
place-items:center;
}
#view-profile .meet-slot-btn:hover:not(:disabled){
border-color:var(--border-strong);
}
#view-profile .meet-slot-btn.selected{
background:var(--accent-soft);
border-color:var(--accent-line);
color:var(--accent);
}
#view-profile .meet-slot-btn.unavailable{
opacity:.28;
cursor:not-allowed;
text-decoration:line-through;
}
#view-profile .meet-join-btn{
display:inline-flex;
align-items:center;
gap:6px;
padding:8px 16px;
background:var(--accent-soft);
border:1px solid var(--accent-line);
border-radius:var(--r-md);
color:var(--accent);
font-size:var(--fs-sm);
font-weight:600;
text-decoration:none;
transition:background .14s ease;
}
#view-profile .meet-join-btn:hover{background:rgba(194,245,14,.2)}
#view-profile .meet-sel-info{
font-size:var(--fs-sm);
font-weight:600;
color:var(--accent);
margin-bottom:12px;
padding:8px 10px;
background:var(--accent-soft);
border-radius:var(--r-sm);
}
#view-profile .meet-success-card{
text-align:center;
padding:32px 24px;
}
#view-profile .meet-success-icon{
font-size:48px;
color:var(--accent);
margin-bottom:12px;
}
#view-profile .meet-success-title{
font-size:var(--fs-h2);
font-weight:700;
margin-bottom:8px;
color:var(--text-hi);
}
#view-profile .meet-success-body{
font-size:var(--fs-body);
color:var(--text-mid);
line-height:1.6;
}
#view-profile .meet-admin-tabs{
display:flex;
gap:6px;
margin-bottom:16px;
border-bottom:1px solid var(--border-subtle);
padding-bottom:12px;
overflow-x:auto;
scrollbar-width:none;
}
#view-profile .meet-admin-tabs::-webkit-scrollbar{height:0}
#view-profile .meet-admin-tab{
background:none;
border:none;
color:var(--text-mid);
font-size:var(--fs-sm);
font-weight:500;
cursor:pointer;
padding:6px 12px;
border-radius:var(--r-sm);
transition:background .14s ease, color .14s ease;
}
#view-profile .meet-admin-tab:hover{background:var(--bg-2); color:var(--text-hi)}
#view-profile .meet-admin-tab.active{background:var(--accent-soft); color:var(--accent); font-weight:600}
#view-profile .meet-admin-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px 16px;
margin-bottom:10px;
}
#view-profile .meet-admin-card-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:6px;
}
#view-profile .meet-admin-card-meta{
font-size:var(--fs-sm);
color:var(--text-mid);
margin-bottom:3px;
}
#view-profile .meet-admin-card-actions{
display:flex;
gap:8px;
margin-top:10px;
flex-wrap:wrap;
}
#view-profile .meet-badge{
display:inline-flex;
align-items:center;
padding:3px 10px;
border-radius:var(--r-pill);
font-size:11px;
font-weight:600;
white-space:nowrap;
text-transform:uppercase;
letter-spacing:.03em;
}
#view-profile .meet-badge-pending{background:rgba(255,200,0,.15); color:#ffc800; border:1px solid rgba(255,200,0,.3)}
#view-profile .meet-badge-approved{background:var(--accent-soft); color:var(--accent); border:1px solid var(--accent-line)}
#view-profile .meet-badge-rejected{background:rgba(255,80,80,.12); color:#ff5050; border:1px solid rgba(255,80,80,.3)}
#view-profile .meet-badge-cancelled{background:rgba(255,255,255,.06); color:var(--text-mid); border:1px solid rgba(255,255,255,.15)}
#view-profile .meet-note-input{min-height:62px}
#view-profile .meet-avail-hours{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:6px;
}
#view-profile .meet-avail-hour-btn{
border-radius:var(--r-sm);
font-size:12px;
font-weight:500;
padding:8px 4px;
text-align:center;
cursor:pointer;
border:1px solid var(--border);
background:var(--bg-2);
color:var(--text-mid);
transition:background .14s ease, border-color .14s ease, color .14s ease;
}
#view-profile .meet-avail-hour-btn.default{
opacity:.72;
}
#view-profile .meet-avail-hour-btn.open{
background:var(--accent-soft);
color:var(--accent);
border-color:var(--accent-line);
}
#view-profile .meet-avail-hour-btn.closed{
background:rgba(255,80,80,.08);
color:#ff7373;
border-color:rgba(255,80,80,.25);
}
#view-profile .meet-overrides-list{
display:flex;
flex-direction:column;
gap:6px;
}
#view-profile .meet-override-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
background:var(--bg-2);
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
font-size:var(--fs-sm);
color:var(--text-mid);
}
@keyframes profileFadeIn{
from{opacity:0; transform:translateY(-6px)}
to{opacity:1; transform:translateY(0)}
}
@media (max-width: 1023px){
#view-profile .profile-page-grid{
grid-template-columns:minmax(0,1fr);
}
#view-profile .profile-tabs{
flex-wrap:nowrap;
}
}
@media (max-width: 900px){
#view-profile .meet-booking-grid,
#view-profile .meet-avail-layout{
grid-template-columns:minmax(0,1fr);
}
}
@media (max-width: 640px){
#view-profile .profile-content{
padding:0;
}
#view-profile .profile-info-row{
padding:14px 16px;
}
#view-profile .profile-tab{
padding:0 14px;
font-size:var(--fs-sm);
}
#view-profile .profile-picker-grid{
grid-template-columns:repeat(4, minmax(0,1fr));
}
#view-profile .profile-chip{
padding:6px 11px;
font-size:11px;
}
}
/* === BASABAS TOOLS-STAGE FULLSCREEN ===
Fullscreen must expand the actual tools stage/card, not the app shell
and not only the inner Başabaş root.
============================================================ */
#toolsStage:fullscreen,
.tools-stage:fullscreen,
.finapsis-tools-stage:fullscreen{
box-sizing:border-box;
width:100vw;
height:100dvh;
max-height:100dvh;
margin:0;
padding:18px;
overflow:hidden;
background:var(--bg-0);
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master,
.tools-stage:fullscreen #finapsis-breakeven-speed-master,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .tool-back,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .tool-back{
display:none;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .tool-head,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .tool-head,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .tool-head{
flex:0 0 auto;
margin:0;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master #bePanel,
.tools-stage:fullscreen #finapsis-breakeven-speed-master #bePanel,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master #bePanel{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .chart-toolbar,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .chart-toolbar,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .chart-toolbar{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .be-frame,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master #s-bep-canvas,
.tools-stage:fullscreen #finapsis-breakeven-speed-master #s-bep-canvas,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master #s-bep-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .be-legend,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .be-legend,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .be-legend{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .be-hint,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .inputs,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .inputs,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .inputs{
flex:0 0 auto;
margin:0;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .inp-card,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .inp-card,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .inp-card{
min-width:0;
padding:10px 12px;
}
#toolsStage:fullscreen #finapsis-breakeven-speed-master .inp-card input,
.tools-stage:fullscreen #finapsis-breakeven-speed-master .inp-card input,
.finapsis-tools-stage:fullscreen #finapsis-breakeven-speed-master .inp-card input{
width:100%;
min-width:0;
height:34px;
}
/* === END BASABAS TOOLS-STAGE FULLSCREEN === */
/* ============================================================
TOOLS / BÜYÜME (AFN)
Scoped visual migration to the accepted Başabaş pilot shell.
Behavior remains in buyume.html.
============================================================ */
#view-tools #finapsis-afn-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-afn-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
cursor:pointer;
}
#view-tools #finapsis-afn-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-afn-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-afn-master .tool-back:hover .ic{color:var(--accent)}
#view-tools #finapsis-afn-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-afn-master .tool-head h1{
margin:0;
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-afn-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-afn-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
transition:border-color .14s,color .14s;
flex:0 0 auto;
}
#view-tools #finapsis-afn-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-afn-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-afn-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-afn-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:7px;
}
#view-tools #finapsis-afn-master .company-search{
position:relative;
max-width:100%;
margin-bottom:0;
}
#view-tools #finapsis-afn-master .company-search input{
width:100%;
height:46px;
padding:0 42px 0 16px;
border-radius:var(--r-lg);
background:var(--bg-1);
border:1px solid var(--border-subtle);
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:600;
outline:none;
transition:border-color .14s,background .14s,box-shadow .14s;
}
#view-tools #finapsis-afn-master #company-search-input::placeholder{color:var(--text-lo)}
#view-tools #finapsis-afn-master #company-search-input:hover,
#view-tools #finapsis-afn-master #company-search-input:focus{
border-color:var(--accent-line);
background:var(--accent-soft);
box-shadow:0 0 0 2px var(--accent-soft);
}
#view-tools #finapsis-afn-master #company-search-clear{
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
background:transparent;
border:none;
color:var(--text-lo);
font-size:15px;
font-weight:600;
cursor:pointer;
display:none;
}
#view-tools #finapsis-afn-master #company-search-clear:hover{color:var(--accent)}
#view-tools #finapsis-afn-master .company-search-results{
position:absolute;
top:calc(100% + 6px);
left:0;
right:0;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-lg);
box-shadow:var(--shadow-overlay);
overflow:hidden;
z-index:1000;
}
#view-tools #finapsis-afn-master .company-search-results:empty{display:none}
#view-tools #finapsis-afn-master .company-item{
display:flex;
align-items:center;
gap:12px;
padding:10px 14px;
cursor:pointer;
transition:background .14s;
}
#view-tools #finapsis-afn-master .company-item:hover{background:var(--accent-soft)}
#view-tools #finapsis-afn-master .company-item img{
width:28px;
height:28px;
object-fit:contain;
}
#view-tools #finapsis-afn-master .company-item b{
font-size:var(--fs-sm);
color:var(--text-hi);
}
#view-tools #finapsis-afn-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-afn-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-afn-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-afn-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-afn-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-afn-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-afn-master #afn-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-afn-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-afn-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-afn-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
vertical-align:middle;
}
#view-tools #finapsis-afn-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-afn-master .be-mobile-summary{display:none}
#view-tools #finapsis-afn-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-afn-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-afn-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-afn-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-afn-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-afn-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-afn-master .slider-grid,
#view-tools #finapsis-afn-master .input-grid{
display:grid;
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-afn-master .slider-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
#view-tools #finapsis-afn-master .input-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
}
#view-tools #finapsis-afn-master .input-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-afn-master .input-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-afn-master .input-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-afn-master .input-card .cur{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
}
#view-tools #finapsis-afn-master .input-card input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-afn-master .input-card input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-afn-master .slider-mode{
display:flex;
flex-direction:column;
justify-content:center;
}
#view-tools #finapsis-afn-master .slider-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}
#view-tools #finapsis-afn-master .slider-header span{
font-family:var(--font-mono);
font-size:var(--fs-sm);
font-weight:600;
color:var(--accent);
}
#view-tools #finapsis-afn-master input[type=range]{
-webkit-appearance:none;
appearance:none;
width:100%;
background:transparent;
cursor:pointer;
}
#view-tools #finapsis-afn-master input[type=range]:focus{outline:none}
#view-tools #finapsis-afn-master input[type=range]::-webkit-slider-runnable-track{
height:4px;
background:var(--bg-3);
border-radius:var(--r-pill);
}
#view-tools #finapsis-afn-master input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
height:18px;
width:18px;
margin-top:-7px;
border-radius:50%;
background:var(--accent);
border:2px solid var(--bg-0);
cursor:pointer;
}
#view-tools #finapsis-afn-master input[type=range]::-moz-range-track{
height:4px;
background:var(--bg-3);
border-radius:var(--r-pill);
}
#view-tools #finapsis-afn-master input[type=range]::-moz-range-thumb{
height:18px;
width:18px;
border:2px solid var(--bg-0);
border-radius:50%;
background:var(--accent);
cursor:pointer;
}
#view-tools #finapsis-afn-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
}
#view-tools #finapsis-afn-master .help-overlay{
display:none;
}
#view-tools #finapsis-afn-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-afn-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-afn-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-afn-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-afn-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-afn-master .sim-mouse .wheel{
width:4px;
height:10px;
border-radius:3px;
background:var(--accent);
animation:wheelMove 1.2s ease-in-out infinite;
}
#view-tools #finapsis-afn-master .sim-title,
#view-tools #finapsis-afn-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-afn-master .sim-title{
text-align:center;
}
#view-tools #finapsis-afn-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-afn-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-afn-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-afn-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-afn-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-afn-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-afn-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-afn-master .exp-body{
margin-top:16px;
}
#view-tools #finapsis-afn-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-afn-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-afn-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-afn-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
@media (max-width:760px){
#view-tools #finapsis-afn-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-afn-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-afn-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-afn-master .be-result{
display:none;
}
#view-tools #finapsis-afn-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-afn-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-afn-master .be-mobile-summary .ms-num{
font-size:42px;
line-height:.95;
flex:0 0 auto;
}
#view-tools #finapsis-afn-master .slider-grid,
#view-tools #finapsis-afn-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-afn-master .be-hint .hint-desk{
display:none;
}
#view-tools #finapsis-afn-master .be-hint .hint-mob{
display:inline;
}
#view-tools #finapsis-afn-master .sim-scrim{
padding:16px;
}
#view-tools #finapsis-afn-master .sim-card{
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
}
/* === AFN TOOLS-STAGE FULLSCREEN === */
#toolsStage:fullscreen #finapsis-afn-master,
.tools-stage:fullscreen #finapsis-afn-master,
.finapsis-tools-stage:fullscreen #finapsis-afn-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-afn-master .tool-back,
.tools-stage:fullscreen #finapsis-afn-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .tool-back,
#toolsStage:fullscreen #finapsis-afn-master .company-search,
.tools-stage:fullscreen #finapsis-afn-master .company-search,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .company-search,
#toolsStage:fullscreen #finapsis-afn-master .be-hint,
.tools-stage:fullscreen #finapsis-afn-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-afn-master .tool-head,
.tools-stage:fullscreen #finapsis-afn-master .tool-head,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .tool-head{
flex:0 0 auto;
margin:0;
}
#toolsStage:fullscreen #finapsis-afn-master #viz-wrapper,
.tools-stage:fullscreen #finapsis-afn-master #viz-wrapper,
.finapsis-tools-stage:fullscreen #finapsis-afn-master #viz-wrapper{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-afn-master .chart-toolbar,
.tools-stage:fullscreen #finapsis-afn-master .chart-toolbar,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .chart-toolbar{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-afn-master .be-frame,
.tools-stage:fullscreen #finapsis-afn-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-afn-master #afn-canvas,
.tools-stage:fullscreen #finapsis-afn-master #afn-canvas,
.finapsis-tools-stage:fullscreen #finapsis-afn-master #afn-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-afn-master .be-legend,
.tools-stage:fullscreen #finapsis-afn-master .be-legend,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .be-legend{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-afn-master .slider-grid,
.tools-stage:fullscreen #finapsis-afn-master .slider-grid,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .slider-grid,
#toolsStage:fullscreen #finapsis-afn-master .input-grid,
.tools-stage:fullscreen #finapsis-afn-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
#toolsStage:fullscreen #finapsis-afn-master .input-card,
.tools-stage:fullscreen #finapsis-afn-master .input-card,
.finapsis-tools-stage:fullscreen #finapsis-afn-master .input-card{
min-width:0;
padding:10px 12px;
}
#toolsStage:fullscreen #finapsis-afn-master .input-card input[type=text],
.tools-stage:fullscreen #finapsis-afn-master .input-card input[type=text],
.finapsis-tools-stage:fullscreen #finapsis-afn-master .input-card input[type=text]{
width:100%;
min-width:0;
height:34px;
}
/* === END AFN TOOLS-STAGE FULLSCREEN === */
/* ============================================================
TOOLS / SGR
Scoped visual migration to the accepted Başabaş pilot shell.
Behavior remains in sgr.html.
============================================================ */
#view-tools #finapsis-sgr-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-sgr-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
cursor:pointer;
}
#view-tools #finapsis-sgr-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-sgr-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-sgr-master .tool-back:hover .ic{color:var(--accent)}
#view-tools #finapsis-sgr-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-sgr-master .tool-head h1{
margin:0;
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-sgr-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-sgr-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
transition:border-color .14s,color .14s;
flex:0 0 auto;
}
#view-tools #finapsis-sgr-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-sgr-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-sgr-master .sgr-result-grid{
display:flex;
gap:22px;
align-items:flex-start;
}
#view-tools #finapsis-sgr-master .be-result b{
font-family:var(--font-mono);
font-size:34px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
margin-top:5px;
}
#view-tools #finapsis-sgr-master .be-result b.igr-value{
color:var(--warn, #ffd84d);
}
#view-tools #finapsis-sgr-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--accent);
display:block;
}
#view-tools #finapsis-sgr-master .be-result .rlabel-yellow{
color:var(--warn, #ffd84d);
}
#view-tools #finapsis-sgr-master .company-search{
position:relative;
max-width:100%;
margin-bottom:0;
}
#view-tools #finapsis-sgr-master .company-search input{
width:100%;
height:46px;
padding:0 42px 0 16px;
border-radius:var(--r-lg);
background:var(--bg-1);
border:1px solid var(--border-subtle);
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:600;
outline:none;
transition:border-color .14s,background .14s,box-shadow .14s;
}
#view-tools #finapsis-sgr-master #company-search-input::placeholder{color:var(--text-lo)}
#view-tools #finapsis-sgr-master #company-search-input:hover,
#view-tools #finapsis-sgr-master #company-search-input:focus{
border-color:var(--accent-line);
background:var(--accent-soft);
box-shadow:0 0 0 2px var(--accent-soft);
}
#view-tools #finapsis-sgr-master #company-search-clear{
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
background:transparent;
border:none;
color:var(--text-lo);
font-size:15px;
font-weight:600;
cursor:pointer;
display:none;
}
#view-tools #finapsis-sgr-master #company-search-clear:hover{color:var(--accent)}
#view-tools #finapsis-sgr-master .company-search-results{
position:absolute;
top:calc(100% + 6px);
left:0;
right:0;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-lg);
box-shadow:var(--shadow-overlay);
overflow:hidden;
z-index:1000;
}
#view-tools #finapsis-sgr-master .company-search-results:empty{display:none}
#view-tools #finapsis-sgr-master .company-item{
display:flex;
align-items:center;
gap:12px;
padding:10px 14px;
cursor:pointer;
transition:background .14s;
}
#view-tools #finapsis-sgr-master .company-item:hover{background:var(--accent-soft)}
#view-tools #finapsis-sgr-master .company-item img{
width:28px;
height:28px;
object-fit:contain;
}
#view-tools #finapsis-sgr-master .company-item b{
font-size:var(--fs-sm);
color:var(--text-hi);
}
#view-tools #finapsis-sgr-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-sgr-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-sgr-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-sgr-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-sgr-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-sgr-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-sgr-master #m-sgr-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-sgr-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-sgr-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-sgr-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
vertical-align:middle;
}
#view-tools #finapsis-sgr-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-sgr-master .be-mobile-summary{display:none}
#view-tools #finapsis-sgr-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-sgr-master .be-mobile-summary .ms-num small{
display:block;
margin-top:4px;
font-family:var(--font);
font-size:10px;
letter-spacing:.08em;
color:var(--text-lo);
}
#view-tools #finapsis-sgr-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-sgr-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-sgr-master .be-mobile-summary .ms-meta span b{
display:inline;
font-family:var(--font-mono);
color:var(--warn, #ffd84d);
}
#view-tools #finapsis-sgr-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-sgr-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-sgr-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-sgr-master .input-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-sgr-master .input-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-sgr-master .input-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-sgr-master .input-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-sgr-master .input-card input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-sgr-master .input-card input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-sgr-master .mobile-only{
display:none;
}
#view-tools #finapsis-sgr-master .slider-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}
#view-tools #finapsis-sgr-master .slider-header span{
font-family:var(--font-mono);
font-size:var(--fs-sm);
font-weight:600;
color:var(--accent);
}
#view-tools #finapsis-sgr-master input[type=range]{
-webkit-appearance:none;
appearance:none;
width:100%;
background:transparent;
cursor:pointer;
}
#view-tools #finapsis-sgr-master input[type=range]:focus{outline:none}
#view-tools #finapsis-sgr-master input[type=range]::-webkit-slider-runnable-track{
height:4px;
background:var(--bg-3);
border-radius:var(--r-pill);
}
#view-tools #finapsis-sgr-master input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
height:18px;
width:18px;
margin-top:-7px;
border-radius:50%;
background:var(--accent);
border:2px solid var(--bg-0);
cursor:pointer;
}
#view-tools #finapsis-sgr-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
}
#view-tools #finapsis-sgr-master .help-overlay{display:none}
#view-tools #finapsis-sgr-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-sgr-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-sgr-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-sgr-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-sgr-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-sgr-master .sim-mouse .wheel{
width:4px;
height:10px;
border-radius:3px;
background:var(--accent);
animation:wheelMove 1.2s ease-in-out infinite;
}
#view-tools #finapsis-sgr-master .sim-title,
#view-tools #finapsis-sgr-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-sgr-master .sim-title{text-align:center}
#view-tools #finapsis-sgr-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-sgr-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-sgr-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-sgr-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-sgr-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-sgr-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-sgr-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-sgr-master .exp-body{margin-top:16px}
#view-tools #finapsis-sgr-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-sgr-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-sgr-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-sgr-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
@media (max-width:760px){
#view-tools #finapsis-sgr-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-sgr-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-sgr-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-sgr-master .be-result{
display:none;
}
#view-tools #finapsis-sgr-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-sgr-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-sgr-master .mobile-only{
display:block;
margin-top:16px;
}
#view-tools #finapsis-sgr-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-sgr-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-sgr-master .be-hint .hint-mob{display:inline}
#view-tools #finapsis-sgr-master .sim-scrim{padding:16px}
#view-tools #finapsis-sgr-master .sim-card{
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
}
/* === SGR TOOLS-STAGE FULLSCREEN === */
#toolsStage:fullscreen #finapsis-sgr-master,
.tools-stage:fullscreen #finapsis-sgr-master,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-sgr-master .tool-back,
.tools-stage:fullscreen #finapsis-sgr-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .tool-back,
#toolsStage:fullscreen #finapsis-sgr-master .company-search,
.tools-stage:fullscreen #finapsis-sgr-master .company-search,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .company-search,
#toolsStage:fullscreen #finapsis-sgr-master .be-hint,
.tools-stage:fullscreen #finapsis-sgr-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-sgr-master .tool-head,
.tools-stage:fullscreen #finapsis-sgr-master .tool-head,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .tool-head{
flex:0 0 auto;
margin:0;
}
#toolsStage:fullscreen #finapsis-sgr-master #viz-wrapper,
.tools-stage:fullscreen #finapsis-sgr-master #viz-wrapper,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master #viz-wrapper{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-sgr-master .chart-toolbar,
.tools-stage:fullscreen #finapsis-sgr-master .chart-toolbar,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .chart-toolbar{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-sgr-master .be-frame,
.tools-stage:fullscreen #finapsis-sgr-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-sgr-master #m-sgr-canvas,
.tools-stage:fullscreen #finapsis-sgr-master #m-sgr-canvas,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master #m-sgr-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-sgr-master .be-legend,
.tools-stage:fullscreen #finapsis-sgr-master .be-legend,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .be-legend{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-sgr-master .input-grid,
.tools-stage:fullscreen #finapsis-sgr-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
#toolsStage:fullscreen #finapsis-sgr-master .input-card,
.tools-stage:fullscreen #finapsis-sgr-master .input-card,
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .input-card{
min-width:0;
padding:10px 12px;
}
#toolsStage:fullscreen #finapsis-sgr-master .input-card input[type=text],
.tools-stage:fullscreen #finapsis-sgr-master .input-card input[type=text],
.finapsis-tools-stage:fullscreen #finapsis-sgr-master .input-card input[type=text]{
width:100%;
min-width:0;
height:34px;
}
/* === END SGR TOOLS-STAGE FULLSCREEN === */
/* ============================================================
TOOLS / WACC
Scoped visual migration to the accepted Başabaş pilot shell.
Behavior remains in wacc.html.
============================================================ */
#view-tools #finapsis-wacc-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-wacc-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
cursor:pointer;
}
#view-tools #finapsis-wacc-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-wacc-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-wacc-master .tool-back:hover .ic{color:var(--accent)}
#view-tools #finapsis-wacc-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-wacc-master .tool-head h1{
margin:0;
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-wacc-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-wacc-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
transition:border-color .14s,color .14s;
flex:0 0 auto;
}
#view-tools #finapsis-wacc-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-wacc-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-wacc-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-wacc-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:5px;
}
#view-tools #finapsis-wacc-master .company-search{
position:relative;
max-width:100%;
margin-bottom:0;
}
#view-tools #finapsis-wacc-master .company-search input{
width:100%;
height:46px;
padding:0 42px 0 16px;
border-radius:var(--r-lg);
background:var(--bg-1);
border:1px solid var(--border-subtle);
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:600;
outline:none;
transition:border-color .14s,background .14s,box-shadow .14s;
}
#view-tools #finapsis-wacc-master #company-search-input::placeholder{color:var(--text-lo)}
#view-tools #finapsis-wacc-master #company-search-input:hover,
#view-tools #finapsis-wacc-master #company-search-input:focus{
border-color:var(--accent-line);
background:var(--accent-soft);
box-shadow:0 0 0 2px var(--accent-soft);
}
#view-tools #finapsis-wacc-master #company-search-clear{
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
background:transparent;
border:none;
color:var(--text-lo);
font-size:15px;
font-weight:600;
cursor:pointer;
display:none;
}
#view-tools #finapsis-wacc-master #company-search-clear:hover{color:var(--accent)}
#view-tools #finapsis-wacc-master .company-search-results{
position:absolute;
top:calc(100% + 6px);
left:0;
right:0;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-lg);
box-shadow:var(--shadow-overlay);
overflow:hidden;
z-index:1000;
}
#view-tools #finapsis-wacc-master .company-search-results:empty{display:none}
#view-tools #finapsis-wacc-master .company-item{
display:flex;
align-items:center;
gap:12px;
padding:10px 14px;
cursor:pointer;
transition:background .14s;
}
#view-tools #finapsis-wacc-master .company-item:hover{background:var(--accent-soft)}
#view-tools #finapsis-wacc-master .company-item img{
width:28px;
height:28px;
object-fit:contain;
}
#view-tools #finapsis-wacc-master .company-item b{
font-size:var(--fs-sm);
color:var(--text-hi);
}
#view-tools #finapsis-wacc-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-wacc-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-wacc-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-wacc-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-wacc-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-wacc-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-wacc-master #cv-wacc-v9{
display:block;
width:100%;
min-height:520px;
touch-action:none;
}
#view-tools #finapsis-wacc-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-wacc-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-wacc-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
vertical-align:middle;
}
#view-tools #finapsis-wacc-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-wacc-master .be-mobile-summary{display:none}
#view-tools #finapsis-wacc-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-wacc-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-wacc-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-wacc-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-wacc-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-wacc-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-wacc-master .input-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-wacc-master .input-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-wacc-master .input-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-wacc-master .input-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-wacc-master .input-card input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-wacc-master .input-card input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-wacc-master .toggle-wrap{
display:flex;
gap:6px;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-md);
padding:4px;
}
#view-tools #finapsis-wacc-master .toggle-btn{
flex:1;
min-width:0;
height:28px;
border:0;
border-radius:var(--r-sm);
background:transparent;
color:var(--text-mid);
font-size:var(--fs-xs);
font-weight:700;
cursor:pointer;
}
#view-tools #finapsis-wacc-master .toggle-btn.active{
background:var(--accent);
color:var(--bg-0);
}
#view-tools #finapsis-wacc-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
}
#view-tools #finapsis-wacc-master .help-overlay{display:none}
#view-tools #finapsis-wacc-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-wacc-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-wacc-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-wacc-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-wacc-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-wacc-master .sim-mouse .wheel{
width:4px;
height:10px;
border-radius:3px;
background:var(--accent);
animation:wheelMove 1.2s ease-in-out infinite;
}
#view-tools #finapsis-wacc-master .sim-title,
#view-tools #finapsis-wacc-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-wacc-master .sim-title{text-align:center}
#view-tools #finapsis-wacc-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-wacc-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-wacc-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-wacc-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-wacc-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-wacc-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-wacc-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-wacc-master .exp-body{margin-top:16px}
#view-tools #finapsis-wacc-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-wacc-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-wacc-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-wacc-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
@media (max-width:760px){
#view-tools #finapsis-wacc-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-wacc-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-wacc-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-wacc-master .be-result{
display:none;
}
#view-tools #finapsis-wacc-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-wacc-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-wacc-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-wacc-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-wacc-master .be-hint .hint-mob{display:inline}
#view-tools #finapsis-wacc-master .sim-scrim{padding:16px}
#view-tools #finapsis-wacc-master .sim-card{
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
}
/* === WACC TOOLS-STAGE FULLSCREEN === */
#toolsStage:fullscreen #finapsis-wacc-master,
.tools-stage:fullscreen #finapsis-wacc-master,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-wacc-master .tool-back,
.tools-stage:fullscreen #finapsis-wacc-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .tool-back,
#toolsStage:fullscreen #finapsis-wacc-master .company-search,
.tools-stage:fullscreen #finapsis-wacc-master .company-search,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .company-search,
#toolsStage:fullscreen #finapsis-wacc-master .be-hint,
.tools-stage:fullscreen #finapsis-wacc-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-wacc-master .tool-head,
.tools-stage:fullscreen #finapsis-wacc-master .tool-head,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .tool-head{
flex:0 0 auto;
margin:0;
}
#toolsStage:fullscreen #finapsis-wacc-master #viz-wrapper,
.tools-stage:fullscreen #finapsis-wacc-master #viz-wrapper,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master #viz-wrapper{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-wacc-master .chart-toolbar,
.tools-stage:fullscreen #finapsis-wacc-master .chart-toolbar,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .chart-toolbar{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-wacc-master .be-frame,
.tools-stage:fullscreen #finapsis-wacc-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-wacc-master #cv-wacc-v9,
.tools-stage:fullscreen #finapsis-wacc-master #cv-wacc-v9,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master #cv-wacc-v9{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-wacc-master .be-legend,
.tools-stage:fullscreen #finapsis-wacc-master .be-legend,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .be-legend{
flex:0 0 auto;
}
#toolsStage:fullscreen #finapsis-wacc-master .input-grid,
.tools-stage:fullscreen #finapsis-wacc-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
#toolsStage:fullscreen #finapsis-wacc-master .input-card,
.tools-stage:fullscreen #finapsis-wacc-master .input-card,
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .input-card{
min-width:0;
padding:10px 12px;
}
#toolsStage:fullscreen #finapsis-wacc-master .input-card input[type=text],
.tools-stage:fullscreen #finapsis-wacc-master .input-card input[type=text],
.finapsis-tools-stage:fullscreen #finapsis-wacc-master .input-card input[type=text]{
width:100%;
min-width:0;
height:34px;
}
/* === END WACC TOOLS-STAGE FULLSCREEN === */
/* === CCC TOOL PILOT SHELL === */
#view-tools #finapsis-ccc-speed-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-ccc-speed-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
}
#view-tools #finapsis-ccc-speed-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-ccc-speed-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-ccc-speed-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-ccc-speed-master .tool-head h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-ccc-speed-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-ccc-speed-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
flex:0 0 auto;
}
#view-tools #finapsis-ccc-speed-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-ccc-speed-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-ccc-speed-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-ccc-speed-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:5px;
}
#view-tools #finapsis-ccc-speed-master .company-search{
position:relative;
margin-bottom:16px;
}
#view-tools #finapsis-ccc-speed-master .company-search input{
width:100%;
height:46px;
padding:0 38px 0 16px;
border-radius:var(--r-lg);
background:var(--bg-1);
border:1px solid var(--border-subtle);
color:var(--text-hi);
font-size:var(--fs-sm);
font-weight:600;
outline:none;
}
#view-tools #finapsis-ccc-speed-master .company-search input::placeholder{color:var(--text-lo)}
#view-tools #finapsis-ccc-speed-master .company-search input:hover,
#view-tools #finapsis-ccc-speed-master .company-search input:focus{
border-color:var(--accent-line);
background:var(--accent-soft);
box-shadow:0 0 0 2px var(--accent-soft);
}
#view-tools #finapsis-ccc-speed-master #company-search-clear{
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
background:transparent;
border:none;
color:var(--text-lo);
font-size:15px;
font-weight:600;
cursor:pointer;
display:none;
}
#view-tools #finapsis-ccc-speed-master #company-search-clear:hover{color:var(--accent)}
#view-tools #finapsis-ccc-speed-master .company-search-results{
position:absolute;
top:calc(100% + 6px);
left:0;
right:0;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-lg);
box-shadow:var(--shadow-overlay);
overflow:hidden;
z-index:1000;
}
#view-tools #finapsis-ccc-speed-master .company-search-results:empty{display:none}
#view-tools #finapsis-ccc-speed-master .company-item{
display:flex;
align-items:center;
gap:12px;
padding:10px 14px;
cursor:pointer;
}
#view-tools #finapsis-ccc-speed-master .company-item:hover{background:var(--accent-soft)}
#view-tools #finapsis-ccc-speed-master .company-item img{
width:28px;
height:28px;
object-fit:contain;
}
#view-tools #finapsis-ccc-speed-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-ccc-speed-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-ccc-speed-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-ccc-speed-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-ccc-speed-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-ccc-speed-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-ccc-speed-master #s-ccc-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-ccc-speed-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-ccc-speed-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-ccc-speed-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
}
#view-tools #finapsis-ccc-speed-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-ccc-speed-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-ccc-speed-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-ccc-speed-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-ccc-speed-master .input-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-ccc-speed-master .inp-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-ccc-speed-master .inp-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-ccc-speed-master .inp-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-ccc-speed-master .inp-card .cur{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
}
#view-tools #finapsis-ccc-speed-master .inp-card input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-ccc-speed-master .inp-card input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-ccc-speed-master .be-mobile-summary{
display:none;
}
#view-tools #finapsis-ccc-speed-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-ccc-speed-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-ccc-speed-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-ccc-speed-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
place-items:center;
padding:24px;
}
#view-tools #finapsis-ccc-speed-master .intro-overlay{
display:grid;
opacity:1;
pointer-events:auto;
transition:opacity .2s;
}
#view-tools #finapsis-ccc-speed-master .help-overlay{
display:none;
align-items:center;
justify-content:center;
}
#view-tools #finapsis-ccc-speed-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-ccc-speed-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-ccc-speed-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-ccc-speed-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-ccc-speed-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-ccc-speed-master .mouse{
width:30px;
height:44px;
border:2.6px solid var(--accent);
border-radius:16px;
position:relative;
}
#view-tools #finapsis-ccc-speed-master .mouse .wheel{
width:3px;
height:10px;
border-radius:999px;
background:var(--accent);
position:absolute;
left:50%;
top:9px;
transform:translateX(-50%);
animation:cccwheel 1.7s ease-in-out infinite;
}
@keyframes cccwheel{
0%,100%{transform:translate(-50%,0); opacity:1}
50%{transform:translate(-50%,6px); opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-tools #finapsis-ccc-speed-master .mouse .wheel{animation:none}
}
#view-tools #finapsis-ccc-speed-master .sim-title,
#view-tools #finapsis-ccc-speed-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-ccc-speed-master .sim-title{text-align:center}
#view-tools #finapsis-ccc-speed-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-ccc-speed-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-ccc-speed-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-ccc-speed-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-ccc-speed-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-ccc-speed-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-ccc-speed-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-ccc-speed-master .exp-body{margin-top:16px}
#view-tools #finapsis-ccc-speed-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-ccc-speed-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-ccc-speed-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-ccc-speed-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
#toolsStage:fullscreen #finapsis-ccc-speed-master,
.tools-stage:fullscreen #finapsis-ccc-speed-master,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-ccc-speed-master .tool-back,
.tools-stage:fullscreen #finapsis-ccc-speed-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master .tool-back,
#toolsStage:fullscreen #finapsis-ccc-speed-master .company-search,
.tools-stage:fullscreen #finapsis-ccc-speed-master .company-search,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master .company-search,
#toolsStage:fullscreen #finapsis-ccc-speed-master .be-hint,
.tools-stage:fullscreen #finapsis-ccc-speed-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-ccc-speed-master .be-panel,
.tools-stage:fullscreen #finapsis-ccc-speed-master .be-panel,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master .be-panel{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-ccc-speed-master .be-frame,
.tools-stage:fullscreen #finapsis-ccc-speed-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-ccc-speed-master #s-ccc-canvas,
.tools-stage:fullscreen #finapsis-ccc-speed-master #s-ccc-canvas,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master #s-ccc-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-ccc-speed-master .input-grid,
.tools-stage:fullscreen #finapsis-ccc-speed-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-ccc-speed-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
@media (max-width:760px){
#view-tools #finapsis-ccc-speed-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-ccc-speed-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-ccc-speed-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-ccc-speed-master .be-result,
#view-tools #finapsis-ccc-speed-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-ccc-speed-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-ccc-speed-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-ccc-speed-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-ccc-speed-master .be-hint .hint-mob{display:inline}
}
@media (max-width:480px){
#view-tools #finapsis-ccc-speed-master .sim-scrim{padding:16px}
#view-tools #finapsis-ccc-speed-master .sim-card{
width:100%;
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
#view-tools #finapsis-ccc-speed-master .sim-card.wide{
padding:24px 20px 22px;
}
}
/* === END CCC TOOL PILOT SHELL === */
/* === EOQ TOOL PILOT SHELL === */
#view-tools #finapsis-eoq-speed-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-eoq-speed-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
}
#view-tools #finapsis-eoq-speed-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-eoq-speed-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-eoq-speed-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-eoq-speed-master .tool-head h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-eoq-speed-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-eoq-speed-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
flex:0 0 auto;
}
#view-tools #finapsis-eoq-speed-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-eoq-speed-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-eoq-speed-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-eoq-speed-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:5px;
}
#view-tools #finapsis-eoq-speed-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-eoq-speed-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-eoq-speed-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-eoq-speed-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-eoq-speed-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-eoq-speed-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-eoq-speed-master #s-eoq-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-eoq-speed-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-eoq-speed-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-eoq-speed-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
}
#view-tools #finapsis-eoq-speed-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-eoq-speed-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-eoq-speed-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-eoq-speed-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-eoq-speed-master .slider-row-plain,
#view-tools #finapsis-eoq-speed-master .input-grid{
display:grid;
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-eoq-speed-master .slider-row-plain{
grid-template-columns:repeat(2,minmax(0,1fr));
}
#view-tools #finapsis-eoq-speed-master .input-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
#view-tools #finapsis-eoq-speed-master .inp-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-eoq-speed-master .inp-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-eoq-speed-master .inp-card .ig,
#view-tools #finapsis-eoq-speed-master .slider-inline{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-eoq-speed-master .inp-card .cur{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
}
#view-tools #finapsis-eoq-speed-master .inp-card input[type=text],
#view-tools #finapsis-eoq-speed-master .slider-inline input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-eoq-speed-master .slider-inline input[type=text]{
max-width:120px;
}
#view-tools #finapsis-eoq-speed-master .inp-card input[type=text]:focus,
#view-tools #finapsis-eoq-speed-master .slider-inline input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-eoq-speed-master .slider-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}
#view-tools #finapsis-eoq-speed-master .slider-header span{
font-family:var(--font-mono);
font-size:var(--fs-sm);
font-weight:600;
color:var(--accent);
}
#view-tools #finapsis-eoq-speed-master input[type=range]{
-webkit-appearance:none;
appearance:none;
width:100%;
background:transparent;
cursor:pointer;
}
#view-tools #finapsis-eoq-speed-master input[type=range]::-webkit-slider-runnable-track{
height:4px;
background:var(--bg-3);
border-radius:var(--r-pill);
}
#view-tools #finapsis-eoq-speed-master input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
height:18px;
width:18px;
margin-top:-7px;
border-radius:50%;
background:var(--accent);
border:2px solid var(--bg-0);
}
#view-tools #finapsis-eoq-speed-master .be-mobile-summary{
display:none;
}
#view-tools #finapsis-eoq-speed-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-eoq-speed-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-eoq-speed-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-eoq-speed-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
place-items:center;
padding:24px;
}
#view-tools #finapsis-eoq-speed-master .intro-overlay{
display:grid;
opacity:1;
pointer-events:auto;
transition:opacity .2s;
}
#view-tools #finapsis-eoq-speed-master .help-overlay{
display:none;
align-items:center;
justify-content:center;
}
#view-tools #finapsis-eoq-speed-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-eoq-speed-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-eoq-speed-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-eoq-speed-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-eoq-speed-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-eoq-speed-master .mouse{
width:30px;
height:44px;
border:2.6px solid var(--accent);
border-radius:16px;
position:relative;
}
#view-tools #finapsis-eoq-speed-master .mouse .wheel{
width:3px;
height:10px;
border-radius:999px;
background:var(--accent);
position:absolute;
left:50%;
top:9px;
transform:translateX(-50%);
animation:eoqwheel 1.7s ease-in-out infinite;
}
@keyframes eoqwheel{
0%,100%{transform:translate(-50%,0); opacity:1}
50%{transform:translate(-50%,6px); opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-tools #finapsis-eoq-speed-master .mouse .wheel{animation:none}
}
#view-tools #finapsis-eoq-speed-master .sim-title,
#view-tools #finapsis-eoq-speed-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-eoq-speed-master .sim-title{text-align:center}
#view-tools #finapsis-eoq-speed-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-eoq-speed-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-eoq-speed-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-eoq-speed-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-eoq-speed-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-eoq-speed-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-eoq-speed-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-eoq-speed-master .exp-body{margin-top:16px}
#view-tools #finapsis-eoq-speed-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-eoq-speed-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-eoq-speed-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-eoq-speed-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
#toolsStage:fullscreen #finapsis-eoq-speed-master,
.tools-stage:fullscreen #finapsis-eoq-speed-master,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-eoq-speed-master .tool-back,
.tools-stage:fullscreen #finapsis-eoq-speed-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master .tool-back,
#toolsStage:fullscreen #finapsis-eoq-speed-master .be-hint,
.tools-stage:fullscreen #finapsis-eoq-speed-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-eoq-speed-master .be-panel,
.tools-stage:fullscreen #finapsis-eoq-speed-master .be-panel,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master .be-panel{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-eoq-speed-master .be-frame,
.tools-stage:fullscreen #finapsis-eoq-speed-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-eoq-speed-master #s-eoq-canvas,
.tools-stage:fullscreen #finapsis-eoq-speed-master #s-eoq-canvas,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master #s-eoq-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-eoq-speed-master .slider-row-plain,
.tools-stage:fullscreen #finapsis-eoq-speed-master .slider-row-plain,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master .slider-row-plain,
#toolsStage:fullscreen #finapsis-eoq-speed-master .input-grid,
.tools-stage:fullscreen #finapsis-eoq-speed-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-eoq-speed-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
@media (max-width:760px){
#view-tools #finapsis-eoq-speed-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-eoq-speed-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-eoq-speed-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-eoq-speed-master .be-result,
#view-tools #finapsis-eoq-speed-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-eoq-speed-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-eoq-speed-master .slider-row-plain,
#view-tools #finapsis-eoq-speed-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-eoq-speed-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-eoq-speed-master .be-hint .hint-mob{display:inline}
}
@media (max-width:480px){
#view-tools #finapsis-eoq-speed-master .sim-scrim{padding:16px}
#view-tools #finapsis-eoq-speed-master .sim-card{
width:100%;
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
#view-tools #finapsis-eoq-speed-master .sim-card.wide{
padding:24px 20px 22px;
}
}
/* === END EOQ TOOL PILOT SHELL === */
/* === IRR TOOL PILOT SHELL === */
#view-tools #finapsis-irr-speed-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-irr-speed-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
}
#view-tools #finapsis-irr-speed-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-irr-speed-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-irr-speed-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-irr-speed-master .tool-head h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-irr-speed-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-irr-speed-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
flex:0 0 auto;
}
#view-tools #finapsis-irr-speed-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-irr-speed-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-irr-speed-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-irr-speed-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:5px;
}
#view-tools #finapsis-irr-speed-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-irr-speed-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-irr-speed-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-irr-speed-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-irr-speed-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-irr-speed-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-irr-speed-master #s-irr-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-irr-speed-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-irr-speed-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-irr-speed-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
}
#view-tools #finapsis-irr-speed-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-irr-speed-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-irr-speed-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-irr-speed-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-irr-speed-master .input-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-irr-speed-master .inp-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-irr-speed-master .inp-card.disabled,
#view-tools #finapsis-irr-speed-master .input-card--disabled{
opacity:.62;
}
#view-tools #finapsis-irr-speed-master .inp-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-irr-speed-master .inp-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-irr-speed-master .inp-card .cur{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
}
#view-tools #finapsis-irr-speed-master .inp-card input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-irr-speed-master .inp-card input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-irr-speed-master .be-mobile-summary{
display:none;
}
#view-tools #finapsis-irr-speed-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-irr-speed-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-irr-speed-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-irr-speed-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
place-items:center;
padding:24px;
}
#view-tools #finapsis-irr-speed-master .intro-overlay{
display:grid;
opacity:1;
pointer-events:auto;
transition:opacity .2s;
}
#view-tools #finapsis-irr-speed-master .help-overlay{
display:none;
align-items:center;
justify-content:center;
}
#view-tools #finapsis-irr-speed-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-irr-speed-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-irr-speed-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-irr-speed-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-irr-speed-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-irr-speed-master .mouse{
width:30px;
height:44px;
border:2.6px solid var(--accent);
border-radius:16px;
position:relative;
}
#view-tools #finapsis-irr-speed-master .mouse .wheel{
width:3px;
height:10px;
border-radius:999px;
background:var(--accent);
position:absolute;
left:50%;
top:9px;
transform:translateX(-50%);
animation:irrwheel 1.7s ease-in-out infinite;
}
@keyframes irrwheel{
0%,100%{transform:translate(-50%,0); opacity:1}
50%{transform:translate(-50%,6px); opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-tools #finapsis-irr-speed-master .mouse .wheel{animation:none}
}
#view-tools #finapsis-irr-speed-master .sim-title,
#view-tools #finapsis-irr-speed-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-irr-speed-master .sim-title{text-align:center}
#view-tools #finapsis-irr-speed-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-irr-speed-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-irr-speed-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-irr-speed-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-irr-speed-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-irr-speed-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-irr-speed-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-irr-speed-master .exp-body{margin-top:16px}
#view-tools #finapsis-irr-speed-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-irr-speed-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-irr-speed-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-irr-speed-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
#toolsStage:fullscreen #finapsis-irr-speed-master,
.tools-stage:fullscreen #finapsis-irr-speed-master,
.finapsis-tools-stage:fullscreen #finapsis-irr-speed-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-irr-speed-master .tool-back,
.tools-stage:fullscreen #finapsis-irr-speed-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-irr-speed-master .tool-back,
#toolsStage:fullscreen #finapsis-irr-speed-master .be-hint,
.tools-stage:fullscreen #finapsis-irr-speed-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-irr-speed-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-irr-speed-master .be-panel,
.tools-stage:fullscreen #finapsis-irr-speed-master .be-panel,
.finapsis-tools-stage:fullscreen #finapsis-irr-speed-master .be-panel{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-irr-speed-master .be-frame,
.tools-stage:fullscreen #finapsis-irr-speed-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-irr-speed-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-irr-speed-master #s-irr-canvas,
.tools-stage:fullscreen #finapsis-irr-speed-master #s-irr-canvas,
.finapsis-tools-stage:fullscreen #finapsis-irr-speed-master #s-irr-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-irr-speed-master .input-grid,
.tools-stage:fullscreen #finapsis-irr-speed-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-irr-speed-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
@media (max-width:760px){
#view-tools #finapsis-irr-speed-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-irr-speed-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-irr-speed-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-irr-speed-master .be-result,
#view-tools #finapsis-irr-speed-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-irr-speed-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-irr-speed-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-irr-speed-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-irr-speed-master .be-hint .hint-mob{display:inline}
}
@media (max-width:480px){
#view-tools #finapsis-irr-speed-master .sim-scrim{padding:16px}
#view-tools #finapsis-irr-speed-master .sim-card{
width:100%;
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
#view-tools #finapsis-irr-speed-master .sim-card.wide{
padding:24px 20px 22px;
}
}
/* === END IRR TOOL PILOT SHELL === */
/* === LOAN TOOL PILOT SHELL === */
#view-tools #finapsis-loan-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-loan-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
}
#view-tools #finapsis-loan-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-loan-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-loan-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-loan-master .tool-head h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-loan-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-loan-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
flex:0 0 auto;
}
#view-tools #finapsis-loan-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-loan-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-loan-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-loan-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:5px;
}
#view-tools #finapsis-loan-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-loan-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-loan-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-loan-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-loan-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-loan-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-loan-master #s-loan-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-loan-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-loan-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-loan-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
}
#view-tools #finapsis-loan-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-loan-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-loan-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-loan-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-loan-master .input-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-loan-master .inp-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-loan-master .input-card--disabled{
opacity:.65;
}
#view-tools #finapsis-loan-master .inp-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-loan-master .inp-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-loan-master .inp-card .cur{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
}
#view-tools #finapsis-loan-master .inp-card input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-loan-master .inp-card input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-loan-master .be-mobile-summary{
display:none;
}
#view-tools #finapsis-loan-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-loan-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-loan-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-loan-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
place-items:center;
padding:24px;
}
#view-tools #finapsis-loan-master .intro-overlay{
display:grid;
opacity:1;
pointer-events:auto;
transition:opacity .2s;
}
#view-tools #finapsis-loan-master .help-overlay{
display:none;
align-items:center;
justify-content:center;
}
#view-tools #finapsis-loan-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-loan-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-loan-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-loan-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-loan-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-loan-master .mouse{
width:30px;
height:44px;
border:2.6px solid var(--accent);
border-radius:16px;
position:relative;
}
#view-tools #finapsis-loan-master .mouse .wheel{
width:3px;
height:10px;
border-radius:999px;
background:var(--accent);
position:absolute;
left:50%;
top:9px;
transform:translateX(-50%);
animation:loanwheel 1.7s ease-in-out infinite;
}
@keyframes loanwheel{
0%,100%{transform:translate(-50%,0); opacity:1}
50%{transform:translate(-50%,6px); opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-tools #finapsis-loan-master .mouse .wheel{animation:none}
}
#view-tools #finapsis-loan-master .sim-title,
#view-tools #finapsis-loan-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-loan-master .sim-title{text-align:center}
#view-tools #finapsis-loan-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-loan-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-loan-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-loan-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-loan-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-loan-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-loan-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-loan-master .exp-body{margin-top:16px}
#view-tools #finapsis-loan-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-loan-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-loan-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-loan-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
#toolsStage:fullscreen #finapsis-loan-master,
.tools-stage:fullscreen #finapsis-loan-master,
.finapsis-tools-stage:fullscreen #finapsis-loan-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-loan-master .tool-back,
.tools-stage:fullscreen #finapsis-loan-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-loan-master .tool-back,
#toolsStage:fullscreen #finapsis-loan-master .be-hint,
.tools-stage:fullscreen #finapsis-loan-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-loan-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-loan-master .be-panel,
.tools-stage:fullscreen #finapsis-loan-master .be-panel,
.finapsis-tools-stage:fullscreen #finapsis-loan-master .be-panel{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-loan-master .be-frame,
.tools-stage:fullscreen #finapsis-loan-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-loan-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-loan-master #s-loan-canvas,
.tools-stage:fullscreen #finapsis-loan-master #s-loan-canvas,
.finapsis-tools-stage:fullscreen #finapsis-loan-master #s-loan-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-loan-master .input-grid,
.tools-stage:fullscreen #finapsis-loan-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-loan-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
@media (max-width:760px){
#view-tools #finapsis-loan-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-loan-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-loan-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-loan-master .be-result,
#view-tools #finapsis-loan-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-loan-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-loan-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-loan-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-loan-master .be-hint .hint-mob{display:inline}
}
@media (max-width:480px){
#view-tools #finapsis-loan-master .sim-scrim{padding:16px}
#view-tools #finapsis-loan-master .sim-card{
width:100%;
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
#view-tools #finapsis-loan-master .sim-card.wide{
padding:24px 20px 22px;
}
}
/* === END LOAN TOOL PILOT SHELL === */
/* === FV TOOL PILOT SHELL === */
#view-tools #finapsis-fv-speed-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-fv-speed-master .tool-back{
display:inline-flex;
align-items:center;
gap:6px;
font-size:var(--fs-xs);
color:var(--text-mid);
margin-bottom:14px;
font-weight:500;
background:transparent;
border:none;
padding:0;
}
#view-tools #finapsis-fv-speed-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-fv-speed-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-fv-speed-master .tool-head{
display:flex;
align-items:flex-start;
gap:16px;
margin-bottom:4px;
}
#view-tools #finapsis-fv-speed-master .tool-head h1{
font-size:var(--fs-h1);
font-weight:600;
color:var(--text-hi);
letter-spacing:.01em;
text-transform:uppercase;
display:flex;
align-items:center;
gap:10px;
}
#view-tools #finapsis-fv-speed-master .tool-head .sub{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
margin-top:6px;
}
#view-tools #finapsis-fv-speed-master .help-btn{
width:21px;
height:21px;
border-radius:50%;
border:1px solid var(--border);
display:grid;
place-items:center;
color:var(--text-lo);
font-size:12px;
font-weight:600;
background:transparent;
cursor:pointer;
flex:0 0 auto;
}
#view-tools #finapsis-fv-speed-master .help-btn:hover{
border-color:var(--accent-line);
color:var(--accent);
}
#view-tools #finapsis-fv-speed-master .be-result{
margin-left:auto;
text-align:right;
padding-top:2px;
}
#view-tools #finapsis-fv-speed-master .be-result b{
font-family:var(--font-mono);
font-size:42px;
font-weight:600;
color:var(--accent);
letter-spacing:-.02em;
line-height:.95;
display:block;
}
#view-tools #finapsis-fv-speed-master .be-result .rlabel{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--text-lo);
display:block;
margin-top:5px;
}
#view-tools #finapsis-fv-speed-master .be-panel{
position:relative;
display:flex;
flex-direction:column;
gap:0;
min-height:0;
padding:0;
border-radius:var(--r-xl);
border:1px solid var(--border-subtle);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
overflow:hidden;
}
#view-tools #finapsis-fv-speed-master .chart-toolbar{
display:flex;
align-items:center;
gap:8px;
padding:11px 13px;
border-bottom:1px solid var(--border-subtle);
flex-wrap:wrap;
}
#view-tools #finapsis-fv-speed-master .chart-toolbar .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:var(--r-md);
border:1px solid var(--border);
background:var(--bg-1);
color:var(--text-hi);
font-size:var(--fs-xs);
font-weight:600;
letter-spacing:.03em;
}
#view-tools #finapsis-fv-speed-master .chart-toolbar .btn:hover{
background:var(--bg-2);
border-color:var(--border-strong);
}
#view-tools #finapsis-fv-speed-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-fv-speed-master .be-frame{
position:relative;
min-height:0;
}
#view-tools #finapsis-fv-speed-master #s-fv-canvas{
display:block;
width:100%;
min-height:480px;
touch-action:none;
}
#view-tools #finapsis-fv-speed-master .be-legend{
display:flex;
flex-wrap:wrap;
gap:18px;
padding:12px 16px 14px;
font-size:var(--fs-xs);
color:var(--text-mid);
border-top:1px solid var(--border-subtle);
}
#view-tools #finapsis-fv-speed-master .be-legend span{
display:inline-flex;
align-items:center;
}
#view-tools #finapsis-fv-speed-master .be-legend i{
display:inline-block;
width:16px;
height:3px;
border-radius:2px;
margin-right:7px;
}
#view-tools #finapsis-fv-speed-master .be-legend i.dot{
width:9px;
height:9px;
border-radius:50%;
}
#view-tools #finapsis-fv-speed-master .be-hint{
display:flex;
align-items:center;
gap:9px;
margin-top:16px;
padding:12px 15px;
border:1px solid var(--border-subtle);
border-radius:var(--r-md);
background:var(--bg-1);
font-size:var(--fs-sm);
color:var(--text-mid);
}
#view-tools #finapsis-fv-speed-master .be-hint .ic{
color:var(--accent);
flex:0 0 auto;
}
#view-tools #finapsis-fv-speed-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-fv-speed-master .input-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin-top:16px;
}
#view-tools #finapsis-fv-speed-master .inp-card{
background:var(--bg-1);
border:1px solid var(--border-subtle);
border-radius:var(--r-lg);
padding:14px;
}
#view-tools #finapsis-fv-speed-master .input-card--disabled{
opacity:.65;
}
#view-tools #finapsis-fv-speed-master .inp-card label{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--text-lo);
font-weight:500;
display:block;
margin-bottom:8px;
}
#view-tools #finapsis-fv-speed-master .inp-card .ig{
display:flex;
align-items:center;
gap:8px;
}
#view-tools #finapsis-fv-speed-master .inp-card .cur{
font-family:var(--font-mono);
color:var(--text-lo);
font-size:var(--fs-sm);
}
#view-tools #finapsis-fv-speed-master .inp-card input[type=text]{
flex:1;
min-width:0;
width:100%;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-sm);
height:36px;
padding:0 10px;
color:var(--text-hi);
font-family:var(--font-mono);
font-variant-numeric:tabular-nums;
font-size:var(--fs-body);
outline:none;
}
#view-tools #finapsis-fv-speed-master .inp-card input[type=text]:focus{
border-color:var(--border-strong);
}
#view-tools #finapsis-fv-speed-master .be-mobile-summary{
display:none;
}
#view-tools #finapsis-fv-speed-master .be-mobile-summary .ms-num{
font-family:var(--font-mono);
font-size:38px;
font-weight:600;
color:var(--accent);
line-height:1;
}
#view-tools #finapsis-fv-speed-master .be-mobile-summary .ms-meta b{
display:block;
font-size:var(--fs-sm);
color:var(--text-hi);
font-weight:600;
}
#view-tools #finapsis-fv-speed-master .be-mobile-summary .ms-meta span{
font-size:var(--fs-xs);
color:var(--text-mid);
}
#view-tools #finapsis-fv-speed-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
place-items:center;
padding:24px;
}
#view-tools #finapsis-fv-speed-master .intro-overlay{
display:grid;
opacity:1;
pointer-events:auto;
transition:opacity .2s;
}
#view-tools #finapsis-fv-speed-master .help-overlay{
display:none;
align-items:center;
justify-content:center;
}
#view-tools #finapsis-fv-speed-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-fv-speed-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-fv-speed-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-fv-speed-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-fv-speed-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-fv-speed-master .mouse{
width:30px;
height:44px;
border:2.6px solid var(--accent);
border-radius:16px;
position:relative;
}
#view-tools #finapsis-fv-speed-master .mouse .wheel{
width:3px;
height:10px;
border-radius:999px;
background:var(--accent);
position:absolute;
left:50%;
top:9px;
transform:translateX(-50%);
animation:fvwheel 1.7s ease-in-out infinite;
}
@keyframes fvwheel{
0%,100%{transform:translate(-50%,0); opacity:1}
50%{transform:translate(-50%,6px); opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-tools #finapsis-fv-speed-master .mouse .wheel{animation:none}
}
#view-tools #finapsis-fv-speed-master .sim-title,
#view-tools #finapsis-fv-speed-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
}
#view-tools #finapsis-fv-speed-master .sim-title{text-align:center}
#view-tools #finapsis-fv-speed-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-fv-speed-master .sim-lead b{color:var(--accent); font-weight:600}
#view-tools #finapsis-fv-speed-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-fv-speed-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-fv-speed-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-fv-speed-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-fv-speed-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-fv-speed-master .exp-body{margin-top:16px}
#view-tools #finapsis-fv-speed-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-fv-speed-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-fv-speed-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-fv-speed-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
#toolsStage:fullscreen #finapsis-fv-speed-master,
.tools-stage:fullscreen #finapsis-fv-speed-master,
.finapsis-tools-stage:fullscreen #finapsis-fv-speed-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-fv-speed-master .tool-back,
.tools-stage:fullscreen #finapsis-fv-speed-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-fv-speed-master .tool-back,
#toolsStage:fullscreen #finapsis-fv-speed-master .be-hint,
.tools-stage:fullscreen #finapsis-fv-speed-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-fv-speed-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-fv-speed-master .be-panel,
.tools-stage:fullscreen #finapsis-fv-speed-master .be-panel,
.finapsis-tools-stage:fullscreen #finapsis-fv-speed-master .be-panel{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-fv-speed-master .be-frame,
.tools-stage:fullscreen #finapsis-fv-speed-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-fv-speed-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-fv-speed-master #s-fv-canvas,
.tools-stage:fullscreen #finapsis-fv-speed-master #s-fv-canvas,
.finapsis-tools-stage:fullscreen #finapsis-fv-speed-master #s-fv-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-fv-speed-master .input-grid,
.tools-stage:fullscreen #finapsis-fv-speed-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-fv-speed-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
@media (max-width:760px){
#view-tools #finapsis-fv-speed-master{
padding:18px;
border-radius:0;
gap:14px;
}
#view-tools #finapsis-fv-speed-master .tool-head{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#view-tools #finapsis-fv-speed-master .tool-head h1{
font-size:var(--fs-h2);
}
#view-tools #finapsis-fv-speed-master .be-result,
#view-tools #finapsis-fv-speed-master #viz-wrapper{
display:none;
}
#view-tools #finapsis-fv-speed-master .be-mobile-summary{
display:flex;
align-items:center;
gap:14px;
padding:18px;
border-radius:var(--r-lg);
border:1px solid var(--accent-line);
background:linear-gradient(180deg, var(--accent-soft), rgba(194,245,14,.05));
}
#view-tools #finapsis-fv-speed-master .input-grid{
grid-template-columns:minmax(0,1fr);
gap:12px;
}
#view-tools #finapsis-fv-speed-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-fv-speed-master .be-hint .hint-mob{display:inline}
}
@media (max-width:480px){
#view-tools #finapsis-fv-speed-master .sim-scrim{padding:16px}
#view-tools #finapsis-fv-speed-master .sim-card{
width:100%;
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
#view-tools #finapsis-fv-speed-master .sim-card.wide{
padding:24px 20px 22px;
}
}
/* === END FV TOOL PILOT SHELL === */
/* FV-specific overrides */
#view-tools #finapsis-fv-speed-master .be-result b,
#view-tools #finapsis-fv-speed-master .be-mobile-summary .ms-num{
color:var(--down);
}
#view-tools #finapsis-fv-speed-master .input-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
}
#view-tools #finapsis-fv-speed-master .toggle-wrap{
display:flex;
gap:6px;
background:var(--bg-3);
border:1px solid var(--border);
border-radius:var(--r-md);
padding:4px;
}
#view-tools #finapsis-fv-speed-master .toggle-btn{
flex:1;
min-height:34px;
border:none;
border-radius:var(--r-sm);
padding:0 10px;
font-size:var(--fs-xs);
font-weight:600;
cursor:pointer;
background:transparent;
color:var(--text-mid);
}
#view-tools #finapsis-fv-speed-master .toggle-btn.active{
background:var(--accent);
color:var(--bg-0);
}
@media (max-width:760px){
#view-tools #finapsis-fv-speed-master .input-grid{
grid-template-columns:minmax(0,1fr);
}
}
/* === ROIC TOOL PILOT SHELL === */
#view-tools #finapsis-roic-master{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
margin:0 auto;
padding:24px;
border:1px solid var(--border-subtle);
border-radius:var(--r-xl);
background:linear-gradient(180deg, var(--bg-1), var(--bg-3));
color:var(--text-hi);
box-shadow:var(--shadow-overlay);
overflow:hidden;
}
#view-tools #finapsis-roic-master .tool-back{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-mid);margin-bottom:14px;font-weight:500;background:transparent;border:none;padding:0}
#view-tools #finapsis-roic-master .tool-back:hover{color:var(--accent)}
#view-tools #finapsis-roic-master .tool-back .ic{color:var(--text-lo)}
#view-tools #finapsis-roic-master .tool-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:4px}
#view-tools #finapsis-roic-master .tool-head h1{font-size:var(--fs-h1);font-weight:600;color:var(--text-hi);letter-spacing:.01em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
#view-tools #finapsis-roic-master .tool-head .sub{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-lo);font-weight:500;margin-top:6px}
#view-tools #finapsis-roic-master .help-btn{width:21px;height:21px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;color:var(--text-lo);font-size:12px;font-weight:600;background:transparent;cursor:pointer;flex:0 0 auto}
#view-tools #finapsis-roic-master .help-btn:hover{border-color:var(--accent-line);color:var(--accent)}
#view-tools #finapsis-roic-master .be-result{margin-left:auto;text-align:right;padding-top:2px}
#view-tools #finapsis-roic-master .be-result b{font-family:var(--font-mono);font-size:42px;font-weight:600;color:var(--accent);letter-spacing:-.02em;line-height:.95;display:block}
#view-tools #finapsis-roic-master .be-result .rlabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-lo);display:block;margin-top:5px}
#view-tools #finapsis-roic-master .be-result .rsub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mid);display:block;margin-top:6px}
#view-tools #finapsis-roic-master .be-result .rsub b{display:inline;font-size:var(--fs-xs);color:var(--text-hi);font-weight:600}
#view-tools #finapsis-roic-master .company-search{position:relative;width:100%;margin:0 0 16px}
#view-tools #finapsis-roic-master .company-search input{width:100%;height:50px;background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:0 48px 0 16px;color:var(--text-hi);font-size:var(--fs-sm);outline:none}
#view-tools #finapsis-roic-master .company-search input:focus{border-color:var(--border-strong)}
#view-tools #finapsis-roic-master #company-search-clear{position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-mid);cursor:pointer}
#view-tools #finapsis-roic-master .company-search-results{position:absolute;left:0;right:0;top:56px;z-index:50;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay);max-height:280px;overflow:auto}
#view-tools #finapsis-roic-master .company-search-results:empty{display:none}
#view-tools #finapsis-roic-master .be-panel{position:relative;display:flex;flex-direction:column;gap:0;min-height:0;padding:0;border-radius:var(--r-xl);border:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-1),var(--bg-3));overflow:hidden}
#view-tools #finapsis-roic-master .chart-toolbar{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}
#view-tools #finapsis-roic-master .chart-toolbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-1);color:var(--text-hi);font-size:var(--fs-xs);font-weight:600;letter-spacing:.03em}
#view-tools #finapsis-roic-master .chart-toolbar .btn:last-child{margin-left:auto}
#view-tools #finapsis-roic-master .be-frame{position:relative;min-height:0}
#view-tools #finapsis-roic-master #s-roic-canvas{display:block;width:100%;min-height:480px;touch-action:none}
#view-tools #finapsis-roic-master .be-legend{display:flex;flex-wrap:wrap;gap:18px;padding:12px 16px 14px;font-size:var(--fs-xs);color:var(--text-mid);border-top:1px solid var(--border-subtle)}
#view-tools #finapsis-roic-master .be-legend span{display:inline-flex;align-items:center}
#view-tools #finapsis-roic-master .be-legend i{display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:7px}
#view-tools #finapsis-roic-master .be-legend i.dot{width:9px;height:9px;border-radius:50%}
#view-tools #finapsis-roic-master .be-hint{display:flex;align-items:center;gap:9px;margin-top:16px;padding:12px 15px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-1);font-size:var(--fs-sm);color:var(--text-mid)}
#view-tools #finapsis-roic-master .be-hint .ic{color:var(--accent);flex:0 0 auto}
#view-tools #finapsis-roic-master .be-hint .hint-mob{display:none}
#view-tools #finapsis-roic-master .slider-grid,#view-tools #finapsis-roic-master .input-grid{display:grid;gap:14px;margin-top:16px}
#view-tools #finapsis-roic-master .slider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#view-tools #finapsis-roic-master .input-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#view-tools #finapsis-roic-master .inp-card{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:14px}
#view-tools #finapsis-roic-master .inp-card label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-lo);font-weight:500;display:block;margin-bottom:8px}
#view-tools #finapsis-roic-master .inp-card .ig{display:flex;align-items:center;gap:8px}
#view-tools #finapsis-roic-master .inp-card .cur{font-family:var(--font-mono);color:var(--text-lo);font-size:var(--fs-sm)}
#view-tools #finapsis-roic-master .inp-card input[type=text]{flex:1;min-width:0;width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r-sm);height:36px;padding:0 10px;color:var(--text-hi);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-body);outline:none}
#view-tools #finapsis-roic-master .slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
#view-tools #finapsis-roic-master .slider-header span{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--accent)}
#view-tools #finapsis-roic-master input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer}
#view-tools #finapsis-roic-master input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--bg-3);border-radius:var(--r-pill)}
#view-tools #finapsis-roic-master input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:18px;width:18px;margin-top:-7px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-0)}
#view-tools #finapsis-roic-master .be-mobile-summary{display:none}
#view-tools #finapsis-roic-master .be-mobile-summary .ms-num{font-family:var(--font-mono);font-size:38px;font-weight:600;color:var(--accent);line-height:1}
@media (max-width:760px){
#view-tools #finapsis-roic-master{padding:18px;border-radius:0;gap:14px}
#view-tools #finapsis-roic-master .tool-head{flex-direction:column;align-items:flex-start;gap:12px}
#view-tools #finapsis-roic-master .tool-head h1{font-size:var(--fs-h2)}
#view-tools #finapsis-roic-master .be-result,#view-tools #finapsis-roic-master #viz-wrapper{display:none}
#view-tools #finapsis-roic-master .be-mobile-summary{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--r-lg);border:1px solid var(--accent-line);background:linear-gradient(180deg,var(--accent-soft),rgba(194,245,14,.05))}
#view-tools #finapsis-roic-master .slider-grid,#view-tools #finapsis-roic-master .input-grid{grid-template-columns:minmax(0,1fr);gap:12px}
#view-tools #finapsis-roic-master .be-hint .hint-desk{display:none}
#view-tools #finapsis-roic-master .be-hint .hint-mob{display:inline}
}
/* === ROIC FULLSCREEN === */
#toolsStage:fullscreen #finapsis-roic-master,
.tools-stage:fullscreen #finapsis-roic-master,
.finapsis-tools-stage:fullscreen #finapsis-roic-master{
height:100%;
max-height:100%;
min-height:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}
#toolsStage:fullscreen #finapsis-roic-master .tool-back,
.tools-stage:fullscreen #finapsis-roic-master .tool-back,
.finapsis-tools-stage:fullscreen #finapsis-roic-master .tool-back,
#toolsStage:fullscreen #finapsis-roic-master .company-search,
.tools-stage:fullscreen #finapsis-roic-master .company-search,
.finapsis-tools-stage:fullscreen #finapsis-roic-master .company-search,
#toolsStage:fullscreen #finapsis-roic-master .be-hint,
.tools-stage:fullscreen #finapsis-roic-master .be-hint,
.finapsis-tools-stage:fullscreen #finapsis-roic-master .be-hint{
display:none;
}
#toolsStage:fullscreen #finapsis-roic-master .be-panel,
.tools-stage:fullscreen #finapsis-roic-master .be-panel,
.finapsis-tools-stage:fullscreen #finapsis-roic-master .be-panel{
flex:1 1 auto;
min-height:0;
margin:0;
display:flex !important;
flex-direction:column;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-roic-master .be-frame,
.tools-stage:fullscreen #finapsis-roic-master .be-frame,
.finapsis-tools-stage:fullscreen #finapsis-roic-master .be-frame{
flex:1 1 auto;
min-height:0;
overflow:hidden;
}
#toolsStage:fullscreen #finapsis-roic-master #s-roic-canvas,
.tools-stage:fullscreen #finapsis-roic-master #s-roic-canvas,
.finapsis-tools-stage:fullscreen #finapsis-roic-master #s-roic-canvas{
width:100%;
height:100%;
min-height:0;
max-height:100%;
}
#toolsStage:fullscreen #finapsis-roic-master .slider-grid,
.tools-stage:fullscreen #finapsis-roic-master .slider-grid,
.finapsis-tools-stage:fullscreen #finapsis-roic-master .slider-grid,
#toolsStage:fullscreen #finapsis-roic-master .input-grid,
.tools-stage:fullscreen #finapsis-roic-master .input-grid,
.finapsis-tools-stage:fullscreen #finapsis-roic-master .input-grid{
flex:0 0 auto;
margin:0;
gap:10px;
}
/* === ROIC TOOL MODALS === */
#view-tools #finapsis-roic-master .sim-scrim{
position:fixed;
inset:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(6px);
z-index:2000;
place-items:center;
padding:24px;
}
#view-tools #finapsis-roic-master .intro-overlay{
display:grid;
opacity:1;
pointer-events:auto;
transition:opacity .2s;
}
#view-tools #finapsis-roic-master .help-overlay{
display:none;
align-items:center;
justify-content:center;
}
#view-tools #finapsis-roic-master .sim-card{
width:100%;
max-width:460px;
max-height:88vh;
overflow:auto;
background:var(--bg-elev);
border:1px solid var(--border-strong);
border-radius:var(--r-xl);
box-shadow:var(--shadow-overlay);
padding:34px 30px 28px;
position:relative;
}
#view-tools #finapsis-roic-master .sim-card.wide{
max-width:560px;
padding:26px 28px 24px;
}
#view-tools #finapsis-roic-master .sim-close{
position:absolute;
top:16px;
right:16px;
width:30px;
height:30px;
border-radius:50%;
border:1px solid var(--border);
background:transparent;
color:var(--text-mid);
display:grid;
place-items:center;
cursor:pointer;
}
#view-tools #finapsis-roic-master .sim-close:hover{
border-color:var(--border-strong);
color:var(--text-hi);
}
#view-tools #finapsis-roic-master .sim-mouse{
width:54px;
height:54px;
margin:0 auto 18px;
display:grid;
place-items:center;
filter:drop-shadow(0 0 14px rgba(194,245,14,.5));
}
#view-tools #finapsis-roic-master .mouse{
width:30px;
height:44px;
border:2.6px solid var(--accent);
border-radius:16px;
position:relative;
}
#view-tools #finapsis-roic-master .mouse .wheel{
width:3px;
height:10px;
border-radius:999px;
background:var(--accent);
position:absolute;
left:50%;
top:9px;
transform:translateX(-50%);
animation:roicwheel 1.7s ease-in-out infinite;
}
@keyframes roicwheel{
0%,100%{transform:translate(-50%,0); opacity:1}
50%{transform:translate(-50%,6px); opacity:.45}
}
@media (prefers-reduced-motion:reduce){
#view-tools #finapsis-roic-master .mouse .wheel{
animation:none;
}
}
#view-tools #finapsis-roic-master .sim-title{
text-align:center;
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.06em;
text-transform:uppercase;
}
#view-tools #finapsis-roic-master .sim-lead{
text-align:center;
font-size:var(--fs-sm);
color:var(--text);
line-height:1.6;
margin:13px auto 4px;
max-width:38ch;
}
#view-tools #finapsis-roic-master .sim-lead b{
color:var(--accent);
font-weight:600;
}
#view-tools #finapsis-roic-master .sim-bullets{
list-style:none;
margin:16px 0 22px;
padding:0;
display:flex;
flex-direction:column;
gap:11px;
}
#view-tools #finapsis-roic-master .sim-bullets li{
position:relative;
padding-left:20px;
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.5;
}
#view-tools #finapsis-roic-master .sim-bullets li::before{
content:"";
position:absolute;
left:4px;
top:8px;
width:5px;
height:5px;
border-radius:50%;
background:var(--accent);
}
#view-tools #finapsis-roic-master .sim-actions{
display:flex;
flex-direction:column;
gap:10px;
}
#view-tools #finapsis-roic-master .sim-actions .btn{
height:46px;
font-size:var(--fs-sm);
letter-spacing:.05em;
text-transform:uppercase;
font-weight:600;
border-radius:var(--r-lg);
}
#view-tools #finapsis-roic-master .exp-title{
font-size:var(--fs-h2);
font-weight:700;
color:var(--text-hi);
letter-spacing:.04em;
text-transform:uppercase;
padding-right:34px;
}
#view-tools #finapsis-roic-master .exp-body{
margin-top:16px;
}
#view-tools #finapsis-roic-master .exp-body p{
font-size:var(--fs-sm);
color:var(--text);
line-height:1.62;
margin:0 0 14px;
}
#view-tools #finapsis-roic-master .exp-body h4{
font-size:var(--fs-h3);
font-weight:600;
color:var(--text-hi);
margin:18px 0 7px;
}
#view-tools #finapsis-roic-master .exp-body ul{
margin:0 0 6px;
padding-left:18px;
}
#view-tools #finapsis-roic-master .exp-body li{
font-size:var(--fs-sm);
color:var(--text-mid);
line-height:1.6;
margin-bottom:6px;
}
@media (max-width:480px){
#view-tools #finapsis-roic-master .sim-scrim{
padding:16px;
}
#view-tools #finapsis-roic-master .sim-card{
width:100%;
max-width:none;
max-height:calc(100dvh - 32px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:28px 22px 24px;
}
#view-tools #finapsis-roic-master .sim-card.wide{
padding:24px 20px 22px;
}
}
/* === END ROIC TOOL PILOT SHELL === */
/* === QA-4 COMPANY BADGE POPUP ANCHOR FIX === */
/* Company filter popups are rendered inside .cl-popup-anchor.
Desktop uses absolute CSS positioning; therefore the anchor itself must be
positioned. Without this, every popup resolves against the shared badge row
and opens under the first badge. Mobile still uses JS fixed positioning. */
#view-companies .cl-popup-anchor{
position:relative;
display:inline-flex;
align-items:center;
flex:0 0 auto;
}
#view-companies .cl-popup-anchor > .cl-popup-menu{
left:0;
top:calc(100% + 6px);
}
#view-companies .cl-popup-anchor > .cl-popup-menu.is-open{
display:block;
}
/* === END QA-4 COMPANY BADGE POPUP ANCHOR FIX === */

/* Compare company-add popup state. */
#view-compare #cmpAddTickerPopup,
#view-compare #cmpAddTickerPopup.is-hidden{
  display:none;
}

#view-compare #cmpAddTickerPopup.is-open{
  display:block;
}

/* QA-43: Varlık Detay mobile card order.
   Desktop keeps the two-column DOM. On mobile, flatten main/rail wrappers so
   cards can follow the requested product order without moving HTML. */
@media (max-width:1080px){
  #view-detail .detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:var(--s-6);
  }

  #view-detail .detail-grid > .detail-stack{
    display:contents;
  }

  #view-detail #cardAbout{order:10}
  #view-detail #snapshotCard{order:20}
  #view-detail .detail-chart-panel{order:30}
  #view-detail .detail-range-panel{order:40}
  #view-detail #scoreCard{order:50}
  #view-detail #cardFinancials{order:60}
  #view-detail #similarCard{order:70}
  #view-detail #sideStack{order:80}
  #view-detail #aiChatCard{order:90}
}

/* QA-44: Değerleme DCF mobile card order.
   Only the DCF section is reordered; multiples keeps its existing flow. */
@media (max-width:1080px){
  #view-valuation #valDcfSection{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:var(--s-6);
  }

  #view-valuation #valDcfSection > .val-col-main,
  #view-valuation #valDcfSection > .val-col-rail{
    display:contents;
  }

  #view-valuation #valDcfSection .val-col-rail > .val-rail-card:first-child{order:10}
  #view-valuation #valDcfSection .val-chart-card{order:20}
  #view-valuation #valDcfSection .val-tables-card{order:30}
  #view-valuation #valDcfSection .val-col-rail > .val-rail-card:nth-child(2){order:40}
}

/* QA-46: News image fallback uses the Finapsis favicon instead of a text placeholder. */
#view-news .news-fallback-img{
  box-sizing:border-box;
  object-fit:contain !important;
  padding:14px;
  background:var(--bg-2);
  border:1px solid var(--border-subtle);
}
#view-news .news-thumb-img.news-fallback-img{
  padding:12px;
}