/* Melhorias visuais das paginas da conta - pacote separado */
body.account-polish-page #content,
body.account-polish-page section.col-lg-9,
body.account-polish-page .terms-conditions-page,
body.account-polish-page .AccountOrderStatus { color: #0f2633; }
.account-polish-shell { background: linear-gradient(180deg, #f4fbfa 0%, #ffffff 45%, #f6f9fb 100%); border-radius: 8px; padding: 18px; }
.account-page-hero,.account-affiliate-hero { position: relative; overflow: hidden; border-radius: 8px; padding: 28px; margin: 0 0 22px; color: #fff; background: linear-gradient(135deg, #0b8f7a 0%, #0b67b2 58%, #3154d8 100%); box-shadow: 0 16px 34px rgba(11,103,178,.18); }
.account-page-hero:before,.account-affiliate-hero:before { content: ""; position: absolute; width: 260px; height: 260px; right: -70px; top: -90px; border-radius: 50%; background: rgba(255,255,255,.14); }
.account-page-hero:after,.account-affiliate-hero:after { content: ""; position: absolute; width: 180px; height: 180px; left: 50%; bottom: -105px; border-radius: 50%; background: rgba(255,209,82,.22); }
.account-page-hero h1,.account-affiliate-hero h1 { position: relative; z-index: 1; margin: 0 0 10px; font-size: 34px; line-height: 1.08; font-weight: 800; letter-spacing: 0; }
.account-page-hero p,.account-affiliate-hero p { position: relative; z-index: 1; max-width: 620px; margin: 0; color: rgba(255,255,255,.92); font-size: 16px; line-height: 1.55; }
.account-hero-art { position: absolute; right: 22px; bottom: 20px; width: 170px; height: 130px; z-index: 1; }
.account-hero-art span { position: absolute; display: block; }
.account-hero-art .sun { width: 46px; height: 46px; right: 26px; top: 0; border-radius: 50%; background: #ffd447; box-shadow: 0 0 0 12px rgba(255,255,255,.16); }
.account-hero-art .hill { width: 145px; height: 76px; right: 0; bottom: 0; border-radius: 76px 76px 18px 18px; background: #5fbd68; }
.account-hero-art .card-a { width: 68px; height: 48px; left: 0; top: 28px; border-radius: 8px; background: #fff; transform: rotate(-10deg); box-shadow: 0 12px 22px rgba(0,0,0,.16); }
.account-hero-art .card-b { width: 58px; height: 58px; left: 52px; top: 4px; border-radius: 12px; background: #ff8d58; transform: rotate(11deg); box-shadow: 0 12px 22px rgba(0,0,0,.16); }
.account-hero-art .line { width: 88px; height: 8px; left: 12px; top: 44px; border-radius: 10px; background: #0b8f7a; box-shadow: 0 16px 0 #d7f1ea; }
.account-status-card,.account-order-card,.account-message-card,.account-send-message,.account-menu-polish .modcontent { background: #fff; border: 1px solid #e4eef1; border-radius: 8px; box-shadow: 0 8px 22px rgba(15,38,51,.07); }
.AccountOrderStatusList.account-status-list { margin: 0; padding: 0; list-style: none; }
.account-status-item { position: relative; margin: 0 0 16px; padding: 18px; border: 1px solid #e3edf0; border-radius: 8px; background: #fff; box-shadow: 0 10px 22px rgba(15,38,51,.06); }
.account-status-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.account-status-title { margin: 0; font-size: 20px; line-height: 1.25; font-weight: 800; color: #0f2633; }
.account-status-pill { display: inline-flex; align-items: center; padding: 7px 11px; border-radius: 999px; color: #075985; background: #dff7ff; font-weight: 800; font-size: 13px; text-transform: uppercase; }
.account-status-meta { margin: 10px 0 0; color: #607482; font-size: 14px; }
.account-status-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 4px; }
.account-status-actions .btn,.account-order-actions .btn,.account-send-message .btn { border-radius: 8px; font-weight: 800; padding: 10px 14px; }
.account-status-pay { margin-top: 14px; padding: 14px; border-radius: 8px; background: #fff7df; border: 1px solid #f5dd99; }
.account-status-total { display: inline-block; margin-bottom: 10px; }
.account-order-card { padding: 20px; }
.account-order-card .heading-title { margin: 0 0 14px; font-size: 28px; font-weight: 800; }
.account-order-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 16px 0 18px; }
.account-order-summary .summary-item { border: 1px solid #e4eef1; border-radius: 8px; padding: 13px; background: #f8fcfb; }
.account-order-summary span { display: block; color: #607482; font-size: 13px; margin-bottom: 3px; }
.account-order-summary strong { color: #0f2633; font-size: 16px; }
.account-address-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 16px 0; }
.account-address-grid .panel { border-radius: 8px; border-color: #e4eef1; overflow: hidden; box-shadow: none; }
.account-address-grid .panel-heading { background: #f0faf7; color: #0f665a; font-weight: 800; border-bottom-color: #d5ebe5; }
.account-order-table-wrap { overflow-x: auto; margin-top: 14px; }
.account-order-card table { width: 100%; }
.account-order-card table th { background: #0b8f7a; color: #fff; border-color: #0b8f7a; }
.account-order-card table td { vertical-align: middle; }
.account-order-card tfoot td { font-weight: 800; }
.account-menu-polish .modtitle { font-size: 22px; font-weight: 800; color: #0f2633; margin: 0 0 12px; }
.account-menu-polish .list-group { margin: 0; }
.account-menu-polish .list-group-item { border: 0; border-bottom: 1px solid #edf3f4; padding: 0; }
.account-menu-polish .list-group-item:last-child { border-bottom: 0; }
.account-menu-polish a { display: flex; align-items: center; gap: 12px; padding: 14px; color: #0f665a; font-size: 16px; font-weight: 700; text-decoration: none; }
.account-menu-polish a:hover { background: #f0faf7; color: #084b43; }
.account-menu-polish .menu-icon { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#ddf7ef,#eaf3ff); color: #0b8f7a; font-size: 18px; }
.account-menu-polish small { display: block; color: #687b86; font-size: 12px; font-weight: 600; margin-top: 2px; }
.account-inbox-intro { border: 0; color: #0f4d62; background: linear-gradient(135deg,#e8f8f5 0%,#eaf2ff 100%); border-radius: 8px; }
.account-send-message { padding: 18px; margin: 0 0 20px; }
.account-send-message h3 { margin: 0 0 12px; font-size: 22px; font-weight: 800; color: #0f2633; }
.account-send-message label { font-weight: 800; color: #344e5c; }
.account-send-message .form-control { min-height: 44px; border-radius: 8px; border-color: #d9e8eb; }
.account-send-message textarea.form-control { min-height: 130px; }
.account-message-list { display: flex; flex-direction: column; gap: 14px; }
.account-message-card { overflow: hidden; border-left: 5px solid #0b8f7a; }
.account-message-card.is-store { border-left-color: #0b67b2; }
.account-message-card.is-customer { border-left-color: #0b8f7a; margin-left: 24px; }
.account-message-card .card-header { background: #f6fafb; color: #344e5c; border-bottom: 1px solid #e4eef1; padding: 12px 14px; font-weight: 700; }
.account-message-card.is-store .card-header { background: #eef5ff; color: #174a82; }
.account-message-card.is-customer .card-header { background: #edfaf5; color: #0d665a; }
.account-message-card .card-body { padding: 14px; color: #425765; line-height: 1.55; }
.account-affiliate-hero { min-height: 250px; padding-right: 230px; }
.account-affiliate-hero .affiliate-badge { position: relative; z-index: 1; display: inline-block; margin-bottom: 12px; padding: 8px 12px; border-radius: 999px; color: #164b21; background: #ffd447; font-weight: 900; }
.account-affiliate-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.account-affiliate-actions a { border-radius: 8px; padding: 11px 15px; font-weight: 900; text-decoration: none; }
.account-affiliate-content { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 18px 0; }
.account-affiliate-card,.account-affiliate-section { background: #fff; border: 1px solid #e4eef1; border-radius: 8px; padding: 18px; box-shadow: 0 8px 22px rgba(15,38,51,.07); }
.account-affiliate-card h3,.account-affiliate-section h3 { margin: 0 0 8px; font-size: 20px; font-weight: 800; color: #0f2633; }
.account-affiliate-card p,.account-affiliate-section p { margin: 0; color: #526977; line-height: 1.55; }
.account-affiliate-section { margin: 16px 0; }
.account-affiliate-link-box { padding: 14px; border-radius: 8px; background: #f0faf7; border: 1px dashed #92d9ca; color: #0f665a; font-weight: 800; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  body.account-polish-page .main-container.container,body.account-polish-page .container { padding-left: 12px; padding-right: 12px; }
  .account-polish-shell { padding: 12px; }
  .account-page-hero,.account-affiliate-hero { padding: 20px; min-height: auto; }
  .account-affiliate-hero { padding-bottom: 132px; }
  .account-page-hero h1,.account-affiliate-hero h1 { font-size: 27px; }
  .account-page-hero p,.account-affiliate-hero p { font-size: 15px; }
  .account-hero-art { right: 12px; bottom: 8px; transform: scale(.78); transform-origin: right bottom; }
  .account-status-top { display: block; }
  .account-status-pill { margin-top: 10px; }
  .account-status-actions { flex-direction: column; }
  .account-status-actions .btn,.account-order-actions .btn,.account-send-message .btn { width: 100%; white-space: normal; }
  .account-order-card { padding: 14px; }
  .account-order-card .heading-title { font-size: 24px; }
  .account-order-summary,.account-address-grid,.account-affiliate-content { grid-template-columns: 1fr; }
  .account-message-card.is-customer { margin-left: 0; }
  .account-menu-polish a { font-size: 17px; padding: 15px 12px; }
}
/* account hero title contrast */
.account-page-hero h1,.account-affiliate-hero h1{color:#fff !important;text-shadow:0 2px 8px rgba(0,0,0,.18);}
.account-page-hero p,.account-affiliate-hero p{color:#fff !important;text-shadow:0 1px 5px rgba(0,0,0,.14);}
