/* Customer portal (/my: home, tickets and their conversation, invoices, orders, projects, account, security) in the glass look of the Homatar site.
   Scoped to the pages that carry the Homatar header, so the website builder and the back office are untouched. */
body:has(.hp-site-mark){
  --hp-glass:rgba(8,15,22,.42);--hp-glass-hi:rgba(8,15,22,.68);--hp-hair:rgba(244,239,230,.16);--hp-gold:#C9A96E;--hp-ivory:#F4EFE6;--hp-muted:rgba(244,239,230,.72);
  --bs-body-font-family:Vazirmatn,Manrope,system-ui,sans-serif;--bs-font-sans-serif:Vazirmatn,Manrope,system-ui,sans-serif;
  --bs-breadcrumb-divider-color:rgba(244,239,230,.4);--bs-breadcrumb-item-active-color:#F4EFE6;
  font-family:Vazirmatn,Manrope,system-ui,sans-serif}

/* page frame */
body:has(.hp-site-mark) .o_portal_wrap>.container,body:has(.hp-site-mark) .o_portal.container{max-width:1280px;padding-inline:clamp(16px,4vw,48px)}
body:has(.hp-site-mark) .o_portal_wrap h1.h3,body:has(.hp-site-mark) .o_portal_wrap .o_portal_wrap h1{font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.5;margin:6px 0 18px !important}
body:has(.hp-site-mark) .o_portal_wrap h3,body:has(.hp-site-mark) .o_portal_wrap h5{font-weight:700}
body:has(.hp-site-mark) .o_portal_wrap h6 small,body:has(.hp-site-mark) .o_portal_wrap h6 .text-muted{font-size:12.5px;letter-spacing:.04em;color:var(--hp-gold) !important}
body:has(.hp-site-mark) .o_portal_wrap{color:var(--hp-ivory)}
body:has(.hp-site-mark) .o_portal_wrap .opacity-75{opacity:1 !important;color:var(--hp-muted)}

