/* OrderSprinter Farbschema "Verwaltung" – Ergänzungen */
@font-face {
  font-family: "Manrope";
  src: url("../verwaltung/assets/fonts/manrope-latin-wght-normal.woff2") format("woff2"), url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-weight: 200 800; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  src: url("../verwaltung/assets/fonts/manrope-latin-ext-wght-normal.woff2") format("woff2"), url("../fonts/manrope-latin-ext-wght-normal.woff2") format("woff2");
  font-weight: 200 800; font-display: swap;
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Funktionale Regeln aus brightenergymod.css */
.closingsums {
	border: solid black 3px;
	background-color: rgb(255, 232, 188);
}
.closingsums td {
	border: solid black 1px;
	padding: 3px;
	text-align:right;
	vertical-align:bottom;
}
.opentable { color:black;} .timeline { color:black;}
#tmpdirtxt,#tmpdirhint,#closingcreationtxt,#urlpath { color:black;}
.groundplan input[type=text] {color:black;}
a.genconflink {color: black !important;}

.grouparea {
	border: 1px solid #666666;
	border-radius: 25px;
	background-color: #ffffb3;
	padding: 10px;
}
#searchfield,#barcode,.orderoptionfield {
	color:black !important;
}
#searchfield::placeholder,#barcode::placeholder,.orderoptionfield::placeholder {
	color:#222222 !important;
}
.prodcount {
	color: black;
}
/* Swatches a/b gegen das Standardtheme absichern */
html .ui-bar-a,
html .ui-page-theme-a .ui-bar-inherit,
html html .ui-bar-a .ui-bar-inherit,
html html .ui-body-a .ui-bar-inherit,
html html body .ui-group-theme-a .ui-bar-inherit {background-color: #16313a ;
	border-color: #122931 ;
	color: #ffffff ;
	text-shadow: 0  1px  0  #eeeeee ;
	font-weight: bold;}
html .ui-bar-a {border-width: 1px;
	border-style: solid;}
