/* Odeme Gruplari sayfasi */
#page-gruplar{display:none}
#page-gruplar.active{display:block}
.pg-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;margin:0 14px 14px;border:1px solid rgba(84,196,228,.32);border-radius:18px;background:radial-gradient(560px 220px at 88% 0,rgba(40,175,215,.16),transparent 70%),linear-gradient(135deg,#082a42,#041725);overflow:hidden}
.pg-kicker{display:inline-block;margin-bottom:8px;padding:5px 12px;border:1px solid rgba(86,214,235,.42);border-radius:999px;background:rgba(20,120,150,.16);color:#7ceefa;font-size:10.5px;font-weight:850;letter-spacing:.16em}
.pg-hero h2{margin:0 0 8px;color:#f2fbff;font:800 clamp(26px,2.4vw,36px)/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:-.6px}
.pg-hero h2 em{color:#5fe8f2;font-style:normal;text-shadow:0 0 22px rgba(95,232,242,.55)}
.pg-hero p{margin:0;max-width:56ch;color:#9fbccb;font-size:14px;line-height:1.6}
.pg-hero-stats{display:flex;gap:10px;flex-wrap:wrap}
.pg-stat{min-width:112px;padding:12px 15px;border:1px solid rgba(88,190,220,.28);border-radius:12px;background:rgba(5,28,44,.62);text-align:center}
.pg-stat small{display:block;color:#7f9dae;font-size:9.5px;font-weight:800;letter-spacing:.1em}
.pg-stat b{display:block;margin-top:6px;color:#eaf9ff;font-size:20px;font-weight:800}
.pg-body{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:14px;margin:0 14px 20px;align-items:start}
.pg-groups{display:flex;flex-direction:column;gap:9px}
.pg-tile{--pgc:#4fd2ff;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 13px;border:1px solid color-mix(in srgb,var(--pgc) 38%,transparent);border-radius:13px;background:linear-gradient(150deg,rgba(9,33,52,.95),rgba(3,15,27,.97));color:#e9f7fc;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:0 0 0 rgba(0,0,0,0)}
.pg-tile:hover{transform:translateX(3px);border-color:var(--pgc);box-shadow:0 0 22px -6px var(--pgc)}
.pg-tile.active{border-color:var(--pgc);background:linear-gradient(150deg,color-mix(in srgb,var(--pgc) 18%,#08283f),rgba(3,15,27,.98));box-shadow:0 0 26px -6px var(--pgc),inset 0 1px rgba(255,255,255,.12)}
.pg-tile-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--pgc) 55%,transparent);background:color-mix(in srgb,var(--pgc) 13%,transparent);color:var(--pgc);box-shadow:0 0 16px -6px var(--pgc)}
.pg-tile-icon svg{width:23px;height:23px}
.pg-tile-body{min-width:0;flex:1}
.pg-tile-body b{display:block;font-size:13.5px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
.pg-tile-body small{display:block;margin-top:3px;color:#8aa8b8;font-size:11px}
.pg-tile>i{color:var(--pgc);font-style:normal;font-size:20px;opacity:.55}
.pg-tile.pg-all{--pgc:#4fd2ff}.pg-tile.pg-gold{--pgc:#ffcf5e}.pg-tile.pg-red{--pgc:#ff5f7e}.pg-tile.pg-green{--pgc:#3dffb4}.pg-tile.pg-orange{--pgc:#ffa45e}.pg-tile.pg-purple{--pgc:#b98cff}.pg-tile.pg-cyan{--pgc:#5fe8f2}
.pg-list-wrap{border:1px solid rgba(74,160,196,.22);border-radius:16px;background:rgba(4,19,33,.72);overflow:hidden}
.pg-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid rgba(74,160,196,.18)}
.pg-list-head h3{margin:0;color:#eef9fd;font-size:19px;font-weight:800}
.pg-list-head p{margin:4px 0 0;color:#87a4b4;font-size:12px}
.pg-list-head input{min-width:230px;padding:10px 13px;border:1px solid rgba(84,176,206,.35);border-radius:9px;background:#041624;color:#e8f7fd;font-size:13px;outline:0}
.pg-list-head input:focus{border-color:#5fe8f2;box-shadow:0 0 0 3px rgba(95,232,242,.12)}
.pg-list-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pg-export-btn{padding:10px 16px;border:1px solid rgba(95,232,242,.5);border-radius:9px;background:rgba(95,232,242,.12);color:#bdf3fa;font-size:12.5px;font-weight:800;cursor:pointer;transition:.18s;white-space:nowrap}
.pg-export-btn:hover{background:rgba(95,232,242,.24);box-shadow:0 0 16px -4px rgba(95,232,242,.6)}
.pg-rows{display:flex;flex-direction:column;max-height:62vh;overflow:auto}
.pg-row{display:grid;grid-template-columns:44px minmax(0,1fr) 108px 88px 118px;gap:12px;align-items:center;padding:13px 18px;border:0;border-bottom:1px solid rgba(66,140,172,.12);background:transparent;color:#eaf6fb;text-align:left;cursor:pointer;transition:background .15s}
.pg-row:hover{background:rgba(30,120,155,.14)}
.pg-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1.5px solid rgba(95,232,242,.45);background:linear-gradient(135deg,#0e5b78,#062334);color:#c8f6ff;font-size:14px;font-weight:800}
.pg-person{min-width:0}
.pg-person b{display:block;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.pg-person small{display:block;margin-top:3px;color:#7f9cad;font-size:11px}
.pg-money{min-width:0}
.pg-money small{display:block;color:#708e9f;font-size:9px;font-weight:800;letter-spacing:.09em}
.pg-money b{display:block;margin-top:4px;font-size:13.5px;font-weight:800;white-space:nowrap;overflow-wrap:anywhere}
.pg-money b.ok{color:#3dffb4}.pg-money b.warn{color:#ffcf5e}.pg-money b.bad{color:#ff5f7e}
.pg-empty,.pg-loading{padding:56px 20px;text-align:center;color:#8199a8;font-size:14px}
.pg-spin{display:inline-block;width:18px;height:18px;margin-right:9px;border:2px solid rgba(95,232,242,.25);border-top-color:#5fe8f2;border-radius:50%;animation:pgSpin .8s linear infinite;vertical-align:-3px}
@keyframes pgSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.pg-body{grid-template-columns:1fr}.pg-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.pg-hero{flex-direction:column;align-items:flex-start}.pg-row{grid-template-columns:40px minmax(0,1fr) 90px;row-gap:6px}.pg-row .pg-money:nth-of-type(4){display:none}}
@media(max-width:640px){.pg-row{grid-template-columns:38px minmax(0,1fr);padding:12px}.pg-row .pg-money{grid-column:2}.pg-list-head input{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.pg-tile{transition:none}.pg-spin{animation:none}}

/* Arama notlari */
.call-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px}
.call-note-card{--cnc:#7c8aff;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid color-mix(in srgb,var(--cnc) 42%,transparent);border-radius:14px;background:radial-gradient(240px 110px at 100% 0,color-mix(in srgb,var(--cnc) 12%,transparent),transparent 70%),linear-gradient(150deg,rgba(9,30,48,.96),rgba(3,15,28,.98));box-shadow:0 0 20px -8px var(--cnc)}
.call-note-card.slot-2{--cnc:#5fe8f2}
.call-note-head{display:flex;align-items:center;gap:11px}
.call-note-badge{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid color-mix(in srgb,var(--cnc) 60%,transparent);background:color-mix(in srgb,var(--cnc) 15%,transparent);color:var(--cnc);font-size:18px;font-weight:800}
.call-note-head b{display:block;color:#eef8fc;font-size:15px}
.call-note-head small{display:block;margin-top:3px;color:#8fa9b8;font-size:11.5px}
.call-note-date{padding:9px 11px;border:1px solid rgba(100,160,190,.3);border-radius:8px;background:#041624;color:#e6f6fd;font-size:12.5px}
.call-note-text{min-height:88px;padding:11px 12px;border:1px solid rgba(100,160,190,.3);border-radius:9px;background:#041624;color:#e9f7fd;font:13px/1.6 'Segoe UI',Arial,sans-serif;resize:vertical}
.call-note-date:focus,.call-note-text:focus{outline:0;border-color:var(--cnc);box-shadow:0 0 0 3px color-mix(in srgb,var(--cnc) 18%,transparent)}
.call-note-save{align-self:flex-start;padding:9px 18px;border:1px solid color-mix(in srgb,var(--cnc) 55%,transparent);border-radius:9px;background:color-mix(in srgb,var(--cnc) 16%,transparent);color:#e9fdff;font-size:12.5px;font-weight:800;cursor:pointer;transition:.18s}
.call-note-save:hover{background:color-mix(in srgb,var(--cnc) 28%,transparent);box-shadow:0 0 16px -4px var(--cnc)}
.call-note-save:disabled{opacity:.6;cursor:wait}
.pg-call-chips{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
.pg-call-chip{padding:2px 8px;border-radius:999px;font-size:9.5px;font-weight:800;border:1px solid rgba(124,138,255,.5);background:rgba(124,138,255,.14);color:#b9c2ff}
.pg-call-chip.n2{border-color:rgba(95,232,242,.5);background:rgba(95,232,242,.14);color:#9df1f8}
.pg-tile.pg-purple{--pgc:#b98cff}
@media(max-width:820px){.call-notes-grid{grid-template-columns:1fr;padding:14px}}

/* Fazla odeme karti */
.cari-overpay-card{display:flex;align-items:center;gap:16px;margin-top:14px;padding:18px 22px;border:1.5px solid rgba(255,200,90,.6);border-radius:16px;background:radial-gradient(420px 160px at 92% 0,rgba(255,195,80,.18),transparent 70%),linear-gradient(150deg,rgba(60,42,8,.92),rgba(24,17,4,.96));box-shadow:0 0 26px -8px rgba(255,200,90,.7),inset 0 1px rgba(255,255,255,.1);animation:overpayPulse 3s ease-in-out infinite}
@keyframes overpayPulse{0%,100%{box-shadow:0 0 24px -8px rgba(255,200,90,.6),inset 0 1px rgba(255,255,255,.1)}50%{box-shadow:0 0 40px -4px rgba(255,200,90,.9),inset 0 1px rgba(255,255,255,.16)}}
.cari-overpay-icon{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;border:1.5px solid rgba(255,205,100,.75);background:rgba(255,190,60,.16);color:#ffdc95;font-size:30px;font-weight:800;box-shadow:0 0 22px -6px rgba(255,200,90,.8)}
.cari-overpay-body{min-width:0}
.cari-overpay-body>span{display:block;color:#ffd98a;font-size:11px;font-weight:850;letter-spacing:.14em}
.cari-overpay-body>b{display:block;margin-top:5px;color:#ffe9b8;font:800 clamp(24px,2.4vw,34px)/1 "Segoe UI",Arial,sans-serif;text-shadow:0 0 24px rgba(255,200,90,.7)}
.cari-overpay-body>small{display:block;margin-top:7px;color:#d9c193;font-size:13px;line-height:1.5}
.pg-tile.pg-gold{--pgc:#ffcf5e}
@media(prefers-reduced-motion:reduce){.cari-overpay-card{animation:none}}