/* Shared Greek customer account surfaces. Native forms and validation remain authoritative. */
.sin-account-surface{--account-accent:#21645e;--account-ink:#252d2c;--account-muted:#63706d;--account-line:#dce5e1;width:100%;max-width:1180px!important;margin:18px auto 48px!important;padding:0 20px!important;color:var(--account-ink);font-family:Arial,sans-serif;box-sizing:border-box}
.sin-account-surface *{box-sizing:border-box}
.sin-account-surface>.row{margin:0!important;display:flex;flex-wrap:wrap;gap:24px}
.sin-account-surface #content{flex:1;min-width:0;width:auto!important;padding:0!important;float:none!important}
.sin-account-surface [id^=column-]{flex:0 0 220px;width:220px;padding:0!important}
.sin-account-nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px;margin:0 0 24px;background:#f0f4f1;border:1px solid var(--account-line);border-radius:16px;position:relative;z-index:1}
.sin-account-nav a{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:10px;color:var(--account-ink)!important;background:transparent;font:600 14px/1.35 Arial,sans-serif!important;text-decoration:none!important;white-space:normal;text-align:center}
.sin-account-nav a:hover{background:#fff;border-color:var(--account-line)}
.sin-account-nav a[aria-current=page]{background:var(--account-accent);color:#fff!important}
.sin-account-nav .sin-account-logout{margin-left:auto;background:#fff;border-color:#c7d5cf;color:#81352f!important}
.sin-account-surface a:focus-visible,.sin-account-surface button:focus-visible,.sin-account-surface input:focus-visible,.sin-account-surface select:focus-visible{outline:3px solid #75a9a1!important;outline-offset:3px}
.sin-account-surface #content h1,.sin-account-surface #content h2,.sin-account-surface #content legend{font-family:Arial,sans-serif!important;color:var(--account-ink)!important;font-weight:600!important;letter-spacing:-.3px;text-transform:none!important}
.sin-account-surface #content h1{font-size:28px!important;line-height:1.25!important;margin:0 0 22px!important}
.sin-account-surface #content h2,.sin-account-surface #content legend{font-size:20px!important;line-height:1.4!important;margin:0 0 20px!important;padding:0 0 14px!important;border-bottom:1px solid var(--account-line)!important;width:100%}
.sin-account-surface #content form.form-horizontal,.sin-account-surface #content .my-account,.sin-account-surface #content .my-orders,.sin-account-surface #content .my-newsletter,.sin-account-surface #content .my-cards,.sin-account-surface #content .well{padding:28px!important;margin:0 0 24px!important;border:1px solid var(--account-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 24px #183c2c07}
.sin-account-surface #content form.form-horizontal fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:0 0 24px!important;padding:0!important;min-width:0;border:0}
.sin-account-surface #content form.form-horizontal legend{grid-column:1/-1;float:none}
.sin-account-surface #content .form-group{margin:0!important;padding:0!important;min-width:0;float:none!important;width:auto!important}
.sin-account-surface #content .form-group>div[class*=col-]{padding:0!important;width:100%!important;float:none!important}
.sin-account-surface #content .control-label{display:block!important;position:static!important;float:none!important;width:100%!important;height:auto!important;max-height:none!important;opacity:1!important;visibility:visible!important;padding:0!important;margin:0 0 8px!important;color:#354440!important;font:600 14px/1.45 Arial,sans-serif!important;text-align:left!important}
.sin-account-surface #content .form-control{width:100%!important;max-width:100%;min-height:48px!important;height:auto!important;padding:12px 14px!important;background:#fcfdfc!important;color:var(--account-ink)!important;border:1px solid #c8d5ce!important;border-radius:10px!important;font:400 16px/1.4 Arial,sans-serif!important;box-shadow:none!important;text-indent:0!important}
.sin-account-surface #content .form-control:focus{border-color:var(--account-accent)!important;background:#fff!important}
.sin-account-surface #content .form-control::placeholder{color:#7b8782;opacity:1}
.sin-account-surface #content .text-danger{font:400 13px/1.5 Arial,sans-serif!important;color:#a32d32!important;margin-top:7px}
.sin-account-surface #content .form-group.required .control-label:before{color:#a32d32!important}
.sin-account-surface #content .buttons{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--account-line);padding-top:20px!important;margin-top:20px!important}
.sin-account-surface #content .buttons:before,.sin-account-surface #content .buttons:after{display:none!important}
.sin-account-surface #content .buttons>div{float:none!important;max-width:100%;width:auto!important}
.sin-account-surface #content .btn{min-height:46px;padding:12px 22px!important;border-radius:10px!important;font:600 15px/1.4 Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;white-space:normal;display:inline-flex!important;justify-content:center;align-items:center;text-decoration:none!important}
.sin-account-surface #content .btn-primary{background:var(--account-accent)!important;border:1px solid var(--account-accent)!important;color:#fff!important}
.sin-account-surface #content .btn-default{background:#f4f6f4!important;border:1px solid var(--account-line)!important;color:var(--account-ink)!important}
.sin-account-surface #content .account-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0!important;padding:0!important;list-style:none}
.sin-account-surface #content .account-list li{margin:0!important;padding:0!important;width:auto!important;float:none!important;display:block!important;border:0!important}
.sin-account-surface #content .account-list a{display:flex!important;align-items:center;gap:12px;justify-content:space-between;min-height:64px;padding:16px!important;background:#f7f9f7;border:1px solid var(--account-line);border-radius:12px;color:var(--account-ink)!important;font:500 15px/1.45 Arial,sans-serif!important;text-decoration:none!important}
.sin-account-surface #content .account-list a:before{display:none!important}
.sin-account-surface #content .account-list a:after{content:'→';font-family:Arial,sans-serif;font-size:20px;color:var(--account-accent)}
.sin-account-surface #content .account-list a:hover{background:#edf3ef;border-color:#9eb8a9}
.sin-account-surface #content .table-responsive{border:1px solid var(--account-line);border-radius:12px;overflow:auto;background:#fff}
.sin-account-surface #content td{padding:16px!important;line-height:1.6}
.sin-account-surface .alert{border-radius:12px;font:400 15px/1.5 Arial,sans-serif;padding:16px}
@media(max-width:767px){.sin-account-surface{margin-top:12px!important;padding:0 14px!important}.sin-account-surface>.row{gap:18px}.sin-account-surface #content{flex-basis:100%;width:100%!important}.sin-account-surface [id^=column-]{flex-basis:100%;width:100%}.sin-account-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;margin-bottom:20px}.sin-account-nav a{padding:10px 8px;font-size:13px!important}.sin-account-nav .sin-account-logout{margin-left:0}.sin-account-surface #content form.form-horizontal,.sin-account-surface #content .my-account,.sin-account-surface #content .my-orders,.sin-account-surface #content .my-newsletter,.sin-account-surface #content .my-cards,.sin-account-surface #content .well{padding:20px 16px!important;border-radius:14px!important}.sin-account-surface #content form.form-horizontal fieldset,.sin-account-surface #content .account-list{grid-template-columns:minmax(0,1fr);gap:18px}.sin-account-surface #content h1{font-size:24px!important}.sin-account-surface #content h2,.sin-account-surface #content legend{font-size:18px!important}.sin-account-surface #content .buttons>.pull-right{margin-left:auto}.sin-account-surface #content .btn{padding:12px 18px!important}.sin-account-surface #content .account-list a{min-height:58px}}

.sin-account-surface #content .account-list a{flex-direction:row!important;text-align:left!important}.sin-account-surface #content .account-list a:after{position:static!important;flex:0 0 auto;margin:0!important}.sin-account-surface #content .form-group.required:before,.sin-account-surface #content .form-group.required:after{display:none!important}.sin-account-surface #content .form-group.required .control-label:before{content:"* ";display:inline!important;position:static!important;margin-right:3px}

.sin-account-surface #content .form-group.required>.control-label:after,.sin-account-surface #content .form-group.required>div:before{display:none!important}