html .ui-overlay-a,
html .ui-page-theme-a,
html .ui-page-theme-a .ui-panel-wrapper {background-color: #eef0eb ;
	border-color: #dadfd6 ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #fefefe ;}
html .ui-body-a,
html .ui-page-theme-a .ui-body-inherit,
html html .ui-bar-a .ui-body-inherit,
html html .ui-body-a .ui-body-inherit,
html html body .ui-group-theme-a .ui-body-inherit,
html html .ui-panel-page-container-a {background-color: #ffffff ;
	border-color: #dadfd6 ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #f3f3f3 ;}
html .ui-body-a {border-width: 1px;
	border-style: solid;}
html .ui-page-theme-a a,
html html .ui-bar-a a,
html html .ui-body-a a,
html html body .ui-group-theme-a a {color: #0e5a62 ;
	font-weight: bold;}
html .ui-page-theme-a a:visited,
html html .ui-bar-a a:visited,
html html .ui-body-a a:visited,
html html body .ui-group-theme-a a:visited {color: #0e5a62 ;}
html .ui-page-theme-a a:hover,
html html .ui-bar-a a:hover,
html html .ui-body-a a:hover,
html html body .ui-group-theme-a a:hover {color: #0b4c53 ;}
html .ui-page-theme-a a:active,
html html .ui-bar-a a:active,
html html .ui-body-a a:active,
html html body .ui-group-theme-a a:active {color: #0b4c53 ;}
html .ui-page-theme-a .ui-btn,
html html .ui-bar-a .ui-btn,
html html .ui-body-a .ui-btn,
html html body .ui-group-theme-a .ui-btn,
html html head + body .ui-btn.ui-btn-a,
html .ui-page-theme-a .ui-btn:visited,
html html .ui-bar-a .ui-btn:visited,
html html .ui-body-a .ui-btn:visited,
html html body .ui-group-theme-a .ui-btn:visited,
html html head + body .ui-btn.ui-btn-a:visited {background-color: #ffffff ;
	border-color: #dadfd6 ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #f3f3f3 ;}
html .ui-page-theme-a .ui-btn:hover,
html html .ui-bar-a .ui-btn:hover,
html html .ui-body-a .ui-btn:hover,
html html body .ui-group-theme-a .ui-btn:hover,
html html head + body .ui-btn.ui-btn-a:hover {background-color: #f4f5f1 ;
	border-color: #c8cdc4 ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #f3f3f3 ;}
html .ui-page-theme-a .ui-btn:active,
html html .ui-bar-a .ui-btn:active,
html html .ui-body-a .ui-btn:active,
html html body .ui-group-theme-a .ui-btn:active,
html html head + body .ui-btn.ui-btn-a:active {background-color: #e9ece6 ;
	border-color: #c8cdc4 ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #f3f3f3 ;}
html .ui-page-theme-a .ui-btn.ui-btn-active,
html html .ui-bar-a .ui-btn.ui-btn-active,
html html .ui-body-a .ui-btn.ui-btn-active,
html html body .ui-group-theme-a .ui-btn.ui-btn-active,
html html head + body .ui-btn.ui-btn-a.ui-btn-active,
html .ui-page-theme-a .ui-checkbox-on:after,
html html .ui-bar-a .ui-checkbox-on:after,
html html .ui-body-a .ui-checkbox-on:after,
html html body .ui-group-theme-a .ui-checkbox-on:after,
html .ui-btn.ui-checkbox-on.ui-btn-a:after,
html .ui-page-theme-a .ui-flipswitch-active,
html html .ui-bar-a .ui-flipswitch-active,
html html .ui-body-a .ui-flipswitch-active,
html html body .ui-group-theme-a .ui-flipswitch-active,
html html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
html .ui-page-theme-a .ui-slider-track .ui-btn-active,
html html .ui-bar-a .ui-slider-track .ui-btn-active,
html html .ui-body-a .ui-slider-track .ui-btn-active,
html html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
html html body div.ui-slider-track.ui-body-a .ui-btn-active {background-color: #0e5a62 ;
	border-color: #0b4c53 ;
	color: #ffffff ;
	text-shadow: 0  1px  0  #c6e1f6 ;}
html .ui-page-theme-a .ui-radio-on:after,
html html .ui-bar-a .ui-radio-on:after,
html html .ui-body-a .ui-radio-on:after,
html html body .ui-group-theme-a .ui-radio-on:after,
html .ui-btn.ui-radio-on.ui-btn-a:after {border-color: #0e5a62 ;}
html .ui-page-theme-a .ui-btn:focus,
html html .ui-bar-a .ui-btn:focus,
html html .ui-body-a .ui-btn:focus,
html html body .ui-group-theme-a .ui-btn:focus,
html html head + body .ui-btn.ui-btn-a:focus,
html .ui-page-theme-a .ui-focus,
html html .ui-bar-a .ui-focus,
html html .ui-body-a .ui-focus,
html html body .ui-group-theme-a .ui-focus,
html html head + body .ui-btn-a.ui-focus,
html html head + body .ui-body-a.ui-focus {-webkit-box-shadow: 0 0 12px #0e5a62 ;
	-moz-box-shadow: 0 0 12px #0e5a62 ;
	box-shadow: 0 0 12px #0e5a62 ;}
html .ui-bar-b,
html .ui-page-theme-b .ui-bar-inherit,
html html .ui-bar-b .ui-bar-inherit,
html html .ui-body-b .ui-bar-inherit,
html html body .ui-group-theme-b .ui-bar-inherit {background-color: #16313a ;
	border-color: #122931 ;
	color: #ffffff ;
	text-shadow: 0  1px  0  #111111 ;
	font-weight: bold;}
html .ui-bar-b {border-width: 1px;
	border-style: solid;}
html .ui-overlay-b,
html .ui-page-theme-b,
html .ui-page-theme-b .ui-panel-wrapper {background-color: #eef0eb ;
	border-color: #dadfd6 ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #111111 ;}
html .ui-body-b,
html .ui-page-theme-b .ui-body-inherit,
html html .ui-bar-b .ui-body-inherit,
html html .ui-body-b .ui-body-inherit,
html html body .ui-group-theme-b .ui-body-inherit,
html html .ui-panel-page-container-b {background-color: #e9ece6 ;
	border-color: #dadfd6 ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #111111 ;}
html .ui-body-b {border-width: 1px;
	border-style: solid;}
html .ui-page-theme-b a,
html html .ui-bar-b a,
html html .ui-body-b a,
html html body .ui-group-theme-b a {color: #0e5a62 ;
	font-weight: bold;}
html .ui-page-theme-b a:visited,
html html .ui-bar-b a:visited,
html html .ui-body-b a:visited,
html html body .ui-group-theme-b a:visited {color: #0e5a62 ;}
html .ui-page-theme-b a:hover,
html html .ui-bar-b a:hover,
html html .ui-body-b a:hover,
html html body .ui-group-theme-b a:hover {color: #0b4c53 ;}
html .ui-page-theme-b a:active,
html html .ui-bar-b a:active,
html html .ui-body-b a:active,
html html body .ui-group-theme-b a:active {color: #0b4c53 ;}
html .ui-page-theme-b .ui-btn,
html html .ui-bar-b .ui-btn,
html html .ui-body-b .ui-btn,
html html body .ui-group-theme-b .ui-btn,
html html head + body .ui-btn.ui-btn-b,
html .ui-page-theme-b .ui-btn:visited,
html html .ui-bar-b .ui-btn:visited,
html html .ui-body-b .ui-btn:visited,
html html body .ui-group-theme-b .ui-btn:visited,
html html head + body .ui-btn.ui-btn-b:visited {background-color: #e9ece6 ;
	border-color: #cfd5cb ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #111111 ;}
html .ui-page-theme-b .ui-btn:hover,
html html .ui-bar-b .ui-btn:hover,
html html .ui-body-b .ui-btn:hover,
html html body .ui-group-theme-b .ui-btn:hover,
html html head + body .ui-btn.ui-btn-b:hover {background-color: #dde2d9 ;
	border-color: #bec3ba ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #111111 ;}
html .ui-page-theme-b .ui-btn:active,
html html .ui-bar-b .ui-btn:active,
html html .ui-body-b .ui-btn:active,
html html body .ui-group-theme-b .ui-btn:active,
html html head + body .ui-btn.ui-btn-b:active {background-color: #d3d9ce ;
	border-color: #bec3ba ;
	color: #1c2430 ;
	text-shadow: 0  1px  0  #111111 ;}
html .ui-page-theme-b .ui-btn.ui-btn-active,
html html .ui-bar-b .ui-btn.ui-btn-active,
html html .ui-body-b .ui-btn.ui-btn-active,
html html body .ui-group-theme-b .ui-btn.ui-btn-active,
html html head + body .ui-btn.ui-btn-b.ui-btn-active,
html .ui-page-theme-b .ui-checkbox-on:after,
html html .ui-bar-b .ui-checkbox-on:after,
html html .ui-body-b .ui-checkbox-on:after,
html html body .ui-group-theme-b .ui-checkbox-on:after,
html .ui-btn.ui-checkbox-on.ui-btn-b:after,
html .ui-page-theme-b .ui-flipswitch-active,
html html .ui-bar-b .ui-flipswitch-active,
html html .ui-body-b .ui-flipswitch-active,
html html body .ui-group-theme-b .ui-flipswitch-active,
html html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
html .ui-page-theme-b .ui-slider-track .ui-btn-active,
html html .ui-bar-b .ui-slider-track .ui-btn-active,
html html .ui-body-b .ui-slider-track .ui-btn-active,
html html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
html html body div.ui-slider-track.ui-body-b .ui-btn-active {background-color: #16313a ;
	border-color: #122931 ;
	color: #ffffff ;
	text-shadow: 0  1px  0  #0088bb ;}
html .ui-page-theme-b .ui-radio-on:after,
html html .ui-bar-b .ui-radio-on:after,
html html .ui-body-b .ui-radio-on:after,
html html body .ui-group-theme-b .ui-radio-on:after,
html .ui-btn.ui-radio-on.ui-btn-b:after {border-color: #16313a ;}
html .ui-page-theme-b .ui-btn:focus,
html html .ui-bar-b .ui-btn:focus,
html html .ui-body-b .ui-btn:focus,
html html body .ui-group-theme-b .ui-btn:focus,
html html head + body .ui-btn.ui-btn-b:focus,
html .ui-page-theme-b .ui-focus,
html html .ui-bar-b .ui-focus,
html html .ui-body-b .ui-focus,
html html body .ui-group-theme-b .ui-focus,
html html head + body .ui-btn-b.ui-focus,
html html head + body .ui-body-b.ui-focus {-webkit-box-shadow: 0 0 12px #16313a ;
	-moz-box-shadow: 0 0 12px #16313a ;
	box-shadow: 0 0 12px #16313a ;}

/* ---------- Grundlagen ---------- */
html body, html input, html select, html textarea, html button, html .ui-btn, html .ui-mobile label, html .ui-li-heading, html .ui-li-desc, html h1, html h2, html h3, html h4, html td, html th {
  font-family: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif !important;
}
html body { font-feature-settings: "tnum" 1; -webkit-font-smoothing: antialiased; }
html .ui-page, html .ui-mobile, html body.ui-mobile-viewport { background-color: #eef0eb; }
html .ui-page *, html .ui-popup * { text-shadow: none !important; }
html .ui-overlay-a, html .ui-page-theme-a, html .ui-page-theme-a .ui-panel-wrapper { background-color: #eef0eb; color: #1c2430; }

/* ---------- Kopf- und Fußleisten ---------- */
html .ui-header, html .ui-footer {
  background: #16313a !important; border: 0 !important; color: #fff !important;
}
html .ui-header .ui-title { font-size: 1.05em; font-weight: 800; letter-spacing: -.01em; color: #fff; }
html .ui-footer { color: #c9d6d6 !important; }
html .ui-header .ui-btn, html .ui-footer .ui-btn {
  background: rgba(255,255,255,.1) !important; color: #fff !important; border-color: rgba(255,255,255,.18) !important;
}
html .ui-header .ui-btn:hover, html .ui-footer .ui-btn:hover { background: rgba(255,255,255,.18) !important; }

/* ---------- Buttons ---------- */
html .ui-btn { font-weight: 650; box-shadow: none !important; transition: background-color .12s, border-color .12s; }
html .ui-btn:focus, html .ui-btn.ui-focus { box-shadow: 0 0 0 3px rgba(14,90,98,.28) !important; }
html .ui-btn-active, html .ui-btn.ui-btn-active, html .ui-page-theme-a .ui-btn.ui-btn-active {
  background-color: #0e5a62 !important; border-color: #0b474e !important; color: #fff !important;
}
html .ui-btn-icon-left:after, html .ui-btn-icon-right:after, html .ui-btn-icon-notext:after { background-color: rgba(28,36,48,.18); }
html .ui-alt-icon.ui-btn:after, html .ui-alt-icon .ui-btn:after { background-color: rgba(255,255,255,.25); }

/* ---------- Listen ---------- */
html .ui-listview > .ui-li-divider, html .ui-listview .ui-li-divider {
  background: #16313a !important; color: #fff !important; border-color: #16313a !important;
  font-size: .82em; font-weight: 750; letter-spacing: .02em; text-transform: none;
}
html .ui-listview-inset { border-radius: .6em; box-shadow: 0 1px 2px rgba(28,36,48,.08); overflow: hidden; }
html .ui-listview > li > .ui-btn, html .ui-listview > .ui-li-static { border-color: #e9ece6 !important; font-weight: 650; }
html .ui-listview > li > .ui-btn:hover { background-color: #f4f5f1; }

/* ---------- Formulare ---------- */
html .ui-input-text, html .ui-input-search, html .ui-select .ui-btn {
  border-radius: 6px !important; border-color: #dadfd6 !important; box-shadow: none !important; background-color: #fff;
}
html .ui-input-text.ui-focus, html .ui-input-search.ui-focus { border-color: #0e5a62 !important; box-shadow: 0 0 0 3px rgba(14,90,98,.2) !important; }
html .ui-input-text input, html .ui-input-search input, html textarea.ui-input-text { color: #1c2430; }
html .ui-checkbox-on:after, html .ui-radio-on:after { background-color: #0e5a62 !important; border-color: #0e5a62 !important; }
html .ui-flipswitch.ui-flipswitch-active { background-color: #0e5a62 !important; border-color: #0b474e !important; }
html .ui-slider-bg { background-color: #0e5a62 !important; }

/* ---------- Aufklappbereiche, Popups, Panels ---------- */
html .ui-collapsible-heading .ui-btn { border-radius: .5em; }
html .ui-collapsible-content { border-radius: 0 0 .5em .5em; }
html .ui-popup, html .ui-dialog-contain { border-radius: 10px !important; box-shadow: 0 18px 40px -12px rgba(22,49,58,.45) !important; overflow: hidden; }
html .ui-popup-screen.in { background: rgba(22,30,38,.38); }
html .ui-panel { background-color: #fff; }
html .ui-table th { font-weight: 750; color: #4d5866; }

/* ---------- Kellner-/Kassen-Elemente ---------- */
html .opentable { color: inherit !important; }
html .grouparea { border-color: #dadfd6; border-radius: 10px; background-color: #fff; }
html #searchfield, html #barcode, html .orderoptionfield { color: #1c2430 !important; }
html #searchfield::placeholder, html #barcode::placeholder, html .orderoptionfield::placeholder { color: #7a8490 !important; }
/* Tischstatus: frei / belegt */
html .tempty { color: #6b7480 !important; }
html .tbusy { color: #0b474e !important; font-weight: 800; font-style: normal; }
/* Ziffernblock (Anmeldung, Codes) */
html .numfield { background: #16313a !important; border: 0 !important; border-radius: 14px !important; padding: 10px; box-shadow: 0 12px 30px -14px rgba(22,49,58,.55); }
html .numfield td { background: #ffffff !important; border: 0 !important; border-radius: 9px !important; color: #1c2430 !important; font-weight: 700; font-size: 22px; padding: 10px; }
html .numfield td:hover { background: #e0edec !important; }
html .numfield td:active { background: #c3dcd9 !important; }
html .numfield td.numnav { color: #b33a2b !important; }
html .numfield td.keyboardapply { color: #fff !important; background: #0e5a62 !important; }
/* Tabellen im Manager/Berichten */
html .gridtable, html .linetable, html .reporttable, html .commandtable, html .navitable, html .infotable, html .prodtable { font-family: inherit !important; color: #1c2430; border-color: #dadfd6 !important; }
html .gridtable th, html .linetable th, html .reporttable th { background: #e9ece6; }
/* ---------- Tabellen und Bereiche aus bestformat.css im Stil der Verwaltung ---------- */
html table.gridtable, html table.linetable, html table.reporttable, html table.commandtable, html table.navitable, html table.infotable, html table.billtable, html table.prodtable, html table.groundplan {
  font-size: 16px; color: #1c2430; border-color: #dadfd6 !important; background: #fff;
}
html table.gridtable th, html table.linetable th, html table.reporttable th, html table.commandtable th, html table.navitable th, html table.infotable th, html table.billtable th, html table.billtable #pricecolheader, html table.groundplan th, html table.prodtable th {
  background-color: #e9ece6 !important; color: #4d5866; border-color: #dadfd6 !important; font-weight: 750;
}
html table.gridtable td, html table.linetable td, html table.commandtable td, html table.navitable td, html table.infotable td, html table.prodtable td { border-color: #e9ece6 !important; background-color: #fff; }
html table.reporttable tr, html table.groundplan tr { background: #fff; }
html table.infotable td.relevantdata { background-color: #e0edec; }
html table.billtable #totalprice { background-color: #0e5a62 !important; color: #fff; border-color: #0b474e !important; }
html table.billtable .changedfield { background-color: #fbf1d9 !important; }
html table.gridtable td:hover, html table.linetable tr:hover, html table.reporttable tr:hover, html table.groundplan tr:hover { background-color: #f4f5f1 !important; }
html table.prodtable .prodtype td { background-color: #16313a !important; color: #fff; }
html table.prodtable input, html table.prodtable select { background-color: #fff; border: 1px solid #dadfd6; border-radius: 4px; }
html .usersums, html .xbelegusersums, html .tips, html .taxessums, html .xbelegtaxessums, html .countingsums, html .cancelledbills, html .xbelegcancelledbills,
html .cancelledorders, html .xbelegcancelledorders, html .paymenttaxsums, html .xbelegarticlesales, html .articlesales, html .categorysums, html .coutingsums, html .closingsums {
  border: 1px solid #dadfd6 !important; background-color: #fff !important; border-radius: 8px; border-collapse: separate;
}
html .usersums td, html .tips td, html .taxessums td, html .countingsums td, html .cancelledbills td, html .cancelledorders td, html .paymenttaxsums td, html .articlesales td, html .categorysums td, html .closingsums td,
html .xbelegusersums td, html .xbelegtaxessums td, html .xbelegcancelledbills td, html .xbelegcancelledorders td, html .xbelegarticlesales td, html .coutingsums td { border: 0 !important; border-bottom: 1px solid #e9ece6 !important; }
html #expectedclosingsums, html .roundedborderarea, html .records, html .daycodeareamobile, html .mobiledeliverydetails, html div .legend {
  background-color: #fff !important; border: 1px solid #dadfd6 !important; border-radius: 10px !important; color: #1c2430;
}
html .scrolllistview { background-color: #fff; border: 1px solid #dadfd6; border-radius: 8px; }
html .changetableprodlist { background-color: #fff; border: 1px solid #dadfd6; }
/* Abholanzeige */
html .pickuparea { border: 0 !important; border-radius: 14px; }
html .pickuparea_incomplete { background: #fbf1d9 !important; }
html .pickuparea_complete { background: #e1f0e3 !important; }
html .pickupitemincomplete { background: #fff !important; border: 2px solid #dadfd6 !important; border-radius: 14px !important; }
html .pickupitemcomplete { background: #2f7a3f !important; color: #fff; border: 2px solid #245f31 !important; border-radius: 14px !important; }
html .pickitemfont { font-family: inherit !important; }
/* Reservierung */
html table.timeschedule th { background: #e9ece6; border-color: #dadfd6; }
html table.timeschedule td { border-color: #dadfd6; }
html table.timeschedule td.rescell { background-color: #e0edec; }
html table.timeschedule td.rowitem { background-color: #e1f0e3; }
/* Hover-Grün der Kasse ruhiger */
html .counting:hover, html .stornoarticle:hover, html .srminus:hover, html .prodminus:hover, html .srplus:hover, html .prodplus:hover, html .prodinfo img:hover, html .srinfo img:hover, html .prodreadyicon:hover { background-color: #e0edec !important; }
html .genConfigEl[type=text], html .genConfigEl[type=password], html .genConfigEl[type=email], html .genConfigEl[type=number], html textarea.genConfigEl { font-family: ui-monospace, Consolas, monospace; border-color: #dadfd6; border-radius: 4px; }
html .cancelbonmark { background-color: #b33a2b; color: #fff; border-color: #7c2118; }
html .warning { color: #b33a2b; }
/* Kopfzeilen, die die Kasse mit Inline-Stil schwarz färbt (Tischkarte, Abholung, Reservierung, Bewertung) */
html [style*="background-color:black"], html [style*="background-color: black"] { background-color: #16313a !important; }
html #tablemapcontent > div:first-child { border-radius: 8px 8px 0 0; padding: 6px 12px; }
