/* Power Fx native view styles - independently versioned to avoid stale cached theme CSS. */
/* ========================================================================
   Power Fx: Paylaşım Noktası yerel bileşeni (iframe kullanılmaz)
   ======================================================================== */
.pn-fx { padding-top: 42px; padding-bottom: 24px; }
.pn-fx-hero { display:flex; align-items:end; justify-content:space-between; gap:24px; border-bottom:2px solid var(--ink); padding:30px 0 32px; }
.pn-fx-hero h1 { font-size:clamp(39px,5.1vw,70px); line-height:1; }
.pn-fx-hero h1 span { display:block; }
.pn-fx-lede { max-width:740px; margin:17px 0 0; font:19px/1.5 var(--serif); color:var(--muted); }
.pn-fx-total { background:var(--ink); color:var(--bg); padding:18px 24px; text-align:center; flex:none; min-width:110px; }
.pn-fx-total strong { display:block; font:800 42px/1 var(--display); }
.pn-fx-total span { display:block; font:11px var(--mono); letter-spacing:.1em; margin-top:8px; }
.pn-fx-toolbar { padding:25px 0 18px; }
.pn-fx-searchbar label { display:block; font:11px var(--mono); letter-spacing:.1em; margin:0 0 8px; color:var(--muted); }
.pn-fx-searchrow { display:flex; align-items:center; background:var(--paper); border:2px solid var(--ink); max-width:740px; }
.pn-fx-searchrow input { flex:1; width:100%; min-width:0; border:0; border-radius:0; padding:14px 15px; background:transparent; font:15px var(--body); color:var(--ink); outline-offset:2px; }
.pn-fx-count { padding:0 14px; font:12px var(--mono); white-space:nowrap; color:var(--muted); }
.pn-fx-filters { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.pn-fx button { cursor:pointer; }
.pn-fx-filter { border:1.5px solid var(--ink); background:transparent; padding:8px 11px; font:12px/1.35 var(--mono); color:var(--ink); border-radius:0; }
.pn-fx-filter:hover { color:var(--accent); border-color:var(--accent); }
.pn-fx-filter.is-active { color:var(--bg); background:var(--ink); }
.pn-fx-feature { margin:15px 0 34px; padding:20px 24px 23px; border:2px solid var(--ink); background:var(--paper); box-shadow:5px 5px 0 var(--line); }
.pn-fx-featuretop { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; font:11px var(--mono); letter-spacing:.08em; color:var(--accent); }
.pn-fx-featuretop button { color:var(--ink); background:transparent; border:1px solid var(--ink); font:11px var(--mono); padding:7px 10px; letter-spacing:0; }
.pn-fx-feature h3 { font:800 24px var(--display); margin:10px 0 3px; color:var(--ink); }
.pn-fx-feature p { margin:7px 0 0; font:16px/1.5 var(--serif); color:var(--muted); }
.pn-fx-feature code { display:block; font:13px/1.6 var(--mono); overflow-wrap:anywhere; padding-top:9px; color:var(--accent); }
.pn-fx-collections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 18px; }
.pn-fx-group { min-width:0; }
.pn-fx-grouphead { display:flex; align-items:baseline; justify-content:space-between; gap:10px; border-bottom:2px solid var(--ink); padding-bottom:10px; margin-bottom:10px; }
.pn-fx-grouphead h2 { font:800 23px/1.17 var(--display); color:var(--ink); letter-spacing:-.025em; }
.pn-fx-grouphead h2 b { color:var(--accent); }
.pn-fx-groupcount { font:12px var(--mono); color:var(--muted); }
.pn-fx-items { display:grid; gap:10px; }
.pn-fx-item { border:1.5px solid var(--line); background:var(--paper); padding:15px 16px 13px; min-width:0; }
.pn-fx-item:hover { border-color:var(--ink); }
.pn-fx-itemtop { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pn-fx-item h3 { font:800 18px/1.25 var(--display); margin:0; letter-spacing:-.02em; }
.pn-fx-item p { font:14px/1.47 var(--body); color:#55534d; margin:8px 0 12px; }
.pn-fx-fav { color:var(--muted); border:0; background:transparent; font-size:23px; line-height:1; padding:0 3px; }
.pn-fx-fav[aria-pressed="true"] { color:var(--accent); }
.pn-fx-code { width:100%; display:flex; align-items:start; justify-content:space-between; gap:9px; background:#25231f; border:1px solid #25231f; padding:10px; color:#f1a35b; text-align:left; }
.pn-fx-code:hover { background:#141414; }
.pn-fx-code code { font:12px/1.55 var(--mono); overflow-wrap:anywhere; white-space:normal; }
.pn-fx-code span { flex:none; color:#fff; font-size:16px; }
.pn-fx-syntax { border-top:1px solid var(--line); margin-top:12px; padding-top:7px; }
.pn-fx-syntax summary { color:var(--muted); font:11px var(--mono); cursor:pointer; }
.pn-fx-syntax code { display:block; margin-top:8px; overflow-wrap:anywhere; font:12px/1.5 var(--mono); }
.pn-fx-empty { border:2px dashed var(--line); padding:30px; font:18px var(--serif); }
.pn-fx-toast { position:fixed; right:22px; bottom:22px; padding:12px 18px; background:var(--ink); color:var(--bg); font:12px var(--mono); opacity:0; transform:translateY(8px); transition:.15s; pointer-events:none; z-index:99; }
.pn-fx-toast.on { opacity:1; transform:translateY(0); }
.pn-fx-item[hidden], .pn-fx-group[hidden], .pn-fx-empty[hidden] { display:none!important; }
@media (max-width:1300px) { .pn-fx-collections { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) { .pn-fx { padding-top:23px; } .pn-fx-hero { align-items:start; } .pn-fx-total { display:none; } .pn-fx-collections { grid-template-columns:1fr; } .pn-fx-hero h1 { font-size:clamp(36px,10vw,55px); } .pn-fx-lede { font-size:17px; } .pn-fx-feature { padding:18px; } }