.tp-reference-page{display:flex;flex-direction:column;gap:16px;min-width:0}.tp-ref-toolbar{min-height:72px;display:flex;justify-content:flex-end;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:4px}.tp-ref-toolbar .button{min-height:40px;border-radius:4px}.tp-ref-table-wrap{min-height:calc(100dvh - 185px);max-height:calc(100dvh - 185px);overflow:auto;background:#fff;border:1px solid var(--line);padding:16px}.tp-reference-page table{border-collapse:collapse;width:100%;min-width:760px}.tp-reference-page th{width:25%;text-align:left;background:var(--cream);font-size:12px;font-weight:500;color:var(--muted);padding:6px 8px}.tp-reference-page td{font-size:14px;height:49px;border-bottom:1px solid var(--line);padding:12px 8px;vertical-align:middle}.tp-reference-page td small{display:block;margin-top:6px}.tp-reference-page tr[data-topup-plan-open]{cursor:pointer}.tp-reference-page tr[data-topup-plan-open]:is(:hover,.selected){background:var(--mint)}.tp-reference-page tr[data-topup-plan-open]:focus-visible{outline:2px solid var(--green-2);outline-offset:-2px}.tp-ref-status{display:inline-block;border:1px solid var(--line);border-radius:3px;padding:4px 10px;background:var(--mint);color:var(--green-2);font-size:12px}.tp-ref-status.inactive{background:var(--cream);color:var(--muted)}.tp-ref-empty{text-align:center;color:var(--muted)}
body.backoffice-mode #modal-root .modal.tp-ref-editor-modal{width:min(594px,calc(100vw - 32px));height:min(740px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:4px;background:#fff}.tp-ref-editor-modal .modal-head{padding:24px;min-height:72px;border:0;flex:none}.tp-ref-editor-modal .modal-body{padding:16px 24px 24px;overflow:auto;min-height:0;flex:1}.tp-ref-editor-modal .modal-foot{display:flex;justify-content:space-between;flex-wrap:nowrap;flex:none;background:#fff;padding:16px 24px}.tp-ref-editor-modal #save-topup-plan{margin-left:auto;min-width:110px}.tp-ref-form{margin:0}.tp-ref-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;min-width:0}.tp-ref-form fieldset:disabled{opacity:.7}.tp-ref-currency{display:flex!important;align-items:center;margin:0!important;border:1px solid var(--line);border-radius:2px;overflow:hidden}.tp-ref-currency>span{height:38px;display:grid;place-items:center;min-width:34px;background:var(--cream);color:var(--muted);font-size:13px}.tp-ref-currency>input{border:0!important;border-radius:0!important;min-width:0;flex:1}.tp-ref-form input[type=number]{height:40px;min-height:40px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:2px;color:var(--ink);background:#fff}.tp-ref-form h3{margin:8px 0 2px;font-weight:600}.tp-ref-cards{display:flex;flex-direction:column;gap:18px}.tp-ref-card{display:grid!important;grid-template-columns:120px minmax(0,1fr) 24px;gap:8px;align-items:center;font-weight:400;margin:0;cursor:pointer}.tp-ref-card .mc-ref-face{width:120px;height:72px}.tp-ref-card-copy{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.tp-ref-card-copy strong{font-weight:400}.tp-ref-card input[type=checkbox]{appearance:none;width:18px;height:18px;min-height:18px;border:1px solid var(--line);border-radius:50%;margin:0;display:grid;place-items:center;background:#fff}.tp-ref-card input[type=checkbox]:checked{border-color:var(--green-2)}.tp-ref-card input[type=checkbox]:checked:after{content:'';width:10px;height:10px;border-radius:50%;background:var(--green-2)}.tp-ref-card input[type=checkbox]:focus-visible{outline:2px solid var(--green-2);outline-offset:3px}.tp-ref-card:has(:checked) .mc-ref-face{outline:2px solid var(--green-2);outline-offset:2px}.tp-ref-active{display:flex!important;align-items:center;gap:8px;margin:0;font-weight:400}.tp-ref-active input{width:16px;height:16px;min-height:16px;accent-color:var(--green-2)}.tp-ref-note{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.tp-ref-error{color:var(--red,#b82424);font-size:14px;margin:12px 0 0}.tp-ref-error:empty{display:none}
body.backoffice-mode #modal-root .tp-ref-editor-modal :is(h2,h3){font-size:14px}body.backoffice-mode #modal-root .tp-ref-form input[type=number]{min-height:40px;font-size:14px!important}body.backoffice-mode #modal-root .tp-ref-form .tp-ref-card{font-size:14px!important}body.backoffice-mode #modal-root .tp-ref-form .tp-ref-note{font-size:13px}
body.backoffice-mode #modal-root .tp-ref-form .tp-ref-currency{display:flex!important;flex-direction:row!important;gap:0!important;align-items:center;height:40px;min-height:40px;padding:0;width:100%}
body.backoffice-mode #modal-root .tp-ref-currency>input{height:38px!important;min-height:38px!important;max-height:38px!important;width:0;flex:1;padding:8px 10px;font-weight:400}
body.backoffice-mode #modal-root .tp-ref-card input[type=checkbox]{display:grid;place-items:center;width:18px;height:18px;min-width:18px;max-width:18px;min-height:18px;max-height:18px;padding:0;box-sizing:border-box;border-radius:50%;flex:none}
.tp-ref-confirm{width:min(430px,calc(100vw - 32px));border:1px solid var(--line);border-radius:6px;padding:24px;color:var(--ink);background:#fff;box-shadow:0 20px 80px #173b5740}.tp-ref-confirm::backdrop{background:#173b5770}.tp-ref-confirm h2{font-size:18px;margin:0 0 16px}.tp-ref-confirm p{font-size:14px}.tp-ref-confirm footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
@media(max-width:600px){.tp-ref-toolbar{padding:12px}.tp-ref-table-wrap{padding:8px}.tp-ref-editor-modal .modal-body{padding:12px 16px}.tp-ref-editor-modal .modal-head,.tp-ref-editor-modal .modal-foot{padding:16px}.tp-ref-card{grid-template-columns:96px minmax(0,1fr) 20px;gap:10px}.tp-ref-card .mc-ref-face{width:96px;height:60px}}