/* ÉpicoMenu v16: perfil responsivo com edição de identidade visual e prévia. */
.ep16-success-note{display:flex;align-items:center;gap:12px;background:#e7f7ec;border:1px solid #c5e6d0;border-radius:12px;padding:13px 17px;color:#126047;margin:0 0 17px;font-size:12px;line-height:1.5}
.ep16-success-note .icon{flex:none;width:18px;height:18px}
.ep16-profile-form{display:grid;gap:17px;min-width:0}
.ep16-profile-form .ep12-panel{padding:20px;border-radius:17px}
.ep16-visual-card{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(245px,.85fr);gap:24px;align-items:stretch}
.ep16-visual-main{min-width:0;display:flex;flex-direction:column;justify-content:flex-start}
.ep16-banner{height:218px;min-height:160px;overflow:hidden;position:relative;background:#f1e9e7;border-radius:12px}
.ep16-banner>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ep16-over-banner{position:absolute;right:15px;top:14px;background:#fff;display:inline-flex;align-items:center;gap:8px;border:1px solid #e3e7ec;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:780;color:#29364b;cursor:pointer;box-shadow:0 3px 14px #111a2923}
.ep16-over-banner:hover,.ep16-small-btn:hover{border-color:#c7d0dc;background:#f8fafc}
.ep16-over-banner input,.ep16-small-btn input{display:none}
.ep16-brand-bottom{position:relative;display:flex;align-items:flex-end;gap:16px;min-height:74px;margin-top:-54px;padding:0 16px 0 20px}
.ep16-logo{z-index:1;position:relative;width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center;border:5px solid #fff;border-radius:19px;box-shadow:0 5px 17px #0002;background:#e30617;color:#fff;font-size:33px;font-weight:900;overflow:hidden;line-height:1}
.ep16-logo>img{display:block;width:100%;height:100%;object-fit:cover}
.ep16-brand-actions{position:relative;padding-top:58px;flex:1;min-width:0}
.ep16-brand-actions strong{font-size:14px;font-weight:800;display:block;margin:0 0 7px;color:#243347}
.ep16-action-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ep16-small-btn{background:#fff;border:1px solid #dbe2ea;cursor:pointer;border-radius:9px;min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#2c384a;font-family:inherit;font-size:12px;font-weight:750;padding:8px 12px}
.ep16-brand-actions small{display:block;color:#8a97a5;font-size:11px;margin-top:6px}
.ep16-preview-wrap{border-left:1px solid #e3e7ed;min-width:0;padding-left:23px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.ep16-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;width:100%;margin:0 0 9px;color:#243248;font-size:12px;font-weight:850}
.ep16-preview-heading span{display:inline-flex;gap:8px;align-items:center}
.ep16-preview-heading .icon{width:17px;height:17px;color:#b52525}
.ep16-preview-live{display:inline-flex;background:#eff7f1;color:#187746;border:1px solid #dbefdf;border-radius:99px;font-size:10px;font-weight:750;padding:5px 9px;white-space:nowrap}
.ep16-phone-frame{width:228px;max-width:100%;border:5px solid #26313a;border-radius:34px;background:#171e25;padding:5px;box-shadow:0 8px 23px #0d1a2930;margin:0 auto;overflow:hidden}
.ep16-phone-screen{background:#fff;overflow:hidden;border-radius:24px;min-height:286px;position:relative}
.ep16-phone-status{background:#fff;display:flex;justify-content:space-between;padding:5px 12px;font-size:9px;font-weight:850;line-height:14px;color:#263344}
.ep16-phone-cover{height:90px;overflow:hidden;background:#e9e5e2}
.ep16-phone-cover img{width:100%;height:100%;display:block;object-fit:cover}
.ep16-phone-content{padding:0 14px 17px;display:grid;gap:5px;justify-items:start}
.ep16-phone-avatar{height:54px;width:54px;margin-top:-29px;border-radius:13px;border:3px solid #fff;background:var(--ep16-accent,#b52525);display:grid;place-items:center;color:#fff;font-size:19px;font-weight:900;overflow:hidden;z-index:1;box-shadow:0 3px 7px #1d27383b}
.ep16-phone-avatar img{width:100%;height:100%;object-fit:cover}
.ep16-phone-content strong{color:#1b2b42;font-size:15px;line-height:1.3;margin-top:3px;overflow-wrap:anywhere}
.ep16-phone-content small{font-size:9px;line-height:1.4;color:#7a879a}
.ep16-phone-skeleton{display:flex;gap:8px;margin:10px 0 5px;width:100%}
.ep16-phone-skeleton i{height:39px;flex:1;background:#eef0f3;border-radius:7px}
.ep16-phone-button{display:grid;place-items:center;background:var(--ep16-accent,#b52525);color:white;width:100%;min-height:24px;border-radius:7px;font-size:9px;font-weight:800}
.ep16-preview-wrap>p{margin:9px 0 0;color:#8a97a7;font-size:10px;text-align:center;line-height:1.45}
.ep16-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.ep16-form-group{min-width:0}
.ep16-form-group h2{display:flex;align-items:center;gap:9px;margin:2px 0 19px;color:#1e2d43!important;font-size:16px;line-height:1.3}
.ep16-form-group h2 .icon{color:#c31d28;height:20px;width:20px}
.ep16-field-grid{display:grid;gap:15px}
.ep16-field-grid .ep12-field{gap:6px;color:#435369;font-size:12px;font-weight:750}
.ep16-field-grid .ep12-field input,.ep16-field-grid .ep12-field textarea{height:auto;border-radius:9px;border:1px solid #d5deea;min-height:45px;background:#fff;color:#25344b;font-size:13px;font-weight:550}
.ep16-field-grid .ep12-field textarea{min-height:85px;resize:vertical}
.ep16-triple-fields{display:grid;grid-template-columns:.85fr 1.5fr .55fr;gap:10px;min-width:0}
.ep16-theme-field{display:grid;gap:7px;font-size:12px;font-weight:750;color:#435369}
.ep16-color-control{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;border:1px solid #d7e0e9;border-radius:9px;background:#fff;padding:5px 12px 5px 6px;height:43px}
.ep16-color-control input{width:46px;height:30px;border:0;padding:0;background:transparent;cursor:pointer}
.ep16-color-control output{font-size:12px;color:#263447;letter-spacing:.015em}
.ep16-theme-field small{font-size:11px;color:#8491a2;line-height:1.5;font-weight:500}
.ep16-counter{margin:-9px 0 0;color:#8c99a8;font-size:10px;text-align:right}
.ep16-form-actions{margin-top:22px;border-top:1px solid #e9edf2;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ep16-form-actions>span{color:#8190a2;font-size:11px;display:inline-flex;align-items:center;gap:6px}
.ep16-form-actions>div{display:flex;align-items:center;gap:9px;margin-left:auto}
.ep16-save,.ep16-cancel{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border-radius:9px;font-family:inherit;font-size:12px;font-weight:800;padding:10px 14px;cursor:pointer}
.ep16-save{border:1px solid #c1121b;background:#d70b18;color:#fff;box-shadow:0 4px 10px #d70b181a}
.ep16-cancel{border:1px solid #d5dfe9;color:#3b4b61;background:#fff}
.ep16-save:hover{background:#b40a14}
:root[data-theme='dark'] .ep16-success-note{background:#123629;border-color:#28684b;color:#b7eed1}
:root[data-theme='dark'] .ep16-preview-wrap{border-color:#405063}
:root[data-theme='dark'] .ep16-form-group h2{color:#f4f6fc!important}
:root[data-theme='dark'] .ep16-brand-actions strong,:root[data-theme='dark'] .ep16-preview-heading{color:#edf3fa}
:root[data-theme='dark'] .ep16-small-btn,:root[data-theme='dark'] .ep16-cancel,:root[data-theme='dark'] .ep16-over-banner,:root[data-theme='dark'] .ep16-color-control{background:#273342;border-color:#48576a;color:#e8eef6}
:root[data-theme='dark'] .ep16-color-control output{color:#edf2f7}
:root[data-theme='dark'] .ep16-field-grid .ep12-field input,:root[data-theme='dark'] .ep16-field-grid .ep12-field textarea{background:#202d3b;color:#f0f5fa;border-color:#455366}
:root[data-theme='dark'] .ep16-form-actions{border-color:#405063}
@media(max-width:1180px){.ep16-visual-card{grid-template-columns:minmax(0,1.5fr) 250px;gap:16px}.ep16-preview-wrap{padding-left:16px}.ep16-banner{height:186px}.ep16-form-grid{gap:20px}}
@media(max-width:880px){.ep16-visual-card{grid-template-columns:1fr}.ep16-preview-wrap{border-left:0;border-top:1px solid #e2e7ed;padding:16px 0 0}.ep16-phone-frame{width:205px}.ep16-form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.ep16-profile-form .ep12-panel{padding:13px}.ep16-banner{height:160px}.ep16-brand-bottom{margin-top:-43px;align-items:center;padding:0 6px;gap:9px}.ep16-logo{width:83px;height:83px;flex-basis:83px;border-width:4px;border-radius:15px;font-size:24px}.ep16-brand-actions{padding-top:50px}.ep16-brand-actions strong{font-size:12px}.ep16-action-row{gap:6px}.ep16-small-btn{font-size:11px;padding:7px 9px}.ep16-form-actions>div{width:100%;margin:0}.ep16-save,.ep16-cancel{flex:1}.ep16-triple-fields{grid-template-columns:1fr 1fr}.ep16-triple-fields .ep12-field:last-child{grid-column:span 2}.ep16-over-banner{top:8px;right:8px;padding:8px 10px}.ep16-form-actions>span{max-width:100%}}
