.cartes-page{--k-bg:var(--background);--k-card:var(--card);--k-line:var(--border);--k-text:var(--foreground);--k-mute:var(--muted-foreground);--k-green:var(--brand-green-text);--k-pri:var(--brand-navy);--k-onpri:#fff;--k-wbg:#fff6e0;--k-wline:#f1dca0;--k-wtx:#7a4f00;--k-ov:#0b235073;background:var(--k-bg);min-height:100vh;color:var(--k-text)}.cartes-page *,.cartes-page :before,.cartes-page :after{box-sizing:border-box}.cartes-page h1,.cartes-page h2,.cartes-page .num{font-family:Space Grotesk,system-ui,sans-serif}.cartes-page button{color:inherit;font-family:inherit}.cartes-page main{max-width:480px;padding:20px 18px calc(var(--app-nav-height,72px) + 40px);margin:0 auto}.cartes-page .top{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 4px;display:flex}.cartes-page h1{margin:6px 0 16px;font-size:28px;font-weight:700}.cartes-page h2{margin:24px 0 12px;font-size:17px;font-weight:700}.cartes-page .add{background:var(--k-pri);color:var(--k-onpri);cursor:pointer;border:0;border-radius:99px;padding:9px 14px;font-size:13px;font-weight:600}.cartes-page .add.ghost{color:var(--k-pri);border:1px solid var(--k-line);background:0 0}.cartes-page .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cartes-page .vc{color:#fff;background:linear-gradient(135deg,#0b2350,#1d4a7a 60%,#0e8f68);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:190px;padding:18px;transition:filter .2s;display:flex;box-shadow:0 10px 24px #0b235040}.cartes-page .vc.frozen{filter:grayscale()brightness(.7)}.cartes-page .vc .num{letter-spacing:2px;font-size:20px}.cartes-page .tag{color:#fff;background:#0e8f68;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:600}.cartes-page .meta{gap:26px;font-size:13px;display:flex}.cartes-page .meta small{opacity:.8;font-size:11px;display:block}.cartes-page .acts{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;margin:14px 0;display:grid}.cartes-page .act{background:var(--k-card);border:1px solid var(--k-line);width:100%;min-width:0;height:70px;box-shadow:none;cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px 4px;font-size:12px;font-weight:400;line-height:18px;display:flex}.cartes-page .act:disabled{opacity:.5;cursor:not-allowed}.cartes-page .act svg{width:22px;height:22px;stroke:var(--k-green);flex-shrink:0;margin:0;display:block}.cartes-page .box{background:var(--k-card);border:1px solid var(--k-line);border-radius:18px}.cartes-page .box>div{border-bottom:1px solid var(--k-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cartes-page .box>div:last-child{border:0}.cartes-page .box>div>span:first-child{color:var(--k-mute)}.cartes-page .warn{background:var(--k-wbg);border:1px solid var(--k-wline);color:var(--k-wtx);border-radius:16px;margin-bottom:12px;padding:12px 14px;font-size:13px}.cartes-page .item{border:1px solid var(--k-line);background:var(--k-card);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;display:flex}.cartes-page .item.sel{border-color:var(--k-green);box-shadow:0 0 0 1px var(--k-green)}.cartes-page .chip{background:linear-gradient(135deg,#0b2350,#0e8f68);border-radius:7px;flex:none;width:42px;height:28px}.cartes-page .item small{color:var(--k-mute);display:block}.cartes-page .item .v{margin-left:auto;font-weight:600}.cartes-page .dim{opacity:.55}.cartes-page .cv{text-align:right;align-items:center;gap:10px;display:flex}.cartes-page .cp{border:1px solid var(--k-line);color:var(--k-green);cursor:pointer;white-space:nowrap;background:0 0;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.cartes-page .ov{background:var(--k-ov);z-index:60;align-items:flex-end;display:flex;position:fixed;inset:0}.cartes-page .sheet{background:var(--k-bg);width:100%;max-width:480px;max-height:90vh;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;margin:0 auto;overflow-y:auto}.cartes-page .seg{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 14px;display:grid}.cartes-page .seg button{background:var(--k-card);border:1px solid var(--k-line);cursor:pointer;border-radius:14px;padding:11px;font-weight:500}.cartes-page .seg button.on{border-color:var(--k-green);color:var(--k-green);font-weight:700}.cartes-page input,.cartes-page select{background:var(--k-card);border:1px solid var(--k-line);width:100%;color:var(--k-text);border-radius:14px;margin:6px 0 12px;padding:12px}.cartes-page input.big{font:600 18px Space Grotesk,sans-serif}.cartes-page .cta{background:var(--k-pri);width:100%;color:var(--k-onpri);cursor:pointer;border:0;border-radius:16px;margin-top:12px;padding:14px;font-size:15px;font-weight:600}.cartes-page .cta:disabled{opacity:.6;cursor:not-allowed}.cartes-page .hint{color:var(--k-mute);margin-top:8px;font-size:12px;display:block}.cartes-page .err{color:var(--destructive);margin-top:8px;font-size:13px}.cartes-page .ok{color:var(--k-green);margin-top:8px;font-size:13px;font-weight:600}.cartes-page .x{color:var(--k-mute);cursor:pointer;background:0 0;border:0;font-size:22px}.cartes-page .wal{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cartes-page .wal>div{background:var(--k-card);border:1px solid var(--k-line);border-radius:14px;flex:none;padding:10px 14px;font-size:13px}.cartes-page .wal b{font-family:Space Grotesk,sans-serif;font-size:16px;display:block}
