/* Storefront look for Odoo's own pages (account, checkout, payment, sign-in).
   Injected by api/odoo.js. Odoo's layout is Bootstrap 5, so this restyles
   Bootstrap's variables and components rather than individual pages, which
   keeps every portal page consistent, including ones added by future apps. */

.mb-skin{
  --ink:#171210; --ink-3:#32271f; --paper:#fff; --paper-2:#f4f1ec;
  --saffron:#ef9d10; --marigold:#ffc233; --chili:#d1402f; --leaf:#2f7d5d;
  --muted:#7d6c5e; --line:rgba(23,18,16,.12);
  --ui:'Inter',system-ui,sans-serif; --display:'Outfit',system-ui,sans-serif;

  --bs-body-font-family:var(--ui); --bs-font-sans-serif:var(--ui);
  --bs-body-color:var(--ink); --bs-body-bg:var(--paper); --bs-emphasis-color:var(--ink);
  --bs-secondary-color:var(--muted); --bs-border-color:var(--line);
  --bs-primary:var(--ink); --bs-primary-rgb:23,18,16;
  --bs-link-color:var(--ink); --bs-link-color-rgb:23,18,16; --bs-link-hover-color:var(--saffron); --bs-link-hover-color-rgb:239,157,16;
  --bs-border-radius:12px; --bs-border-radius-lg:18px; --bs-border-radius-sm:10px;
  --bs-success:var(--leaf); --bs-success-rgb:47,125,93; --bs-danger:var(--chili); --bs-danger-rgb:209,64,47;
  font-family:var(--ui)!important; color:var(--ink); background:var(--paper)!important;
}
.mb-skin #wrapwrap{background:var(--paper)}

/* Odoo's own chrome is replaced by the storefront's */
.mb-skin header#top,.mb-skin footer#bottom,.mb-skin #o_footer_scrolltop_wrapper,.mb-skin .o_footer_copyright{display:none!important}

