/* Mobis Core UI (v1) - minimal, mobile-first, scoped via .mobis-ui */

.mobis-ui {
  width: 100%;
}

.mobis-card {
  background: #ffffff;
  border: 1px solid #2c6649;
  border-radius: 10px;
  padding: 16px;
}

.mobis-title{
  font-size:18px;
  font-weight:600;
  margin:0;
}

.mobis-muted{
  color:#666;
  font-size:14px;
}

.mobis-error{
  background:#fff4f4;
  border:1px solid #ffd1d1;
  border-radius:10px;
  padding:12px;
  font-size:14px;
}

/* Buttons */
/* Accordion */
.mobis-accordion-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  user-select:none;
}

.mobis-accordion-header::after{
  content:"+";
  font-weight:600;
  margin-left:12px;
}

.mobis-accordion.active .mobis-accordion-header::after{
  content:"−";
}

.mobis-accordion-content{
  display:none;
  margin-top:12px;
}

.mobis-accordion.active .mobis-accordion-content{
  display:block;
}

/* Items */
.mobis-item {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 12px;
}

.mobis-item:last-child {
  margin-bottom: 0;
}

.mobis-item:last-child{ margin-bottom:0; }

.mobis-item-main{
  font-weight:600;
  font-size:15px;
  margin-bottom:6px;
}

.mobis-item-sub{
  font-size:14px;
  color:#444;
}



/* Simple form inputs inside Mobis UI */
.mobis-ui select,
.mobis-ui input[type="text"],
.mobis-ui input[type="number"],
.mobis-ui input[type="date"],
.mobis-ui input[type="file"],
.mobis-ui textarea{
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid #e5e5e5;
  border-radius:8px;
  font-size:16px; /* helps mobile zoom behavior */
}

.mobis-ui label{ font-size:14px; }

/* Keep deratisation tree readable */
.mobis-derat-tree{
  margin-top:12px;
}


.mobis-hidden{display:none !important;}
.mobis-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.mobis-filters select{padding:10px 12px;border:1px solid #2c6649;border-radius:5px;background:#fff;}


/* Section wrapper (native details/summary, no JS) */
.mobis-section { margin: 0 0 16px 0; }
.mobis-section-title{cursor:pointer;display:block;margin:0;padding:0;list-style:none;}
.mobis-section-title::-webkit-details-marker{display:none;}
.mobis-section-title::marker{content:"";}
.mobis-section-title::-webkit-details-marker { display:none; }
.mobis-section-icon::before { content: "+"; font-weight: 600; }
details.mobis-section[open] .mobis-section-icon::before { content: "−"; }

/* Hide old internal accordion header to avoid empty line inside box */
.mobis-accordion-header { display:none !important; }


/* Single-photo upload (mobile-first, reusable) */

.mobis-upload-input{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
/* Lists (used in tech pages) */
.mobis-list{ list-style:none; padding:0; padding-left:0; margin:10px 0 0 0; }

.mobis-text-block{direction:rtl;text-align:right;white-space:pre-line;}

.mobis-actions{display:block;margin-top:16px}

.mobis-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mobis-left{flex:1;min-width:0}
.mobis-right{display:flex;gap:8px}


/* Unified action icon buttons (tech-bp, client-passages, reusable) */
.mobis-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.25rem;
  height:2.25rem;
  padding:0;
  border:1px solid #000;
  border-radius:10px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  line-height:1;
  font-size:18px;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.mobis-action:focus{outline:2px solid currentColor; outline-offset:2px;}
.mobis-action--status{background:#f7f7f7;}
/* If the upload form sits inside a flex action area, remove its default top margin */

/* Mobis micro-cleanup */
.mobis-action{ color:inherit; text-decoration:none; line-height:1; }
.mobis-upload-single{ display:inline-block; margin-top:0; }

/* Tech maintenance (step "Photos") — stack item content for mobile-friendly layout */
.mobis-maint-photos .mobis-item{
  flex-direction: column;
  align-items: stretch;
}
.mobis-maint-photos .mobis-item > strong{
  display: block;
}
.mobis-maint-photos .mobis-item input[type="file"]{
  display: block;
  width: 100%;
  max-width: 100%;
}

/* Collapsible sections — robust chevron indicator (cross-browser/mobile) */
.mobis-section-title{ list-style:none; }
.mobis-section-title::-webkit-details-marker{ display:none; }
.mobis-section-title::marker{ display:none; }

.mobis-section-title-h2::after{
  content:"›";
  display:inline-block;
  margin-left:0.5em;
  opacity:.7;
  transition:transform .2s ease;
}

.mobis-section[open] .mobis-section-title-h2::after{
  transform:rotate(90deg);
}

/* Tech Maintenance STEP 1 – 2 columns machines (minimal change) */
#mobis-maint-select {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
#mobis-maint-select .mobis-machine-choice {
  width: calc(50% - 6px);
  box-sizing: border-box;
}
#mobis-maint-select .mobis-actions {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
}

#mobis-maint-select .mobis-machine-img{display:block;}