/* breadcrumbs and the filter / search bar */
body:has(.hp-site-mark) .o_portal .o_portal_submenu.breadcrumb,body:has(.hp-site-mark) .o_portal_navbar{background:var(--hp-glass);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border:1px solid var(--hp-hair);border-radius:22px;padding:10px 20px}
body:has(.hp-site-mark) .o_portal .o_portal_submenu.breadcrumb{display:flex;flex-wrap:wrap;gap:6px 0;margin:0 0 22px !important}
body:has(.hp-site-mark) .o_portal_navbar .o_portal_submenu.breadcrumb{background:none;border:0;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0 !important}
body:has(.hp-site-mark) .o_portal_navbar{margin-bottom:26px !important;padding:10px 20px !important}
body:has(.hp-site-mark) .breadcrumb-item a{color:var(--hp-muted);text-decoration:none}
body:has(.hp-site-mark) .breadcrumb-item a:hover{color:var(--hp-gold)}
body:has(.hp-site-mark) .breadcrumb-item.active{color:var(--hp-ivory)}
body:has(.hp-site-mark) .navbar-text,body:has(.hp-site-mark) .o_portal_navbar .small{color:var(--hp-muted)}
body:has(.hp-site-mark) .o_portal_navbar .navbar-toggler{border-color:var(--hp-hair);color:var(--hp-ivory)}
body:has(.hp-site-mark) .o_portal_search_panel .input-group{background:#121B25;border:1px solid var(--hp-hair);border-radius:999px;overflow:hidden}
body:has(.hp-site-mark) .o_portal_search_panel .btn,body:has(.hp-site-mark) .o_portal_search_panel .form-control{background:transparent !important;border:0 !important;border-radius:0;color:var(--hp-ivory)}
body:has(.hp-site-mark) .o_portal_search_panel .btn:hover{color:var(--hp-gold)}

/* menus, pagination */
body:has(.hp-site-mark) .dropdown-menu{background:rgba(11,18,26,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--hp-hair);border-radius:16px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
body:has(.hp-site-mark) .dropdown-item{color:var(--hp-ivory);border-radius:10px;padding:8px 14px}
body:has(.hp-site-mark) .dropdown-item:hover,body:has(.hp-site-mark) .dropdown-item:focus{background:rgba(244,239,230,.08);color:var(--hp-gold)}
body:has(.hp-site-mark) .dropdown-item.active,body:has(.hp-site-mark) .dropdown-item:active{background:rgba(201,169,110,.16);color:var(--hp-gold)}
body:has(.hp-site-mark) .pagination{gap:6px;flex-wrap:wrap}
body:has(.hp-site-mark) .page-link{background:var(--hp-glass);border:1px solid var(--hp-hair);color:var(--hp-ivory);border-radius:999px !important;min-width:40px;text-align:center}
body:has(.hp-site-mark) .page-link:hover{color:var(--hp-gold);border-color:var(--hp-gold);background:var(--hp-glass-hi)}
body:has(.hp-site-mark) .page-item.active .page-link{background:var(--hp-gold);border-color:var(--hp-gold);color:#0B1622}
body:has(.hp-site-mark) .page-item.disabled .page-link{opacity:.4;background:var(--hp-glass)}

/* /my home: one glass card per area */
body:has(.hp-site-mark) .o_portal_cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;gap:16px !important;margin-top:8px !important}
body:has(.hp-site-mark) .o_portal_index_card>a:not(.alert){background:var(--hp-glass);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border:1px solid var(--hp-hair);border-radius:22px !important;padding:20px !important;color:var(--hp-ivory);transition:background .3s,transform .3s,border-color .3s}
body:has(.hp-site-mark) .o_portal_index_card>a:not(.alert):hover{background:var(--hp-glass-hi);transform:translateY(-3px);border-color:rgba(201,169,110,.5)}
body:has(.hp-site-mark) .o_portal_index_card h5{font-size:17px;color:var(--hp-ivory)}
body:has(.hp-site-mark) .o_portal_index_card p{font-size:13.5px;line-height:1.9;color:var(--hp-muted)}
body:has(.hp-site-mark) .o_portal_index_card .o_portal_icon{border-radius:16px;overflow:hidden;background:rgba(244,239,230,.08);padding:6px}
body:has(.hp-site-mark) .o_portal_index_card .o_portal_icon img,body:has(.hp-site-mark) .o_portal_index_card .o_portal_icon span{width:52px !important;height:52px !important}
body:has(.hp-site-mark) .o_portal_index_card .badge,body:has(.hp-site-mark) .o_portal_index_card [data-placeholder_count]{color:var(--hp-gold)}
body:has(.hp-site-mark) .o_portal_index_card>a.alert{background:rgba(201,169,110,.12);border:1px solid rgba(201,169,110,.45);border-radius:22px;color:var(--hp-ivory);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
body:has(.hp-site-mark) .o_portal_index_card>a.alert .alert-link{color:var(--hp-ivory)}
/* account summary beside the cards */
body:has(.hp-site-mark) .o_portal_content+div>.mw-100,body:has(.hp-site-mark) .offcanvas-body{background:var(--hp-glass);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border:1px solid var(--hp-hair);border-radius:22px;padding:22px}
body:has(.hp-site-mark) .o_portal_content+div>.mw-100{margin-top:12px !important;max-width:340px}
body:has(.hp-site-mark) .o_portal_content+div{align-items:flex-start}
body:has(.hp-site-mark) .o_portal_sidebar_content a:not(.btn),body:has(.hp-site-mark) .o_portal_content+div a:not(.btn){color:var(--hp-gold)}
body:has(.hp-site-mark) .o_portal_sidebar_content a:not(.btn):hover{color:#d8bb85}
body:has(.hp-site-mark) .offcanvas{background:#080f16;color:var(--hp-ivory)}
body:has(.hp-site-mark) .offcanvas-body{border-radius:0;border-width:0}
body:has(.hp-site-mark) .btn-link{color:var(--hp-gold);text-decoration:none}
body:has(.hp-site-mark) .btn-link:hover{color:#d8bb85}
body:has(.hp-site-mark) .o_portal_wrap img.rounded,body:has(.hp-site-mark) .o_portal_wrap .o_avatar{border-radius:14px !important;border:1px solid var(--hp-hair)}
body:has(.hp-site-mark) .btn-close{filter:invert(1) grayscale(1)}

/* lists */
body:has(.hp-site-mark) .o_portal_wrap .table{--bs-table-color:#F4EFE6;--bs-table-bg:transparent;--bs-table-striped-bg:rgba(244,239,230,.03);--bs-table-hover-bg:rgba(244,239,230,.06);--bs-table-hover-color:#F4EFE6;--bs-table-border-color:rgba(244,239,230,.12);
  border-collapse:separate;border-spacing:0;background:var(--hp-glass);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border:1px solid var(--hp-hair);border-radius:22px;overflow:hidden;margin-bottom:24px}
body:has(.hp-site-mark) .o_portal_wrap .table>:not(caption)>*>*{background:transparent;color:var(--hp-ivory);padding:14px 18px;border-bottom:1px solid rgba(244,239,230,.1)}
body:has(.hp-site-mark) .o_portal_wrap .table thead th,body:has(.hp-site-mark) .o_portal_wrap .table .bg-100,body:has(.hp-site-mark) .o_portal_wrap .table .bg-200{background:rgba(244,239,230,.06) !important;color:var(--hp-gold);font-size:13px;font-weight:700;white-space:nowrap}
body:has(.hp-site-mark) .o_portal_wrap .table tbody tr:last-child>*{border-bottom:0}
body:has(.hp-site-mark) .o_portal_wrap .table tbody tr:hover>*{background:rgba(244,239,230,.06)}
body:has(.hp-site-mark) .o_portal_wrap .table a{color:var(--hp-ivory);text-decoration:none;font-weight:600}
body:has(.hp-site-mark) .o_portal_wrap .table a:hover{color:var(--hp-gold)}
body:has(.hp-site-mark) .o_portal_wrap .table .text-muted{color:var(--hp-muted) !important}

/* badges and alerts */
body:has(.hp-site-mark) .badge{border-radius:999px;padding:6px 13px;font-weight:600;font-size:12.5px;border:1px solid rgba(244,239,230,.2);background:rgba(244,239,230,.08) !important;color:var(--hp-ivory) !important}
body:has(.hp-site-mark) .badge.text-bg-info,body:has(.hp-site-mark) .badge.bg-info,body:has(.hp-site-mark) .badge.text-bg-primary,body:has(.hp-site-mark) .badge.bg-primary{background:rgba(201,169,110,.16) !important;border-color:rgba(201,169,110,.5);color:var(--hp-gold) !important}
body:has(.hp-site-mark) .badge.text-bg-success,body:has(.hp-site-mark) .badge.bg-success{background:rgba(94,196,140,.14) !important;border-color:rgba(94,196,140,.5);color:#8fdcb1 !important}
body:has(.hp-site-mark) .badge.text-bg-danger,body:has(.hp-site-mark) .badge.bg-danger{background:rgba(232,120,106,.14) !important;border-color:rgba(232,120,106,.5);color:#f0a498 !important}
body:has(.hp-site-mark) .badge.text-bg-warning,body:has(.hp-site-mark) .badge.bg-warning{background:rgba(236,180,80,.14) !important;border-color:rgba(236,180,80,.5);color:#f0cb82 !important}
body:has(.hp-site-mark) .o_portal_wrap .alert,body:has(.hp-site-mark) .o_portal .alert{background:var(--hp-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--hp-hair);border-radius:18px;color:var(--hp-ivory)}
body:has(.hp-site-mark) .alert-info,body:has(.hp-site-mark) .alert-primary{border-color:rgba(201,169,110,.4);background:rgba(201,169,110,.1)}
body:has(.hp-site-mark) .alert-success{border-color:rgba(94,196,140,.45);background:rgba(94,196,140,.1)}
body:has(.hp-site-mark) .alert-warning{border-color:rgba(236,180,80,.45);background:rgba(236,180,80,.1)}
body:has(.hp-site-mark) .alert-danger{border-color:rgba(232,120,106,.45);background:rgba(232,120,106,.1)}
body:has(.hp-site-mark) .alert a,body:has(.hp-site-mark) .alert .alert-link{color:var(--hp-gold)}

/* a ticket, a document: record page with a sidebar */
body:has(.hp-site-mark) .o_portal_sidebar_content,body:has(.hp-site-mark) #card,body:has(.hp-site-mark) .o_portal_messages_container,body:has(.hp-site-mark) .o_portal_security_body,body:has(.hp-site-mark) .o_portal_addresses,body:has(.hp-site-mark) .o_customer_address_fill form{background:var(--hp-glass);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border:1px solid var(--hp-hair);border-radius:24px;padding:clamp(18px,2.4vw,30px)}
body:has(.hp-site-mark) .o_portal_sidebar_content{margin-bottom:24px}
body:has(.hp-site-mark) #ticket-nav .nav-link,body:has(.hp-site-mark) .o_portal_sidebar_content .nav-link{color:var(--hp-muted);padding:7px 0 !important;font-size:14.5px;border-radius:0}
body:has(.hp-site-mark) #ticket-nav .nav-link:hover,body:has(.hp-site-mark) #ticket-nav .nav-link.active,body:has(.hp-site-mark) .o_portal_sidebar_content .nav-link:hover,body:has(.hp-site-mark) .o_portal_sidebar_content .nav-link.active{color:var(--hp-gold);background:none}
body:has(.hp-site-mark) .o_portal_sidebar_content hr{margin:8px 0 12px}
body:has(.hp-site-mark) .o_portal_sidebar_content .btn{width:100%;margin-bottom:6px}
body:has(.hp-site-mark) #card_header h3,body:has(.hp-site-mark) #card_header .h3{font-size:clamp(20px,2.2vw,28px);line-height:1.7;color:var(--hp-ivory)}
body:has(.hp-site-mark) #card_header small{color:var(--hp-muted)}
body:has(.hp-site-mark) #card_body{margin-top:14px}
body:has(.hp-site-mark) #card_body .row>strong{color:var(--hp-gold);font-weight:600}
body:has(.hp-site-mark) #card_body [name=description]{background:rgba(244,239,230,.05);border:1px solid rgba(244,239,230,.1);border-radius:16px;padding:14px 6px}
body:has(.hp-site-mark) #card_body [name=description] p:last-child{margin-bottom:0}
body:has(.hp-site-mark) .o_portal_content>hr{display:none}
body:has(.hp-site-mark) .o_portal_content #card+hr+.o_portal_messages_container,body:has(.hp-site-mark) .o_portal_messages_container{margin-top:22px}
body:has(.hp-site-mark) .o_portal_messages_container>h3{font-size:20px;margin-bottom:14px}
body:has(.hp-site-mark) .o_portal_chatter{margin-inline:0 !important}

/* the conversation of a ticket (chatter of Odoo) */
body:has(.hp-site-mark) .o-mail-Chatter,body:has(.hp-site-mark) .o-mail-Thread,body:has(.hp-site-mark) .o-mail-Message{color:var(--hp-ivory);background:transparent}
body:has(.hp-site-mark) .o-mail-Message-bubble{background:rgba(244,239,230,.07) !important;border:1px solid rgba(244,239,230,.14);border-radius:18px !important;color:var(--hp-ivory)}
body:has(.hp-site-mark) .o-mail-Message-bubbleTail,body:has(.hp-site-mark) .o-mail-Message-bubbleTailBg,body:has(.hp-site-mark) .o-mail-Message-bubbleTailBorder{display:none}
body:has(.hp-site-mark) .o-mail-Message.o-selfAuthored .o-mail-Message-bubble{background:rgba(201,169,110,.14) !important;border-color:rgba(201,169,110,.45)}
body:has(.hp-site-mark) .o-mail-Message-body,body:has(.hp-site-mark) .o-mail-Message-textContent,body:has(.hp-site-mark) .o-mail-Message-richBody{color:var(--hp-ivory);line-height:2}
body:has(.hp-site-mark) .o-mail-Message-author,body:has(.hp-site-mark) .o-mail-Message-header b{color:var(--hp-gold);font-weight:700}
body:has(.hp-site-mark) .o-mail-Message-date,body:has(.hp-site-mark) .o-mail-Message-header small,body:has(.hp-site-mark) .o-mail-Message .text-muted{color:var(--hp-muted) !important}
body:has(.hp-site-mark) .o-mail-Message-avatar,body:has(.hp-site-mark) .o-mail-Message img.o_avatar{border-radius:14px;border:1px solid var(--hp-hair)}
body:has(.hp-site-mark) .o-mail-Thread-newMessageLine,body:has(.hp-site-mark) .o-mail-Message-notification{border-color:rgba(244,239,230,.16);color:var(--hp-muted)}
body:has(.hp-site-mark) .o-mail-Composer-inputContainer,body:has(.hp-site-mark) .o-mail-Composer-coreMain{background:transparent}
body:has(.hp-site-mark) .o-mail-Composer-input,body:has(.hp-site-mark) .o-mail-Composer textarea{background:#121B25 !important;color:var(--hp-ivory) !important;border:1px solid var(--hp-hair) !important;border-radius:16px !important;padding:14px 16px !important;line-height:1.9;min-height:96px}
body:has(.hp-site-mark) .o-mail-Composer-input:focus{border-color:rgba(244,239,230,.45) !important;box-shadow:none !important}
body:has(.hp-site-mark) .o-mail-Composer-input::placeholder{color:rgba(244,239,230,.4)}
body:has(.hp-site-mark) .o-mail-Composer .btn:not(.o-mail-Composer-send){background:rgba(244,239,230,.06);border:1px solid var(--hp-hair);color:var(--hp-ivory);border-radius:999px}
body:has(.hp-site-mark) .o-mail-Composer-send{background:var(--hp-gold) !important;border-color:var(--hp-gold) !important;color:#0B1622 !important;border-radius:999px !important;font-weight:700;padding-inline:26px}
body:has(.hp-site-mark) .o-mail-Thread-empty{color:var(--hp-muted)}

/* account details and security */
body:has(.hp-site-mark) .o_portal_wrap .col-form-label,body:has(.hp-site-mark) .o_portal_wrap .form-label{color:var(--hp-muted);font-size:14px;font-weight:600}
body:has(.hp-site-mark) .o_portal_wrap .label-optional{font-weight:500}
body:has(.hp-site-mark) .o_portal_wrap .input-group>.form-control{border-radius:12px}
body:has(.hp-site-mark) .o_portal_wrap .input-group>.btn{background:#121B25;border-color:rgba(244,239,230,.12) !important;color:var(--hp-ivory)}
body:has(.hp-site-mark) .o_portal_profile_card{background:var(--hp-glass);border:1px solid var(--hp-hair);border-radius:22px}
body:has(.hp-site-mark) .o_portal_profile_card .btn{background:rgba(8,15,22,.7);color:var(--hp-ivory);border:1px solid var(--hp-hair)}
body:has(.hp-site-mark) .o_portal_security_body{margin-bottom:40px}
body:has(.hp-site-mark) .form-check-input{background-color:#121B25;border-color:rgba(244,239,230,.3)}
body:has(.hp-site-mark) .form-check-input:checked{background-color:var(--hp-gold);border-color:var(--hp-gold)}
body:has(.hp-site-mark) .o_address_card{background:rgba(244,239,230,.04);border-radius:18px}
body:has(.hp-site-mark) .btn-outline-secondary,body:has(.hp-site-mark) .btn-outline-primary{background:rgba(8,15,22,.5);border:1px solid var(--hp-hair);color:var(--hp-ivory);border-radius:999px}
body:has(.hp-site-mark) .btn-outline-secondary:hover,body:has(.hp-site-mark) .btn-outline-primary:hover{color:var(--hp-gold);border-color:var(--hp-gold);background:rgba(8,15,22,.7)}
body:has(.hp-site-mark) .btn-danger{border-radius:999px}

/* modals */
body:has(.hp-site-mark) .modal-content{background:rgba(11,18,26,.97);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--hp-hair);border-radius:24px;color:var(--hp-ivory)}
body:has(.hp-site-mark) .modal-header,body:has(.hp-site-mark) .modal-footer{border-color:rgba(244,239,230,.12)}
body:has(.hp-site-mark) .modal-header.bg-danger{background:rgba(232,120,106,.18) !important}

@media (max-width:900px){
  body:has(.hp-site-mark) .o_portal_wrap .table:not(.hp-stack){display:block;overflow-x:auto}
  body:has(.hp-site-mark) .o_portal_content+div>.mw-100{max-width:none}
}

@media (max-width:991px){
  /* the record first, its sidebar after it */
  body:has(.hp-site-mark) .o_project_portal_sidebar{display:flex;flex-direction:column-reverse}
}

/* stacking: filter bar and its menus above the lists (every glass layer is its own stacking context) */
body:has(.hp-site-mark) .o_portal_navbar{position:relative;z-index:30}
body:has(.hp-site-mark) .o_portal_wrap .table,body:has(.hp-site-mark) .o_portal_content,body:has(.hp-site-mark) #card{position:relative;z-index:1}
body:has(.hp-site-mark) .dropdown-menu{z-index:1060}

/* every light Bootstrap surface becomes glass, so text never sits on white */
body:has(.hp-site-mark) .o_portal_wrap .table-light,body:has(.hp-site-mark) .o_portal_wrap .table-light>*,body:has(.hp-site-mark) .o_portal_wrap tr.table-light>th,body:has(.hp-site-mark) .o_portal_wrap tr.table-light>td{--bs-table-bg:rgba(201,169,110,.1);--bs-table-color:#F4EFE6;background:rgba(201,169,110,.1) !important;color:#F4EFE6 !important;font-weight:700}
body:has(.hp-site-mark) .o_portal_wrap .table-light a,body:has(.hp-site-mark) .o_portal_wrap .table-light th{color:#C9A96E !important}
body:has(.hp-site-mark) .o_portal_wrap .bg-light,body:has(.hp-site-mark) .o_portal_wrap .bg-100,body:has(.hp-site-mark) .o_portal_wrap .bg-200,body:has(.hp-site-mark) .o_portal_wrap .bg-body-secondary,body:has(.hp-site-mark) .o_portal_wrap .bg-body-tertiary,body:has(.hp-site-mark) .o_portal_wrap .text-bg-light,body:has(.hp-site-mark) .o_portal_wrap .table-active{background:rgba(244,239,230,.06) !important;color:#F4EFE6 !important;border-color:rgba(244,239,230,.14) !important}
body:has(.hp-site-mark) .o_portal_wrap .card,body:has(.hp-site-mark) .o_portal_wrap .card-body,body:has(.hp-site-mark) .o_portal_wrap .card-header,body:has(.hp-site-mark) .o_portal_wrap .card-footer,body:has(.hp-site-mark) .o_portal_wrap .list-group-item{--bs-card-bg:transparent;--bs-card-cap-bg:rgba(244,239,230,.05);background-color:rgba(244,239,230,.05) !important;color:#F4EFE6;border-color:rgba(244,239,230,.14) !important}
body:has(.hp-site-mark) .o_portal_wrap .card .text-muted,body:has(.hp-site-mark) .o_portal_wrap address,body:has(.hp-site-mark) .o_portal_wrap .o_portal_address{color:rgba(244,239,230,.78) !important}
body:has(.hp-site-mark) .o_portal_wrap .card-body .badge{margin-bottom:4px}
body:has(.hp-site-mark) .o_portal_wrap .js_edit_address,body:has(.hp-site-mark) .o_portal_wrap .o_address_card a{color:#C9A96E !important}
body:has(.hp-site-mark) .o_portal_wrap .o_portal_html_view{background:#fff !important;color:#212529 !important;border-radius:18px}
body:has(.hp-site-mark) .o_portal_wrap .o_portal_html_view *{border-color:#dee2e6}
body:has(.hp-site-mark) .o_portal_mobile_action_bar{background:rgba(8,14,21,.94) !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(244,239,230,.16) !important;box-shadow:none !important}
body:has(.hp-site-mark) .navbar.bg-light{background:rgba(8,14,21,.6) !important}
body:has(.hp-site-mark) .o_portal_wrap .form-select option{background:#121B25;color:#F4EFE6}
body:has(.hp-site-mark) .o_portal_wrap iframe{border-radius:14px}

/* polish */
body:has(.hp-site-mark) .o_portal_wrap :focus-visible,body:has(.hp-site-mark) .o_portal :focus-visible{outline:2px solid #C9A96E;outline-offset:2px}
body:has(.hp-site-mark) ::selection{background:rgba(201,169,110,.35);color:#fff}
body:has(.hp-site-mark) .o_portal_wrap .btn{transition:background .25s,border-color .25s,color .25s,transform .25s}
body:has(.hp-site-mark) .o_portal_wrap .btn:active{transform:scale(.98)}
body:has(.hp-site-mark) .o_portal_wrap .btn-primary{padding:8px 24px}
body:has(.hp-site-mark) .o_portal_wrap .table tbody tr{transition:background .2s}
body:has(.hp-site-mark) .o_portal_wrap .table td:first-child a,body:has(.hp-site-mark) .o_portal_wrap .table th:first-child a{font-weight:700}
body:has(.hp-site-mark) .o_portal_wrap .form-control:focus,body:has(.hp-site-mark) .o_portal_wrap .form-select:focus{border-color:rgba(201,169,110,.7);box-shadow:0 0 0 3px rgba(201,169,110,.15)}
body:has(.hp-site-mark) .o_portal_wrap .invalid-feedback,body:has(.hp-site-mark) .o_portal_wrap .text-danger{color:#f0a498 !important}
body:has(.hp-site-mark) .o_portal_wrap .text-success{color:#8fdcb1 !important}
body:has(.hp-site-mark) .o_portal_wrap .progress{background:rgba(244,239,230,.1)}
body:has(.hp-site-mark) .o_portal_wrap .progress-bar{background:#C9A96E}
body:has(.hp-site-mark) .o_portal_wrap .nav-tabs{border-color:rgba(244,239,230,.16)}
body:has(.hp-site-mark) .o_portal_wrap .nav-tabs .nav-link{color:rgba(244,239,230,.7);border-radius:12px 12px 0 0}
body:has(.hp-site-mark) .o_portal_wrap .nav-tabs .nav-link.active{background:rgba(244,239,230,.08);border-color:rgba(244,239,230,.16);color:#C9A96E}
@media (min-width:992px){
  body:has(.hp-site-mark) .o_portal_sidebar_content{position:sticky;top:110px}
}

/* tablets and phones */
@media (max-width:991px){
  body:has(.hp-site-mark) .o_portal_wrap>.container,body:has(.hp-site-mark) .o_portal.container{padding-inline:14px}
  body:has(.hp-site-mark) .o_portal_sidebar_content{margin-bottom:18px}
  body:has(.hp-site-mark) .o_portal_content+div>.mw-100{max-width:none}
}
@media (max-width:700px){
  body:has(.hp-site-mark) #wrapwrap>main{padding-top:92px}
  body:has(.hp-site-mark) .o_portal_wrap h1.h3{font-size:24px;margin:0 0 14px !important}
  body:has(.hp-site-mark) .o_portal .o_portal_submenu.breadcrumb,body:has(.hp-site-mark) .o_portal_navbar{border-radius:18px;padding:8px 14px !important;margin-bottom:16px !important}
  body:has(.hp-site-mark) .o_portal_navbar .collapse,body:has(.hp-site-mark) .o_portal_navbar .collapsing{padding-top:10px}
  body:has(.hp-site-mark) .o_portal_navbar .nav.flex-column>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;margin:0 0 8px !important}
  body:has(.hp-site-mark) .o_portal_navbar .navbar-text,body:has(.hp-site-mark) .o_portal_navbar .small{flex:none;margin:0 !important}
  body:has(.hp-site-mark) .o_portal_navbar .btn-group,body:has(.hp-site-mark) .o_portal_search_panel{flex:1 1 auto;width:auto}
  body:has(.hp-site-mark) .o_portal_navbar .btn-group .btn{width:100%;text-align:start}
  body:has(.hp-site-mark) .o_portal_search_panel{max-width:100%;flex:0 0 100%;margin:0 !important}
  body:has(.hp-site-mark) .o_portal_cards{grid-template-columns:1fr !important;gap:12px !important}
  body:has(.hp-site-mark) .o_portal_index_card>a:not(.alert){padding:16px !important}
  body:has(.hp-site-mark) .o_portal_index_card .o_portal_icon img,body:has(.hp-site-mark) .o_portal_index_card .o_portal_icon span{width:44px !important;height:44px !important}
  body:has(.hp-site-mark) .o_portal_sidebar_content,body:has(.hp-site-mark) #card,body:has(.hp-site-mark) .o_portal_messages_container,body:has(.hp-site-mark) .o_portal_security_body,body:has(.hp-site-mark) .o_portal_addresses,body:has(.hp-site-mark) .o_customer_address_fill form{padding:16px;border-radius:20px}
  body:has(.hp-site-mark) .o_portal_security_body{width:100% !important}
  body:has(.hp-site-mark) #card_header .row>.col-md>h5{flex-direction:column;gap:8px}
  body:has(.hp-site-mark) #card_body .row>strong{margin-bottom:2px}
  body:has(.hp-site-mark) .o_portal_wrap .modal-dialog{margin:12px}
  body:has(.hp-site-mark) .o_portal_wrap .form-control,body:has(.hp-site-mark) .o_portal_wrap .form-select{font-size:16px}
  body:has(.hp-site-mark) .o_portal_wrap .btn{padding-block:10px}
  body:has(.hp-site-mark) .o_portal_wrap .o_portal_profile_card{max-width:180px;margin-inline:auto}
  body:has(.hp-site-mark) .o_portal_wrap .pagination{justify-content:center}
  /* lists become one card per row; the labels come from the column titles (hp-portal.js) */
  body:has(.hp-site-mark) .o_portal_wrap .table.hp-stack{display:block;background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}
  body:has(.hp-site-mark) .hp-stack thead{display:none}
  body:has(.hp-site-mark) .hp-stack tbody{display:block}
  body:has(.hp-site-mark) .hp-stack tr{display:block;background:rgba(8,15,22,.42);border:1px solid rgba(244,239,230,.16);border-radius:18px;margin-bottom:12px;padding:6px 0;overflow:hidden}
  body:has(.hp-site-mark) .hp-stack tr.table-light{background:rgba(201,169,110,.1);border-color:rgba(201,169,110,.35);padding:0}
  body:has(.hp-site-mark) .hp-stack tr>*{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border:0 !important;padding:8px 16px !important;text-align:left;background:transparent !important}
  body:has(.hp-site-mark) .hp-stack tr.table-light>*{background:transparent !important;padding:12px 16px !important;text-align:start}
  body:has(.hp-site-mark) .hp-stack tr>[data-label]::before{content:attr(data-label);flex:none;color:#C9A96E;font-size:12.5px;font-weight:700}
  body:has(.hp-site-mark) .hp-stack tr>*:first-child{font-size:15.5px}
  body:has(.hp-site-mark) .hp-stack tr>*:empty{display:none}
}
@media (max-width:420px){
  body:has(.hp-site-mark) .o_portal_wrap>.container,body:has(.hp-site-mark) .o_portal.container{padding-inline:12px}
  body:has(.hp-site-mark) .badge{padding:5px 11px;font-size:12px}
}

/* Bootstrap paints table cells with an inset shadow (striped, light rows); the glass look uses plain backgrounds */
body:has(.hp-site-mark) .o_portal_wrap .table>:not(caption)>*>*{box-shadow:none !important}
body:has(.hp-site-mark) .o_portal_navbar .navbar-toggler{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 14px;font-size:13px}
body:has(.hp-site-mark) .o_portal_navbar .navbar-toggler::after{content:"فیلتر و جست‌وجو"}
@media (max-width:700px){
  body:has(.hp-site-mark) .hp-stack tr>td:first-child{display:block;padding:14px 16px 6px !important;text-align:start;font-size:16px;line-height:1.8}
  body:has(.hp-site-mark) .hp-stack tr>td:first-child::before{display:none}
  body:has(.hp-site-mark) .hp-stack tr>td:first-child a{color:#F4EFE6}
}
@media (min-width:992px){
  body:has(.hp-site-mark) .o_portal_navbar .navbar-toggler{display:none}
}
@media (max-width:700px){
  body:has(.hp-site-mark) .hp-stack tr>td,body:has(.hp-site-mark) .hp-stack tr>th{width:auto !important;max-width:none !important;white-space:normal}
  body:has(.hp-site-mark) .hp-stack tr>td:first-child a{display:inline;overflow-wrap:anywhere}
  body:has(.hp-site-mark) .hp-stack tr>td:first-child .ms-2{margin-inline-start:.4em !important}
}
@media (max-width:700px){
  body:has(.hp-site-mark) .hp-stack tr>td[data-label]:not(:first-child){display:block;text-align:start !important}
  body:has(.hp-site-mark) .hp-stack tr>td[data-label]:not(:first-child)::before{display:inline-block;min-width:7.2em;margin-inline-end:10px}
  body:has(.hp-site-mark) .hp-stack tr>td img{width:26px;height:26px;vertical-align:middle;margin-inline-end:8px}
}