:root{--pt-paper:#080808;--pt-card:#141414;--pt-ink:#f5f2eb;--pt-muted:#aaa39a;--pt-line:#383838;--pt-red:#f2b705;--pt-green:#78c98b;--pt-black:#111;--pt-yellow:#f2b705;--pt-yellow2:#ffd21a}
html,body{background:#080808!important;color:var(--pt-ink)!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:radial-gradient(circle at 18% 8%,rgba(242,183,5,.09),transparent 28%),linear-gradient(180deg,#0b0b0b 0%,#070707 65%,#050505 100%)!important;position:relative}
.main{position:relative;isolation:isolate}
.main::before,body::before{content:"";position:fixed;inset:76px 4% 3%;background:url('/LOGO%20MASTER.png') center 42%/min(68vw,780px) auto no-repeat;opacity:.075;filter:grayscale(1) contrast(1.2);pointer-events:none;z-index:0}
body>*{position:relative;z-index:1}
.card,.panel,.box,.summary,.product,.section,.tile,.stat,.dialog,.personalizationToggle,.productUploadOption{background:rgba(20,20,20,.94)!important;color:var(--pt-ink)!important;border-color:var(--pt-line)!important;box-shadow:0 18px 44px rgba(0,0,0,.32)!important}
header,nav,.topbar,.toolbar,.head,.header{background:rgba(8,8,8,.95)!important;color:var(--pt-ink)!important;border-color:rgba(242,183,5,.32)!important;backdrop-filter:blur(10px)}
h1,h2,h3,h4,h5,h6,strong,b,label,.title{color:var(--pt-ink)!important}a{color:var(--pt-yellow)!important}
button,.btn,.button,input[type=submit],input[type=button]{background:var(--pt-yellow)!important;color:#111!important;border-color:var(--pt-yellow)!important;font-weight:900!important}
button:hover,.btn:hover,.button:hover,input[type=submit]:hover,input[type=button]:hover{background:var(--pt-yellow2)!important;color:#111!important}
button:disabled,.btn:disabled{opacity:.55!important}
input,select,textarea{background:#0d0d0d!important;color:var(--pt-ink)!important;border-color:#484848!important}
input:focus,select:focus,textarea:focus{border-color:var(--pt-yellow)!important;outline:none!important;box-shadow:0 0 0 2px rgba(242,183,5,.14)!important}
input::placeholder,textarea::placeholder{color:#777!important}
small,.small,.muted,.hint,.note,.counter,.sub,.meta{color:var(--pt-muted)!important}.bad,.danger,.error{color:#ff8d82!important}.ok,.success,.good{color:var(--pt-green)!important}.kicker,.brand,.price,.total,.sum strong,.accent,.active{color:var(--pt-yellow)!important}
table{background:rgba(14,14,14,.93)!important;color:var(--pt-ink)!important}th,td{border-color:#333!important}th{background:#151515!important;color:var(--pt-yellow)!important}td{background:rgba(14,14,14,.84)!important;color:var(--pt-ink)!important}tr:nth-child(even) td{background:rgba(24,24,24,.88)!important}
input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qrScreen{background:#080808!important;color:var(--pt-ink)!important;overflow:hidden}.qrScreen::before{content:"";position:fixed;inset:7% 12%;background:url('/LOGO%20MASTER.png') center/contain no-repeat;opacity:.075;filter:grayscale(1);pointer-events:none}.qrInner{position:relative;z-index:1}.qrTitle,.productName,.wait{color:var(--pt-muted)!important}.qrBox{background:#111!important;border:1px solid var(--pt-line)!important;box-shadow:0 12px 36px #0008!important}.cancel{background:#1a1a1a!important;color:var(--pt-ink)!important;border:1px solid #555!important}#qrScreen .qrLogo{width:118px;height:118px}

/* Produkte: ruhige, gleichmäßige Bearbeitungsmaske im PT3D-Look */
#modal .dialog{width:min(980px,calc(100vw - 48px))!important;padding:24px!important;background:rgba(18,18,18,.98)!important}
#modal .dialogHead{margin-bottom:16px!important}
#modal .tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:20px!important}
#modal .tabBtn{width:100%!important;min-height:44px!important;padding:10px 14px!important;background:#1a1a1a!important;color:var(--pt-muted)!important;border:1px solid #3d3d3d!important}
#modal .tabBtn.active{background:var(--pt-yellow)!important;color:#111!important;border-color:var(--pt-yellow)!important}
#modal .tabPanel>.grid{gap:16px!important;align-items:start!important}
#modal input:not([type=checkbox]):not([type=file]),#modal select{height:46px!important;min-height:46px!important}
#modal textarea{min-height:96px!important;resize:vertical}
#modal label{min-height:22px}
#modal #tab-allgemein>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#modal #tab-produktion>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#modal #tab-kalkulation>.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#modal .machineTimeSplit{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#modal .machineTimeSplit label{min-height:auto!important}
#modal .checks{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:12px 14px!important;border:1px solid var(--pt-line)!important;border-radius:12px!important;background:#111!important}
#modal .checks label{min-height:30px!important;margin:0!important}
#modal .suggestWrap{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;gap:10px!important;align-items:stretch!important}
#modal .suggestWrap button,#modal .suggestValue{height:46px!important;min-height:46px!important;margin:0!important}
#modal .suggestWrap button{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:.85rem!important;line-height:1!important;padding:0 12px!important}
#modal .priceWarning,#modal .priceHint{min-height:30px!important;line-height:1.35!important;padding-top:5px!important}
#modal .globalMarkupNote{margin-top:16px!important;padding:10px 12px!important;border-radius:10px!important;background:#151515!important;color:var(--pt-muted)!important;border:1px solid #333!important}
#modal .summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;margin-top:14px!important}
#modal .sum{min-height:66px!important;padding:10px!important;border-radius:9px!important;background:#101010!important;border:1px solid #333!important}
#modal .sum strong{margin-top:6px!important}
#modal .dialog>.actions{margin-top:18px!important;padding-top:16px!important;border-top:1px solid var(--pt-line)!important;align-items:center!important}
#modal .dialog>.actions button{min-width:150px!important}
#modal .small{line-height:1.45!important;margin-top:12px!important}

::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{background:#3b3b3b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:var(--pt-yellow);color:#111}

@media(max-width:800px){#modal .dialog{width:min(720px,calc(100vw - 24px))!important;padding:18px!important}#modal #tab-produktion>.grid,#modal #tab-kalkulation>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#modal .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}#modal .checks{grid-template-columns:1fr!important}}
@media(max-width:620px){body::before,.main::before{inset:68px 3% 3%;background-size:90vw auto;opacity:.055}#qrScreen .qrLogo{width:92px;height:92px}#modal .dialog{width:calc(100vw - 12px)!important;padding:14px!important}#modal .tabs{grid-template-columns:1fr!important;gap:6px!important}#modal #tab-allgemein>.grid,#modal #tab-produktion>.grid,#modal #tab-kalkulation>.grid,#modal .summary{grid-template-columns:1fr!important}#modal .suggestWrap{grid-template-columns:1fr!important}#modal .suggestWrap button{white-space:normal!important}}
