/* FATOORA_FORM_POLISH */
:root{
  --f-bg:#f3f4f6;
  --f-card:#ffffff;
  --f-text:#111827;
  --f-muted:#6b7280;
  --f-line:#e5e7eb;
  --f-soft:#f9fafb;
  --f-dark:#111111;
  --f-green:#166534;
}

body{
  background:var(--f-bg) !important;
  color:var(--f-text);
}

.app-shell{
  max-width:1120px;
  margin:26px auto;
  padding:0 16px;
}

.card{
  border:1px solid var(--f-line) !important;
  border-radius:18px !important;
  padding:20px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
  margin-bottom:16px !important;
}

.card h1,
.card h2,
.card h3{
  margin-top:0;
}

.card h2{
  font-size:20px;
  padding-bottom:10px;
  border-bottom:1px solid var(--f-line);
}

.card p{
  color:var(--f-muted);
}

.form-grid,
.form-grid-3{
  gap:14px !important;
}

label{
  font-size:13px !important;
  font-weight:800 !important;
  color:#1f2937;
}

input,
select,
textarea{
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  padding:11px 12px !important;
  background:#fff;
  transition:border-color .15s, box-shadow .15s;
}

input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color:#111827 !important;
  box-shadow:0 0 0 3px rgba(17,24,39,.08);
}

input[readonly]{
  background:#f9fafb;
  color:#6b7280;
}

button,
.btn{
  border-radius:12px !important;
  padding:11px 17px !important;
  font-weight:800 !important;
}

button[type="submit"]{
  background:var(--f-green) !important;
}

.items-editor{
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--f-line);
}

.items-editor th{
  background:#f9fafb !important;
  color:#374151;
  font-size:13px;
}

.items-editor th,
.items-editor td{
  border-color:var(--f-line) !important;
}

.actions-bar{
  gap:10px !important;
}

.fatoora-top-note{
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#14532d;
  border-radius:14px;
  padding:12px 14px;
  margin-top:12px;
  line-height:1.8;
}

@media(max-width:800px){
  .app-shell{
    margin:14px auto;
    padding:0 10px;
  }

  .card{
    padding:15px !important;
    border-radius:15px !important;
  }
}

/* LIVE_TOTALS_BOX_V1 */
.live-totals-box{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.live-totals-box > div{
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
}
.live-totals-box span{
  display:block;
  color:#6b7280;
  font-size:12px;
  margin-bottom:6px;
}
.live-totals-box b{
  font-size:17px;
  direction:ltr;
  display:block;
}
@media(max-width:850px){
  .live-totals-box{
    grid-template-columns:1fr;
  }
}