/* Agents and Sellers - front styles, blocks are added by units, one-line rules, .agt- prefix */

/* ---------------------------------------------------------------------------------------------
   REGISTER
   Scoped copy of the theme body.pre-account rules for the agent register page (body#custom is fixed by theme custom.php)
   --------------------------------------------------------------------------------------------- */
body#custom.plugin-agent.file-register {background:#fff;font-size:16px;}
body#custom.plugin-agent.file-register .container.primary {position:relative;min-height:430px;padding-top:35px;padding-bottom:35px;align-items:flex-start;}
body#custom.plugin-agent.file-register .container.primary:after {content:"";position:absolute;right:0;top:0;width:430px;height:100%;z-index:1;opacity:0.6;background:url("../../../themes/epsilon/images/account-cover.png") no-repeat top right;background-size:100% auto;pointer-events:none;}
body#custom.plugin-agent.file-register .agt-box {position:relative;z-index:2;width:100%;max-width:420px;margin:0 0 10px 0;}
body#custom.plugin-agent.file-register h1 {margin:0 0 20px 0;}
body#custom.plugin-agent.file-register input[type="text"], body#custom.plugin-agent.file-register input[type="password"], body#custom.plugin-agent.file-register input[type="email"], body#custom.plugin-agent.file-register select {height:48px;width:100%;font-size:17px;font-weight:normal;padding:13px 12px;}
body#custom.plugin-agent.file-register select {padding:0 12px;}
body#custom.plugin-agent.file-register label {margin:0 0 2px 0;width:100%;display:inline-block;}
body#custom.plugin-agent.file-register .btn {font-size:17px;height:48px;padding:13px 15px;width:100%;}
body#custom.plugin-agent.file-register .btn:focus-visible, body#custom.plugin-agent.file-register a:focus-visible {outline:2px solid #171717;outline-offset:2px;}
body#custom.plugin-agent.file-register .input-box-check {margin:0 0 20px 0;}
body#custom.plugin-agent.file-register .agt-login {margin:0 0 20px 0;color:#777;}
body#custom.plugin-agent.file-register .agt-note {margin:0 0 16px 0;padding:12px 16px;background:#f2f4f8;border-radius:6px;}
body#custom.plugin-agent.file-register .agt-cf {transition:opacity 0.15s;}
body#custom.plugin-agent.file-register .agt-cf input {text-transform:uppercase;}
body#custom.plugin-agent.file-register .agt-iban input {text-transform:uppercase;}
body#custom.plugin-agent.file-register header a.publish, body#custom.plugin-agent.file-register header a.auction, body#custom.plugin-agent.file-register #navi-bar a.post, body#custom.plugin-agent.file-register footer a.publish, body#custom.plugin-agent.file-register #side-menu a.publish {display:none!important;}
body#custom.plugin-agent.file-register .row {margin:0 0 16px 0;}
body#custom.plugin-agent.file-register .row label:not(.control-label) {margin:0 0 6px 0;font-size:15px;font-weight:600;line-height:1.3;}
body#custom.plugin-agent.file-register .agt-hint {margin:6px 0 0 0;font-size:13px;line-height:1.4;color:#666;}
body#custom.plugin-agent.file-register .agt-regs {display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 10px;margin:20px 0 24px 0;}
body#custom.plugin-agent.file-register .agt-regs input {flex:0 0 auto;margin:2px 0 0 0;}
body#custom.plugin-agent.file-register .agt-regs label {flex:1 1 auto;width:auto;margin:0;font-size:14px;font-weight:400;line-height:1.45;}
body#custom.plugin-agent.file-register .agt-err {display:block;margin:6px 0 0 0;font-size:14px;line-height:1.4;color:#c62828;}
body#custom.plugin-agent.file-register .agt-err:before {content:"\f06a";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:6px;}
body#custom.plugin-agent.file-register .input-box-check .agt-err {flex:0 0 100%;clear:both;padding-left:27px;}
body#custom.plugin-agent.file-register .control-group:has(#osp_referral) {display:none;}
@media screen and (max-width:767px) {
  body#custom.plugin-agent.file-register .container.primary {min-height:0;padding-top:16px;padding-bottom:16px;}
  body#custom.plugin-agent.file-register .container.primary:after {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  body#custom.plugin-agent.file-register .agt-cf {transition:none;}
}


