/* Meadery ERP frontend layout v0.4.1 */
.merp-app,
.merp-app *{box-sizing:border-box}

.merp-app{width:100%;max-width:1280px;margin:24px auto;padding:0 18px;font-family:Arial,Helvetica,sans-serif;color:#202124;line-height:1.35;clear:both;overflow:hidden}
.merp-app h1,.merp-app h2,.merp-app h3,.merp-app p{color:inherit}
.merp-header{background:linear-gradient(135deg,#2f174b,#5b2a86);color:#fff;border-radius:18px;padding:24px;margin:0 0 16px;box-shadow:0 8px 26px rgba(47,23,75,.18)}
.merp-header h1{margin:0 0 6px;font-size:32px;line-height:1.1;color:#fff}
.merp-header p{margin:0;color:#fff;opacity:.92}

.merp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:0}
.merp-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;border-radius:999px;background:#f2eef7;text-decoration:none!important;color:#2f174b!important;font-weight:700;border:1px solid #eadff4;white-space:nowrap}
.merp-tabs a.active{background:#2f174b;color:#fff!important;border-color:#2f174b}

.merp-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.06);overflow:hidden}
.merp-notice{background:#e7f7ee;border:1px solid #b7e4c7;color:#135b2c;padding:12px 16px;border-radius:12px;margin-bottom:14px}

.merp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:20px}
.merp-cards div{background:#f8f5fb;border:1px solid #eadff4;border-radius:14px;padding:16px;min-width:0}
.merp-cards strong{display:block;font-size:28px;color:#2f174b;word-break:break-word}
.merp-cards span{display:block;color:#5f6368;margin-top:4px}

.merp-form{background:#fbfbfd;border:1px solid #eceff3;border-radius:16px;padding:18px;margin:0 0 22px;overflow:hidden}
.merp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;align-items:end}
.merp-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px;color:#3c4043;min-width:0}
.merp-form input,.merp-form select,.merp-form textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #cfd4dc;border-radius:10px;padding:10px 12px;background:#fff;color:#202124;min-height:42px;box-shadow:none;font:inherit}
.merp-form select{appearance:auto}
.merp-form textarea{min-height:110px;resize:vertical}
.merp-form button{margin-top:14px;background:#2f174b;color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;min-height:44px}
.merp-form button:hover{background:#44206d}
.merp-form .check{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:flex-start;min-height:42px}
.merp-form .check input{width:auto;min-height:auto}

.merp-lines{display:grid;gap:12px;margin-top:8px}
.merp-line{display:grid;grid-template-columns:minmax(190px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(84px,.7fr) minmax(96px,.7fr) minmax(110px,.8fr) minmax(92px,.6fr);gap:10px;align-items:center;background:#fff;border:1px solid #eef0f4;border-radius:14px;padding:12px;width:100%;min-width:0}
.merp-line > *{min-width:0}
.merp-line label{font-weight:400;display:flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;color:#5f6368}
.merp-line label input{width:auto;min-height:auto}

.merp-table-wrap{overflow-x:auto;border:1px solid #eceff3;border-radius:12px;background:#fff;margin-top:12px}
.merp-table{width:100%;border-collapse:collapse;margin:0;min-width:640px}
.merp-table th,.merp-table td{border-bottom:1px solid #eceff3;text-align:left;padding:11px 12px;vertical-align:top;color:#202124}
.merp-table th{background:#f7f7f8;font-size:13px;font-weight:700;color:#3c4043}
.merp-table tr:last-child td{border-bottom:0}
.merp-empty{background:#f7f7f8;border-radius:10px;padding:12px;margin:10px 0;color:#5f6368}

/* Better behavior inside Themify layouts */
.themify_builder_content .merp-app,
.entry-content .merp-app,
.page-content .merp-app{max-width:1280px;width:100%;overflow:hidden}
.themify_builder_content .merp-app input,
.themify_builder_content .merp-app select,
.themify_builder_content .merp-app textarea{max-width:100%}

@media(max-width:1100px){
  .merp-line{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .merp-line input:first-child{grid-column:span 3}
}
@media(max-width:760px){
  .merp-app{margin:12px auto;padding:0 10px}
  .merp-header{padding:18px;border-radius:14px}
  .merp-header h1{font-size:26px}
  .merp-panel{padding:14px;border-radius:14px}
  .merp-form{padding:14px}
  .merp-grid{grid-template-columns:1fr}
  .merp-line{grid-template-columns:1fr}
  .merp-line input:first-child{grid-column:auto}
  .merp-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .merp-tabs a{flex:0 0 auto}
}