.memora-page{
    padding:30px;
    background:#f5f7fb;
    min-height:100vh;
}

.memora-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
}

.memora-header h1{
    margin:0;
    font-size:44px;
    font-weight:700;
    color:#0f254a;
}

.memora-header p{
    margin-top:8px;
    color:#6b7280;
    font-size:16px;
}

.memora-date{
    display:flex;
    align-items:center;
    gap:8px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:12px 18px;
    font-weight:600;
}

.memora-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
    margin-bottom:30px;
}

.memora-card{
    background:#fff;
    border-radius:18px;
    padding:22px;
    display:flex;
    gap:18px;
    align-items:center;
    box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.memora-card-icon{
    width:54px;
    height:54px;
    border-radius:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
}

.memora-card-icon.purple{
    background:#efe8ff;
    color:#6d3df5;
}

.memora-card-icon.orange{
    background:#fff1e5;
    color:#ff7a00;
}

.memora-card-icon.green{
    background:#e8faef;
    color:#00a651;
}

.memora-card-icon.red{
    background:#ffecec;
    color:#df2b2b;
}

.memora-card-label{
    display:block;
    color:#5f6672;
    margin-bottom:6px;
}

.memora-card-value{
    display:block;
    font-size:26px;
    font-weight:700;
    color:#0f254a;
}

.memora-card-change{
    display:block;
    margin-top:8px;
    color:#16a34a;
    font-size:14px;
}

.memora-panels{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
}

.memora-panel{
    background:#fff;
    border-radius:18px;
    padding:22px;
    box-shadow:0 6px 18px rgba(0,0,0,.05);
}

.memora-panel-header{
    margin-bottom:20px;
}

.memora-panel-header h2{
    margin:0;
    color:#0f254a;
}

.memora-panel-placeholder{
    height:220px;
    border:2px dashed #d8dee8;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#9ca3af;
}

.memora-status-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.memora-status-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:18px;
    border-bottom:1px solid #edf1f5;
}

.memora-status-item:last-child{
    border-bottom:none;
}

.memora-status-info{
    display:flex;
    align-items:center;
    gap:12px;
}

.memora-status-dot{
    width:11px;
    height:11px;
    border-radius:50%;
}

.memora-status-dot.green{
    background:#16a34a;
}

.memora-status-dot.orange{
    background:#f59e0b;
}

.memora-status-dot.red{
    background:#dc2626;
}

.memora-status-number{
    font-weight:700;
}

