/* Retter-Portal v1.3.91
   Global form/card polish: no nested field boxes, cleaner typography, task spacing and account-delete action cleanup. */

/* --------------------------------------------------------------------------
   1) Form labels: the label is metadata, the actual input is the control.
      Remove the legacy label-card styling globally in the normal portal so
      fields no longer look like a box inside another box.
   -------------------------------------------------------------------------- */
html body:not(.admin-surface) .app-shell .main .content .form-grid > label,
html body:not(.admin-surface) .app-shell .main .content .inline-form > label,
html body:not(.admin-surface) .app-shell .main .content .v138-inline-form > label,
html body:not(.admin-surface) .app-shell .main .content .smart-select-field > label{
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  min-width:0!important;
  display:grid!important;
  gap:8px!important;
  align-content:start!important;
  color:var(--muted)!important;
  font-weight:850!important;
  line-height:1.25!important;
}

/* The smart-select wrapper itself must never become a second control shell. */
html body:not(.admin-surface) .app-shell .main .content .smart-select-field{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  min-height:0!important;
}
html body:not(.admin-surface) .app-shell .main .content .smart-select-field > label > :is(input[type="search"],input[data-smart-select-search]){
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  padding:0 44px 0 15px!important;
  border-radius:15px!important;
  line-height:1.25!important;
  font-weight:760!important;
  color:var(--text)!important;
  background:linear-gradient(180deg,rgba(6,17,30,.94),rgba(7,19,33,.88))!important;
  border:1px solid var(--line-soft)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body[data-theme="light"]:not(.admin-surface) .app-shell .main .content .smart-select-field > label > :is(input[type="search"],input[data-smart-select-search]){
  color:#0f172a!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border-color:rgba(148,163,184,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}

/* Keep the search icon aligned to the input after removing the wrapper box. */
html body:not(.admin-surface) .app-shell .main .content .smart-select-field::after{
  top:39px!important;
  right:15px!important;
  line-height:1!important;
}

/* --------------------------------------------------------------------------
   2) Global control typography: text sits visually centred inside controls.
   -------------------------------------------------------------------------- */
html body:not(.admin-surface) .app-shell .main .content :is(input:not([type="checkbox"]):not([type="radio"]),select){
  min-height:52px;
  line-height:1.25!important;
}
html body:not(.admin-surface) .app-shell .main .content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  padding-left:15px;
  padding-right:15px;
}
html body:not(.admin-surface) .app-shell .main .content textarea{
  line-height:1.5!important;
  padding-top:13px;
  padding-bottom:13px;
}

/* Notices/info blocks: consistent breathing room and readable inline emphasis. */
html body:not(.admin-surface) .app-shell .main .content :is(.notice,.notice-soft,.info-card,.form-help){
  padding:16px 18px!important;
  line-height:1.55!important;
  min-width:0!important;
}
html body:not(.admin-surface) .app-shell .main .content :is(.notice,.notice-soft,.info-card,.form-help) strong{
  line-height:inherit!important;
}
html body:not(.admin-surface) .app-shell .main .content .notice > strong:first-child{
  margin-right:.28em!important;
}

/* --------------------------------------------------------------------------
   3) Task detail typography + action spacing.
   -------------------------------------------------------------------------- */
html body:not(.admin-surface) .app-shell .main .content .task-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 24px!important;
  margin:2px 0 18px!important;
}
html body:not(.admin-surface) .app-shell .main .content .task-detail-grid > div{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
html body:not(.admin-surface) .app-shell .main .content .task-detail-grid > div > span{
  display:block!important;
  color:var(--muted)!important;
  font-size:.78rem!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  line-height:1.25!important;
}
html body:not(.admin-surface) .app-shell .main .content .task-detail-grid > div > strong{
  display:block!important;
  color:var(--text)!important;
  font-size:1rem!important;
  font-weight:900!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
html body:not(.admin-surface) .app-shell .main .content .task-delete-form{
  margin-top:14px!important;
}
html body:not(.admin-surface) .app-shell .main .content .task-delete-form .btn{
  margin:0!important;
}

/* --------------------------------------------------------------------------
   4) Account-delete dialog: actions float on the dialog, no dark rectangle.
   -------------------------------------------------------------------------- */
html body .account-delete-modal__dialog form{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
html body .account-delete-modal__actions{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  padding:12px 0 2px!important;
}
html body[data-theme="light"] .account-delete-modal__actions{
  background:transparent!important;
}

/* --------------------------------------------------------------------------
   5) Small-screen stability.
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  html body:not(.admin-surface) .app-shell .main .content .task-detail-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body:not(.admin-surface) .app-shell .main .content .smart-select-field::after{
    top:40px!important;
  }
  html body .account-delete-modal__actions{
    padding-top:10px!important;
  }
}