
/* /datis_bm_customer_portal/static/src/css/portal.css */
:root{--datis-dashboard-purple: #4d067c; --datis-dashboard-violet: #009fe3; --datis-dashboard-blue: #009fe3; --datis-dashboard-ink: #2c0b3e; --datis-dashboard-muted: #81769b; --datis-dashboard-line: #ece9f0; --datis-dashboard-surface: #ffffff; --datis-dashboard-bg: #f6f8fc;}body:has(.datis-portal-dashboard) #wrap{margin-top: 0; background: radial-gradient(circle at 84% 8%, rgba(0, 159, 227, .06), transparent 31%), linear-gradient(180deg, #fbfcff 0%, var(--datis-dashboard-bg) 100%);}body:has(.datis-portal-dashboard) #wrap > .container, body:has(.datis-portal-dashboard) #wrap > .container-fluid{width: 100%; max-width: none; padding: 0 !important;}.datis-portal-dashboard, .datis-portal-dashboard *{box-sizing: border-box;}.datis-portal-dashboard{color: var(--datis-dashboard-ink); font-family: "Poppins", sans-serif;}.datis-dashboard-shell{width: 100%; max-width: 1540px; min-height: 820px; margin: 0 auto; display: grid; grid-template-columns: 292px minmax(0, 1fr); border-left: 1px solid rgba(40, 0, 78, .06); border-right: 1px solid rgba(40, 0, 78, .06); background: rgba(255, 255, 255, .28);}.datis-dashboard-sidebar{position: relative; z-index: 2; padding: 42px 28px 36px; border-right: 1px solid #e5e8f0; background: rgba(255, 255, 255, .9);}.datis-dashboard-brand{display: block; margin: 0 5px 24px; color: var(--datis-dashboard-ink) !important; font-size: 25px; line-height: 1.2; font-weight: 800; letter-spacing: -.7px; text-decoration: none !important;}.datis-dashboard-nav{display: flex; flex-direction: column; gap: 3px;}.datis-dashboard-nav-link{min-height: 46px; display: flex; align-items: center; gap: 16px; padding: 10px 13px; border-radius: 8px; color: #3b1765 !important; font-size: 14px; line-height: 1.35; font-weight: 500; text-decoration: none !important; transition: color .18s ease, background-color .18s ease, transform .18s ease;}.datis-dashboard-nav-link i{width: 20px; color: #8174a0; font-size: 20px; text-align: center;}.datis-dashboard-nav-link:hover{color: var(--datis-dashboard-violet) !important; background: #e7f6fc; transform: translateX(2px);}.datis-dashboard-nav-link.is-active{color: var(--datis-dashboard-blue) !important; font-weight: 700; background: #e7f6fc;}.datis-dashboard-nav-link.is-active i, .datis-dashboard-nav-link:hover i{color: var(--datis-dashboard-blue);}.datis-dashboard-nav-section{margin-top: 13px; padding-top: 20px; border-top: 1px solid var(--datis-dashboard-line);}.datis-dashboard-nav-section > strong{display: block; margin: 0 6px 12px; color: var(--datis-dashboard-ink); font-size: 14px; font-weight: 750;}.datis-dashboard-logout{margin-top: 14px; padding-top: 20px; border-top: 1px solid var(--datis-dashboard-line); border-radius: 0;}.datis-dashboard-main{min-width: 0; padding: 22px 22px 36px;}.datis-dashboard-hero{min-height: 235px; display: flex; align-items: center; justify-content: space-between; gap: 32px; overflow: hidden; position: relative; padding: 44px 54px; border-radius: 11px; color: #fff; background: linear-gradient(110deg, #26002d 0%, #310039 22%, #55285f 52%, #4b5684 100%); box-shadow: 0 14px 30px rgba(60, 17, 93, .12);}.datis-dashboard-hero::after{content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(118deg, transparent 15%, rgba(255, 255, 255, .035) 56%, transparent 80%);}.datis-dashboard-hero-copy, .datis-dashboard-company-switcher{position: relative; z-index: 1;}.datis-dashboard-eyebrow{display: block; margin-bottom: 16px; color: var(--datis-dashboard-blue); font-size: 11px; line-height: 1.2; font-weight: 800; letter-spacing: 2.2px; text-transform: uppercase;}.datis-dashboard-hero h1{margin: 0 0 8px; color: #fff; font-size: clamp(42px, 4vw, 58px); line-height: 1.03; font-weight: 800; letter-spacing: -2.2px;}.datis-dashboard-hero p{max-width: 650px; margin: 0; color: rgba(255, 255, 255, .92); font-size: 16px; line-height: 1.65;}.datis-dashboard-company{display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; padding: 7px 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; color: rgba(255, 255, 255, .92); background: rgba(255, 255, 255, .09); font-size: 12px; font-weight: 600;}.datis-dashboard-company-registry{padding-left: 9px; border-left: 1px solid rgba(255, 255, 255, .22); color: rgba(255, 255, 255, .7);}.datis-dashboard-company-switcher{width: min(310px, 100%); padding: 16px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 10px; background: rgba(31, 0, 57, .2); backdrop-filter: blur(8px);}.datis-dashboard-company-switcher label{display: block; margin-bottom: 7px; color: rgba(255, 255, 255, .78); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}.datis-dashboard-company-switcher-row{display: flex; gap: 8px;}.datis-dashboard-company-switcher .form-select{min-width: 0; min-height: 42px; color: #2d0752; border: 0; border-radius: 7px; font-size: 13px;}.datis-dashboard-company-switcher .btn{min-height: 42px; padding-inline: 16px; color: #fff; border: 1px solid rgba(255, 255, 255, .34); border-radius: 7px; background: rgba(255, 255, 255, .12); font-size: 12px; font-weight: 700;}.datis-dashboard-kpis{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 20px;}.datis-dashboard-kpi{min-width: 0; min-height: 146px; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 20px 18px; border: 1px solid #e4e6ee; border-radius: 11px; background: rgba(255, 255, 255, .94); box-shadow: 0 7px 21px rgba(49, 27, 78, .035);}.datis-dashboard-kpi-icon, .datis-dashboard-action-icon{display: flex; align-items: center; justify-content: center; border-radius: 10px;}.datis-dashboard-kpi-icon{width: 64px; height: 64px; font-size: 33px;}.datis-dashboard-kpi--purple .datis-dashboard-kpi-icon{color: var(--datis-dashboard-blue); background: #eaf7fc;}.datis-dashboard-kpi--blue .datis-dashboard-kpi-icon{color: #009fe3; background: linear-gradient(140deg, #def4fd, #eefaff);}.datis-dashboard-kpi-content{min-width: 0; display: flex; flex-direction: column; align-items: flex-start;}.datis-dashboard-kpi-content > span{min-height: 36px; color: var(--datis-dashboard-ink); font-size: 13px; line-height: 1.35; font-weight: 700;}.datis-dashboard-kpi-content > strong{margin-top: -2px; color: var(--datis-dashboard-ink); font-size: 31px; line-height: 1; font-weight: 800;}.datis-dashboard-kpi-content > a{margin-top: auto; color: var(--datis-dashboard-violet) !important; font-size: 11px; line-height: 1.3; font-weight: 700; text-decoration: none !important;}.datis-dashboard-kpi--blue .datis-dashboard-kpi-content > a{color: var(--datis-dashboard-blue) !important;}.datis-dashboard-kpi-content > a i, .datis-dashboard-panel-head > a i, .datis-dashboard-action .btn i{margin-left: 5px;}.datis-dashboard-tables{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px;}.datis-dashboard-panel{min-width: 0; overflow: hidden; padding: 21px 24px 18px; border: 1px solid #e4e6ee; border-radius: 11px; background: rgba(255, 255, 255, .94); box-shadow: 0 7px 21px rgba(49, 27, 78, .035);}.datis-dashboard-panel-head{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px;}.datis-dashboard-panel-head h2, .datis-dashboard-action h2{margin: 0; color: var(--datis-dashboard-ink); font-size: 17px; line-height: 1.3; font-weight: 800; letter-spacing: -.25px;}.datis-dashboard-panel-head > a{color: var(--datis-dashboard-violet) !important; font-size: 11px; font-weight: 700; text-decoration: none !important; white-space: nowrap;}.datis-dashboard-table-wrap{width: 100%; overflow-x: auto;}.datis-dashboard-table{width: 100%; min-width: 490px; border-collapse: collapse; color: #3f2167; font-size: 11px;}.datis-dashboard-table th{padding: 11px 8px; color: #3f1767; background: #f0f2f7; font-size: 10px; line-height: 1.2; font-weight: 700; text-align: left;}.datis-dashboard-table th:first-child{border-radius: 6px 0 0 6px;}.datis-dashboard-table th:last-child{border-radius: 0 6px 6px 0; text-align: right;}.datis-dashboard-table td{height: 42px; padding: 9px 8px; border-bottom: 1px solid #e8eaf0; vertical-align: middle; white-space: nowrap;}.datis-dashboard-table td a{color: #42206b !important; text-decoration: none !important;}.datis-dashboard-table td a:hover{color: var(--datis-dashboard-violet) !important;}.datis-dashboard-money{text-align: right; font-variant-numeric: tabular-nums;}.datis-status{display: inline-flex; align-items: center; gap: 8px;}.datis-status i{width: 9px; height: 9px; border-radius: 50%; background: #8c86a2;}.datis-status--success i{background: #08a463;}.datis-status--info i{background: #0ca6e7;}.datis-status--warning i{background: #ffae00;}.datis-status--neutral i{background: #8c86a2;}.datis-dashboard-empty td{height: 86px; color: var(--datis-dashboard-muted); text-align: center; white-space: normal;}.datis-dashboard-actions{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px;}.datis-dashboard-action{min-height: 150px; display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 24px; align-items: start; padding: 24px; border: 1px solid #e4e6ee; border-radius: 11px; background: #fff;}.datis-dashboard-action--blue, .datis-dashboard-action--purple{background: #fff;}.datis-dashboard-action-icon{width: 66px; height: 66px; color: #009fe3; background: #ebf7ff; font-size: 31px;}.datis-dashboard-action--purple .datis-dashboard-action-icon{color: var(--datis-dashboard-blue); background: #eaf7fc;}.datis-dashboard-action p{margin: 4px 0 14px; color: #806e9e; font-size: 12px; line-height: 1.55;}.datis-dashboard-action .btn{display: inline-flex; align-items: center; justify-content: center; min-height: 46px; min-width: min(185px, 100%); max-width: 100%; padding: 10px 20px; color: #fff !important; border: 0; border-radius: 6px; background: linear-gradient(135deg, #0095ce, #6bc3df); font-size: 12px; font-weight: 700; text-decoration: none !important;}.datis-dashboard-action .btn:hover{color: #fff !important; border-color: var(--datis-dashboard-violet); background: var(--datis-dashboard-violet);}.datis-portal-dashboard > .alert{max-width: 1210px; margin: 18px auto 0;}@media (max-width: 1199px){.datis-dashboard-shell{grid-template-columns: 250px minmax(0, 1fr);}.datis-dashboard-sidebar{padding-inline: 20px;}.datis-dashboard-kpis{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 991px){.datis-dashboard-shell{display: block; min-height: 0;}.datis-dashboard-sidebar{position: static; padding: 24px 20px 18px; border-right: 0; border-bottom: 1px solid #e5e8f0;}.datis-dashboard-brand{margin-bottom: 16px;}.datis-dashboard-nav{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px;}.datis-dashboard-nav-section, .datis-dashboard-logout{display: none;}.datis-dashboard-nav-section:first-of-type{display: contents;}.datis-dashboard-nav-section:first-of-type > strong{display: none;}.datis-dashboard-nav-link{min-height: 42px; justify-content: center; gap: 8px; padding: 8px; font-size: 12px;}.datis-dashboard-nav-link i{width: auto; font-size: 16px;}.datis-dashboard-main{padding: 18px;}.datis-dashboard-hero{padding: 38px 36px;}.datis-dashboard-tables{grid-template-columns: 1fr;}}@media (max-width: 767px){.datis-dashboard-nav{display: flex; flex-direction: row; overflow-x: auto; padding-bottom: 4px;}.datis-dashboard-nav > .datis-dashboard-nav-link{flex: 0 0 auto;}.datis-dashboard-main{padding: 12px;}.datis-dashboard-hero{min-height: 0; display: block; padding: 32px 24px; border-radius: 9px;}.datis-dashboard-hero h1{font-size: 40px; letter-spacing: -1.4px;}.datis-dashboard-hero p{font-size: 14px;}.datis-dashboard-company{max-width: 100%; flex-wrap: wrap;}.datis-dashboard-company-switcher{width: 100%; margin-top: 22px;}.datis-dashboard-kpis, .datis-dashboard-actions{grid-template-columns: 1fr;}.datis-dashboard-kpi{min-height: 132px;}.datis-dashboard-panel{padding-inline: 16px;}.datis-dashboard-panel-head{align-items: flex-start;}.datis-dashboard-panel-head h2{font-size: 15px;}.datis-dashboard-action{grid-template-columns: 54px minmax(0, 1fr); gap: 16px; padding: 20px;}.datis-dashboard-action-icon{width: 54px; height: 54px; font-size: 25px;}}@media (max-width: 420px){.datis-dashboard-kpi{grid-template-columns: 54px minmax(0, 1fr); gap: 13px;}.datis-dashboard-kpi-icon{width: 54px; height: 54px; font-size: 27px;}.datis-dashboard-company-switcher-row{display: block;}.datis-dashboard-company-switcher .btn{width: 100%; margin-top: 8px;}}

/* /datis_bm_customer_portal/static/src/css/organization.css */
.datis-organization-main{display: flex; flex-direction: column; gap: 16px;}.datis-organization-header{display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 38px 46px; border-radius: 10px; color: #fff; background: linear-gradient(110deg, #310039 0%, #4b0d51 42%, #505d8d 100%);}.datis-organization-header h1{margin: 0 0 5px; color: #fff; font-size: 38px; line-height: 1.08; font-weight: 800; letter-spacing: -1px;}.datis-organization-header p{margin: 0; color: #fff; font-size: 13px; line-height: 1.5;}.datis-organization-header .datis-dashboard-eyebrow{margin-bottom: 12px;}.datis-organization-header-tools{display: grid; flex: 0 1 310px; gap: 12px;}.datis-organization-header-tools:empty{display: none;}.datis-organization-switcher{width: 100%; min-width: 230px;}.datis-organization-switcher label{display: block; margin-bottom: 7px; color: #fff; font-size: 11px; font-weight: 700;}.datis-organization-switcher > div{display: flex; gap: 8px;}.datis-organization-switcher .form-select{min-width: 0; min-height: 42px; border: 0; border-radius: 6px; font-size: 12px;}.datis-organization-switcher .btn{color: #fff; border: 1px solid rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .12); font-size: 12px; font-weight: 700;}.datis-primary-btn, .datis-invite-form .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 20px; border: 0; border-radius: 6px; color: #fff !important; background: linear-gradient(135deg, #0095ce, #6bc3df); font-size: 12px; font-weight: 700; text-align: center; text-decoration: none !important;}.datis-primary-btn:hover, .datis-invite-form .btn:hover{background: #008bc5;}.datis-portal-dashboard a:focus-visible, .datis-portal-dashboard button:focus-visible, .datis-portal-dashboard input:focus-visible, .datis-portal-dashboard select:focus-visible{outline: 3px solid #009fe3; outline-offset: 3px;}.datis-organization-card{min-width: 0; overflow: hidden; border: 1px solid #dedbe5; border-radius: 9px; background: #fff; scroll-margin-top: 100px;}.datis-organization-card > header{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 24px; border-bottom: 1px solid var(--datis-dashboard-line);}.datis-organization-card h2{margin: 0 0 3px; color: var(--datis-dashboard-ink); font-size: 20px; line-height: 1.2; font-weight: 800;}.datis-organization-card header p, .datis-addresses-card > div:first-child p{margin: 0; color: var(--datis-dashboard-muted); font-size: 12px; line-height: 1.5;}.datis-card-body{padding: 14px 20px 18px;}.datis-company-details{display: grid; gap: 7px; margin: 0; padding: 12px 24px 16px;}.datis-company-details > div{display: grid; grid-template-columns: minmax(180px, 270px) minmax(0, 1fr); align-items: center; gap: 14px; min-height: 50px; padding: 5px 7px; border: 1px solid #e5e2e9; border-radius: 7px;}.datis-company-details dt{display: flex; align-items: center; gap: 18px; margin: 0; color: #80769b; font-size: 12px; font-weight: 500;}.datis-company-details dt i, .datis-setting-icon{display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 7px; color: var(--datis-dashboard-blue); background: #eaf7fc; font-size: 19px;}.datis-company-details dt i{flex-basis: 40px; width: 40px; height: 40px; background: #f5f3f7; font-size: 17px;}.datis-company-details dd{margin: 0; padding-block: 5px; overflow-wrap: anywhere; color: var(--datis-dashboard-ink); font-size: 12px; line-height: 1.4; font-weight: 700;}.datis-address-lines > span{display: block;}.datis-setting-row, .datis-billing-item{display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 12px; border: 1px solid #e5e2e9; border-radius: 7px; background: #fff;}.datis-setting-row{align-items: center; color: var(--datis-dashboard-ink); font-size: 13px;}.datis-setting-row > div{min-width: 0; overflow-wrap: anywhere;}.datis-setting-row .datis-address-lines, .datis-setting-label{display: block; color: var(--datis-dashboard-muted); font-size: 12px;}.datis-setting-label{margin-bottom: 3px;}.datis-billing-list{display: grid; gap: 12px;}.datis-billing-content, .datis-billing-item > dl{flex: 1; min-width: 0;}.datis-billing-title{display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; color: var(--datis-dashboard-ink); font-size: 13px;}.datis-details-grid{margin: 0;}.datis-details-grid > div{display: grid; grid-template-columns: 1fr 1.2fr; gap: 20px; padding: 5px 0; border-bottom: 1px solid #eeeaf1; font-size: 12px; line-height: 1.4;}.datis-details-grid > div:last-child{border-bottom: 0;}.datis-details-grid dt{color: var(--datis-dashboard-muted); font-weight: 500;}.datis-details-grid dd{margin: 0; overflow-wrap: anywhere; color: var(--datis-dashboard-ink); font-weight: 600;}.datis-monospace{font-variant-numeric: tabular-nums;}.datis-empty-state{margin: 0; padding: 18px; border: 1px solid #e5e2e9; border-radius: 7px; color: var(--datis-dashboard-muted); background: #fafbfe; font-size: 13px;}.datis-access-status, .datis-role-badge, .datis-you-badge{display: inline-flex; align-items: center; width: max-content; padding: 4px 9px; border-radius: 5px; color: #248949; background: #e4f8eb; font-size: 11px; line-height: 1.3; font-weight: 700;}.datis-access-status--archived, .datis-access-status--closed, .datis-access-status--cancelled, .datis-access-status--revoked{color: #777083; background: #f3f2f6;}.datis-access-status--pending, .datis-access-status--draft{color: #946200; background: #fff3d7;}.datis-role-badge{color: #65537f; background: #f5f3f7; font-weight: 500;}.datis-you-badge{color: #0087bb; background: #eaf7fc; font-size: 10px;}.datis-colleagues-table{min-width: 700px; font-size: 12px;}.datis-colleagues-table th, .datis-colleagues-table td{padding: 11px 12px; text-align: left !important;}.datis-colleagues-table th{font-size: 11px;}.datis-colleague-identity{display: flex; align-items: center; gap: 10px;}.datis-colleague-avatar{display: inline-flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; color: var(--datis-dashboard-blue); background: #e6f6fc; font-size: 11px;}.datis-result-count{margin: 12px 4px 0; color: var(--datis-dashboard-muted); font-size: 11px;}.datis-invite-form{display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 14px; align-items: end;}.datis-invite-form > div{min-width: 0;}.datis-invite-form label{display: block; margin-bottom: 6px; color: #65537f; font-size: 12px; font-weight: 700;}.datis-invite-form input, .datis-invite-form select{width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #dedbe5; border-radius: 6px; color: var(--datis-dashboard-ink); background: #fff; font-size: 13px;}.datis-invite-form .btn{justify-self: start;}.datis-organization-main > .datis-dashboard-actions{margin-top: 0;}.datis-organization-main .datis-addresses-card{width: 100%; max-width: none; padding: 18px 20px;}.datis-addresses-card .o_address_card{border: 1px solid #e5e2e9; border-radius: 8px; color: var(--datis-dashboard-ink); background: #fff;}.datis-addresses-card .o_address_card .card-body{display: grid !important; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 16px !important; min-height: 92px; padding: 12px 14px; font-size: 12px;}.datis-addresses-card .o_address_card .card-body::before{content: "\f041"; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 8px; color: var(--datis-dashboard-blue); background: #eaf7fc; font-family: FontAwesome; font-size: 22px;}.datis-addresses-card .o_address_card [itemprop="name"]{color: var(--datis-dashboard-ink); font-size: 14px; font-weight: 700;}.datis-addresses-card .o_address_card [itemprop="address"]{color: var(--datis-dashboard-muted);}.datis-addresses-card .badge{border-radius: 5px; color: #248949 !important; background: #e4f8eb !important; font-size: 10px;}.datis-addresses-card .o_address_card_add_new, .datis-addresses-card .js_edit_address{display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 8px 14px !important; border: 1px solid #9fdcf3; border-radius: 6px; color: var(--datis-dashboard-blue) !important; background: #fff; font-size: 11px; font-weight: 700; text-decoration: none;}.datis-addresses-card .o_address_card_add_new:hover, .datis-addresses-card .js_edit_address:hover{background: #eaf7fc;}.datis-addresses-card .form-switch{color: var(--datis-dashboard-muted); font-size: 13px;}@media (max-width: 1199px){.datis-organization-header{padding: 32px;}.datis-organization-header-tools{flex-basis: 240px;}.datis-company-details > div{grid-template-columns: minmax(160px, 230px) minmax(0, 1fr);}}@media (max-width: 767px){.datis-organization-header{flex-direction: column; align-items: stretch; gap: 20px; padding: 28px 24px;}.datis-organization-header h1{font-size: 30px;}.datis-organization-header-tools{flex-basis: auto; width: 100%;}.datis-organization-switcher{min-width: 0;}.datis-organization-card > header{padding: 16px;}.datis-card-body, .datis-company-details, .datis-addresses-card{padding: 12px;}.datis-company-details > div{grid-template-columns: minmax(0, 1fr); gap: 0;}.datis-company-details dd{padding: 0 8px 8px 58px;}.datis-details-grid > div, .datis-invite-form{grid-template-columns: minmax(0, 1fr); gap: 6px;}.datis-invite-form{gap: 14px;}.datis-addresses-card .o_address_card .card-body{grid-template-columns: 40px minmax(0, 1fr); gap: 12px !important;}.datis-addresses-card .o_address_card .card-body::before{width: 40px; height: 40px;}.datis-addresses-card .o_address_card .card-body > div:last-child{grid-column: 2; align-items: start !important; flex-wrap: wrap; gap: 10px;}}

/* /datis_bm_customer_portal/static/src/css/favourites.css */
.datis-favourites-page .datis-favorites-hero{display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 180px; margin-bottom: 18px; padding: 32px 40px; border-radius: 10px; background: linear-gradient(110deg, #26002d, #55285f 52%, #4b5684); color: #fff;}.datis-favourites-page .datis-favorites-eyebrow{display: block; margin-bottom: 10px; color: #00a6e4; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}.datis-favourites-page .datis-favorites-hero h1{margin: 0 0 8px; color: #fff; font-size: clamp(30px, 3.3vw, 44px); line-height: 1.1;}.datis-favourites-page .datis-favorites-hero p{margin: 0; color: #fff; font-size: 14px;}.datis-favourites-page .datis-favorites-btn, .datis-favourites-page .datis-favorites-search-button{display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 6px; background: linear-gradient(135deg, #0095ce, #19a6d3 48%, #90cadf); color: #fff; font-size: 12px; font-weight: 700; text-decoration: none;}.datis-favourites-page .datis-favorites-btn{white-space: nowrap;}.datis-favourites-page .datis-favorites-btn:hover, .datis-favourites-page .datis-favorites-search-button:hover{filter: brightness(1.05); color: #fff;}.datis-favourites-page a:focus-visible, .datis-favourites-page button:focus-visible{outline: 2px solid #009fe3; outline-offset: 3px;}.datis-favourites-page .datis-favorites-tabs{display: flex; overflow-x: auto; margin: 0 0 8px 10px;}.datis-favourites-page .datis-favorites-tab{display: inline-flex; align-items: center; min-height: 44px; padding: 10px 22px; background: #f1f2f6; color: #2c0b3e; font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent;}.datis-favourites-page .datis-favorites-tab:first-child{border-top-left-radius: 7px;}.datis-favourites-page .datis-favorites-tab:last-child{border-top-right-radius: 7px;}.datis-favourites-page .datis-favorites-tab.is-active{background: #fff; color: #009fe3; border-bottom-color: #009fe3;}.datis-favourites-page .datis-favorites-explanation{margin: 12px 0; color: #6b6177; font-size: 13px;}.datis-favourites-page .datis-favorites-filters{display: grid; grid-template-columns: minmax(200px, 1.8fr) minmax(130px, 1fr) minmax(130px, 1fr) auto auto; gap: 10px; align-items: center; padding: 14px; margin-bottom: 12px; background: #fff; border: 1px solid #dedbe5; border-radius: 9px;}.datis-favourites-page .datis-favorites-search{position: relative; min-width: 0;}.datis-favourites-page .datis-favorites-search > i{position: absolute; top: 50%; left: 14px; transform: translateY(-50%); pointer-events: none;}.datis-favourites-page .datis-favorites-search input, .datis-favourites-page .datis-favorites-filter{width: 100%; min-width: 0; height: 44px; border: 1px solid #dcd8e7; border-radius: 6px; background: #fff; color: #2c0b3e; font-size: 12px;}.datis-favourites-page .datis-favorites-search input{padding: 0 12px 0 38px;}.datis-favourites-page .datis-favorites-filter{padding: 0 10px;}.datis-favourites-page .datis-favorites-clear{font-size: 12px; font-weight: 700; color: #009fe3; white-space: nowrap;}.datis-favourites-page .datis-favorites-panel{padding: 14px 16px; background: #fff; border: 1px solid #dedbe5; border-radius: 9px;}.datis-favourites-page .datis-favorites-results{padding-bottom: 10px; color: #6b6177; font-size: 12px;}.datis-favourites-page #o_comparelist_table.datis-wishlist-table{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px; margin: 0;}.datis-favourites-page .datis-favourite-item{position: relative; min-width: 0; border: 1px solid #e4e1e9; border-radius: 8px; overflow: hidden;}.datis-favourites-page .datis-favourite-item .oe_product_cart{border: 0; box-shadow: none; background: #fff;}.datis-favourites-page .datis-favourite-item img{max-height: 180px; object-fit: contain;}.datis-favourites-page .datis-favourite-item .o_wsale_products_item_title{font-size: 13px; line-height: 1.4;}.datis-favourites-page .datis-favourite-item .o_wish_price{margin: 8px 0; color: #2c0b3e; font-size: 14px; font-weight: 700;}.datis-favourites-page .datis-favourite-item .o_wish_price del{margin-left: 8px; font-size: 12px; font-weight: 400;}.datis-favourites-page .datis-favourite-product-code, .datis-favourites-page .datis-favourite-order-quantity{margin: 5px 0; color: #6b6177; font-size: 12px;}.datis-favourites-page .datis-favourite-cart{width: 100%; min-height: 40px; font-size: 11px;}.datis-favourites-page .datis-favourite-remove, .datis-favourites-page .datis-favourite-save{position: absolute; top: 9px; right: 9px; width: 34px; height: 34px; padding: 0; border: 1px solid #dedbe5; background: #fff; color: #2c0b3e; box-shadow: 0 2px 8px #2c0b3e14;}.datis-favourites-page .datis-favorites-empty{padding: 40px 20px; text-align: center;}.datis-favourites-page .datis-favorites-empty h2{font-size: 19px;}.datis-favourites-page .datis-favorites-empty p{color: #6b6177; font-size: 13px;}.datis-favourites-page .datis-favorites-empty-svg{max-width: 180px; margin: 0 auto 18px;}.datis-favourites-page .datis-favourites-pagination{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-top: 20px;}.datis-favourites-page .datis-favourites-pagination a{display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 8px; border: 1px solid #dedbe5; border-radius: 5px; color: #2c0b3e; text-decoration: none;}.datis-favourites-page .datis-favourites-pagination a.is-active{border-color: #009fe3; color: #009fe3; background: #e7f6fc;}.datis-favourites-page .datis-favorites-bottom{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px;}.datis-favourites-page .datis-favorites-bottom-card{display: flex; gap: 18px; align-items: center; min-width: 0; padding: 20px; border: 1px solid #dedbe5; border-radius: 9px; background: #fff;}.datis-favourites-page .datis-favorites-bottom-icon{display: flex; align-items: center; justify-content: center; flex: 0 0 56px; height: 56px; border-radius: 8px; background: #e7f6fc; color: #009fe3; font-size: 22px;}.datis-favourites-page .datis-favorites-bottom h2{font-size: 16px; margin-bottom: 5px;}.datis-favourites-page .datis-favorites-bottom p{color: #6b6177; font-size: 12px;}@media (max-width: 1200px){.datis-favourites-page #o_comparelist_table.datis-wishlist-table{grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}.datis-favourites-page .datis-favorites-filters{grid-template-columns: 1fr 1fr auto;}.datis-favourites-page .datis-favorites-search{grid-column: 1 / -1;}.datis-favourites-page .datis-favorites-clear{grid-column: 1 / -1;}}@media (max-width: 900px){.datis-favourites-page #o_comparelist_table.datis-wishlist-table{grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}.datis-favourites-page .datis-favorites-bottom{grid-template-columns: 1fr;}.datis-favourites-page .datis-favorites-hero{padding: 28px 24px;}}@media (max-width: 600px){.datis-favourites-page .datis-favorites-hero{flex-direction: column; align-items: stretch;}.datis-favourites-page .datis-favorites-filters{grid-template-columns: 1fr;}.datis-favourites-page .datis-favorites-tabs{margin-left: 0;}.datis-favourites-page .datis-favorites-tab{padding: 10px 14px; white-space: normal; text-align: center;}.datis-favourites-page .datis-favorites-bottom-card{flex-direction: column; align-items: flex-start;}}@media (max-width: 440px){.datis-favourites-page #o_comparelist_table.datis-wishlist-table{grid-template-columns: 1fr !important;}}.datis-favourites-page #o_comparelist_table.datis-wishlist-table > .datis-favourite-item{grid-column: auto !important;}.datis-favourites-page .datis-favourite-item .o_wsale_product_action_row{display: flex; align-items: center; width: 100%; gap: 8px;}.datis-favourites-page .datis-favourite-item .o_wsale_product_action_row .datis-favourite-cart{--o-wsale-card-btn-submit-label-display: inline; --o-wsale-card-btn-submit-label-font-size: 11px; --o-wsale-card-btn-submit-aspect-ratio: auto; --o-wsale-card-btn-submit-flex-grow: 1; --o-wsale-card-btn-submit-margin: 0; --o-wsale-card-btn-submit-padding-x: 4px; --o-wsale-card-btns-btn-font-size: 11px; --o-wsale-card-btns-btn-min-height: 40px; --btn-border-radius: 6px; flex: 1 1 auto; min-width: 0; width: auto; height: 40px; border-radius: 6px !important;}.datis-favourites-page .datis-favourite-item .o_wsale_product_action_row .datis-favourite-cart .o_label{min-width: 0; white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.4;}.datis-favourites-page .datis-favourite-compare{display: inline-flex; flex: 0 0 40px; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #dedbe5; border-radius: 6px; background: #fff; color: #2c0b3e;}

/* /datis_bm_customer_portal/static/src/css/documents.css */
.datis-documents-page .datis-dashboard-nav-link.is-active{background: #e7f6fc; color: #009fe3;}.datis-documents-hero{display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 180px; margin-bottom: 18px; padding: 32px 48px; border-radius: 10px; background: linear-gradient(110deg, #26002d 0%, #310039 22%, #55285f 52%, #4b5684 100%); color: #fff;}.datis-documents-eyebrow{display: block; margin-bottom: 14px; color: #00a6e4; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}.datis-documents-hero h1{margin: 0 0 8px; color: #fff; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.1;}.datis-documents-hero p{margin: 0; color: #fff; font-size: 14px; line-height: 1.5;}.datis-documents-page .datis-documents-button, .datis-documents-page .datis-documents-submit{display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 43px; padding: 10px 20px; border: 0; border-radius: 6px; background: linear-gradient(135deg, #0095ce, #19a6d3 48%, #90cadf); color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap;}.datis-documents-page .datis-documents-button{min-width: 185px;}.datis-documents-filters{display: grid; grid-template-columns: minmax(210px, 1.7fr) minmax(145px, .8fr) minmax(155px, .8fr) auto auto; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid #dedbe5; border-radius: 9px; background: #fff;}.datis-documents-search{position: relative; min-width: 0;}.datis-documents-search > i{position: absolute; top: 50%; left: 16px; transform: translateY(-50%); color: #2c0b3e; pointer-events: none;}.datis-documents-search input, .datis-documents-filters select{width: 100%; min-width: 0; height: 43px; border: 1px solid #dcd8e7; border-radius: 6px; background: #fff; color: #2c0b3e; font: inherit; font-size: 12px;}.datis-documents-search input{padding: 0 14px 0 44px;}.datis-documents-search input::placeholder{color: #857b9d;}.datis-documents-filters select{padding: 0 12px; font-weight: 600;}.datis-documents-page :is(input, select, button, a):focus-visible{outline: 2px solid #009fe3; outline-offset: 3px;}.datis-documents-page .datis-documents-clear, .datis-documents-page .datis-document-view{color: #008ec9; font-size: 12px; font-weight: 700; text-decoration: none;}.datis-documents-results{margin: 14px 2px; color: #756b84; font-size: 13px;}.datis-documents-panel, .datis-documents-empty{border: 1px solid #dedbe5; border-radius: 10px; background: #fff;}.datis-documents-table-wrap{width: 100%; overflow-x: auto;}.datis-documents-table{width: 100%; border-collapse: collapse; white-space: nowrap;}.datis-documents-table th{padding: 16px; background: #f5f4f8; color: #61596d; font-size: 12px; font-weight: 600;}.datis-documents-table td{padding: 20px 16px; border-top: 1px solid #eeeaf2; color: #2c0b3e; font-size: 13px;}.datis-documents-table td > a{color: #2c0b3e; font-weight: 700; text-decoration: none;}.datis-documents-table small{display: block; margin-top: 4px; color: #756b84; font-weight: 400;}.datis-document-money{font-weight: 700;}.datis-document-status{display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 20px; background: #eef5ff; color: #3772b0; font-size: 11px; font-weight: 600;}.datis-document-status::before{width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: "";}.datis-document-status--success{background: #e7f6ed; color: #297f55;}.datis-document-status--warning{background: #fff4df; color: #946014;}.datis-document-status--neutral{background: #f0ebf5; color: #745c83;}.datis-documents-empty{padding: 50px 20px; text-align: center;}.datis-documents-empty > i{margin-bottom: 18px; color: #8d739f; font-size: 36px;}.datis-documents-empty h2{color: #2c0b3e; font-size: 22px;}.datis-documents-empty p{color: #756b84; font-size: 14px;}.datis-documents-pager{padding: 20px; border-top: 1px solid #eeeaf2;}.datis-documents-pager .pagination{margin: 0; justify-content: center; flex-wrap: wrap;}.datis-documents-bottom{display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 20px;}.datis-documents-bottom article{display: flex; align-items: flex-start; gap: 18px; padding: 25px; border: 1px solid #dedbe5; border-radius: 10px; background: #fff;}.datis-documents-bottom article > i{color: #8d739f; font-size: 26px;}.datis-documents-bottom h2{color: #2c0b3e; font-size: 17px;}.datis-documents-bottom p{color: #756b84; font-size: 13px;}@media (max-width: 1199px){.datis-documents-hero{padding: 28px;}.datis-documents-filters{grid-template-columns: 1fr 1fr auto auto;}.datis-documents-search{grid-column: 1 / -1;}}@media (max-width: 575px){.datis-documents-hero{flex-direction: column; align-items: stretch; gap: 20px; padding: 24px 20px;}.datis-documents-filters{grid-template-columns: 1fr 1fr;}.datis-documents-clear{text-align: center;}.datis-documents-bottom{grid-template-columns: 1fr;}}