/* R78.6: compact layout using the existing POS modal and button design. */
html[data-pn360-build="pos"] body .main>.topbar.pn360-pos-compact-topbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:8px 16px!important;min-height:80px!important;
  padding:12px 18px!important;overflow:visible!important;
}
html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.topbar-title{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:4px 10px!important;min-width:0!important;padding:0!important;
}
html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.topbar-title h2{
  font-size:24px!important;line-height:1.2!important;margin:0!important;
}
html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.topbar-title>small{
  flex-basis:100%!important;font-size:11px!important;line-height:1.3!important;margin:0!important;
}
html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.top-actions{display:none!important}
html[data-pn360-build="pos"] body .pos-r78-header-context{
  grid-column:2;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;
  gap:6px;min-width:0;max-width:280px;
}
html[data-pn360-build="pos"] body .pos-r78-header-context>span{
  display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dbe5ed;
  border-radius:999px;background:#f4f8fb;color:#344f68;font-size:11px;line-height:1.2;min-width:0;
}
html[data-pn360-build="pos"] body .pos-r78-header-context .pos-r78-operator b{
  max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pos-r78-online i{width:7px;height:7px;border-radius:50%;background:#10b981;flex:none}
.pos-r78-online.offline i{background:#d97706}
html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-areas:"brand today printer"!important;align-items:center!important;
  gap:8px 14px!important;min-height:60px!important;padding:9px 14px!important;
}
html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar>.pos-core-brand{
  grid-area:brand!important;display:block!important;min-width:0!important;
}
html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-brand strong{font-size:15px!important}
html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar>.pos-core-today{
  grid-area:today!important;grid-column:auto!important;grid-row:auto!important;order:0!important;
  display:grid!important;justify-items:end!important;text-align:right!important;
  padding:0!important;border:0!important;min-width:0!important;
}
html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-today strong{font-size:20px!important;line-height:1.1!important}
html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-today span{font-size:9px!important;line-height:1.2!important}
html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar>#pn360PrinterQuickConfig{
  grid-area:printer!important;justify-self:end!important;align-self:center!important;
  width:auto!important;min-height:44px!important;margin:0!important;padding:8px 12px!important;
  font-size:12px!important;white-space:nowrap!important;
}
html[data-pn360-build="pos"] body .pos-page>.pos-r78-shift-compact{
  padding:5px 10px!important;min-height:0!important;margin:0!important;gap:0!important;
}
html[data-pn360-build="pos"] body .pos-r78-shift-compact>.pos-r77-shift-actions{
  width:100%;gap:8px;justify-content:flex-end;
}
html[data-pn360-build="pos"] body .pos-r78-shift-compact button{min-height:44px!important;font-size:13px!important}
html[data-pn360-build="pos"] body.pos-r78-shift-modal-open{overflow:hidden!important}
html[data-pn360-build="pos"] body .pos-r78-shift-overlay{z-index:100000!important}
html[data-pn360-build="pos"] body .pos-r78-shift-modal{
  width:min(560px,100%)!important;max-height:calc(100dvh - 32px)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.pos-r78-shift-modal>form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}
.pos-r78-shift-fields{display:grid;gap:14px;padding:18px 20px;overflow-y:auto;min-height:0}
.pos-r78-shift-fields label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#344f68}
.pos-r78-shift-fields input,.pos-r78-shift-fields textarea{
  box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px 12px;
  border:1px solid #cad9e4;border-radius:12px;background:#fff;color:#14283d;font:inherit;font-size:16px;
}
.pos-r78-shift-fields textarea{resize:vertical}
.pos-r78-shift-fields input:focus,.pos-r78-shift-fields textarea:focus{outline:2px solid #14b8a6;outline-offset:2px}
.pos-r78-shift-error{margin:0;color:#b42318;font-size:13px;line-height:1.4}
.pos-r78-shift-error[hidden]{display:none!important}
.pos-r78-shift-modal form>footer{
  display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;
  border-top:1px solid #e7edf2;background:#fbfcfd;
}
.pos-r78-shift-modal form>footer .btn{min-height:46px!important;font-size:14px!important}
.pos-r78-shift-modal button:disabled{cursor:wait;opacity:.65}
@media(min-width:761px) and (max-width:1180px){
  html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.pos-core-r25-tablet-brandbar{
    grid-column:1/-1!important;grid-row:1!important;padding:0 0 8px!important;
  }
  html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.topbar-title{grid-column:1!important;grid-row:2!important}
  html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.pos-r78-header-context{grid-column:2;grid-row:2}
}
@media(max-width:760px){
  html[data-pn360-build="pos"] body .main>.topbar.pn360-pos-compact-topbar{min-height:0!important;padding:10px 12px!important;gap:6px 8px!important}
  html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.topbar-title h2{font-size:19px!important}
  html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.topbar-title>small{display:none!important}
  html[data-pn360-build="pos"] body .pos-r78-header-context{gap:4px;max-width:150px}
  html[data-pn360-build="pos"] body .pos-r78-header-context>span{padding:4px 7px;font-size:10px}
  html[data-pn360-build="pos"] body .pos-r78-header-context .pos-r78-operator b{max-width:95px}
  html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar{padding:8px 10px!important;gap:8px!important;min-height:56px!important}
  html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-kicker{display:none!important}
  html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-brand strong{font-size:12px!important}
  html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-today small,
  html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-today span{display:none!important}
  html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar .pos-core-today strong{font-size:17px!important}
  html[data-pn360-build="pos"] body #posCoreOpbar.pos-r78-compact-opbar>#pn360PrinterQuickConfig{padding:6px 8px!important;font-size:11px!important}
  html[data-pn360-build="pos"] body .pos-r78-shift-compact>.pos-r77-shift-actions{justify-content:stretch}
  html[data-pn360-build="pos"] body .pos-r78-shift-compact button{flex:1 1 120px!important;padding-inline:8px!important;font-size:12px!important}
  html[data-pn360-build="pos"] body .pos-r78-shift-modal{width:100%!important;max-height:92dvh!important;border-radius:22px 22px 0 0!important}
  .pos-r78-shift-fields{padding:15px}
  .pos-r78-shift-modal form>footer{padding:12px 15px calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}
  .pos-r78-shift-modal form>footer .btn{flex:1 1 120px}
}
@media(max-width:480px){
  html[data-pn360-build="pos"] body .topbar.pn360-pos-compact-topbar>.pos-r78-header-context{grid-column:1/-1;justify-content:flex-end;max-width:none}
}