@media(max-width:1100px){

    .memora-panels{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .memora-page{
        padding:18px;
    }

    .memora-header{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .memora-header h1{
        font-size:32px;
    }

}
/* ===== Associados ===== */

.memora-button{
    background:#5e17eb;
    color:#fff;
    padding:12px 20px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
}

.memora-search{
    margin-bottom:20px;
}

.memora-search input{
    width:100%;
    padding:14px 18px;
    border:1px solid #ddd;
    border-radius:12px;
    font-size:15px;
}

.memora-table{
    width:100%;
    border-collapse:collapse;
}

.memora-table th{
    text-align:left;
    padding:16px;
    background:#f7f7fb;
    font-weight:700;
}

.memora-table td{
    padding:16px;
    border-top:1px solid #eee;
}

.status{
    display:inline-block;
    padding:6px 12px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

.status.ativo{
    background:#dcfce7;
    color:#166534;
}

.memora-action{
    background:#5e17eb;
    color:white;
    border:none;
    padding:8px 14px;
    border-radius:8px;
    cursor:pointer;
}
/* ===== Pesquisa e paginação dos associados ===== */

.memora-search-form {
    margin: 0;
}

.memora-search {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
}

.memora-search > .dashicons {
    color: #6b7280;
}

.memora-search input {
    min-height: 48px;
}

.memora-search-button,
.memora-clear-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.memora-search-button {
    border: 0;
    background: #5e17eb;
    color: #ffffff;
}

.memora-search-button:hover,
.memora-search-button:focus {
    background: #4511bd;
    color: #ffffff;
}

.memora-clear-button {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

.memora-results-summary {
    margin: 22px 0 14px;
    color: #6b7280;
    font-size: 14px;
}

.status.pendente {
    background: #f3f4f6;
    color: #4b5563;
}

.memora-pagination {
    margin-top: 24px;
}

.memora-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.memora-pagination a,
.memora-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #e5e7eb;
    border-radius: 9px;
    background: #ffffff;
    color: #374151;
    text-decoration: none;
    font-weight: 600;
}

.memora-pagination .current {
    border-color: #5e17eb;
    background: #5e17eb;
    color: #ffffff;
}

.memora-pagination a:hover {
    border-color: #5e17eb;
    color: #5e17eb;
}

.memora-empty-state {
    padding: 60px 20px;
    text-align: center;
}

.memora-empty-state h2 {
    margin: 0 0 8px;
    color: #0f254a;
}

.memora-empty-state p {
    margin: 0;
    color: #6b7280;
}

@media (max-width: 782px) {
    .memora-search {
        grid-template-columns: auto 1fr;
    }

    .memora-search-button,
    .memora-clear-button {
        grid-column: span 2;
        width: 100%;
    }
}
/* ===== Ficha individual do associado ===== */

.memora-back-link {
    display: inline-flex;
    margin-bottom: 12px;
    color: #5e17eb;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.memora-back-link:hover {
    color: #4511bd;
}

.memora-profile-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.memora-details-list {
    display: grid;
    gap: 0;
}

.memora-detail-item {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) 1.5fr;
    gap: 24px;
    padding: 17px 0;
    border-bottom: 1px solid #edf1f5;
}

.memora-detail-item:last-child {
    border-bottom: 0;
}

.memora-detail-label {
    color: #6b7280;
    font-size: 14px;
}

.memora-detail-value {
    color: #0f254a;
    font-size: 14px;
    word-break: break-word;
}

.memora-dependentes-panel {
    margin-top: 20px;
}

.memora-dependentes-content {
    padding: 18px;
    border-radius: 14px;
    background: #f8fafc;
    color: #374151;
    line-height: 1.9;
}

.memora-empty-inline {
    padding: 24px;
    border: 1px dashed #d1d5db;
    border-radius: 14px;
    color: #6b7280;
    text-align: center;
}

.memora-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.memora-action:hover,
.memora-action:focus {
    background: #4511bd;
    color: #ffffff;
}

@media (max-width: 782px) {
    .memora-profile-grid {
        grid-template-columns: 1fr;
    }

    .memora-detail-item {
        grid-template-columns: 1fr;
        gap: 7px;
    }
}
/* Memora 1.3 */
.memora-search-form{display:flex;gap:12px;margin-bottom:20px}.memora-search-form input{flex:1;min-width:240px;padding:13px 15px;border:1px solid #d8dee8;border-radius:12px}.memora-button{display:inline-flex;align-items:center;justify-content:center;background:#5e17eb;color:#fff!important;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer}.memora-button.small{padding:8px 12px}.memora-clear-button{background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:700}.memora-table-wrapper{overflow:auto}.memora-table{width:100%;border-collapse:collapse}.memora-table th,.memora-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #e9edf3;white-space:nowrap}.memora-table th{background:#f7f8fb;color:#0f254a}.status{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700}.status.ativo,.status.paga{background:#dcfce7;color:#166534}.status.inativo,.status.atrasada{background:#fee2e2;color:#991b1b}.status.nao_definido,.status.em_aberto{background:#f3f4f6;color:#4b5563}.memora-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.memora-details-list{display:flex;flex-direction:column}.memora-detail-item{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e9edf3}.memora-detail-item:last-child{border-bottom:0}.memora-detail-item input,.memora-detail-item select{min-width:280px;padding:11px;border:1px solid #d8dee8;border-radius:10px}.memora-dependents-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.memora-dependents-admin>div,.memora-mapping-grid>div{display:flex;flex-direction:column;gap:5px;background:#f7f8fb;padding:14px;border-radius:12px}.memora-dependents-admin span,.memora-mapping-grid span{color:#6b7280;font-size:12px}.memora-mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.memora-action-row{display:flex;gap:12px;margin-top:20px}.page-numbers{display:inline-flex;padding:8px 12px;margin:14px 4px 0 0;border-radius:8px;background:#fff;border:1px solid #d8dee8;text-decoration:none}.page-numbers.current{background:#5e17eb;color:#fff;border-color:#5e17eb}@media(max-width:900px){.memora-profile-grid{grid-template-columns:1fr}.memora-dependents-admin,.memora-mapping-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.memora-search-form{flex-direction:column}.memora-dependents-admin,.memora-mapping-grid{grid-template-columns:1fr}.memora-detail-item{flex-direction:column}.memora-detail-item input,.memora-detail-item select{min-width:0;width:100%}}

/* Memora 1.4 — operação principal */
.memora-toolbar,.memora-section-title,.memora-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.memora-secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #d8dee8;border-radius:10px;background:#fff;color:#334155;text-decoration:none;font-weight:700}.memora-secondary-button.small,.memora-button.small{padding:8px 12px;font-size:12px}.memora-actions-cell{display:flex;gap:8px;flex-wrap:wrap}.memora-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.memora-form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#334155}.memora-form-grid input,.memora-form-grid select,.memora-form-grid textarea,.memora-filter-bar input,.memora-filter-bar select,.memora-inline-form input{width:100%;box-sizing:border-box;border:1px solid #d7dce5;border-radius:10px;padding:12px;background:#fff}.memora-form-grid .span-2{grid-column:span 2}.memora-form-grid .span-3{grid-column:1/-1}.compact-form{margin-top:18px}.memora-details-box{margin-top:18px;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.memora-details-box summary{cursor:pointer;font-weight:800;color:#5e17eb}.memora-business-note{margin-top:18px;padding:14px 16px;background:#fff7ed;border-left:4px solid #f59e0b;border-radius:8px}.memora-dependents-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.memora-dependents-admin>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:15px;border:1px solid #e7eaf0;border-radius:12px;background:#fafbfc}.memora-dependents-admin>div.is-deceased{background:#fff1f2;border-color:#fecdd3}.memora-dependents-admin small{display:block;color:#64748b;margin-top:4px}.memora-link-button{border:0;background:transparent;color:#5e17eb;font-weight:700;cursor:pointer}.memora-search-form,.memora-filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.memora-search-form input{flex:1;padding:14px;border:1px solid #d7dce5;border-radius:12px}.memora-filter-bar input{flex:1}.memora-filter-bar select{max-width:220px}.memora-inline-form{display:grid;grid-template-columns:140px 100px auto;gap:8px;align-items:center}.memora-grid.compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.status.inativo,.status.falecido{background:#fee2e2;color:#991b1b}.status.paga{background:#dcfce7;color:#166534}.status.em_aberto{background:#fef3c7;color:#92400e}.status.atrasada{background:#fee2e2;color:#991b1b}.memora-table-wrapper{overflow:auto}
@media(max-width:900px){.memora-form-grid{grid-template-columns:1fr 1fr}.memora-form-grid .span-3{grid-column:1/-1}.memora-dependents-admin{grid-template-columns:1fr}.memora-inline-form{grid-template-columns:1fr}.memora-filter-bar{align-items:stretch;flex-direction:column}.memora-filter-bar select{max-width:none}}
@media(max-width:600px){.memora-form-grid{grid-template-columns:1fr}.memora-form-grid .span-2,.memora-form-grid .span-3{grid-column:auto}.memora-toolbar,.memora-section-title{align-items:flex-start;flex-direction:column}.memora-dependents-admin>div{grid-template-columns:1fr}.memora-actions-cell{min-width:150px}}

/* Ajuste de valores monetários longos nos cards do dashboard. */
.memora-card-content{
    min-width:0;
    flex:1;
}

.memora-card-value.is-currency{
    font-size:clamp(20px,2vw,26px);
    line-height:1.05;
    overflow-wrap:anywhere;
    word-break:normal;
}

@media(max-width:1280px){
    .memora-grid{
        grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    }
}

/* ===== Memora 1.5 ===== */
.memora-page{max-width:1600px;box-sizing:border-box;color:#172033}.memora-eyebrow{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#5e17eb}.memora-header h1{font-size:38px;line-height:1.08}.memora-button,.memora-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 16px;border-radius:10px;font-weight:700;text-decoration:none;box-sizing:border-box}.memora-button{border:0;background:#5e17eb;color:#fff}.memora-button:hover{background:#4511bd;color:#fff}.memora-secondary-button{border:1px solid #d9deea;background:#fff;color:#344054}.memora-secondary-button:hover{border-color:#5e17eb;color:#5e17eb}.memora-button.small,.memora-secondary-button.small{min-height:34px;padding:0 11px;font-size:12px}.memora-panel{border:1px solid #e9edf5;box-shadow:0 10px 30px rgba(15,37,74,.055)}.memora-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.memora-card{border:1px solid #edf0f6;transition:.18s ease}.memora-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,37,74,.09)}.memora-card-icon.blue{background:#e8f2ff;color:#2563eb}.memora-card-value.is-currency{font-size:21px}.memora-dashboard-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:20px}.memora-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.memora-section-title h2{margin:0;color:#102447}.memora-section-title a{font-weight:700;text-decoration:none}.memora-progress-row{margin:18px 0}.memora-progress-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.memora-progress-row span{color:#667085}.memora-progress{height:10px;border-radius:99px;background:#eef1f6;overflow:hidden}.memora-progress i{display:block;height:100%;border-radius:inherit}.memora-progress i.green{background:#16a34a}.memora-progress i.red{background:#ef4444}.memora-progress i.gray{background:#94a3b8}.memora-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.memora-mini-stats>div{padding:18px;border-radius:14px;background:#f7f8fb}.memora-mini-stats span{display:block;color:#667085;font-size:12px}.memora-mini-stats strong{display:block;margin-top:7px;font-size:24px;color:#102447}.memora-recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.memora-recent-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #edf0f6;border-radius:13px;text-decoration:none;color:inherit}.memora-recent-list>a:hover{border-color:#cdbfff;background:#faf9ff}.memora-recent-list small,.memora-person-cell small{display:block;color:#7b8495;margin-top:3px}.memora-avatar{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;background:#eee9ff;color:#5e17eb;font-weight:800}.memora-person-cell{display:flex;align-items:center;gap:11px;min-width:220px}.memora-filter-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(140px,1fr)) auto;gap:12px;align-items:end;margin-bottom:18px}.memora-filter-grid label{display:flex;flex-direction:column;gap:6px}.memora-filter-grid label>span{font-size:12px;font-weight:700;color:#475467}.memora-filter-grid input,.memora-filter-grid select{width:100%;min-height:44px;border:1px solid #d7dce7;border-radius:10px;padding:0 12px;background:#fff}.memora-filter-actions{display:flex;gap:8px}.memora-list-summary{padding:12px 0;color:#667085}.memora-table-wrapper{overflow:auto;border:1px solid #edf0f6;border-radius:14px}.memora-table{min-width:850px}.memora-table th{white-space:nowrap}.memora-table th a{text-decoration:none;color:#344054}.memora-table tbody tr:hover{background:#fbfbfd}.memora-actions-cell{display:flex;gap:7px;white-space:nowrap}.memora-pagination{display:flex;justify-content:center;margin-top:20px}.memora-pagination .page-numbers{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;margin:0 3px;border:1px solid #dce1eb;border-radius:9px;text-decoration:none;background:#fff}.memora-pagination .page-numbers.current{background:#5e17eb;border-color:#5e17eb;color:#fff}.status.inativo,.status.falecido{background:#fee2e2;color:#991b1b}.status.nao_definido{background:#f1f5f9;color:#475569}.status.paga{background:#dcfce7;color:#166534}.status.em_aberto{background:#fef3c7;color:#92400e}.status.atrasada{background:#fee2e2;color:#991b1b}.memora-inline-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.memora-inline-form input{max-width:125px;min-height:34px}.memora-paid-note{font-weight:700;color:#15803d}.memora-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.memora-form-grid label{display:flex;flex-direction:column;gap:7px}.memora-form-grid label span{font-weight:700;color:#475467}.memora-form-grid input,.memora-form-grid select,.memora-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d7dce7;border-radius:10px;min-height:43px;padding:10px 12px}.memora-form-grid textarea{min-height:86px}.span-3{grid-column:1/-1}.memora-logo-preview{margin-top:20px;padding:20px;border:1px dashed #cfd6e3;border-radius:14px;text-align:center}.memora-logo-preview img{max-width:220px;max-height:110px}.memora-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px}.memora-empty-inline{padding:30px;text-align:center;color:#7b8495}
@media(max-width:1100px){.memora-dashboard-layout{grid-template-columns:1fr}.memora-filter-grid{grid-template-columns:1fr 1fr}.memora-field-wide{grid-column:1/-1}.memora-filter-actions{grid-column:1/-1}.memora-recent-list{grid-template-columns:1fr}.memora-form-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:1/-1}}
@media(max-width:700px){.memora-filter-grid,.memora-form-grid{grid-template-columns:1fr}.memora-field-wide,.span-3,.memora-filter-actions{grid-column:auto}.memora-filter-actions{flex-direction:column}.memora-mini-stats{grid-template-columns:1fr}.memora-recent-list>a{grid-template-columns:auto 1fr}.memora-recent-list .status{grid-column:2}.memora-header h1{font-size:30px}}

/* ===== Memora 1.6 — Aparência ===== */
.memora-company-switcher{display:flex;justify-content:flex-end;margin:-54px 0 20px}.memora-company-switcher label{display:flex;align-items:center;gap:10px;font-weight:700}.memora-company-switcher select{min-width:260px;min-height:42px;border-radius:10px}.memora-appearance-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:22px;align-items:start}.memora-appearance-controls{display:grid;gap:18px}.memora-appearance-controls .memora-panel,.memora-preview-panel{padding:22px}.memora-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memora-media-field{padding:15px;border:1px solid #e6eaf1;border-radius:14px}.memora-media-field>span,.memora-field>span{display:block;margin-bottom:9px;font-weight:700;color:#475467}.memora-media-preview{height:116px;margin-bottom:12px;border:1px dashed #ccd3df;border-radius:12px;background:#f8fafc;display:grid;place-items:center;overflow:hidden}.memora-media-preview.favicon{height:76px}.memora-media-preview img{width:100%;height:100%;object-fit:contain}.memora-media-preview.background img,.memora-media-preview.company-background img{object-fit:cover}.memora-media-preview em{color:#98a2b3}.memora-field{display:block;margin-top:16px}.memora-field input{width:100%;min-height:43px;border:1px solid #d7dce7;border-radius:10px;padding:0 12px}.memora-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memora-color-field>span{display:block;margin-bottom:7px;font-weight:700;color:#475467}.memora-color-field>div{display:grid;grid-template-columns:48px 1fr;gap:8px}.memora-color-field input[type=color]{width:48px;height:43px;padding:3px;border:1px solid #d7dce7;border-radius:10px}.memora-color-field input[type=text]{min-height:43px;border:1px solid #d7dce7;border-radius:10px;padding:0 10px;font-family:monospace}.memora-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.memora-range-grid label>span{display:block;margin-bottom:8px;font-weight:700;color:#475467}.memora-range-grid input{width:100%}.memora-save-bar{position:sticky;bottom:0;z-index:5;padding:14px;border:1px solid #e6eaf1;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);text-align:right}.memora-preview-column{position:sticky;top:48px}.memora-device-buttons{display:flex;gap:4px;padding:4px;border-radius:10px;background:#f1f3f7}.memora-device-buttons button{border:0;background:transparent;padding:7px 10px;border-radius:8px;cursor:pointer}.memora-device-buttons button.active{background:#fff;box-shadow:0 2px 8px rgba(15,37,74,.12)}.memora-live-preview{--preview-primary:#5e17eb;--preview-secondary:#0f254a;--preview-button:#5e17eb;position:relative;min-height:620px;border-radius:18px;overflow:hidden;background:#eef2f7;display:grid;place-items:center;padding:32px;box-sizing:border-box;transition:max-width .2s}.memora-live-preview.is-mobile{max-width:340px;margin:0 auto;min-height:620px}.memora-preview-bg,.memora-preview-overlay{position:absolute;inset:-35px}.memora-preview-bg{background:linear-gradient(135deg,#e8e1ff,#dbeafe);z-index:0}.memora-preview-overlay{z-index:1}.memora-preview-card{position:relative;z-index:2;width:min(390px,100%);padding:28px;box-sizing:border-box;color:var(--preview-secondary);border:1px solid rgba(255,255,255,.5)}.memora-preview-brand{display:flex;align-items:center;gap:11px}.memora-preview-brand img,.memora-preview-brand b{width:46px;height:46px;border-radius:12px;object-fit:contain}.memora-preview-brand b{display:grid;place-items:center;background:var(--preview-primary);color:#fff}.memora-preview-brand strong,.memora-preview-brand small{display:block}.memora-preview-brand small{margin-top:2px;color:#667085}.memora-preview-card h3{font-size:26px;line-height:1.08;margin:36px 0 10px}.memora-preview-card>p{color:#667085}.memora-preview-card label{display:block;margin:14px 0 6px;font-weight:700}.memora-preview-card input{width:100%;height:43px;border:1px solid #d7dce7;border-radius:10px;background:#fff}.memora-preview-card button{width:100%;margin-top:20px;padding:13px;border:0;background:var(--preview-button);color:#fff;font-weight:800}.memora-preview-card footer{margin-top:17px;padding-top:14px;border-top:1px solid rgba(148,163,184,.35);color:#667085;font-size:12px;text-align:center}
@media(max-width:1200px){.memora-appearance-layout{grid-template-columns:1fr}.memora-preview-column{position:static}.memora-live-preview{min-height:520px}}
@media(max-width:782px){.memora-company-switcher{justify-content:flex-start;margin:0 0 18px}.memora-company-switcher label{align-items:flex-start;flex-direction:column}.memora-media-grid,.memora-color-grid,.memora-range-grid{grid-template-columns:1fr}.memora-preview-panel{padding:14px}.memora-live-preview{padding:18px;min-height:540px}}
.memora-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:end}.memora-form-grid label{display:grid;gap:7px}.memora-form-grid input,.memora-form-grid select,.memora-form-grid textarea{width:100%;max-width:none}.memora-field-wide{grid-column:span 2}.memora-actions{display:flex;gap:12px;flex-wrap:wrap}.memora-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.memora-data-grid>div{padding:16px;border:1px solid #e5e7eb;border-radius:14px}.memora-data-grid span{display:block;color:#64748b;margin-bottom:6px}.memora-data-grid strong{font-size:22px}