/* TEMA Portal πελατών — πάνω στα header/footer-tema του θέματος (μεταβλητές --brand, --ink, --ivory, --ivl…). */
.tp{--tp-ok:#2f7d4f;--tp-low:#b7791f;--tp-call:#8a8278;--tp-deb:#a63d2a}
.tp-plain{margin:0;background:#0d0d0e;color:#f1ede6;font-family:Manrope,"Segoe UI",Arial,sans-serif;--brand:#f68b1f;--ink:#16130f;--ivory:#f3efe8;--ivl:rgba(0,0,0,.14);--mu:#a29c91;--ln:rgba(255,255,255,.14)}
.tp-plain .tema-w{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,56px)}
.tp-plain .tema-main{padding:48px 0 72px}
.tp-plain .tema-card{background:var(--ivory);color:var(--ink);border-radius:4px;padding:clamp(18px,4vw,44px)}
.tp-plain .tema-ttl{font-weight:200;font-size:clamp(28px,4vw,44px);text-transform:uppercase;margin:0 0 20px}
.tp-plain .tema-crumb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mu)}
.tp-plain a{color:inherit}
.tp-plain .tema-ft{border-top:1px solid var(--ln);padding:28px 0;font-size:12px;color:var(--mu)}

.tp .tema-ttl{margin-bottom:6px}
.tp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.tp-sub{margin:0;color:var(--mu);font-size:13px;letter-spacing:.06em}
.tp-out button{background:transparent;border:1px solid var(--ln);color:inherit;padding:10px 18px;border-radius:999px;font:600 11px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.tp-out button:hover{border-color:var(--brand);color:var(--brand)}
.tp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 -1px;position:relative;z-index:1}
.tp-tabs a{padding:12px 20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-radius:4px 4px 0 0;color:var(--mu)}
.tp-tabs a:hover{color:var(--brand)}
.tp-tabs a.on{background:var(--ivory);color:var(--ink)}
.tp-card{min-height:240px}
.tp-card h2{font-weight:300;font-size:24px;margin:28px 0 14px}
.tp-card h2:first-child{margin-top:0}

