.mc-reference-page{display:flex;flex-direction:column;gap:16px;min-height:0}.mc-ref-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:5px}.mc-ref-toolbar label{margin:0}.mc-ref-toolbar input{width:200px;min-height:38px;border:1px solid var(--line);border-radius:4px}.mc-ref-toolbar .button{min-height:40px;border-radius:4px}
.mc-ref-table-wrap{background:#fff;border:1px solid var(--line);padding:16px;max-height:calc(100dvh - 185px);overflow:auto}.mc-reference-page table,.mc-ref-detail table,.mc-ref-plan-form table{border-collapse:collapse;width:100%}.mc-reference-page table{min-width:850px}.mc-reference-page th,.mc-ref-detail th,.mc-ref-plan-form th{background:var(--cream);color:var(--muted);font-size:12px;font-weight:500;text-align:left;padding:6px 8px}.mc-reference-page td{padding:10px 8px;border-bottom:1px solid var(--line);height:94px;font-size:14px;vertical-align:middle}.mc-reference-page th:first-child{width:240px}.mc-reference-page th:nth-child(2){width:38%}.mc-reference-page th:nth-child(3){width:150px}.mc-reference-page tr[data-card-open]{cursor:pointer}.mc-reference-page tr[data-card-open]:is(:hover,.selected){background:var(--mint)}.mc-reference-page tr[data-card-open]:focus-visible{outline:2px solid var(--green-2);outline-offset:-2px}.mc-ref-name{display:flex;align-items:center;gap:16px}.mc-ref-name>span:last-child{max-width:150px;overflow-wrap:anywhere}.mc-reference-page td p{margin:3px 0;font-size:14px!important}.mc-reference-page .inactive{color:var(--muted)}.mc-ref-empty{text-align:center;color:var(--muted)}
.mc-ref-face{display:block;position:relative;flex:none;width:117px;height:66px;overflow:hidden;background:linear-gradient(120deg,var(--mc-primary),var(--mc-secondary));border-radius:2px}.mc-ref-face:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(140deg,transparent 0 4px,#ffffff08 4px 6px)}.mc-ref-face>i{position:absolute;inset:11% 0 auto;height:26%;background:#ffffff16}.mc-ref-face.design-solid{background:var(--mc-primary)}.mc-ref-face.design-diagonal{background:linear-gradient(135deg,var(--mc-primary) 45%,var(--mc-secondary) 45%)}.mc-ref-face.design-wave{background:radial-gradient(circle at 12% 120%,var(--mc-secondary) 0 44%,transparent 45%),linear-gradient(135deg,var(--mc-primary),var(--mc-secondary))}
.modal.drawer.mc-ref-detail-drawer{position:fixed;inset:0 0 0 auto;width:min(592px,100vw);height:100dvh;max-height:100dvh;margin:0;border-radius:0;display:flex;flex-direction:column}.mc-ref-detail-drawer .modal-head{padding:24px;min-height:68px;border:0;flex:none}.mc-ref-detail-drawer .modal-body{padding:18px 24px;overflow:auto;min-height:0;flex:1}.mc-ref-detail{display:flex;flex-direction:column;gap:30px}.mc-ref-summary{display:grid;grid-template-columns:182px minmax(0,1fr);gap:16px}.mc-ref-summary>.mc-ref-face{width:182px;height:112px}.mc-ref-summary-name{display:flex;align-items:start;justify-content:space-between;gap:12px}.mc-ref-summary p{font-size:14px!important;margin:16px 0 0}.mc-ref-summary-name>strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.mc-ref-detail section>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:14px}.mc-ref-detail section>header>span{color:var(--green-2)}.mc-ref-outlet-tags{display:flex;flex-wrap:wrap;gap:12px 16px;margin-bottom:10px}.mc-ref-outlet-tags>span{background:var(--mint);border:1px solid var(--line);padding:5px 10px;font-size:12px;border-radius:3px}.mc-ref-detail td{height:74px;padding:14px 8px;font-size:14px}.mc-ref-detail td small{display:block}.mc-ref-pencil{border:0;background:var(--cream);color:var(--green-2);width:32px;height:32px;padding:0;font-size:22px;cursor:pointer}
.modal.mc-ref-editor-modal{width:min(594px,calc(100vw - 32px));height:min(800px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);border-radius:4px;display:flex;flex-direction:column}.mc-ref-editor-modal .modal-head{min-height:72px;padding:24px;border:0;flex:none}.mc-ref-editor-modal .modal-body{padding:16px 24px 24px;overflow:auto;min-height:0;flex:1}.mc-ref-editor-modal .modal-foot{display:flex;justify-content:space-between;flex:none;padding:16px 24px}.mc-ref-editor-modal #save-member-card{margin-left:auto;min-width:100px}.mc-ref-editor{display:flex;flex-direction:column;gap:24px}.mc-ref-editor [data-card-preview]>.mc-ref-face{width:100%;height:180px}.mc-ref-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 14px;margin:8px 0}.mc-ref-designs button{height:90px;position:relative;background:none;border:0;border-radius:2px;padding:0;cursor:pointer}.mc-ref-designs .mc-ref-face{width:100%;height:100%}.mc-ref-designs button>b{display:none;position:absolute;top:0;right:0;background:var(--green-2);color:white;padding:1px 3px}.mc-ref-designs button.selected{outline:2px solid var(--green-2)}.mc-ref-designs button.selected>b{display:block}.mc-ref-designs .mc-ref-custom{border:1px dashed var(--line);color:var(--ink);font-size:14px}.mc-ref-custom-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;background:var(--cream)}.mc-ref-custom-panel label{display:grid;gap:8px}.mc-ref-custom-panel input[type=color]{width:100%;height:38px}
body.backoffice-mode #modal-root .mc-ref-editor .mc-ref-field{display:grid!important;grid-template-columns:minmax(100px,38%) minmax(0,1fr);gap:8px;align-items:center;margin:0;font-weight:400;font-size:14px!important}.mc-ref-editor .mc-ref-field>input,.mc-ref-editor .mc-ref-field>select,.mc-ref-percent{width:100%;height:38px;min-height:38px;border:1px solid var(--line);border-radius:3px;padding:8px;font-size:14px}.mc-ref-percent{display:flex;align-items:center;padding:0;min-width:0}.mc-ref-percent input{border:0;min-width:0;width:100%;height:36px;padding:8px}.mc-ref-percent b{white-space:nowrap;background:var(--cream);height:36px;padding:8px;font-weight:400;font-size:12px}.mc-ref-store-picker{border:0;padding:0;margin:0}.mc-ref-store-picker legend{font-weight:600;margin-bottom:14px}.mc-ref-store-picker label,.mc-ref-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:14px!important;font-weight:400}.mc-ref-store-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.mc-ref-editor [hidden]{display:none!important}.mc-ref-selected-items{display:flex;align-items:center;justify-content:space-between;gap:12px}.mc-ref-error{color:var(--red,#b82424);margin:0;font-size:14px}.mc-ref-error:empty{display:none}.mc-ref-editor input[type=checkbox],.mc-ref-popup input[type=checkbox]{accent-color:var(--green-2);width:15px;height:15px;min-height:15px;margin:0;flex:none}
body.backoffice-mode #modal-root :is(.mc-ref-detail-drawer,.mc-ref-editor-modal) .modal-head h2{font-size:14px}body.backoffice-mode #modal-root .mc-ref-pencil{font-size:22px!important}
.mc-ref-popup{padding:24px;width:min(594px,calc(100vw - 32px));border:1px solid var(--line);border-radius:4px;max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:#fff;box-shadow:0 20px 80px #173b5740}.mc-ref-popup.wide{width:min(800px,calc(100vw - 32px))}.mc-ref-popup::backdrop{background:#173b5770}.mc-ref-popup>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}.mc-ref-popup h2{font-size:14px;margin:0}.mc-ref-popup>header>button{border:0;background:none;font-size:24px;color:var(--muted);cursor:pointer}.mc-ref-popup>footer{display:flex;justify-content:flex-end;margin-top:24px}.mc-ref-popup .button{border-radius:4px}.mc-ref-popup-body{min-width:0}.mc-ref-plan-form{overflow:auto}.mc-ref-plan-form th{white-space:nowrap}.mc-ref-plan-form td{padding:8px}.mc-ref-plan-form input[type=number]{min-width:80px;width:100%;padding:8px;border:1px solid var(--line);height:38px}.mc-ref-plan-active{font-size:12px;display:flex;align-items:center;gap:6px}.mc-ref-plan-form [data-plan-remove]{border:0;background:none;color:var(--red);font-size:24px;cursor:pointer}.mc-ref-add{width:100%;border:1px dashed var(--green-2);background:var(--mint);color:var(--green-2);min-height:40px;margin-top:16px;cursor:pointer}.mc-ref-item-tools{display:flex;gap:12px;margin-bottom:16px}.mc-ref-item-tools :is(input,select){width:50%;min-width:0;padding:8px;border:1px solid var(--line);height:40px}.mc-ref-items{max-height:400px;overflow:auto}.mc-ref-items label{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px;font-size:14px}.mc-ref-items label:has(:checked){background:var(--mint)}.mc-ref-items label[hidden]{display:none}.mc-ref-items label>span{flex:1}.mc-ref-items small{color:var(--muted)}
.mc-ref-shared-note{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 16px}
body.backoffice-mode #modal-root .modal.mc-ref-editor-modal{width:min(594px,calc(100vw - 32px));min-width:0;background:#fff;overflow:hidden}
body.backoffice-mode #modal-root .mc-ref-editor-modal .modal-foot{background:#fff;flex-wrap:nowrap}
body.backoffice-mode #modal-root .mc-ref-editor :is(input:not([type=checkbox]):not([type=color]),select){min-height:38px;font-size:14px}
body.backoffice-mode #modal-root .mc-ref-editor .mc-ref-percent input{min-height:36px;height:36px}
@media(max-width:600px){.mc-ref-toolbar{padding:12px}.mc-ref-toolbar input{width:160px}.mc-ref-table-wrap{padding:8px}.mc-ref-summary{grid-template-columns:130px minmax(0,1fr)}.mc-ref-summary>.mc-ref-face{width:130px;height:80px}.mc-ref-editor-modal .modal-body{padding:12px 16px}.mc-ref-editor-modal .modal-head,.mc-ref-editor-modal .modal-foot{padding:16px}.mc-ref-designs{gap:16px 10px}.mc-ref-designs button{height:66px}.mc-ref-editor [data-card-preview]>.mc-ref-face{height:140px}.mc-ref-store-picker>div{grid-template-columns:1fr}.mc-ref-plan-form table{min-width:500px}}