/* KAAFE 9.1 - combobox and responsive safeguards */
[hidden],.v9-options[hidden],.page [hidden]{display:none!important}
.v9-combo{position:relative;display:flex!important;flex-direction:column;gap:6px;min-width:0;width:100%;max-width:100%;align-self:stretch}
.v9-combo input[type=search]{width:100%;max-width:100%;min-width:0}
.v9-options:not([hidden]){display:block!important;position:absolute;top:calc(100% - 16px);left:0;right:0;z-index:200;max-height:min(280px,45vh);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #b9d5c5;border-radius:12px;box-shadow:0 16px 40px #12362638;padding:4px}
.v9-option{display:block;padding:11px 12px;border-radius:8px;line-height:1.35;cursor:pointer}
.v9-option:hover,.v9-option.active{background:#e5f2e9}
#purchases .v8-form{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);align-items:end;gap:14px;width:100%}
#purchases .v8-form>.v9-combo,#purchases .v8-form>label{min-width:0;width:100%;margin:0;flex:none}
#purchases .v8-form>label input{width:100%;margin:0}
#purchases .v8-form>button{grid-column:1/-1;width:100%;margin:0}
#purchases .module-head{align-items:center}
#purchases .data-scroll{max-width:100%}
.page,.content,.shell,section,.module-head{min-width:0}
.page .v8-form label,.page .v8-form fieldset{min-width:0;max-width:100%}
.page .v8-form input,.page .v8-form select,.page .v8-form textarea{min-width:0;max-width:100%;width:100%}
.data-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:900px){.shell{gap:14px!important}.module-head{gap:10px}}
@media(max-width:760px){main{width:100%;max-width:100%;padding:12px!important}.shell{display:block!important;width:100%}.side{width:100%;max-width:100%;overflow-x:auto}.content{width:100%;min-width:0}.page section{padding:16px!important}#purchases .v8-form{grid-template-columns:1fr!important}#purchases .v8-form>button{grid-column:1}.module-head{flex-direction:column;align-items:stretch}.module-head button{width:100%}}
@media(max-width:420px){body>header h1{font-size:21px!important}.kaafe-topbar{gap:8px}.page section{padding:12px!important}.v9-options:not([hidden]){max-height:220px}}
@media print{.v9-options{display:none!important}}



/* KAAFÉ v9.2 — Alinhamento de compras */

#purchases .v8-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px 16px !important;
  align-items: start !important;
  width: 100%;
}

#purchases .v8-form > .v9-combo,
#purchases .v8-form > label {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  align-self: start !important;
}

#purchases .v9-combo {
  display: flex !important;
  flex-direction: column;
  gap: 6px;
}

#purchases .v9-combo input[type="search"],
#purchases .v8-form > label input {
  box-sizing: border-box;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px;
  margin: 0 !important;
  padding: 10px 13px;
}

#purchases .v8-form > button {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0 !important;
}

@media (max-width: 767px) {
  #purchases .v8-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #purchases .v8-form > button {
    grid-column: 1;
  }
}