/* ÁrPont V1.9 arculat – petróleum + jelölősárga, világos / sötét mód.
 * Betöltés: app.php, login.php, jelszo_visszaallitas.php, profil_beallitas.php, vasarlas.php */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wdth,wght@0,75..100,400..700;1,75..100,400..700&display=swap');
/* ══ ÁrPont V1.9 arculat: petróleum + jelölősárga, világos/sötét ══ */
:root{--c-ink-50:245 247 247;--c-ink-100:236 240 240;--c-ink-200:221 228 228;--c-ink-300:196 206 207;--c-ink-400:143 157 159;--c-ink-500:102 120 122;--c-ink-600:74 92 95;--c-ink-700:53 69 72;--c-ink-800:34 49 53;--c-ink-900:20 34 38;--c-ink-950:11 21 24;--c-petrol-50:238 247 247;--c-petrol-100:214 236 236;--c-petrol-200:173 216 217;--c-petrol-300:122 190 192;--c-petrol-400:63 154 158;--c-petrol-500:28 122 127;--c-petrol-600:15 82 87;--c-petrol-700:11 65 70;--c-petrol-800:9 52 58;--c-petrol-900:7 42 47;--c-petrol-950:4 26 29;--c-red-50:254 242 242;--c-red-100:254 226 226;--c-red-200:254 202 202;--c-red-300:252 165 165;--c-red-400:248 113 113;--c-red-500:239 68 68;--c-red-600:220 38 38;--c-red-700:185 28 28;--c-red-800:153 27 27;--c-red-900:127 29 29;--c-red-950:69 10 10;--c-orange-50:255 247 237;--c-orange-100:255 237 213;--c-orange-200:254 215 170;--c-orange-300:253 186 116;--c-orange-400:251 146 60;--c-orange-500:249 115 22;--c-orange-600:234 88 12;--c-orange-700:194 65 12;--c-orange-800:154 52 18;--c-orange-900:124 45 18;--c-orange-950:67 20 7;--c-amber-50:255 251 235;--c-amber-100:254 243 199;--c-amber-200:253 230 138;--c-amber-300:252 211 77;--c-amber-400:251 191 36;--c-amber-500:245 158 11;--c-amber-600:217 119 6;--c-amber-700:180 83 9;--c-amber-800:146 64 14;--c-amber-900:120 53 15;--c-amber-950:69 26 3;--c-yellow-50:254 252 232;--c-yellow-100:254 249 195;--c-yellow-200:254 240 138;--c-yellow-300:253 224 71;--c-yellow-400:250 204 21;--c-yellow-500:234 179 8;--c-yellow-600:202 138 4;--c-yellow-700:161 98 7;--c-yellow-800:133 77 14;--c-yellow-900:113 63 18;--c-yellow-950:66 32 6;--c-lime-50:247 254 231;--c-lime-100:236 252 203;--c-lime-200:217 249 157;--c-lime-300:190 242 100;--c-lime-400:163 230 53;--c-lime-500:132 204 22;--c-lime-600:101 163 13;--c-lime-700:77 124 15;--c-lime-800:63 98 18;--c-lime-900:54 83 20;--c-lime-950:26 46 5;--c-green-50:240 253 244;--c-green-100:220 252 231;--c-green-200:187 247 208;--c-green-300:134 239 172;--c-green-400:74 222 128;--c-green-500:34 197 94;--c-green-600:22 163 74;--c-green-700:21 128 61;--c-green-800:22 101 52;--c-green-900:20 83 45;--c-green-950:5 46 22;--c-emerald-50:236 253 245;--c-emerald-100:209 250 229;--c-emerald-200:167 243 208;--c-emerald-300:110 231 183;--c-emerald-400:52 211 153;--c-emerald-500:16 185 129;--c-emerald-600:5 150 105;--c-emerald-700:4 120 87;--c-emerald-800:6 95 70;--c-emerald-900:6 78 59;--c-emerald-950:2 44 34;--c-teal-50:240 253 250;--c-teal-100:204 251 241;--c-teal-200:153 246 228;--c-teal-300:94 234 212;--c-teal-400:45 212 191;--c-teal-500:20 184 166;--c-teal-600:13 148 136;--c-teal-700:15 118 110;--c-teal-800:17 94 89;--c-teal-900:19 78 74;--c-teal-950:4 47 46;--c-cyan-50:236 254 255;--c-cyan-100:207 250 254;--c-cyan-200:165 243 252;--c-cyan-300:103 232 249;--c-cyan-400:34 211 238;--c-cyan-500:6 182 212;--c-cyan-600:8 145 178;--c-cyan-700:14 116 144;--c-cyan-800:21 94 117;--c-cyan-900:22 78 99;--c-cyan-950:8 51 68;--c-sky-50:240 249 255;--c-sky-100:224 242 254;--c-sky-200:186 230 253;--c-sky-300:125 211 252;--c-sky-400:56 189 248;--c-sky-500:14 165 233;--c-sky-600:2 132 199;--c-sky-700:3 105 161;--c-sky-800:7 89 133;--c-sky-900:12 74 110;--c-sky-950:8 47 73;--c-indigo-50:238 242 255;--c-indigo-100:224 231 255;--c-indigo-200:199 210 254;--c-indigo-300:165 180 252;--c-indigo-400:129 140 248;--c-indigo-500:99 102 241;--c-indigo-600:79 70 229;--c-indigo-700:67 56 202;--c-indigo-800:55 48 163;--c-indigo-900:49 46 129;--c-indigo-950:30 27 75;--c-violet-50:245 243 255;--c-violet-100:237 233 254;--c-violet-200:221 214 254;--c-violet-300:196 181 253;--c-violet-400:167 139 250;--c-violet-500:139 92 246;--c-violet-600:124 58 237;--c-violet-700:109 40 217;--c-violet-800:91 33 182;--c-violet-900:76 29 149;--c-violet-950:46 16 101;--c-purple-50:250 245 255;--c-purple-100:243 232 255;--c-purple-200:233 213 255;--c-purple-300:216 180 254;--c-purple-400:192 132 252;--c-purple-500:168 85 247;--c-purple-600:147 51 234;--c-purple-700:126 34 206;--c-purple-800:107 33 168;--c-purple-900:88 28 135;--c-purple-950:59 7 100;--c-fuchsia-50:253 244 255;--c-fuchsia-100:250 232 255;--c-fuchsia-200:245 208 254;--c-fuchsia-300:240 171 252;--c-fuchsia-400:232 121 249;--c-fuchsia-500:217 70 239;--c-fuchsia-600:192 38 211;--c-fuchsia-700:162 28 175;--c-fuchsia-800:134 25 143;--c-fuchsia-900:112 26 117;--c-fuchsia-950:74 4 78;--c-pink-50:253 242 248;--c-pink-100:252 231 243;--c-pink-200:251 207 232;--c-pink-300:249 168 212;--c-pink-400:244 114 182;--c-pink-500:236 72 153;--c-pink-600:219 39 119;--c-pink-700:190 24 93;--c-pink-800:157 23 77;--c-pink-900:131 24 67;--c-pink-950:80 7 36;--c-rose-50:255 241 242;--c-rose-100:255 228 230;--c-rose-200:254 205 211;--c-rose-300:253 164 175;--c-rose-400:251 113 133;--c-rose-500:244 63 94;--c-rose-600:225 29 72;--c-rose-700:190 18 60;--c-rose-800:159 18 57;--c-rose-900:136 19 55;--c-rose-950:76 5 25;}
.dark{--c-ink-50:20 41 45;--c-ink-100:24 49 54;--c-ink-200:34 64 74;--c-ink-300:49 84 92;--c-ink-400:95 127 134;--c-ink-500:134 162 168;--c-ink-600:169 192 196;--c-ink-700:199 215 218;--c-ink-800:222 233 235;--c-ink-900:238 245 246;--c-ink-950:247 251 251;--c-petrol-50:15 43 46;--c-petrol-100:18 55 59;--c-petrol-200:26 76 81;--c-petrol-300:42 111 116;--c-petrol-400:63 154 158;--c-petrol-500:85 185 188;--c-petrol-600:30 127 132;--c-petrol-700:143 211 213;--c-petrol-800:184 228 229;--c-petrol-900:217 241 242;--c-petrol-950:238 248 248;--c-red-50:40 22 24;--c-red-100:77 30 32;--c-red-200:119 28 29;--c-red-300:185 28 28;--c-red-400:239 68 68;--c-red-500:239 68 68;--c-red-600:220 38 38;--c-red-700:252 165 165;--c-red-800:254 202 202;--c-red-900:254 226 226;--c-red-950:254 242 242;--c-orange-50:39 27 23;--c-orange-100:75 39 26;--c-orange-200:120 47 22;--c-orange-300:194 65 12;--c-orange-400:249 115 22;--c-orange-500:249 115 22;--c-orange-600:234 88 12;--c-orange-700:253 186 116;--c-orange-800:254 215 170;--c-orange-900:255 237 213;--c-orange-950:255 247 237;--c-amber-50:40 29 21;--c-amber-100:73 44 24;--c-amber-200:114 56 20;--c-amber-300:180 83 9;--c-amber-400:245 158 11;--c-amber-500:245 158 11;--c-amber-600:217 119 6;--c-amber-700:252 211 77;--c-amber-800:253 230 138;--c-amber-900:254 243 199;--c-amber-950:255 251 235;--c-yellow-50:38 32 22;--c-yellow-100:69 49 26;--c-yellow-200:104 66 20;--c-yellow-300:161 98 7;--c-yellow-400:234 179 8;--c-yellow-500:234 179 8;--c-yellow-600:202 138 4;--c-yellow-700:253 224 71;--c-yellow-800:254 240 138;--c-yellow-900:254 249 195;--c-yellow-950:254 252 232;--c-lime-50:20 38 22;--c-lime-100:37 60 27;--c-lime-200:51 82 22;--c-lime-300:77 124 15;--c-lime-400:132 204 22;--c-lime-500:132 204 22;--c-lime-600:101 163 13;--c-lime-700:190 242 100;--c-lime-800:217 249 157;--c-lime-900:236 252 203;--c-lime-950:247 254 231;--c-green-50:11 38 30;--c-green-100:18 60 41;--c-green-200:20 84 48;--c-green-300:21 128 61;--c-green-400:34 197 94;--c-green-500:34 197 94;--c-green-600:22 163 74;--c-green-700:134 239 172;--c-green-800:187 247 208;--c-green-900:220 252 231;--c-green-950:240 253 244;--c-emerald-50:10 37 35;--c-emerald-100:10 57 49;--c-emerald-200:8 79 62;--c-emerald-300:4 120 87;--c-emerald-400:16 185 129;--c-emerald-500:16 185 129;--c-emerald-600:5 150 105;--c-emerald-700:110 231 183;--c-emerald-800:167 243 208;--c-emerald-900:209 250 229;--c-emerald-950:236 253 245;--c-teal-50:11 39 40;--c-teal-100:18 57 57;--c-teal-200:17 78 76;--c-teal-300:15 118 110;--c-teal-400:20 184 166;--c-teal-500:20 184 166;--c-teal-600:13 148 136;--c-teal-700:94 234 212;--c-teal-800:153 246 228;--c-teal-900:204 251 241;--c-teal-950:240 253 250;--c-cyan-50:12 41 50;--c-cyan-100:19 57 71;--c-cyan-200:20 78 97;--c-cyan-300:14 116 144;--c-cyan-400:6 182 212;--c-cyan-500:6 182 212;--c-cyan-600:8 145 178;--c-cyan-700:103 232 249;--c-cyan-800:165 243 252;--c-cyan-900:207 250 254;--c-cyan-950:236 254 255;--c-sky-50:12 39 53;--c-sky-100:14 55 77;--c-sky-200:9 75 109;--c-sky-300:3 105 161;--c-sky-400:14 165 233;--c-sky-500:14 165 233;--c-sky-600:2 132 199;--c-sky-700:125 211 252;--c-sky-800:186 230 253;--c-sky-900:224 242 254;--c-sky-950:240 249 255;--c-indigo-50:22 30 54;--c-indigo-100:34 40 87;--c-indigo-200:45 44 131;--c-indigo-300:67 56 202;--c-indigo-400:99 102 241;--c-indigo-500:99 102 241;--c-indigo-600:79 70 229;--c-indigo-700:165 180 252;--c-indigo-800:199 210 254;--c-indigo-900:224 231 255;--c-indigo-950:238 242 255;--c-violet-50:30 25 65;--c-violet-100:49 30 98;--c-violet-200:72 33 146;--c-violet-300:109 40 217;--c-violet-400:139 92 246;--c-violet-500:139 92 246;--c-violet-600:124 58 237;--c-violet-700:196 181 253;--c-violet-800:221 214 254;--c-violet-900:237 233 254;--c-violet-950:245 243 255;--c-purple-50:35 21 65;--c-purple-100:56 30 90;--c-purple-200:84 33 135;--c-purple-300:126 34 206;--c-purple-400:168 85 247;--c-purple-500:168 85 247;--c-purple-600:147 51 234;--c-purple-700:216 180 254;--c-purple-800:233 213 255;--c-purple-900:243 232 255;--c-purple-950:250 245 255;--c-fuchsia-50:42 19 55;--c-fuchsia-100:69 29 81;--c-fuchsia-200:104 27 116;--c-fuchsia-300:162 28 175;--c-fuchsia-400:217 70 239;--c-fuchsia-500:217 70 239;--c-fuchsia-600:192 38 211;--c-fuchsia-700:240 171 252;--c-fuchsia-800:245 208 254;--c-fuchsia-900:250 232 255;--c-fuchsia-950:253 244 255;--c-pink-50:45 21 36;--c-pink-100:79 28 53;--c-pink-200:122 25 67;--c-pink-300:190 24 93;--c-pink-400:236 72 153;--c-pink-500:236 72 153;--c-pink-600:219 39 119;--c-pink-700:249 168 212;--c-pink-800:251 207 232;--c-pink-900:252 231 243;--c-pink-950:253 242 248;--c-rose-50:43 20 31;--c-rose-100:82 25 46;--c-rose-200:123 22 52;--c-rose-300:190 18 60;--c-rose-400:244 63 94;--c-rose-500:244 63 94;--c-rose-600:225 29 72;--c-rose-700:253 164 175;--c-rose-800:254 205 211;--c-rose-900:255 228 230;--c-rose-950:255 241 242;}
.dark .bg-red-700,.dark .hover\:bg-red-700:hover{background-color:#b91c1c!important}
.dark .bg-red-800,.dark .hover\:bg-red-800:hover{background-color:#991b1b!important}
.dark .bg-red-900,.dark .hover\:bg-red-900:hover{background-color:#991b1b!important}
.dark .bg-orange-700,.dark .hover\:bg-orange-700:hover{background-color:#c2410c!important}
.dark .bg-orange-800,.dark .hover\:bg-orange-800:hover{background-color:#9a3412!important}
.dark .bg-orange-900,.dark .hover\:bg-orange-900:hover{background-color:#9a3412!important}
.dark .bg-amber-700,.dark .hover\:bg-amber-700:hover{background-color:#b45309!important}
.dark .bg-amber-800,.dark .hover\:bg-amber-800:hover{background-color:#92400e!important}
.dark .bg-amber-900,.dark .hover\:bg-amber-900:hover{background-color:#92400e!important}
.dark .bg-yellow-700,.dark .hover\:bg-yellow-700:hover{background-color:#a16207!important}
.dark .bg-yellow-800,.dark .hover\:bg-yellow-800:hover{background-color:#854d0e!important}
.dark .bg-yellow-900,.dark .hover\:bg-yellow-900:hover{background-color:#854d0e!important}
.dark .bg-lime-700,.dark .hover\:bg-lime-700:hover{background-color:#4d7c0f!important}
.dark .bg-lime-800,.dark .hover\:bg-lime-800:hover{background-color:#3f6212!important}
.dark .bg-lime-900,.dark .hover\:bg-lime-900:hover{background-color:#3f6212!important}
.dark .bg-green-700,.dark .hover\:bg-green-700:hover{background-color:#15803d!important}
.dark .bg-green-800,.dark .hover\:bg-green-800:hover{background-color:#166534!important}
.dark .bg-green-900,.dark .hover\:bg-green-900:hover{background-color:#166534!important}
.dark .bg-emerald-700,.dark .hover\:bg-emerald-700:hover{background-color:#047857!important}
.dark .bg-emerald-800,.dark .hover\:bg-emerald-800:hover{background-color:#065f46!important}
.dark .bg-emerald-900,.dark .hover\:bg-emerald-900:hover{background-color:#065f46!important}
.dark .bg-teal-700,.dark .hover\:bg-teal-700:hover{background-color:#0f766e!important}
.dark .bg-teal-800,.dark .hover\:bg-teal-800:hover{background-color:#115e59!important}
.dark .bg-teal-900,.dark .hover\:bg-teal-900:hover{background-color:#115e59!important}
.dark .bg-cyan-700,.dark .hover\:bg-cyan-700:hover{background-color:#0e7490!important}
.dark .bg-cyan-800,.dark .hover\:bg-cyan-800:hover{background-color:#155e75!important}
.dark .bg-cyan-900,.dark .hover\:bg-cyan-900:hover{background-color:#155e75!important}
.dark .bg-sky-700,.dark .hover\:bg-sky-700:hover{background-color:#0369a1!important}
.dark .bg-sky-800,.dark .hover\:bg-sky-800:hover{background-color:#075985!important}
.dark .bg-sky-900,.dark .hover\:bg-sky-900:hover{background-color:#075985!important}
.dark .bg-indigo-700,.dark .hover\:bg-indigo-700:hover{background-color:#4338ca!important}
.dark .bg-indigo-800,.dark .hover\:bg-indigo-800:hover{background-color:#3730a3!important}
.dark .bg-indigo-900,.dark .hover\:bg-indigo-900:hover{background-color:#3730a3!important}
.dark .bg-violet-700,.dark .hover\:bg-violet-700:hover{background-color:#6d28d9!important}
.dark .bg-violet-800,.dark .hover\:bg-violet-800:hover{background-color:#5b21b6!important}
.dark .bg-violet-900,.dark .hover\:bg-violet-900:hover{background-color:#5b21b6!important}
.dark .bg-purple-700,.dark .hover\:bg-purple-700:hover{background-color:#7e22ce!important}
.dark .bg-purple-800,.dark .hover\:bg-purple-800:hover{background-color:#6b21a8!important}
.dark .bg-purple-900,.dark .hover\:bg-purple-900:hover{background-color:#6b21a8!important}
.dark .bg-fuchsia-700,.dark .hover\:bg-fuchsia-700:hover{background-color:#a21caf!important}
.dark .bg-fuchsia-800,.dark .hover\:bg-fuchsia-800:hover{background-color:#86198f!important}
.dark .bg-fuchsia-900,.dark .hover\:bg-fuchsia-900:hover{background-color:#86198f!important}
.dark .bg-pink-700,.dark .hover\:bg-pink-700:hover{background-color:#be185d!important}
.dark .bg-pink-800,.dark .hover\:bg-pink-800:hover{background-color:#9d174d!important}
.dark .bg-pink-900,.dark .hover\:bg-pink-900:hover{background-color:#9d174d!important}
.dark .bg-rose-700,.dark .hover\:bg-rose-700:hover{background-color:#be123c!important}
.dark .bg-rose-800,.dark .hover\:bg-rose-800:hover{background-color:#9f1239!important}
.dark .bg-rose-900,.dark .hover\:bg-rose-900:hover{background-color:#9f1239!important}
.dark .bg-blue-700,.dark .hover\:bg-blue-700:hover{background-color:#17696E!important}
.dark .bg-blue-800,.dark .hover\:bg-blue-800:hover{background-color:#145C61!important}
.dark .bg-blue-900,.dark .hover\:bg-blue-900:hover{background-color:#114F53!important}
.dark .bg-indigo-700,.dark .hover\:bg-indigo-700:hover{background-color:#17696E!important}
.dark .bg-indigo-800,.dark .hover\:bg-indigo-800:hover{background-color:#145C61!important}
.dark .bg-indigo-900,.dark .hover\:bg-indigo-900:hover{background-color:#114F53!important}
.dark .bg-slate-700,.dark .hover\:bg-slate-700:hover{background-color:#2F5159!important}
.dark .bg-slate-800,.dark .hover\:bg-slate-800:hover{background-color:#2A4A51!important}
.dark .bg-slate-900,.dark .hover\:bg-slate-900:hover{background-color:#26434A!important}
.dark .bg-slate-950,.dark .hover\:bg-slate-950:hover{background-color:#1F393F!important}
.dark .bg-gray-700,.dark .hover\:bg-gray-700:hover{background-color:#2F5159!important}
.dark .bg-gray-800,.dark .hover\:bg-gray-800:hover{background-color:#2A4A51!important}
.dark .bg-gray-900,.dark .hover\:bg-gray-900:hover{background-color:#26434A!important}
.dark .bg-gray-950,.dark .hover\:bg-gray-950:hover{background-color:#1F393F!important}
.dark .bg-zinc-700,.dark .hover\:bg-zinc-700:hover{background-color:#2F5159!important}
.dark .bg-zinc-800,.dark .hover\:bg-zinc-800:hover{background-color:#2A4A51!important}
.dark .bg-zinc-900,.dark .hover\:bg-zinc-900:hover{background-color:#26434A!important}
.dark .bg-zinc-950,.dark .hover\:bg-zinc-950:hover{background-color:#1F393F!important}
.dark .bg-neutral-700,.dark .hover\:bg-neutral-700:hover{background-color:#2F5159!important}
.dark .bg-neutral-800,.dark .hover\:bg-neutral-800:hover{background-color:#2A4A51!important}
.dark .bg-neutral-900,.dark .hover\:bg-neutral-900:hover{background-color:#26434A!important}
.dark .bg-neutral-950,.dark .hover\:bg-neutral-950:hover{background-color:#1F393F!important}
.dark .bg-stone-700,.dark .hover\:bg-stone-700:hover{background-color:#2F5159!important}
.dark .bg-stone-800,.dark .hover\:bg-stone-800:hover{background-color:#2A4A51!important}
.dark .bg-stone-900,.dark .hover\:bg-stone-900:hover{background-color:#26434A!important}
.dark .bg-stone-950,.dark .hover\:bg-stone-950:hover{background-color:#1F393F!important}

:root {
    --surface: 255 255 255;
    --page: 241 245 245;
    --hl: 255 212 59;
    --sidebar: 11 47 51;
    --sidebar-2: 15 62 67;
    color-scheme: light;
}
.dark {
    --surface: 16 32 36;
    --page: 9 20 22;
    --hl: 255 207 51;
    --sidebar: 7 24 27;
    --sidebar-2: 12 36 40;
    color-scheme: dark;
}

.dark .ap-light-scope, .dark .ap-paper {--c-ink-50:245 247 247;--c-ink-100:236 240 240;--c-ink-200:221 228 228;--c-ink-300:196 206 207;--c-ink-400:143 157 159;--c-ink-500:102 120 122;--c-ink-600:74 92 95;--c-ink-700:53 69 72;--c-ink-800:34 49 53;--c-ink-900:20 34 38;--c-ink-950:11 21 24;--c-petrol-50:238 247 247;--c-petrol-100:214 236 236;--c-petrol-200:173 216 217;--c-petrol-300:122 190 192;--c-petrol-400:63 154 158;--c-petrol-500:28 122 127;--c-petrol-600:15 82 87;--c-petrol-700:11 65 70;--c-petrol-800:9 52 58;--c-petrol-900:7 42 47;--c-petrol-950:4 26 29;--c-red-50:254 242 242;--c-red-100:254 226 226;--c-red-200:254 202 202;--c-red-300:252 165 165;--c-red-400:248 113 113;--c-red-500:239 68 68;--c-red-600:220 38 38;--c-red-700:185 28 28;--c-red-800:153 27 27;--c-red-900:127 29 29;--c-red-950:69 10 10;--c-orange-50:255 247 237;--c-orange-100:255 237 213;--c-orange-200:254 215 170;--c-orange-300:253 186 116;--c-orange-400:251 146 60;--c-orange-500:249 115 22;--c-orange-600:234 88 12;--c-orange-700:194 65 12;--c-orange-800:154 52 18;--c-orange-900:124 45 18;--c-orange-950:67 20 7;--c-amber-50:255 251 235;--c-amber-100:254 243 199;--c-amber-200:253 230 138;--c-amber-300:252 211 77;--c-amber-400:251 191 36;--c-amber-500:245 158 11;--c-amber-600:217 119 6;--c-amber-700:180 83 9;--c-amber-800:146 64 14;--c-amber-900:120 53 15;--c-amber-950:69 26 3;--c-yellow-50:254 252 232;--c-yellow-100:254 249 195;--c-yellow-200:254 240 138;--c-yellow-300:253 224 71;--c-yellow-400:250 204 21;--c-yellow-500:234 179 8;--c-yellow-600:202 138 4;--c-yellow-700:161 98 7;--c-yellow-800:133 77 14;--c-yellow-900:113 63 18;--c-yellow-950:66 32 6;--c-lime-50:247 254 231;--c-lime-100:236 252 203;--c-lime-200:217 249 157;--c-lime-300:190 242 100;--c-lime-400:163 230 53;--c-lime-500:132 204 22;--c-lime-600:101 163 13;--c-lime-700:77 124 15;--c-lime-800:63 98 18;--c-lime-900:54 83 20;--c-lime-950:26 46 5;--c-green-50:240 253 244;--c-green-100:220 252 231;--c-green-200:187 247 208;--c-green-300:134 239 172;--c-green-400:74 222 128;--c-green-500:34 197 94;--c-green-600:22 163 74;--c-green-700:21 128 61;--c-green-800:22 101 52;--c-green-900:20 83 45;--c-green-950:5 46 22;--c-emerald-50:236 253 245;--c-emerald-100:209 250 229;--c-emerald-200:167 243 208;--c-emerald-300:110 231 183;--c-emerald-400:52 211 153;--c-emerald-500:16 185 129;--c-emerald-600:5 150 105;--c-emerald-700:4 120 87;--c-emerald-800:6 95 70;--c-emerald-900:6 78 59;--c-emerald-950:2 44 34;--c-teal-50:240 253 250;--c-teal-100:204 251 241;--c-teal-200:153 246 228;--c-teal-300:94 234 212;--c-teal-400:45 212 191;--c-teal-500:20 184 166;--c-teal-600:13 148 136;--c-teal-700:15 118 110;--c-teal-800:17 94 89;--c-teal-900:19 78 74;--c-teal-950:4 47 46;--c-cyan-50:236 254 255;--c-cyan-100:207 250 254;--c-cyan-200:165 243 252;--c-cyan-300:103 232 249;--c-cyan-400:34 211 238;--c-cyan-500:6 182 212;--c-cyan-600:8 145 178;--c-cyan-700:14 116 144;--c-cyan-800:21 94 117;--c-cyan-900:22 78 99;--c-cyan-950:8 51 68;--c-sky-50:240 249 255;--c-sky-100:224 242 254;--c-sky-200:186 230 253;--c-sky-300:125 211 252;--c-sky-400:56 189 248;--c-sky-500:14 165 233;--c-sky-600:2 132 199;--c-sky-700:3 105 161;--c-sky-800:7 89 133;--c-sky-900:12 74 110;--c-sky-950:8 47 73;--c-indigo-50:238 242 255;--c-indigo-100:224 231 255;--c-indigo-200:199 210 254;--c-indigo-300:165 180 252;--c-indigo-400:129 140 248;--c-indigo-500:99 102 241;--c-indigo-600:79 70 229;--c-indigo-700:67 56 202;--c-indigo-800:55 48 163;--c-indigo-900:49 46 129;--c-indigo-950:30 27 75;--c-violet-50:245 243 255;--c-violet-100:237 233 254;--c-violet-200:221 214 254;--c-violet-300:196 181 253;--c-violet-400:167 139 250;--c-violet-500:139 92 246;--c-violet-600:124 58 237;--c-violet-700:109 40 217;--c-violet-800:91 33 182;--c-violet-900:76 29 149;--c-violet-950:46 16 101;--c-purple-50:250 245 255;--c-purple-100:243 232 255;--c-purple-200:233 213 255;--c-purple-300:216 180 254;--c-purple-400:192 132 252;--c-purple-500:168 85 247;--c-purple-600:147 51 234;--c-purple-700:126 34 206;--c-purple-800:107 33 168;--c-purple-900:88 28 135;--c-purple-950:59 7 100;--c-fuchsia-50:253 244 255;--c-fuchsia-100:250 232 255;--c-fuchsia-200:245 208 254;--c-fuchsia-300:240 171 252;--c-fuchsia-400:232 121 249;--c-fuchsia-500:217 70 239;--c-fuchsia-600:192 38 211;--c-fuchsia-700:162 28 175;--c-fuchsia-800:134 25 143;--c-fuchsia-900:112 26 117;--c-fuchsia-950:74 4 78;--c-pink-50:253 242 248;--c-pink-100:252 231 243;--c-pink-200:251 207 232;--c-pink-300:249 168 212;--c-pink-400:244 114 182;--c-pink-500:236 72 153;--c-pink-600:219 39 119;--c-pink-700:190 24 93;--c-pink-800:157 23 77;--c-pink-900:131 24 67;--c-pink-950:80 7 36;--c-rose-50:255 241 242;--c-rose-100:255 228 230;--c-rose-200:254 205 211;--c-rose-300:253 164 175;--c-rose-400:251 113 133;--c-rose-500:244 63 94;--c-rose-600:225 29 72;--c-rose-700:190 18 60;--c-rose-800:159 18 57;--c-rose-900:136 19 55;--c-rose-950:76 5 25; --surface:255 255 255; color-scheme: light; }
.dark .ap-paper { background-color:#fff !important; }
.dark .bg-slate-600,.dark .bg-gray-600,.dark .hover\:bg-slate-600:hover,.dark .hover\:bg-gray-600:hover{background-color:#3A5D65!important}
.dark .bg-slate-500,.dark .bg-gray-500{background-color:#466A72!important}
.dark .tpl-cat-chip{background:rgb(var(--c-ink-100))!important;color:rgb(var(--c-ink-800))!important}
html, body { font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body { background: rgb(var(--page)); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.ap-shell { background: rgb(var(--page)); }
::selection { background: rgb(var(--hl)); color: #0B1518; }

/* Felületek sötét módban */
.dark .bg-white { background-color: rgb(var(--surface) / var(--tw-bg-opacity, 1)); }
.dark .bg-white\/95 { background-color: rgb(var(--surface) / .95); }
.dark .bg-white\/90 { background-color: rgb(var(--surface) / .9); }
.dark .bg-white\/80 { background-color: rgb(var(--surface) / .8); }
.dark .bg-white\/70 { background-color: rgb(var(--surface) / .7); }
.dark .bg-white\/55 { background-color: rgb(var(--surface) / .55); }
.dark .focus\:bg-white:focus, .dark .hover\:bg-white:hover { background-color: rgb(var(--surface)); }
.dark .from-white { --tw-gradient-from: rgb(var(--surface)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--surface) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark .via-white { --tw-gradient-to: rgb(var(--surface) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--surface)) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.dark .to-white { --tw-gradient-to: rgb(var(--surface)) var(--tw-gradient-to-position); }
.dark :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), select, textarea) {
    background-color: rgb(var(--c-ink-50)); color: rgb(var(--c-ink-900));
}
.dark ::placeholder { color: rgb(var(--c-ink-400)); opacity: 1; }
.dark input[type=date]::-webkit-calendar-picker-indicator { filter: invert(.85); }
.dark .shadow-sm, .dark .shadow, .dark .shadow-md, .dark .shadow-lg, .dark .shadow-xl, .dark .shadow-2xl {
    --tw-shadow-color: rgb(0 0 0 / .45); --tw-shadow: var(--tw-shadow-colored);
}

/* Nyugodtabb tipográfia: a csupa nagybetűs, ritkított címkék helyett mondatkezdő írásmód */
.uppercase { text-transform: none !important; letter-spacing: 0 !important; }

/* Összegek: sűrített, kövér számjegyek */
.ap-figure { font-stretch: 84%; font-variation-settings: "wdth" 84; font-weight: 700; letter-spacing: -.012em; font-variant-numeric: tabular-nums; }
/* Jelölősárga kiemelés – az ÁrPont „kihúzott ár” motívuma */
.ap-hl {
    background-image: linear-gradient(transparent 56%, rgb(var(--hl) / .9) 56%, rgb(var(--hl) / .9) 92%, transparent 92%);
    -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 .1em; margin: 0 -.1em;
}
.dark .ap-hl { background-image: linear-gradient(transparent 84%, rgb(var(--hl)) 84%, rgb(var(--hl)) 97%, transparent 97%); }
.ap-dot { display:inline-block; width:.42em; height:.42em; border-radius:999px; background: rgb(var(--hl)); }

/* Oldalsáv */
.ap-sidebar { background: linear-gradient(180deg, rgb(var(--sidebar-2)) 0%, rgb(var(--sidebar)) 55%); }
.ap-nav-btn { position: relative; }
.ap-nav-btn[aria-current="page"]::before {
    content: ""; position: absolute; left: -.75rem; top: 50%; width: 4px; height: 22px; margin-top: -11px;
    border-radius: 0 4px 4px 0; background: rgb(var(--hl));
    animation: apNavIn .22s cubic-bezier(.22,1,.36,1);
}
@keyframes apNavIn { from { transform: scaleY(.2); opacity: 0; } to { transform: none; opacity: 1; } }

/* Interakció: gombnyomás és fókusz */
button:not(:disabled), a[href] { -webkit-tap-highlight-color: transparent; }
button:not(:disabled):active { transform: translateY(.5px) scale(.985); }
button, a, input, select, textarea { transition-property: color, background-color, border-color, box-shadow, transform, opacity; transition-duration: .15s; }
:focus-visible { outline: 2px solid rgb(var(--c-petrol-500)); outline-offset: 2px; }
.dark :focus-visible { outline-color: rgb(var(--hl)); }

/* Témaváltás: rövid, egységes színátmenet */
html.ap-theme-anim, html.ap-theme-anim *, html.ap-theme-anim *::before, html.ap-theme-anim *::after {
    transition: background-color .28s ease, border-color .28s ease, color .28s ease, fill .28s ease !important;
}

/* Toast */
@keyframes apToastIn { from { opacity:0; transform: translate(-50%, -10px) scale(.98); } to { opacity:1; transform: translate(-50%, 0) scale(1); } }
@keyframes apToastBar { from { transform: scaleX(1); } to { transform: scaleX(0); } }

.custom-scroll { scrollbar-width: thin; scrollbar-color: rgb(var(--c-ink-300)) transparent; }
@media (prefers-reduced-motion: reduce) {
    button:not(:disabled):active { transform: none; }
    .ap-nav-btn[aria-current="page"]::before { animation: none; }
    html.ap-theme-anim * { transition: none !important; }
}