/* ---------- storefront header / footer ---------- */
.mbx-ticker{background:var(--ink);font:600 12px/1 var(--ui);letter-spacing:.04em;overflow:hidden;padding:10px 0}
.mbx-track{display:flex;width:max-content;animation:mbx-ticker 32s linear infinite}
@media(hover:hover) and (pointer:fine){.mbx-ticker:hover .mbx-track{animation-play-state:paused}} /* never sticks on touch screens */
.mbx-track>span{display:flex;gap:40px;padding-right:40px}
.mbx-track span span{white-space:nowrap;color:var(--marigold)}
@keyframes mbx-ticker{to{transform:translateX(-25%)}}
@media(prefers-reduced-motion:reduce){.mbx-track{animation:none}.mbx-ticker{overflow-x:auto;scrollbar-width:none}}
.mbx-head{display:flex;align-items:center;gap:22px;max-width:1280px;margin:0 auto;padding:16px 26px;border-bottom:1.5px solid var(--line)}
.mbx-logo img{height:48px;width:auto;display:block}
.mbx-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.mbx-nav a,.mbx-cart{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:999px;font:700 13.5px var(--ui);color:var(--ink);text-decoration:none}
.mbx-nav a:hover{background:var(--paper-2);color:var(--ink)}
.mbx-nav a[aria-current="page"]{background:var(--paper-2)}
.mbx-cart{background:var(--ink);color:var(--paper)}
.mbx-cart:hover{background:var(--ink-3);color:var(--paper)}
.mbx-foot{background:var(--ink);color:#c3b2a1;padding:44px 26px;text-align:center;font:500 13.5px var(--ui)}
.mbx-foot img{height:54px;background:#fff;border-radius:12px;padding:6px 10px}
.mbx-foot p{margin:14px auto 18px;max-width:46ch}
.mbx-foot nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.mbx-foot a{color:#fdf8ee;font-weight:700;text-decoration:none}
.mbx-foot a:hover{color:var(--marigold)}
@media(max-width:700px){
  .mbx-head{flex-wrap:wrap;gap:10px 12px;padding:12px 16px}
  .mbx-logo img{height:40px}
  .mbx-cart{margin-left:auto}
  .mbx-nav{order:3;width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap}
  .mbx-nav a{height:36px;padding:0 12px;flex:none;font-size:13px}
}

/* ---------- type ---------- */
.mb-skin h1,.mb-skin h2,.mb-skin h3,.mb-skin h4,.mb-skin .h1,.mb-skin .h2,.mb-skin .h3,.mb-skin .h4{font-family:var(--display)!important;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.mb-skin h5,.mb-skin h6,.mb-skin .h5,.mb-skin .h6{font-family:var(--ui)!important;font-weight:800;color:var(--ink)}
.mb-skin a{text-underline-offset:3px}
.mb-skin .text-muted,.mb-skin .text-body-secondary{color:var(--muted)!important}
.mb-skin #wrap{padding-bottom:40px}
.mb-skin #wrap .container,.mb-skin #wrap .container-lg,.mb-skin #wrap .container-xl{max-width:1180px}

/* ---------- buttons ---------- */
.mb-skin .btn{border-radius:999px;font-weight:700;padding:.62rem 1.25rem;transition:transform .16s,background .16s,color .16s}
.mb-skin .btn-sm{padding:.4rem .9rem}
.mb-skin .btn-lg{padding:.8rem 1.6rem}
.mb-skin .btn-primary,.mb-skin .btn-fill-primary{--bs-btn-bg:var(--ink);--bs-btn-border-color:var(--ink);--bs-btn-hover-bg:var(--ink-3);--bs-btn-hover-border-color:var(--ink-3);--bs-btn-active-bg:var(--ink-3);--bs-btn-disabled-bg:var(--ink);--bs-btn-disabled-border-color:var(--ink);--bs-btn-color:#fff;--bs-btn-hover-color:#fff;background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.mb-skin .btn-primary:hover{background:var(--ink-3)!important;transform:translateY(-1px)}
.mb-skin .btn-success{background:var(--saffron)!important;border-color:var(--saffron)!important;color:var(--ink)!important}
.mb-skin .btn-success:hover{background:var(--marigold)!important}
.mb-skin .btn-secondary,.mb-skin .btn-light,.mb-skin .btn-outline-primary,.mb-skin .btn-outline-secondary{background:var(--paper-2)!important;border-color:transparent!important;color:var(--ink)!important}
.mb-skin .btn-secondary:hover,.mb-skin .btn-light:hover,.mb-skin .btn-outline-primary:hover,.mb-skin .btn-outline-secondary:hover{background:#ecdcc2!important}
.mb-skin .btn-link{color:var(--ink);font-weight:700}
.mb-skin .btn-danger,.mb-skin .btn-outline-danger{border-radius:999px}

/* ---------- forms ---------- */
.mb-skin .form-control,.mb-skin .form-select{border:1.5px solid var(--line);border-radius:12px;min-height:46px;font-size:15px;box-shadow:none}
.mb-skin textarea.form-control{min-height:96px}
.mb-skin .form-control:focus,.mb-skin .form-select:focus{border-color:var(--saffron);box-shadow:0 0 0 4px rgba(239,157,16,.18)}
.mb-skin .form-label,.mb-skin label.col-form-label{font-size:12.5px;font-weight:700}
.mb-skin .form-check-input:checked{background-color:var(--ink);border-color:var(--ink)}
.mb-skin .form-check-input:focus{box-shadow:0 0 0 4px rgba(239,157,16,.18);border-color:var(--saffron)}

/* ---------- surfaces ---------- */
.mb-skin .card{border:1.5px solid var(--line);border-radius:18px;box-shadow:none;overflow:hidden}
.mb-skin .card-header{background:var(--paper-2);border-bottom:1.5px solid var(--line);font-weight:700}
.mb-skin .card.border-primary,.mb-skin .card.bg-primary-subtle{border-color:var(--saffron)!important;background:#fff8ec!important}
.mb-skin .list-group-item{border-color:var(--line)}
.mb-skin .alert{border-radius:14px;border:0;font-size:14px}
.mb-skin .alert-info{background:#fff4de;color:var(--ink)}
.mb-skin .alert-success{background:#e7f1eb;color:var(--leaf)}
.mb-skin .alert-danger{background:#fbe7e4;color:var(--chili)}
.mb-skin .alert-warning{background:#fff1cf;color:#7a4f00}
.mb-skin .badge{border-radius:999px;font-weight:700;padding:.4em .75em}
.mb-skin .text-bg-primary,.mb-skin .bg-primary{background:var(--ink)!important;color:#fff!important}
.mb-skin .text-bg-success,.mb-skin .bg-success{background:var(--leaf)!important;color:#fff!important}
.mb-skin .text-bg-info{background:var(--paper-2)!important;color:var(--ink)!important}
.mb-skin .text-bg-warning{background:var(--marigold)!important;color:var(--ink)!important}
.mb-skin .text-primary{color:var(--ink)!important}
.mb-skin .border-primary{border-color:var(--saffron)!important}

/* ---------- tables (orders, invoices) ---------- */
.mb-skin .table{--bs-table-bg:transparent;--bs-table-striped-bg:var(--paper-2);--bs-table-hover-bg:#faf6ef;font-size:14px;border-color:var(--line)}
.mb-skin .table>thead{background:var(--paper-2)}
.mb-skin .table>thead th{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:0}
.mb-skin .table td,.mb-skin .table th{padding:.9rem .85rem;vertical-align:middle}
.mb-skin .o_portal_my_doc_table{border:1.5px solid var(--line);border-radius:18px;overflow:hidden}

/* ---------- account home, breadcrumbs, sidebars ---------- */
.mb-skin .breadcrumb{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:none;padding:0}
.mb-skin .breadcrumb a{color:var(--saffron);text-decoration:none}
.mb-skin .breadcrumb-item.active{color:var(--muted)}
.mb-skin .o_portal_navbar,.mb-skin .o_portal_navbar .navbar{background:transparent!important;border:0}
.mb-skin .o_portal_my_home h3,.mb-skin .o_portal_my_home h2{font-size:clamp(26px,3vw,36px)}
.mb-skin .o_portal_index_card a,.mb-skin .o_portal_docs .list-group-item,.mb-skin .o_portal_category .o_portal_index_card>a{border:1.5px solid var(--line)!important;border-radius:18px!important;background:#fff!important;transition:border-color .16s,transform .16s,box-shadow .16s}
.mb-skin .o_portal_index_card a:hover,.mb-skin .o_portal_docs .list-group-item:hover{border-color:var(--saffron)!important;transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(23,18,16,.55)}
.mb-skin .o_portal_index_card img,.mb-skin .o_portal_index_card .o_portal_icon{filter:saturate(.85)}
.mb-skin .o_portal_sidebar .card,.mb-skin #sidebar_content{border-radius:18px}
.mb-skin .o_portal_wrap .o_portal_my_details,.mb-skin .o_portal_my_details{border:1.5px solid var(--line);border-radius:18px;padding:18px}

/* ---------- checkout ---------- */
.mb-skin .o_wizard .o_wizard_circle,.mb-skin .o_wizard_step_active .o_wizard_circle{border-color:var(--saffron)}
.mb-skin .o_wizard_step_active .o_wizard_steplabel,.mb-skin .o_wizard .text-primary{color:var(--ink)!important;font-weight:800}
.mb-skin .o_wizard_step_active .o_wizard_circle{background:var(--saffron)!important}
.mb-skin #shop_cart .o_cart_product img,.mb-skin .o_cart_product img{border-radius:12px;background:var(--paper-2);mix-blend-mode:multiply}
.mb-skin .js_quantity{max-width:64px;text-align:center}
.mb-skin .css_quantity .btn{padding:.45rem .7rem}
.mb-skin #o_cart_summary,.mb-skin .o_total_card,.mb-skin #o_wsale_total_accordion{border:1.5px solid var(--line);border-radius:18px;background:var(--paper-2)}
.mb-skin #o_payment_form .o_outline,.mb-skin .o_payment_option_card,.mb-skin [name="o_payment_option"]{border-radius:14px}
.mb-skin input[name="o_payment_radio"]:checked~*{font-weight:700}
.mb-skin [name="o_payment_submit_button"],.mb-skin button[name="o_payment_submit_button"]{background:var(--saffron)!important;border-color:var(--saffron)!important;color:var(--ink)!important;min-height:52px;font-size:16px}
.mb-skin #o_delivery_methods .list-group-item-action:hover,.mb-skin .o_delivery_carrier_select:hover{background:#faf6ef}

/* ---------- sign in / sign up ---------- */
.mb-skin.o_web_login #wrap,.mb-skin .oe_login_form,.mb-skin .oe_signup_form,.mb-skin .oe_reset_password_form{max-width:440px;margin-left:auto;margin-right:auto}
.mb-skin .oe_login_form,.mb-skin .oe_signup_form,.mb-skin .oe_reset_password_form{margin-top:32px;padding:28px;border:1.5px solid var(--line);border-radius:22px;background:#fff}
.mb-skin .oe_login_buttons .btn-primary{width:100%;min-height:50px}
.mbx-foot .mbx-legal{margin-top:14px}
.mbx-foot .mbx-legal a{color:#c3b2a1;font-weight:600;font-size:12.5px}
.mbx-foot .mbx-copy{margin:22px 0 0;font-size:12px;color:#c3b2a1}
/* one discount code per order (api/odoo.js) */
.mbx-notice{max-width:1140px;margin:18px auto 0;padding:14px 18px;border-radius:14px;background:#fff4de;border:1.5px solid #ef9d10;color:#171210;font:600 15px/1.45 Inter,system-ui,sans-serif}

/* ===================== account area (portal) ===================== */
.mb-skin{--forest:#0f3d2a;--forest-2:#1d5a40;--cream:#fbf5e8}
.mbp-my-home .o_portal_wrap{background:linear-gradient(var(--cream) 0 230px,#fff 230px);border-radius:28px}
.mb-skin .o_portal_wrap>.container{padding-top:26px!important}
.mb-skin .o_portal_wrap .wrapper h1{font-size:clamp(30px,4vw,46px)!important;margin:6px 0 2px!important}
.mbp-my-home .o_portal_wrap .wrapper h1::after{content:"Orders, invoices, addresses and payment methods, all in one place.";display:block;margin-top:8px;font:500 15px/1.5 var(--ui);letter-spacing:0;color:var(--muted)}
.mb-skin .o_portal_wrap .wrapper .btn img.o_avatar{border-radius:50%}

/* dashboard tiles: one grid, icon chip, arrow */
.mb-skin .o_portal_docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.mb-skin .o_portal_docs>.o_portal_category{display:contents}
.mb-skin .o_portal_docs .o_portal_index_card{width:auto!important;max-width:none!important;padding:0!important;margin:0!important;flex:none}
.mb-skin .o_portal_docs .o_portal_index_card.d-none{display:none!important}
.mb-skin #portal_alert_category .o_portal_index_card{grid-column:1/-1}
.mb-skin .o_portal_index_card>a:not(.alert){display:flex!important;align-items:center;gap:16px;height:100%;min-height:96px;padding:18px 48px 18px 18px!important;position:relative;text-decoration:none!important;color:var(--ink)!important}
.mb-skin .o_portal_index_card>a:not(.alert)::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;border:solid var(--ink);border-width:2px 2px 0 0;transform:translateY(-50%) rotate(45deg);opacity:.3;transition:right .16s,opacity .16s}
.mb-skin .o_portal_index_card>a:not(.alert):hover::after{right:17px;opacity:1}
.mb-skin .o_portal_index_card .o_portal_icon{flex:none;width:56px;height:56px;margin:0!important;border-radius:16px;background:var(--cream);display:grid!important;place-items:center}
.mb-skin .o_portal_index_card .o_portal_icon>*{display:none!important}
.mb-skin .o_portal_index_card .o_portal_icon::before{content:"";display:block;width:26px;height:26px;background:var(--forest);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.mb-skin .o_portal_index_card>a:hover .o_portal_icon{background:var(--forest)}
.mb-skin .o_portal_index_card>a:hover .o_portal_icon::before{background:var(--marigold)}
.mb-skin .o_portal_index_card h5{font:700 19px/1.2 var(--display)!important;letter-spacing:-.01em;margin:0!important}
.mb-skin .o_portal_index_card p{margin:3px 0 0!important;font-size:14px;line-height:1.45;color:var(--muted)}
.mb-skin .o_portal_index_card a>div:last-child>div:first-child{display:flex;align-items:center;gap:8px}
.mb-skin .o_portal_index_card a>div:last-child>div:first-child>span:not(:empty){order:2;min-width:24px;padding:2px 8px;border-radius:999px;background:var(--forest);color:var(--cream);font:800 12px/1.5 var(--ui);text-align:center}
.mb-skin .o_portal_index_card a{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5M10 13h6M10 17h4'/%3E%3C/svg%3E")}
.mb-skin .o_portal_index_card a[href^="/my/orders"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12.2a1 1 0 0 1-1 .8H7.2a1 1 0 0 1-1-.8z'/%3E%3Cpath d='M9 8V7a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E")}
.mb-skin .o_portal_index_card a[href^="/my/invoices"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")}
.mb-skin .o_portal_index_card a[href^="/my/payment_method"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E")}
.mb-skin .o_portal_index_card a[href^="/my/addresses"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.mb-skin .o_portal_index_card a[href^="/my/security"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v3'/%3E%3C/svg%3E")}
.mb-skin .o_portal_index_card a[href^="/my/appointments"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
/* "to pay / to review" alerts: a highlighted strip */
.mb-skin .o_portal_index_card>a.alert{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:16px 20px!important;border-radius:18px!important;border:0!important;background:var(--forest)!important;color:var(--cream)!important;text-decoration:none}
.mb-skin .o_portal_index_card>a.alert h5,.mb-skin .o_portal_index_card>a.alert p,.mb-skin .o_portal_index_card>a.alert span{color:var(--cream)!important}
.mb-skin .o_portal_index_card>a.alert .btn{background:var(--marigold)!important;color:var(--ink)!important}

/* profile column */
.mbp-my-home .o_portal_wrap .row>.col-lg-4{align-items:flex-start}
.mbp-my-home .o_portal_wrap .row>.col-lg-4>div{width:100%;padding:22px;border:1.5px solid var(--line);border-radius:22px;background:#fff;margin-top:18px!important}
.mbp-my-home .o_portal_wrap .col-lg-4 img.rounded{width:56px!important;height:56px!important;border-radius:50%!important}
.mbp-my-home .o_portal_wrap .col-lg-4 h5{font:700 21px/1.2 var(--display)!important}
.mb-skin .o_portal_my_details{border:0!important;padding:12px 14px!important;background:var(--cream);border-radius:14px!important;font-size:14px}
.mb-skin .o_portal_my_details .fa{color:var(--forest)}
.mbp-my-home .o_portal_wrap .col-lg-4 a.btn-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px!important;padding:8px 14px!important;border-radius:999px;background:var(--paper-2);font-size:13px;text-decoration:none}
.mb-skin .o_loyalty_card{margin:16px 0 0!important}
.mb-skin .o_loyalty_card .o_notification_bar{display:none}
.mb-skin .o_loyalty_card>div{border:0!important;border-radius:18px!important;padding:18px 20px!important;align-items:center;background:linear-gradient(135deg,var(--forest),var(--forest-2));color:var(--cream)}
.mb-skin .o_loyalty_card img{display:none}
.mb-skin .o_loyalty_card>div::before{content:"★";flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,194,51,.16);color:var(--marigold);font-size:22px}
.mb-skin .o_loyalty_card strong{color:var(--cream);font:700 17px var(--display)}
.mb-skin .o_loyalty_card p{color:var(--marigold)!important;font:800 20px var(--ui)!important}

/* lists: orders, invoices, quotations */
.mb-skin .o_portal_wrap .alert-warning,.mb-skin .o_portal_wrap .alert-info{padding:34px 24px;border:1.5px dashed var(--line);border-radius:22px;background:#fff;color:var(--muted);text-align:center;font-size:15px}
.mb-skin .o_portal_my_doc_table{background:#fff}
.mb-skin .o_portal_my_doc_table tbody tr{transition:background .12s}
.mb-skin .o_portal_my_doc_table td a{font-weight:700}
.mb-skin .o_portal_my_doc_table .badge{font-size:11.5px}
.mb-skin .o_portal_navbar .navbar-brand,.mb-skin .o_portal_navbar .breadcrumb{font-size:11px}
.mb-skin .o_portal_navbar .dropdown-toggle{border-radius:999px}

/* addresses, profile and security forms */
.mb-skin .o_address_card,.mb-skin .o_portal_profile_card{border-radius:18px!important;border:1.5px solid var(--line)!important;transition:border-color .15s,box-shadow .15s}
.mb-skin .o_address_card:hover{border-color:var(--forest)!important}
.mb-skin .o_address_card.border-primary,.mb-skin .o_address_card.bg-primary-subtle{border-color:var(--forest)!important;background:#eef5f0!important;box-shadow:0 0 0 3px rgba(15,61,42,.12)}
.mb-skin .o_address_card_add_new{border-style:dashed!important;background:var(--cream)!important}
.mbp-my-security #wrap form,.mbp-my-account #wrap form{max-width:760px}

@media(max-width:700px){
  .mbp-my-home .o_portal_wrap{background:linear-gradient(var(--cream) 0 170px,#fff 170px)}
  .mb-skin .o_portal_docs{grid-template-columns:1fr;gap:10px}
  .mb-skin .o_portal_index_card>a:not(.alert){min-height:80px;padding:14px 40px 14px 14px!important}
  .mb-skin .o_portal_index_card .o_portal_icon{width:48px;height:48px;border-radius:14px}
  .mb-skin .o_portal_my_doc_table{border-radius:14px}
}