/* tappon.bio — Volt skin for public pages (wrapper.php, body.index). 2026-10-28 */
/* [tasarim 2026-10-31] fonts for the panel (body.app); @import must stay at the top. Own copies, no Google request. */
@import url("../fonts/archivo/archivo.css");
@import url("../../../../uploads/fonts/bricolage-grotesque/font.css");
/* [tasarim 2026-10-31] biolink statistics: AltumCode loads daterangepicker.css only for non-biolink links, so the raw "Today / Yesterday ..." list showed at the page bottom */
@import url("libraries/daterangepicker.min.css");
/* [light 2026-11-01w] public pages are LIGHT (user: "Koyu olmasın, default hepsi açık gelsin"). Palette = homepage (home.css):
   ground #F7F7F4, white cards, ink #0B0C1A, cobalt #2E33F0 for links/buttons, lime #D8FF3D only as a fill with ink on it.
   Dark Volt version: tappon-volt.css.tappon-yedek-20261101w. Controller forces theme_style=light on wrapper pages (core-patches/50). */
:root{--tv-bg:#F7F7F4;--tv-surface:#FFFFFF;--tv-soft:#F1F2FA;--tv-line:#E2E3EC;--tv-line-2:#CDCFDC;--tv-text:#0B0C1A;--tv-muted:#454861;--tv-dim:#5C5F76;--tv-accent:#2E33F0;--tv-accent-h:#2328D6;--tv-ink:#0B0C1A;--tv-lime:#D8FF3D;--tv-lime-h:#E4FF7A;--tv-focus:rgba(46,51,240,.28)}

body.index{background:var(--tv-bg)!important;color:var(--tv-text);font-family:Archivo,system-ui,sans-serif}
body.index h1,body.index h2,body.index h3,body.index h4,body.index h5,body.index .h1,body.index .h2,body.index .h3,body.index .h4,body.index .h5{font-family:Archivo,system-ui,sans-serif;color:var(--tv-text)}
body.index a{color:var(--tv-accent)}
body.index a:hover{color:var(--tv-accent-h)}
body.index .text-primary{color:var(--tv-accent)!important}
body.index .text-muted{color:var(--tv-dim)!important}
body.index .text-gray-500,body.index .text-gray-600{color:var(--tv-dim)!important}
body.index .index-background-blurs{display:none}
/* the AltumCode light/dark switch is hidden on public pages (they are always light); the panel keeps it */
body.index #switch_theme_style{display:none!important}
body.index #switch_theme_style:only-child{display:none!important}

/* menu */
body.index .navbar-main{background:transparent!important;border:0!important;box-shadow:none!important;margin-bottom:0!important;padding:24px 0}
body.index .navbar-main .navbar-brand{color:var(--tv-text)!important;font-weight:900;font-size:24px;letter-spacing:-.5px}
body.index .navbar-main .nav-link{color:var(--tv-muted)!important;font-weight:600}
body.index .navbar-main .nav-link:hover{color:var(--tv-text)!important}
body.index .navbar-main .nav-link.text-primary{background:var(--tv-accent);color:#fff!important;border-radius:999px;padding:10px 20px!important;font-weight:800}
body.index .navbar-main .nav-link.text-primary:hover{background:var(--tv-accent-h)}
body.index .navbar-custom-toggler{color:var(--tv-text)}
body.index .dropdown-menu{background:var(--tv-surface);border:1px solid var(--tv-line);box-shadow:0 12px 32px -16px rgba(11,12,26,.18)}
body.index .dropdown-item{color:var(--tv-text)}
body.index .dropdown-item:hover,body.index .dropdown-item:focus{background:var(--tv-soft);color:var(--tv-text)}

/* footer (text: core-patches/32-footer-branding.patch) */
body.index .app-footer{background:var(--tv-surface);color:var(--tv-dim);border:1px solid var(--tv-line)}
body.index .app-footer a{color:var(--tv-muted)}
body.index .app-footer a:hover{color:var(--tv-accent)}
body.index .app-footer .footer-heading{color:var(--tv-text)!important}
body.index .app-footer .font-weight-600{color:var(--tv-text)}
body.index .footer button,body.index .footer button:hover{color:var(--tv-muted)!important}

/* bootstrap bits on public pages (plan, contact, api docs, pages, blog …) */
body.index .card{background:var(--tv-surface);border-color:var(--tv-line);color:var(--tv-text)}
body.index .list-group-item{background:var(--tv-surface);border-color:var(--tv-line);color:var(--tv-text)}
body.index .form-control,body.index .custom-select{background:#fff;border-color:var(--tv-line-2);color:var(--tv-text)}
body.index .form-control::placeholder{color:#6B6E84}
body.index .form-control:focus,body.index .custom-select:focus{border-color:var(--tv-accent);box-shadow:0 0 0 .2rem var(--tv-focus)}
body.index .btn-primary{background:var(--tv-accent);border-color:var(--tv-accent);color:#fff;font-weight:800}
body.index .btn-primary:hover,body.index .btn-primary:focus,body.index .btn-primary:not(:disabled):active{background:var(--tv-accent-h);border-color:var(--tv-accent-h);color:#fff}
body.index .btn-primary:focus{box-shadow:0 0 0 .2rem var(--tv-focus)}
body.index .btn-outline-primary{color:var(--tv-accent);border-color:var(--tv-accent)}
body.index .btn-outline-primary:hover{background:var(--tv-accent);color:#fff}
body.index .custom-control-input:checked~.custom-control-label::before{background-color:var(--tv-accent);border-color:var(--tv-accent)}
body.index .bg-primary{background-color:var(--tv-accent)!important}
body.index .custom-breadcrumbs>li>a{color:var(--tv-accent)}
body.index .custom-breadcrumbs>li.active,body.index .custom-breadcrumbs>li{color:var(--tv-muted)}
body.index :focus-visible{outline-color:var(--tv-accent)}
/* AltumCode inline orange (RSS link on /blog) is under 3:1 on white */
body.index a[href$="/blog/feed"]{color:var(--tv-accent)!important}

/* homepage */
.tv-hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding:56px 15px 96px}
.tv-hero-text{flex:999 1 520px;min-width:0}
.tv-hero-phone{flex:1 1 320px;display:flex;justify-content:center}
.tv-kicker{margin:0 0 20px;font:500 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;color:var(--tv-accent)}
.tv-h1{margin:0;font-size:clamp(56px,9vw,104px);line-height:.92;font-weight:900;letter-spacing:-.04em}
.tv-lead{margin:28px 0 36px;font-size:20px;line-height:1.5;color:var(--tv-muted);max-width:520px}
.tv-h2{margin:0 0 40px;font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:-.035em;line-height:1;max-width:760px}

.tv-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.tv-btn-lg{height:60px;padding:0 28px;font-size:17px}
.tv-btn-accent{background:var(--tv-lime);color:var(--tv-ink)!important}
.tv-btn-accent:hover{background:var(--tv-lime-h)}

.tv-claim{display:flex;flex-wrap:wrap;gap:10px;max-width:560px}
.tv-claim-field{flex:1 1 280px;display:flex;align-items:center;margin:0;background:#fff;border:1px solid var(--tv-line-2);border-radius:999px;padding:0 22px;height:60px;font-size:18px}
.tv-claim-field:focus-within{border-color:var(--tv-accent)}
.tv-claim-prefix{color:var(--tv-dim)}
.tv-claim-domain{background:transparent;border:0;color:var(--tv-dim);font:inherit;max-width:180px}
.tv-claim-field input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--tv-text);font:inherit}

.tv-phone{width:300px;height:600px;border-radius:48px;background:var(--tv-surface);border:2px solid var(--tv-line-2);padding:28px 22px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;transform:rotate(4deg)}
.tv-phone-avatar{width:88px;height:88px;border-radius:50%;background:var(--tv-lime);margin-top:20px}
.tv-phone-name{font-weight:800;font-size:20px}
.tv-phone-bio{font-size:14px;color:var(--tv-dim);margin-bottom:12px}
.tv-phone-link{width:100%;height:54px;border-radius:16px;background:var(--tv-soft);display:flex;align-items:center;justify-content:center;font-weight:700}
.tv-phone-link-light{background:var(--tv-ink);color:#fff}

.tv-section{border-top:1px solid var(--tv-line);padding-top:88px;padding-bottom:88px}
.tv-section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.tv-section-head .tv-h2{margin:0}
.tv-more{font-weight:800;font-size:17px}
.tv-grid{display:grid;gap:20px}
.tv-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tv-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:991px){.tv-grid-3,.tv-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){.tv-grid-3,.tv-grid-4{grid-template-columns:1fr}.tv-phone{transform:none}}

.tv-card{display:flex;flex-direction:column;gap:12px;background:var(--tv-surface);border-radius:28px;padding:32px;color:var(--tv-text)!important;text-decoration:none!important;border:1px solid transparent;transition:border-color .15s}
a.tv-card:hover{border-color:var(--tv-accent)}
.tv-card h3{margin:0;font-size:24px;font-weight:800}
.tv-card p{margin:0;color:var(--tv-muted);line-height:1.5}
.tv-card-icon{font-size:28px;color:var(--tv-accent)}
.tv-card-sm{padding:24px;border-radius:24px;border-color:var(--tv-line)}
.tv-card-sm strong{font-size:19px}
.tv-card-sm span{color:var(--tv-muted);font-size:15px}
.tv-card-outline{background:transparent;border-color:var(--tv-line)}

.tv-faq{max-width:860px;margin-left:auto;margin-right:auto}
.tv-faq details{border-bottom:1px solid var(--tv-line);padding:22px 0}
.tv-faq summary{font-weight:800;font-size:20px;cursor:pointer}
.tv-faq details p{margin:12px 0 0;color:var(--tv-muted);line-height:1.6}

.tv-cta{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
body.index .navbar-main .nav-item:not(:last-child) .nav-link.text-primary{background:transparent;color:var(--tv-text)!important;border:1px solid var(--tv-line-2)}
body.index .navbar-main .nav-item:not(:last-child) .nav-link.text-primary:hover{background:var(--tv-surface);border-color:var(--tv-text)}

/* pick and see (2026-10-30) */
.tsg-lead{margin:0;max-width:360px;color:var(--tv-muted)}
.tsg-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:start;background:var(--tv-surface);border:1px solid var(--tv-line);border-radius:32px;padding:40px}
.tsg-ctl h3{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tv-dim)}
.tsg-ctl>div{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.tsg-stores button,.tsg-fn button{font:inherit;font-weight:700;font-size:16px;border:1px solid var(--tv-line);background:transparent;color:var(--tv-text);border-radius:999px;padding:10px 18px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.tsg-fn button{font-size:17px;font-weight:600}
.tsg-stores button:hover,.tsg-fn button:hover{border-color:var(--tv-muted)}
.tsg-stores button[aria-pressed=true],.tsg-fn button[aria-pressed=true]{background:var(--tv-ink);border-color:var(--tv-ink);color:#fff}
.tsg-sw button{width:44px;height:44px;border-radius:50%;border:3px solid var(--tv-surface);outline:2px solid transparent;cursor:pointer;padding:0;position:relative;overflow:hidden;transition:transform .15s}
.tsg-sw button:hover{transform:scale(1.08)}
.tsg-sw button i{position:absolute;right:5px;bottom:5px;width:13px;height:13px;border-radius:50%;border:2px solid #fff}
.tsg-sw button[aria-pressed=true]{outline-color:var(--tv-accent)}
.tsg-ctl .tsg-go{display:inline-flex}
.tsg-stage{display:flex;flex-direction:column;align-items:center;gap:14px}
.tsg-cap{font-size:14px;color:var(--tv-dim)}
.tsg-ph{--pb:#2E33F0;--pb2:#8A3FF2;--pt:#fff;--pa:#D8FF3D;--po:#111;--pl:rgba(255,255,255,.16);--pf:system-ui,sans-serif;width:330px;max-width:100%;height:660px;border-radius:48px;border:9px solid #000;background:linear-gradient(160deg,var(--pb),var(--pb2),var(--pb));background-size:100% 300%;animation:tsgbg 14s ease-in-out infinite alternate;color:var(--pt);font-family:var(--pf);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;box-shadow:0 40px 80px -40px rgba(11,12,26,.45)}
.tsg-ph::-webkit-scrollbar{display:none}
@keyframes tsgbg{to{background-position:0 100%}}
.tsg-pg{padding:14px 14px 28px;display:flex;flex-direction:column;gap:10px}
.tsg-pg.in>*{animation:tsgin .5s cubic-bezier(.2,.8,.2,1.2) backwards}
.tsg-pg.in>*:nth-child(2){animation-delay:.05s}.tsg-pg.in>*:nth-child(3){animation-delay:.1s}.tsg-pg.in>*:nth-child(4){animation-delay:.15s}.tsg-pg.in>*:nth-child(5){animation-delay:.2s}.tsg-pg.in>*:nth-child(n+6){animation-delay:.25s}
@keyframes tsgin{from{transform:translateY(24px) scale(.96)}}
@media (prefers-reduced-motion:reduce){.tsg-ph{animation:none}.tsg-pg.in>*{animation:none}}
.tsg-pg img{display:block;width:100%;height:100%;object-fit:cover}
.tsg-pg b,.tsg-pg small{display:block}
.tsg-pg .c{height:150px;border-radius:24px;overflow:hidden;position:relative}
.tsg-pg .c .bn{position:absolute;left:10px;bottom:10px;background:var(--pa);color:var(--po);font-weight:800;font-size:13px;padding:5px 10px;border-radius:999px}
.tsg-pg .p{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;margin-top:-42px;position:relative}
.tsg-pg .p:first-child{margin-top:20px}
.tsg-pg .a{width:84px;height:84px;border-radius:50%;overflow:hidden;border:4px solid var(--pa);margin-bottom:6px}
.tsg-pg .p b{font-size:21px;font-weight:800;line-height:1.15}
.tsg-pg .p small{font-size:13px;opacity:.78}
.tsg-pg .l{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:16px;background:var(--pl);color:var(--pt)!important;font-weight:700;font-size:15px;padding:0 16px;text-align:center;text-decoration:none!important}
.tsg-pg .l.f{background:var(--pa);color:var(--po)!important}
.tsg-pg .g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tsg-pg .g>div{background:var(--pl);border-radius:16px;padding:6px;font-size:13px}
.tsg-pg .g img{height:96px;border-radius:12px;margin-bottom:6px}
.tsg-pg .g b{padding:0 4px}
.tsg-pg .g em{display:block;padding:0 4px 4px;font-style:normal;font-weight:800;color:var(--pa)}
.tsg-pg .mq{overflow:hidden;white-space:nowrap;background:var(--pa);color:var(--po);border-radius:999px;padding:8px 0;font-weight:800;font-size:13px}
.tsg-pg .mq span{display:inline-block;padding-left:100%;animation:tsgmq 14s linear infinite}
@keyframes tsgmq{to{transform:translateX(-100%)}}
.tsg-pg .h{position:relative;height:300px;border-radius:24px;overflow:hidden}
.tsg-pg .h>div{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}
.tsg-pg .h b{font-size:34px;font-weight:900;line-height:.95;letter-spacing:-.02em}
.tsg-pg .h small{font-size:13px;opacity:.9;margin-top:6px}
.tsg-pg .au{display:flex;align-items:center;gap:12px;background:var(--pl);border-radius:16px;padding:10px}
.tsg-pg .au .pl{width:44px;height:44px;flex:none;border-radius:50%;background:var(--pa);color:var(--po);display:grid;place-items:center}
.tsg-pg .au small{opacity:.75;font-size:12px}
.tsg-pg .cd{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.tsg-pg .cd>div{background:var(--pl);border-radius:14px;padding:10px 0}
.tsg-pg .cd b{font-size:26px;font-weight:900;color:var(--pa)}
.tsg-pg .cd small{font-size:10px;opacity:.7;letter-spacing:.1em}
.tsg-pg .st{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tsg-pg .st img{height:110px;border-radius:12px}
@media (max-width:991px){.tsg-wrap{grid-template-columns:1fr;padding:24px}.tsg-stage{order:-1}}
@media (max-width:575px){.tsg-wrap{padding:16px;border-radius:24px}.tsg-ph{height:600px}}

/* ==========================================================================
   [tasarim 2026-10-31] PANEL (body.app, loaded via core-patches/08-volt-panel-css.patch)
   Volt language for the logged-in screens: cobalt primary, lime accent (dark),
   Archivo text, Bricolage Grotesque headings, Volt surfaces. Additive only;
   delete this whole block to return to the AltumCode look.
   ========================================================================== */
body.app{--tp-cobalt:#2E33F0;--tp-cobalt-h:#2328D6;--tp-lime:#D8FF3D;--tp-link:#2E33F0;font-family:Archivo,system-ui,sans-serif}
body.app[data-theme-style="dark"]{--tp-link:#9A9DFF;--white:#161618;--gray-50:#0B0B0C;--gray-100:#232327;--gray-200:#2C2C31;--gray-300:#3A3A40;background:#0B0B0C}
body.app h1,body.app h2,body.app h3,body.app .h1,body.app .h2,body.app .h3,body.app .app-sidebar-title a{font-family:"Bricolage Grotesque",Archivo,system-ui,sans-serif;letter-spacing:-.02em}
body.app h1,body.app .h1,body.app h2,body.app .h2{font-weight:800}

/* sidebar */
body.app .app-sidebar-title a{font-weight:800;font-size:1.5rem}
body.app .navbar .navbar-brand{font-family:"Bricolage Grotesque",Archivo,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}
body.app .app-sidebar-links>li.active>a:not(.default){background:var(--tp-cobalt);color:#fff;font-weight:700}
body.app[data-theme-style="dark"] .app-sidebar-links>li.active>a:not(.default){background:var(--tp-lime);color:#0B0B0C}
body.app[data-theme-style="dark"] .app-sidebar{background:#161618;border-color:#26262A}

/* surfaces (dark) */
body.app[data-theme-style="dark"] .card{background-color:#161618;border-color:#26262A}
body.app[data-theme-style="dark"] .modal-content,body.app[data-theme-style="dark"] .dropdown-menu{background-color:#161618;border-color:#2C2C31}
body.app[data-theme-style="dark"] .form-control,body.app[data-theme-style="dark"] .custom-select,body.app[data-theme-style="dark"] .input-group-text{background-color:#1A1A1C;border-color:#333336}

/* primary actions: cobalt in both modes (biolink theme previews .link-btn keep their inline colours) */
body.app .btn-primary:not(.link-btn){background-color:var(--tp-cobalt);border-color:var(--tp-cobalt);color:#fff;font-weight:700}
body.app .btn-primary:not(.link-btn):hover,body.app .btn-primary:not(.link-btn):focus,body.app .btn-primary:not(.link-btn):not(:disabled):active{background-color:var(--tp-cobalt-h);border-color:var(--tp-cobalt-h);color:#fff}
body.app .btn-primary:not(.link-btn):focus,body.app .form-control:focus,body.app .custom-select:focus{box-shadow:0 0 0 .2rem rgba(46,51,240,.3)}
body.app[data-theme-style="dark"] .form-control:focus,body.app[data-theme-style="dark"] .custom-select:focus{border-color:var(--tp-lime);box-shadow:0 0 0 .2rem rgba(216,255,61,.18)}
body.app .custom-control-input:checked~.custom-control-label::before{background-color:var(--tp-cobalt);border-color:var(--tp-cobalt)}
body.app .progress-bar,body.app .bg-primary{background-color:var(--tp-cobalt)!important}
body.app[data-theme-style="dark"] .progress-bar{background-color:var(--tp-lime)!important}
body.app .text-primary{color:var(--tp-link)!important}
body.app .spinner-border.text-primary{color:var(--tp-cobalt)!important}

/* tabs (Settings / Blocks, account tabs, statistics tabs): active = filled pill */
body.app .btn-custom.active{background:var(--tp-cobalt);color:#fff;border-color:var(--tp-cobalt)!important}
body.app[data-theme-style="dark"] .btn-custom.active{background:var(--tp-lime);color:#0B0B0C;border-color:var(--tp-lime)!important}
body.app[data-theme-style="dark"] .btn-group-toggle .btn-light.active{background:#2C2C31;border-color:var(--tp-lime);color:#fff}

/* link type icons (#) in lists */
body.app .link-type-icon.bg-primary{background-color:var(--tp-cobalt)!important}

/* help center: /pages + /pages/<category> (2026-11-01m), views in plugins/tappon-blocks/views/pages/ */
body.index .tph{padding-top:8px;padding-bottom:72px}
body.index .tph-hero{max-width:760px;margin:0 auto;padding:40px 0 16px;text-align:center}
body.index .tph-hero-sm{padding-top:16px}
body.index .tph-kicker{margin:0 0 18px;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--tv-accent)}
body.index .tph-h1{margin:0;font-size:clamp(40px,7vw,72px);line-height:.98;font-weight:900;letter-spacing:-.035em;color:var(--tv-text);overflow-wrap:anywhere}
body.index .tph-hero-sm .tph-h1{font-size:clamp(34px,5.5vw,56px)}
body.index .tph-lead{margin:22px auto 0;max-width:600px;font-size:18px;line-height:1.55;color:var(--tv-muted)}
body.index .tph-hero-icon{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:20px;background:var(--tv-lime);color:var(--tv-ink);font-size:26px}
body.index .tph-section{margin-top:56px}
body.index .tph-h2{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tv-dim)}
body.index .tph-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.index .tph-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.index .tph-grid-2,body.index .tph-grid-1{grid-template-columns:repeat(2,minmax(0,1fr))}
body.index .tph-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:28px 24px 24px;border-radius:24px;background:var(--tv-surface);border:1px solid var(--tv-line);color:var(--tv-text)!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
body.index .tph-card:hover,body.index .tph-card:focus-visible{border-color:var(--tv-accent);transform:translateY(-2px);box-shadow:0 16px 32px -20px rgba(46,51,240,.35)}
body.index .tph-card:focus-visible,body.index .tph-row:focus-visible,body.index .tph-back:focus-visible{outline:2px solid var(--tv-accent);outline-offset:3px}
body.index .tph-card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border-radius:16px;background:var(--tv-lime);color:var(--tv-ink);font-size:20px}
body.index .tph-card-title{font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.01em}
body.index .tph-card-desc{color:var(--tv-muted);font-size:15px;line-height:1.5}
body.index .tph-card-go{margin-top:auto;padding-top:8px;color:var(--tv-dim);transition:color .15s,transform .15s}
body.index .tph-card:hover .tph-card-go{color:var(--tv-accent);transform:translateX(4px)}
body.index .tph-card-meta{margin-top:auto;padding-top:8px;color:var(--tv-dim);font-size:14px}
body.index .tph-list{display:flex;flex-direction:column;gap:10px}
body.index .tph-row{display:flex;align-items:center;gap:18px;min-width:0;padding:18px 22px;border-radius:20px;background:var(--tv-surface);border:1px solid var(--tv-line);color:var(--tv-text)!important;text-decoration:none!important;transition:border-color .15s}
body.index .tph-row:hover{border-color:var(--tv-accent)}
body.index .tph-row-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--tv-soft);color:var(--tv-accent);font-size:16px}
body.index .tph-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
body.index .tph-row-title{font-size:17px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
body.index .tph-row-desc{color:var(--tv-dim);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
body.index .tph-row-go{flex:none;color:var(--tv-dim);transition:color .15s,transform .15s}
body.index .tph-row:hover .tph-row-go{color:var(--tv-accent);transform:translateX(4px)}
body.index .tph-empty{margin:0;padding:28px;border-radius:20px;border:1px dashed var(--tv-line);color:var(--tv-muted);text-align:center}
body.index .tph-back{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-weight:700;color:var(--tv-muted)!important;text-decoration:none!important}
body.index .tph-back:hover{color:var(--tv-accent)!important}
@media (max-width:991px){body.index .tph-grid,body.index .tph-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){
  body.index .tph-hero{padding-top:20px}
  body.index .tph-lead{font-size:16px}
  body.index .tph-section{margin-top:40px}
  body.index .tph-grid,body.index .tph-grid-4,body.index .tph-grid-2,body.index .tph-grid-1{grid-template-columns:1fr}
  body.index .tph-card{padding:22px 20px 20px}
  body.index .tph-row{gap:14px;padding:16px}
  body.index .tph-row-icon{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){body.index .tph-card,body.index .tph-card-go,body.index .tph-row-go{transition:none}body.index .tph-card:hover{transform:none}}

/* ==========================================================================
   [panel-sade 2026-11-02] light panel: white ground, quiet sidebar, settings buttons as one list (dark theme untouched).
   Delete this block to return to the previous look. Approved: artifact "tappon Panel Görünümü".
   ========================================================================== */
body.app[data-theme-style="light"],body.app[data-theme-style="light"] .app-container,body.app[data-theme-style="light"] .app-content{background:#fff}
body.app[data-theme-style="light"] .app-sidebar{background:#fff;border-color:#E7E8EF}
@media (min-width:992px){
  body.app[data-theme-style="light"] .app-sidebar{margin:0;border-width:0 1px 0 0;border-radius:0}
  body.app[data-theme-style="light"] .app-content{margin-left:260px}
}
body.app[data-theme-style="light"] .app-sidebar-links>li>a{color:#3A3D55;padding:.6rem .8rem;border-radius:9px;transition:background .15s,color .15s}
body.app[data-theme-style="light"] .app-sidebar-links>li{padding-top:.08rem;padding-bottom:.08rem}
body.app[data-theme-style="light"] .app-sidebar-links>li:not(.active)>a:not(.default):hover{background:#F4F5FB;color:#0B0C1A}
body.app[data-theme-style="light"] .app-sidebar-links>li.active>a:not(.default){background:#F4F5FB;color:#2E33F0;font-weight:600}
body.app[data-theme-style="light"] .btn-primary:not(.link-btn){font-weight:600;border-radius:11px}

body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]{--r:14px;display:flex;align-items:center;gap:13px;width:100%;margin:0!important;padding:12px 14px;text-align:left;background:#fff;color:#0B0C1A;border:1px solid #E7E8EF;border-radius:0;font-size:15px;font-weight:500;box-shadow:none;transition:background .15s}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]:hover,body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]:focus{background:#FAFAFD;color:#0B0C1A}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]:focus-visible{outline:2px solid #2E33F0;outline-offset:1px;position:relative;z-index:1}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]>i:first-child{width:32px;height:32px;line-height:32px;margin:0!important;flex:none;text-align:center;border-radius:9px;background:#F4F5FB;color:#3A3D55;font-size:.8rem;transition:background .15s,color .15s}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]::after{content:"\f078";margin-left:auto;font:900 11px/1 "Font Awesome 6 Free";color:#A3A6B8;transition:transform .2s,color .15s}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle="modal"]::after{content:"\f054"}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[aria-expanded="true"]{font-weight:600}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[aria-expanded="true"]::after{transform:rotate(180deg);color:#2E33F0}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[aria-expanded="true"]>i:first-child{background:#2E33F0;color:#fff}
/* first / middle / last of a run: rows are direct siblings with their .collapse between them */
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]:not(.collapse + .btn-gray-200){margin-top:1.5rem!important;border-top-left-radius:var(--r);border-top-right-radius:var(--r)}
body.app[data-theme-style="light"] .collapse + .btn-gray-200.btn-block[data-toggle]{margin-top:-1px!important}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]:not(:has(+ .collapse + .btn-gray-200)){border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);margin-bottom:1.25rem!important}
body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle] + .collapse.show{padding:16px 14px 6px}
@media (prefers-reduced-motion:reduce){body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle],body.app[data-theme-style="light"] .btn-gray-200.btn-block[data-toggle]::after{transition:none}}