.esma-program-page{width:100%;max-width:960px;margin:0 auto;padding:8px 20px 24px}.esma-program-page>header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:16px;display:grid}.esma-program-page h1{font-family:var(--font-reading);font-size:26px;line-height:1.2}.ep{flex-direction:column;gap:14px;display:flex}.ep-selection{z-index:5;background:var(--card);border:1px solid var(--border);box-shadow:0 12px 30px -18px color-mix(in oklch, var(--foreground) 35%, transparent);border-radius:16px;padding:14px;position:sticky;top:0}.ep-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ep-slot{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:92px;padding:8px;display:flex;position:relative}.ep-slot-empty{border:1.5px dashed var(--border);color:var(--muted-foreground);font-size:18px;font-family:var(--font-reading)}.ep-slot-filled{background:color-mix(in oklch, var(--primary) 10%, var(--card));border:1px solid color-mix(in oklch, var(--primary) 45%, transparent);color:var(--foreground);transition:transform .15s}.ep-slot-filled:active{transform:scale(.97)}.ep-slot-ar{color:var(--primary);font-size:20px;line-height:1.3}.ep-slot-tr{overflow-wrap:anywhere;font-size:12px;font-weight:600}.ep-slot-val{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:10px}.ep-slot-x{width:13px;height:13px;color:var(--muted-foreground);position:absolute;top:6px;right:6px}.ep-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.ep-hint{color:var(--muted-foreground);margin-right:auto;font-size:12px}.ep-result{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;display:flex}.ep-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ep-result-grid>div{background:var(--background);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.ep-result-grid span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);align-items:center;gap:4px;font-size:10px;display:flex}.ep-result-grid span svg{width:12px;height:12px}.ep-result-grid strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:16px;font-weight:600}.ep-result-zikir{justify-content:space-between;align-items:center;gap:12px;display:flex}.ep-result-label{font-family:var(--font-reading);font-size:15px;font-weight:600}.ep-result-sub{color:var(--muted-foreground);font-size:11px}.ep-search{position:relative}.ep-search>svg{width:15px;height:15px;color:var(--muted-foreground);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ep-search input{border-radius:12px;height:42px;padding-left:34px}.ep-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.ep-card{border:1px solid var(--border);background:var(--card);border-radius:12px;transition:border-color .15s,background-color .15s;position:relative}.ep-card:hover{border-color:color-mix(in oklch, var(--primary) 50%, var(--border))}.ep-card-on{border-color:var(--primary);background:color-mix(in oklch, var(--primary) 8%, var(--card))}.ep-card-full{opacity:.45}.ep-card-btn{text-align:center;width:100%;color:var(--foreground);flex-direction:column;align-items:center;gap:3px;padding:14px 8px 12px;display:flex}.ep-card-btn:disabled{cursor:not-allowed}.ep-card-ar{color:var(--primary);font-size:22px;line-height:1.35}.ep-card-tr{overflow-wrap:anywhere;font-size:13px;font-weight:600}.ep-card-val{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:10px}.ep-card-check{width:15px;height:15px;color:var(--primary);position:absolute;top:8px;left:8px}.ep-eye{width:24px;height:24px;color:var(--muted-foreground);border-radius:6px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.ep-eye svg{width:13px;height:13px}.ep-muted{color:var(--muted-foreground);text-align:center;grid-column:1/-1;padding:16px;font-size:12px}@media (width<=560px){.esma-program-page{padding-inline:12px}.esma-program-page h1{font-size:21px}.ep-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-result-total{grid-column:1/-1}.ep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-slot{min-height:80px}.ep-slot-ar{font-size:17px}}@media (prefers-reduced-motion:reduce){.ep-slot-filled,.ep-card{transition:none}}.ep-order-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);margin-bottom:6px;font-size:10px}.ep-order{flex-direction:column;gap:6px;display:flex}.ep-order li{background:var(--background);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ep-order-n{background:color-mix(in oklch, var(--primary) 18%, transparent);width:22px;height:22px;color:var(--primary);border-radius:999px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.ep-order-tr{flex:1;min-width:0;font-size:13px;font-weight:600}.ep-order-ar{color:var(--primary);font-size:18px}.ep-order-v{color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:11px}.ep-niyet{border:1px solid var(--border);background:var(--card);border-radius:14px;gap:8px;padding:14px;display:grid}.ep-niyet-title{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.ep-niyet-title svg{width:16px;height:16px;color:var(--primary)}.ep-niyet-out{gap:6px;font-size:13px;line-height:1.5;display:grid}.ep-card-why{color:var(--muted-foreground);grid-column:1/-1;margin:0;padding:0 12px 10px;font-size:12px;line-height:1.45}