/* ---------------------------------------------------------------------------------------------
   AGENT ENVIRONMENT
   User menu balance counter and blocked agent notice
   --------------------------------------------------------------------------------------------- */
#user-menu .agt-menu a.has-counter {padding-right:78px;}
#user-menu .agt-menu a .counter, #side-menu .agt-menu a .counter {white-space:nowrap;font-variant-numeric:tabular-nums;}
#user-menu .agt-menu a .counter {padding:4px 6px;}
.agt-notice {margin:0 0 16px 0;padding:12px 16px;border-radius:6px;font-size:14px;line-height:1.5;}
.agt-notice-blocked {background:#fbeaea;color:#9b2c2c;}


/* ---------------------------------------------------------------------------------------------
   DASHBOARD
   Invite panel, balance, status table. Tokens come from Epsilon, status pills are the only new colours.
   --------------------------------------------------------------------------------------------- */
#user-main .agt-dash .headers h2 {font-size:16px;font-weight:600;}
.agt-dash {max-width:100%;}
.agt-dash a:focus-visible, .agt-dash button:focus-visible, .agt-dash input:focus-visible, .agt-dash summary:focus-visible {outline:2px solid #171717;outline-offset:2px;}
.agt-panel {margin:20px 0 24px 0;padding:16px;background:#f2f4f8;border-radius:6px;}
.agt-panel label {display:block;margin:0 0 6px 0;font-weight:600;}
.agt-invite {display:flex;gap:12px;align-items:stretch;}
.agt-vatbox {display:flex;flex:1 1 auto;min-width:0;}
.agt-prefix {display:flex;align-items:center;padding:0 12px;height:40px;font-size:15px;font-weight:600;color:#555;background:#f4f4f4;border:1px solid #d4d4d4;border-right:0;border-radius:6px 0 0 6px;}
.agt-vatbox input {width:100%;min-width:0;border-radius:0 6px 6px 0;font-variant-numeric:tabular-nums;}
.agt-invite .btn {flex:0 0 auto;white-space:nowrap;}
.agt-invite .btn[aria-busy="true"] {opacity:0.7;cursor:progress;}
.agt-hintrow {display:flex;justify-content:space-between;gap:12px;margin:8px 0 0 0;min-height:21px;}
.agt-hint {margin:0;font-size:14px;line-height:1.5;color:#555;}
.agt-hint.is-error {color:#c62828;}
.agt-hint.is-error:before {content:"\f06a";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:6px;}
.agt-used {font-size:14px;line-height:1.5;color:#555;white-space:nowrap;font-variant-numeric:tabular-nums;}
.agt-limit {margin:0;font-weight:600;}
.agt-share {display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:16px 0 0 0;}
.agt-share-link {flex:1 1 260px;min-width:0;}
.agt-share-link input {width:100%;}
.agt-share-btns {display:flex;gap:8px;}
.agt-share-more {flex:0 0 auto;align-self:center;margin-left:auto;font-weight:600;}
.agt-balance {margin:0 0 24px 0;padding:0 0 24px 0;border-bottom:1px solid #e3e6eb;}
.agt-balance h2 {margin:0 0 8px 0;}
.agt-bal-row {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;}
.agt-amount {font-size:28px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;}
.agt-of, .agt-togo {color:#666;font-variant-numeric:tabular-nums;}
.agt-bar {flex:1 1 160px;min-width:120px;height:8px;align-self:center;border-radius:4px;background:#e3e6eb;overflow:hidden;}
.agt-bar > span {display:block;height:100%;min-height:0;padding:0;border:0;border-radius:4px;box-shadow:none;transition:width 0.2s;}
.agt-pay {display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0 0 0;}
.agt-pay form {margin:0;}
.agt-pay .btn[aria-disabled="true"] {background:#e3e6eb;color:#555;border-color:transparent;box-shadow:none;cursor:not-allowed;}
.agt-reason {font-size:14px;color:#555;border-radius:4px;transition:0.2s;}
.agt-reason.agt-flash {color:#171717;background:#f2f4f8;box-shadow:0 0 0 6px #f2f4f8;}
.agt-more {margin-left:auto;font-weight:600;}
.agt-rejected {margin:12px 0 0 0;font-size:14px;color:#9b2c2c;}
.agt-how {margin:16px 0 0 0;font-size:14px;}
.agt-how summary {cursor:pointer;padding:8px 0;font-weight:600;}
.agt-how ul {margin:4px 0 0 20px;padding:0;list-style:disc;}
.agt-how li {margin:0 0 4px 0;list-style:disc;}
.agt-h-companies {margin:0 0 4px 0;}
.agt-tabs {overflow-x:auto;margin:0 0 12px 0;}
.agt-tabs #filter-user-type {margin:0;min-width:max-content;}
.agt-tabs #filter-user-type a {white-space:nowrap;}
.agt-count {margin-left:2px;font-weight:normal;color:#666;font-variant-numeric:tabular-nums;}
.agt-tabs #filter-user-type a.active .agt-count, .agt-tabs #filter-user-type a:hover .agt-count {color:inherit;}
.agt-empty {margin:16px 0;color:#555;}
.agt-table-wrap {overflow-x:auto;border:1px solid #ccc;border-radius:6px;}
.agt-table {width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;}
.agt-table th {padding:10px 12px;text-align:left;font-size:13px;font-weight:600;color:#555;white-space:nowrap;border-bottom:1px solid #e3e6eb;}
.agt-table td {padding:8px 12px;height:48px;vertical-align:middle;font-size:14px;border-top:1px solid #e3e6eb;}
.agt-table tbody tr:first-child td {border-top:0;}
.agt-table .num {text-align:right;white-space:nowrap;}
.agt-table td.agt-c-vat {font-weight:600;white-space:nowrap;}
.agt-table td.agt-c-invited, .agt-table td.agt-c-when {white-space:nowrap;}
.agt-table tr.agt-new {background:#f2f4f8;}
.agt-table tr.is-expired td {color:#666;}
.agt-dm {display:none;}
.agt-pill {display:inline-block;padding:2px 10px;border-radius:100px;font-size:13px;font-weight:600;line-height:20px;white-space:nowrap;}
.agt-pill i {margin-right:4px;font-size:11px;}
.agt-pill-pending {color:#555;background:#f0f1f3;}
.agt-pill-registered {color:#0b5f91;background:#e6f1f9;}
.agt-pill-published {color:#1d6e47;background:#e5f3ec;}
.agt-pill-paid {color:#171717;background:#e4e6ea;}
.agt-pill-expired {color:#9b2c2c;background:#fbeaea;}
.agt-next {display:block;margin-top:4px;font-size:13px;line-height:1.4;color:#555;}
.agt-next.is-soon {color:#8a5a00;}
a.agt-next {font-weight:600;}
.agt-remove {margin:6px 0 0 0;}
.btn.agt-sm {height:auto;padding:4px 10px;font-size:13px;line-height:18px;}
.btn.btn-secondary.agt-armed, .btn.btn-secondary.agt-armed:hover {color:#fff;background:#c62828;border-color:#c62828;}
@media screen and (max-width:899px) {
  .agt-table-wrap {overflow:visible;}
  .agt-table thead {display:none;}
  .agt-table, .agt-table tbody {display:block;}
  .agt-table tr {display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 16px;border-top:1px solid #e3e6eb;}
  .agt-table tbody tr:first-child {border-top:0;}
  .agt-table td {display:block;height:auto;padding:0;border:0;}
  .agt-table td.agt-c-status {display:contents;}
  .agt-table td.agt-c-vat {grid-column:1;grid-row:1;}
  .agt-table td.agt-c-status .agt-pill {grid-column:2;grid-row:1;justify-self:end;}
  .agt-table td.agt-c-company {grid-column:1;grid-row:2;color:#666;}
  .agt-table td.agt-c-comm {grid-column:2;grid-row:2;}
  .agt-table td.agt-c-status .agt-next, .agt-table td.agt-c-status .agt-remove {grid-column:1 / -1;}
  .agt-table td.agt-c-status .agt-next {grid-row:3;margin:0;}
  .agt-table td.agt-c-status .agt-remove {grid-row:4;margin:4px 0 0 0;}
  .agt-table td.agt-c-invited, .agt-table td.agt-c-when {display:none;}
  .agt-dm {display:inline;}
}
@media screen and (max-width:767px) {
  .agt-invite {flex-direction:column;}
  .agt-invite .btn {width:100%;}
  .agt-hintrow {flex-direction:column;gap:2px;}
  .agt-share-btns {width:100%;}
  .agt-share-btns .btn {flex:1 1 0;}
  .agt-share-more {margin-left:0;}
  .agt-pay .btn {width:100%;}
  .agt-pay form {width:100%;}
  .agt-more {margin-left:0;}
  .agt-amount {font-size:24px;}
}
@media (pointer:coarse) {
  .agt-dash .btn, .agt-dash input, .agt-prefix {min-height:44px;}
  .btn.agt-sm {min-height:44px;}
  .agt-how summary, .agt-tabs #filter-user-type a, .agt-share-more, .agt-more, a.agt-next {min-height:44px;display:inline-flex;align-items:center;}
}
@media (prefers-reduced-motion:reduce) {
  .agt-bar > span, .agt-reason {transition:none;}
}


/* ---------------------------------------------------------------------------------------------
   COMPANY
   Invited company page: same scoped copy of the theme body.pre-account rules as REGISTER, plus step 1 and notices
   --------------------------------------------------------------------------------------------- */
body#custom.plugin-agent.file-company {background:#fff;font-size:16px;}
body#custom.plugin-agent.file-company .container.primary {position:relative;min-height:430px;padding-top:35px;padding-bottom:35px;align-items:flex-start;}
body#custom.plugin-agent.file-company .container.primary:after {content:"";position:absolute;right:0;top:0;width:430px;height:100%;z-index:1;opacity:0.6;background:url("../../../themes/epsilon/images/account-cover.png") no-repeat top right;background-size:100% auto;pointer-events:none;}
body#custom.plugin-agent.file-company .agt-box {position:relative;z-index:2;width:100%;max-width:420px;margin:0 0 10px 0;}
body#custom.plugin-agent.file-company h1 {margin:0 0 20px 0;}
body#custom.plugin-agent.file-company input[type="text"], body#custom.plugin-agent.file-company input[type="password"], body#custom.plugin-agent.file-company input[type="email"], body#custom.plugin-agent.file-company select {height:48px;width:100%;font-size:17px;font-weight:normal;padding:13px 12px;}
body#custom.plugin-agent.file-company select {padding:0 12px;}
body#custom.plugin-agent.file-company label {margin:0 0 2px 0;width:100%;display:inline-block;}
body#custom.plugin-agent.file-company .btn {font-size:17px;height:48px;padding:13px 15px;width:100%;}
body#custom.plugin-agent.file-company .btn:focus-visible, body#custom.plugin-agent.file-company a:focus-visible {outline:2px solid #171717;outline-offset:2px;}
body#custom.plugin-agent.file-company .input-box-check {margin:0 0 20px 0;}
body#custom.plugin-agent.file-company .agt-login {margin:0 0 20px 0;color:#777;}
body#custom.plugin-agent.file-company .agt-note {margin:0 0 16px 0;padding:12px 16px;background:#f2f4f8;border-radius:6px;}
body#custom.plugin-agent.file-company .agt-err {display:block;margin:6px 0 0 0;font-size:14px;line-height:1.4;color:#c62828;}
body#custom.plugin-agent.file-company .agt-err:before {content:"\f06a";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:6px;}
body#custom.plugin-agent.file-company .input-box-check .agt-err {flex:0 0 100%;clear:both;padding-left:27px;}
@media screen and (max-width:767px) {
  body#custom.plugin-agent.file-company .container.primary {min-height:0;padding-top:16px;padding-bottom:16px;}
  body#custom.plugin-agent.file-company .container.primary:after {display:none;}
}
body#custom.plugin-agent.file-company .control-group:has(#osp_referral) {display:none;}
body#custom.plugin-agent.file-company .agt-prefix {height:48px;font-size:17px;}
body#custom.plugin-agent.file-company input[readonly] {background:#f4f4f4;color:#777;}
body#custom.plugin-agent.file-company .agt-hint {margin:8px 0 16px 0;min-height:21px;}
body#custom.plugin-agent.file-company .agt-hint a {font-weight:600;white-space:nowrap;}
body#custom.plugin-agent.file-company .btn[aria-busy="true"] {opacity:0.7;cursor:progress;}
body#custom.plugin-agent.file-company .agt-intro {margin:0 0 16px 0;color:#555;}
body#custom.plugin-agent.file-company .agt-recognized {margin:0 0 20px 0;}
body#custom.plugin-agent.file-company .agt-recognized-vat {display:block;margin-top:4px;font-size:14px;font-variant-numeric:tabular-nums;}
.agt-box [hidden] {display:none!important;}
.agt-notice-company {background:#f2f4f8;color:#171717;}


/* ---------------------------------------------------------------------------------------------
   COMMISSIONS
   Commissions page reuses the DASHBOARD summary, table frame and pills; IBAN box, ledger and payout history
   --------------------------------------------------------------------------------------------- */
.agt-comm .agt-h-companies {margin:0 0 12px 0;}
.agt-comm .agt-h-payouts {margin-top:32px;}
.agt-comm .agt-pay .btn[aria-busy="true"] {opacity:0.7;cursor:progress;}
.agt-ibanbox label {display:block;margin:0 0 6px 0;font-weight:600;}
.agt-iban-val {margin:0 0 8px 0;font-size:18px;font-weight:600;letter-spacing:0.02em;font-variant-numeric:tabular-nums;word-break:break-word;}
.agt-iban-help {margin:0 0 12px 0;color:#555;}
.agt-iban-edit summary {display:inline-block;padding:8px 0;cursor:pointer;font-weight:600;text-decoration:underline;}
.agt-iban-edit form {margin:8px 0 0 0;}
.agt-ibanbox .agt-invite input {flex:1 1 auto;min-width:0;text-transform:uppercase;font-variant-numeric:tabular-nums;}
.agt-ibanbox .agt-invite .btn[aria-busy="true"] {opacity:0.7;cursor:progress;}
.agt-ibanbox .agt-hint {margin:8px 0 0 0;min-height:21px;}
.agt-ibanbox .agt-iban-val + .agt-hint {margin:0;min-height:0;}
.agt-ledger td.agt-l-date, .agt-ledger td.agt-l-state, .agt-payouts td {white-space:nowrap;}
.agt-sub {display:block;font-size:13px;line-height:1.4;color:#666;}
@media screen and (max-width:899px) {
  .agt-ledger td.agt-l-co {grid-column:1;grid-row:1;white-space:normal;word-break:break-word;}
  .agt-ledger td.agt-l-amt {grid-column:2;grid-row:1;font-weight:600;}
  .agt-ledger td.agt-l-type {grid-column:1;grid-row:2;color:#666;}
  .agt-ledger td.agt-l-state {grid-column:2;grid-row:2;justify-self:end;}
  .agt-ledger td.agt-l-date {display:none;}
  .agt-payouts td.agt-p-amt {grid-column:1;grid-row:1;font-weight:600;text-align:left;}
  .agt-payouts td.agt-p-st {grid-column:2;grid-row:1;justify-self:end;}
  .agt-payouts td.agt-p-req {grid-column:1;grid-row:2;color:#666;}
  .agt-payouts td.agt-p-paid {grid-column:2;grid-row:2;justify-self:end;color:#666;}
  .agt-payouts td.agt-p-ref {grid-column:1 / -1;grid-row:3;color:#666;white-space:normal;word-break:break-word;}
  .agt-payouts td.agt-p-req:before, .agt-payouts td.agt-p-paid:before, .agt-payouts td.agt-p-ref:before {content:attr(data-l) ": ";}
  .agt-payouts td.is-empty {display:none;}
}


/* ---------------------------------------------------------------------------------------------
   CARDS
   VIP cards grid: 3 / 2 / 1 columns, preview box reserves its space from stored width and height
   --------------------------------------------------------------------------------------------- */
.agt-sector + .agt-sector {margin-top:32px;}
.agt-sector-title {margin:0 0 12px 0;}
.agt-cards-grid {display:grid;grid-template-columns:minmax(0, 1fr);gap:16px;}
.agt-card {display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;}
.agt-card-prev {position:relative;display:block;width:100%;max-height:420px;overflow:hidden;margin:0 0 8px 0;background:#f2f4f8;border:1px solid #e3e6eb;border-radius:6px;box-sizing:border-box;}
.agt-card-prev img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.agt-card-prev.is-file {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:4 / 3;color:#555;font-size:15px;font-weight:600;}
.agt-card-prev.is-file i {font-size:40px;}
.agt-card-name {display:block;max-width:100%;font-size:15px;font-weight:600;line-height:1.4;word-break:break-word;}
.agt-card-meta {margin:0 0 8px 0;font-size:13px;line-height:1.4;color:#666;font-variant-numeric:tabular-nums;}
.agt-card .btn:focus-visible {outline:2px solid #171717;outline-offset:2px;}
.agt-card .btn[disabled] {background:#e3e6eb;color:#555;border-color:transparent;box-shadow:none;cursor:not-allowed;}
@media screen and (min-width:600px) {
  .agt-cards-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media screen and (min-width:1024px) {
  .agt-cards-grid {grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media screen and (max-width:599px) {
  .agt-card .btn {width:100%;}
}
@media (pointer:coarse) {
  .agt-card .btn {min-height:44px;}
}


/* POLISH 1 */
.agt-prefix {flex:0 0 auto;box-sizing:border-box;min-width:52px;justify-content:center;white-space:nowrap;line-height:1;letter-spacing:0.02em;}
.agt-vatbox input, .agt-vatbox .agt-prefix {height:48px;}
.agt-share-link input#agt-link {background:#fff;color:#171717;border:1px solid #d4d4d4;height:40px;box-sizing:border-box;cursor:text;}
.agt-share {align-items:flex-end;}
.agt-share-btns .btn {height:40px;box-sizing:border-box;}
.agt-share-more {align-self:flex-end;display:inline-flex;align-items:center;min-height:40px;}
body.plugin-agent .links > a[href$="/companies"] {padding:9px 8px;color:#606060;font-weight:600;font-size:14px;line-height:22px;}
.agt-invite .btn {height:48px;box-sizing:border-box;}

/* POLISH 2 */
.agt-dash h2.agt-h-payouts {margin-top:40px;}
.agt-dash .agt-table-wrap + h2, .agt-dash .agt-pager + h2 {margin-top:40px;}