.tp-login{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:clamp(24px,5vw,64px);align-items:start}
.tp-login h2{margin-top:0}
.tp-form{display:flex;flex-direction:column;gap:14px}
.tp-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.tp-form input{text-transform:none;letter-spacing:normal}
.tp-form .button{align-self:flex-start;margin-top:4px}
.tp-err{background:#fff;border-left:3px solid var(--tp-deb);padding:10px 14px;margin:0;font-size:14px}
.tp-msg{padding:18px 0;color:var(--ivm,#6c655a)}
.tp-muted{color:var(--ivm,#6c655a);font-size:13px}

.tp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:8px}
.tp-kpis div{background:#fff;border:1px solid var(--ivl);border-radius:4px;padding:18px 20px}
.tp-kpis span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ivm,#6c655a)}
.tp-kpis strong{display:block;font-size:28px;font-weight:300;margin-top:6px}
.tp-deb{color:var(--tp-deb)}
.tp-cre{color:var(--tp-ok)}

.tp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tp-table{width:100%;border-collapse:collapse;font-size:14px}
.tp-table th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ivm,#6c655a);white-space:nowrap}
.tp-table th,.tp-table td{border-bottom:1px solid var(--ivl);padding:10px 8px;text-align:left;vertical-align:top}
.tp-table .r{text-align:right;white-space:nowrap}
.tp-table tbody tr:hover{background:rgba(246,139,31,.06)}
.tp-table tfoot td{border-bottom:0;padding:6px 8px}
.tp-table tfoot .tp-total td{font-weight:700;font-size:16px;border-top:2px solid var(--ink)}
.tp-st,.tp-av{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;padding:4px 10px;border-radius:999px;white-space:nowrap}
.tp-st.tp-open{background:rgba(246,139,31,.16);color:#8a4a07}
.tp-st.tp-part{background:rgba(183,121,31,.14);color:#7a5212}
.tp-st.tp-done{background:rgba(47,125,79,.14);color:var(--tp-ok)}
.tp-av-ok{background:rgba(47,125,79,.14);color:var(--tp-ok)}
.tp-av-low{background:rgba(183,121,31,.16);color:#7a5212}
.tp-av-call{background:rgba(0,0,0,.07);color:#4d473f}

.tp-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tp-filters a{border:1px solid var(--ivl);border-radius:999px;padding:7px 14px;font-size:13px;text-decoration:none!important}
.tp-filters a.on{background:var(--ink);color:var(--ivory)!important;border-color:var(--ink)}
.tp-filters small{opacity:.6;margin-left:4px}
.tp-back{margin:0 0 10px;font-size:13px}
.tp-doc{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tp-doc h2{margin:0!important}
.tp-sub2{color:var(--ivm,#6c655a);font-size:14px;margin:6px 0 18px}

.tp-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:10px}
.tp-search input,.tp-search select{border:1px solid var(--ivl);background:#fff;padding:11px 13px;border-radius:3px;font:400 15px Manrope,sans-serif;width:100%;color:var(--ink)}
.tp-pager{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:18px;font-size:14px}

.tp-files{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.tp-files a{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--ivl);border-radius:4px;padding:14px 16px;text-decoration:none!important}
.tp-files a:hover{border-color:var(--brand)}
.tp-files small{display:block;color:var(--ivm,#6c655a);font-size:12px}
.tp-ext{flex:none;width:46px;height:46px;border-radius:4px;background:var(--ink);color:var(--ivory);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.08em}

@media (max-width:760px){
	.tp-login{grid-template-columns:1fr}
	.tp-search{grid-template-columns:1fr}
	.tp-tabs a{padding:10px 12px;font-size:11px}
	.tp-table thead{display:none}
	.tp-table,.tp-table tbody,.tp-table tr,.tp-table td{display:block;width:100%}
	.tp-table tr{border-bottom:1px solid var(--ivl);padding:8px 0}
	.tp-table td{border:0;padding:3px 0;text-align:left!important;display:flex;justify-content:space-between;gap:12px}
	.tp-table td::before{content:attr(data-l);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivm,#6c655a)}
	.tp-table tfoot td{display:flex}
	.tp-table tfoot td[colspan]{display:none}
}

/* 1.1.0 — live διαθέσιμο + καλάθι */
.tp-av-none{background:rgba(0,0,0,.07);color:#4d473f}
.tp-ok{background:#fff;border-left:3px solid var(--tp-ok);padding:10px 14px;margin:0 0 16px;font-size:14px}
.tp-card>.tp-err{margin-bottom:16px}
.tp-add{display:flex;gap:6px;align-items:center}
.tp-add input{width:64px;border:1px solid var(--ivl);background:#fff;padding:7px 8px;border-radius:3px;font:400 14px Manrope,sans-serif}
.tema-card .tp-add button,.tema-card .tp-upd,.tema-card .tp-rm{background:var(--ink)!important;color:var(--ivory)!important;border:0;border-radius:999px;padding:8px 14px!important;font:600 11px/1 Manrope,sans-serif!important;letter-spacing:.08em;text-transform:none!important;cursor:pointer;white-space:nowrap}
.tema-card .tp-add button:hover,.tema-card .tp-upd:hover{background:var(--brand)!important;color:#000!important}
.tema-card .tp-rm{background:transparent!important;color:var(--tp-deb)!important;padding:6px 8px!important}
.tema-card .tp-rm:hover{text-decoration:underline}
.tp-incart{display:block;color:var(--tp-ok);font-size:11px;margin-top:4px}
.tp-q{width:84px;border:1px solid var(--ivl);background:#fff;padding:7px 8px;border-radius:3px;font:400 14px Manrope,sans-serif;text-align:right}
.tp-table tr.tp-warn td{background:rgba(183,121,31,.07)}
.tp-table tr.tp-warn small{color:#7a5212}
.tp-cart-foot{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:end;margin-top:18px}
.tp-note{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.tp-note textarea{border:1px solid var(--ivl);background:#fff;padding:9px 11px;border-radius:3px;font:400 14px Manrope,sans-serif;text-transform:none;letter-spacing:normal}
@media (max-width:760px){.tp-cart-foot{grid-template-columns:1fr}.tp-add input{width:72px}}
.tp-sr{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}