/* Task hierarchy: primary shopping actions, secondary account tools, separate admin workspace. */
.bobo-refresh .app-layout{max-width:1320px}
.bobo-refresh .nav-item{font-size:13px;min-height:42px;padding:10px 12px}
.desktop-more{position:relative;align-self:center}.desktop-more>summary{cursor:pointer;list-style:none;font-weight:600;padding:10px 12px;font-size:13px;min-height:42px}.desktop-more>summary::-webkit-details-marker{display:none}
.desktop-more-menu{position:absolute;top:100%;right:0;z-index:70;min-width:200px;padding:8px;background:white;border:1px solid #dce9f7;border-radius:14px;box-shadow:0 10px 30px #173b5820}.desktop-more-menu .nav-item{display:flex}
.bobo-refresh .admin-customer-navigation{display:none}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;color:#4d647e;font-size:13px}
.admin-navigation{padding:8px;background:#eaf3fd;border-radius:16px;gap:6px}.admin-navigation a{border:0;font-size:13px;background:transparent;flex-grow:1;text-align:center}.admin-navigation a[aria-current=page]{background:#1764ed;box-shadow:0 3px 8px #1764ed22}
.journey-actions,.admin-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.journey-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #d9e9fb;border-radius:15px;background:white;color:#173457;transition:background .15s,border-color .15s}.journey-card:hover{border-color:#69a9ef;background:#f6fbff}.journey-card>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;color:#0877e3;background:#eaf5ff;font-weight:750}.journey-card strong{display:block;font-size:14px}.journey-card small{display:block;color:#617791;font-size:12px;line-height:1.55;margin-top:3px}.journey-card>b{margin-left:auto;color:#0877e3}.journey-card>div{min-width:0}
.bobo-refresh .converter-page{max-width:1050px;margin:auto}.bobo-refresh .converter-page .conversion-form{margin:0 0 22px;padding:24px}.converter-page .conversion-hero{padding:6px 16px 20px;min-height:155px}.converter-page .conversion-hero .hero-mascot{width:130px;height:140px}.converter-page .convert-label{margin-top:0}.converter-page .conversion-result{border-color:#93c9fb;box-shadow:0 4px 20px #1685ef0f}.converter-page .product-metrics{font-size:13px}.order-explainer{margin:0 0 20px;line-height:1.8}
.wallet-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:22px;align-items:start;margin:20px 0}.bobo-refresh .wallet-workspace .wallet-request{margin:0}.wallet-guide{margin:0}.wallet-request .notice p{margin-bottom:8px}.wallet-request .notice .button{margin-top:8px}.wallet-request>h2{margin-bottom:12px}.wallet-request .check-row input{flex:none}.wallet-guide a{font-size:13px}
.bobo-refresh .panel input:not([type=checkbox]):not([type=hidden]),.bobo-refresh .panel select{max-width:100%}.bobo-refresh .report-table th,.bobo-refresh .report-table td{vertical-align:top}.profile-menu a{min-height:44px}.site-footer{flex-wrap:wrap}.order-status-pair{min-width:155px}
@media(min-width:1001px){.bobo-refresh .header-inner{max-width:1480px}.bobo-refresh .account-name{max-width:90px}.bobo-refresh .nav-list{gap:0}.bobo-refresh .header-actions .button{min-height:40px}}
@media(min-width:601px) and (max-width:1150px){.bobo-refresh .header-inner{flex-wrap:wrap}.bobo-refresh .sidebar{order:3;flex-basis:100%}.bobo-refresh .header-actions{margin-left:auto}.bobo-refresh .nav-list{justify-content:flex-start}.bobo-refresh .account-name{max-width:140px}}
@media(max-width:1000px){.desktop-more{align-self:stretch}.desktop-more-menu{position:static;box-shadow:none;margin-top:4px}.journey-actions,.admin-workflow{grid-template-columns:1fr}.journey-card{padding:14px 18px}.wallet-workspace{grid-template-columns:1fr}.wallet-guide{background:#f2f8ff!important}.workspace-heading{align-items:flex-start}}
@media(max-width:600px){.bobo-refresh.member-layout .app-layout{padding:20px 14px 110px}.journey-actions{gap:8px;margin-bottom:20px}.journey-card strong{font-size:14px}.journey-card small{font-size:12px}.bobo-refresh .converter-page .conversion-hero{padding:0;margin-bottom:16px}.bobo-refresh .converter-page .conversion-form{padding:18px}.converter-page .mobile-conversion-banner{padding:14px 16px;margin-bottom:18px;font-size:13px}.mobile-platform-grid{margin-bottom:18px}.admin-navigation{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:8px;margin-bottom:20px}.admin-navigation a{flex:none;white-space:nowrap;min-height:44px;display:flex;align-items:center}.workspace-heading{font-size:12px}.workspace-heading a{text-align:right}.bobo-refresh .panel{border-radius:16px}.bobo-refresh .dashboard-welcome h1{overflow-wrap:anywhere}.bobo-refresh .dashboard-wallet{min-height:90px}.wallet-workspace{gap:16px}.order-explainer{font-size:12px}.bobo-refresh .report-stats h2{font-size:12px}.bobo-refresh .report-stats strong{font-size:22px}.header-notifications>summary{width:40px;height:40px}.mobile-more-menu{max-height:65vh;overflow-y:auto}.mobile-bottom-nav>a,.mobile-more>summary{min-height:48px}}
.bobo-refresh .navigation .desktop-more>summary{display:flex;align-items:center;gap:6px}

#bank-details,#profile-summary{scroll-margin-top:90px}.admin-layout .mobile-bottom-nav{display:none}@media(max-width:600px){.bobo-refresh.member-layout.admin-layout .app-layout{padding-bottom:24px}}
@media(max-width:600px){.bobo-refresh .converter-page .conversion-hero{min-height:0}}

.cashback-breakdown{margin:12px 0 18px}.cashback-breakdown>summary{cursor:pointer;color:#486787;font-size:13px;padding:10px 0}.cashback-breakdown[open]>summary{margin-bottom:10px}

.mobile-more-menu .mobile-logout{border-top:1px solid #e3ecf6;border-radius:0;margin-top:6px;color:#b93838;font-weight:600}@media(max-width:600px){.member-layout:not(.admin-layout) #logout-trigger{display:none}}

.bobo-refresh .orders-list-panel{padding:0;overflow:hidden}.orders-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 20px;border-bottom:1px solid #e4e9f2}.orders-toolbar h2{margin:0!important;font-size:20px}.orders-toolbar .result-actions{margin:0}.orders-count{font-size:12px;background:#edf2fa;padding:4px 9px;border-radius:10px;color:#687e99}.orders-reference{min-width:980px;width:100%}.orders-reference caption{padding:10px 20px;text-align:left;font-size:12px;color:#73849b}.bobo-refresh .orders-reference thead th{background:#f4f5fb;color:#7287a1;font-size:12px;text-transform:uppercase;letter-spacing:.3px;padding:20px 16px}.bobo-refresh .orders-reference tbody td,.bobo-refresh .orders-reference tbody th{padding:22px 16px;background:white;border-bottom:1px solid #e5eaf4;vertical-align:middle}.orders-reference tbody tr:hover td,.orders-reference tbody tr:hover th{background:#f9fbff}.order-code-cell{display:flex;align-items:center;gap:10px;max-width:260px}.order-code-cell strong{overflow-wrap:anywhere;color:#132b49;font-size:14px}.order-copy{flex:none;border:0;border-radius:9px;background:#e9edf5;color:#506981;width:36px;height:36px;cursor:pointer;font-size:21px}.order-owner{min-width:150px}.order-owner strong,.orders-reference small{display:block}.order-owner small{font-size:11px;color:#7e8fa7;margin-top:7px}.money-column{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.orders-reference .cashback-money{color:#00a576;font-size:16px}.orders-reference .money-column small{font-size:10px;color:#718499}.order-date{white-space:nowrap;font-variant-numeric:tabular-nums}.orders-reference .order-status-pair{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.orders-reference .badge{margin:0;padding:3px 9px;border-radius:8px;font-size:12px;line-height:1.5}.orders-reference .badge small{display:inline;font-size:10px}.orders-reference .status-pending{background:#fff9eb;color:#b66a00;border:1px solid #ffe2a3}.orders-reference .status-completed{background:#eafff7;color:#00876a;border:1px solid #a8e9d7}.orders-reference .status-cancelled{background:#fff0f0;color:#b54141;border:1px solid #f4c5c5}.order-details summary{cursor:pointer;background:#e9edf5;padding:8px 12px;border-radius:9px;color:#526981;white-space:nowrap}.order-details[open]{min-width:200px}.order-details dl{font-size:12px;line-height:1.7}.order-details dt{color:#718399}.order-details dd{margin:0 0 8px}.orders-list-panel>.help-text,.orders-list-panel>.notice,.orders-list-panel>.report-pagination{margin:14px 20px}.orders-list-panel [data-copy-status]:empty{display:none}@media(max-width:600px){.orders-toolbar{padding:16px}.orders-toolbar h2{font-size:18px}.orders-toolbar .button{font-size:12px;min-height:40px;padding:8px 12px}}

/* All order fields are visible as columns inside a horizontally scrollable table. */
.orders-horizontal-scroll{overflow-x:scroll!important;max-width:100%;scrollbar-width:auto;scrollbar-color:#879bb5 #edf2f8;padding-bottom:4px;-webkit-overflow-scrolling:touch}.orders-horizontal-scroll::-webkit-scrollbar{height:14px}.orders-horizontal-scroll::-webkit-scrollbar-track{background:#edf2f8;border-radius:8px}.orders-horizontal-scroll::-webkit-scrollbar-thumb{background:#879bb5;border:3px solid #edf2f8;border-radius:8px}.orders-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#506b8c}.orders-horizontal-scroll .orders-reference{min-width:1550px}.orders-list-panel .orders-scroll-hint{margin:12px 20px;color:#526b89}.orders-horizontal-scroll:focus-visible{outline:2px solid #1685f8;outline-offset:-2px}

/* Compact management columns match the order list reference. */
.admin-layout .orders-horizontal-scroll .orders-reference{min-width:1250px}.admin-layout .orders-reference .order-code-cell{min-width:180px}.admin-layout .orders-reference .money-column small{max-width:130px;white-space:normal}.admin-layout .orders-reference .order-details[open]{min-width:220px}

/* Customer order rows: product first, cashback and payment clearly separated. */
.orders-horizontal-scroll .customer-orders{min-width:1180px}.customer-orders .order-code-cell{min-width:180px;max-width:240px}.customer-orders .customer-product{min-width:290px;max-width:340px}.customer-product-name{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#132b49;font-size:14px}.customer-product-meta{display:flex;align-items:flex-start;gap:12px;margin-top:8px}.customer-product-meta .help-text{font-size:12px;margin:0}.customer-products summary{cursor:pointer;color:#486787;font-size:12px;white-space:nowrap;list-style:none}.customer-products ul{padding-left:16px;max-width:300px;font-size:12px;line-height:1.65;white-space:normal}.order-market{display:inline-grid;place-items:center;background:#ee4d2d;color:#fff;font-size:15px;width:20px;height:22px;border-radius:3px}.customer-orders .customer-payment{display:inline-block;min-width:155px;white-space:normal;font-weight:600}.cashback-info{color:#7189a4;cursor:help;font-size:14px}.customer-orders .customer-product-meta .badge{white-space:nowrap}.customer-orders .money-column{font-size:15px}

/* Fit customer rows to the available space; scroll only when needed. */
.customer-orders-scroll{overflow-x:auto!important;padding-bottom:0;scrollbar-width:thin}
.customer-orders-scroll::-webkit-scrollbar{height:8px}
.customer-orders-scroll .customer-orders{width:100%;min-width:1020px;table-layout:fixed}
.bobo-refresh .customer-orders thead th{padding:14px 10px;font-size:11px;white-space:normal;letter-spacing:.15px}
.bobo-refresh .customer-orders tbody td,.bobo-refresh .customer-orders tbody th{padding:18px 10px;font-size:13px;font-weight:400}
.customer-orders .order-code-cell{min-width:0;max-width:none;gap:6px}
.customer-orders .order-code-cell strong{min-width:0;font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.customer-orders .order-copy{width:30px;height:30px;font-size:17px;border-radius:8px}
.customer-orders .customer-product{min-width:0;max-width:none;white-space:normal}
.customer-orders .customer-product-name{max-width:100%;font-size:13px;font-weight:600}
.customer-orders .customer-product-meta{gap:6px 10px;flex-wrap:wrap;align-items:center}
.customer-orders .customer-products{max-width:100%;min-width:0}
.customer-orders .customer-products ul{max-width:100%;overflow-wrap:anywhere}
.customer-orders .customer-payment{min-width:0;max-width:100%;font-size:11px;font-weight:500;line-height:1.6}
.bobo-refresh .customer-orders .money-column{text-align:right;font-size:13px}
.customer-orders .cashback-money{font-size:14px;font-weight:600}
.customer-orders .order-market{width:18px;height:20px;font-size:13px}
@media(max-width:600px){.customer-orders-scroll .customer-orders{min-width:1020px}.bobo-refresh .customer-orders tbody td,.bobo-refresh .customer-orders tbody th{padding-top:15px;padding-bottom:15px}}

.customer-orders .customer-order-status{white-space:normal}.customer-orders .customer-order-status .badge{display:inline-block;white-space:normal;font-size:11px;padding:3px 7px}

/* Admin order details remain visible in dedicated columns. */
.admin-orders-scroll{overflow-x:auto!important;padding-bottom:0;scrollbar-width:thin}
.admin-layout .admin-orders-scroll .orders-reference{min-width:1880px}
.bobo-refresh .admin-orders-scroll .orders-reference thead th{white-space:normal;padding:14px 12px}
.bobo-refresh .admin-orders-scroll .orders-reference tbody td,.bobo-refresh .admin-orders-scroll .orders-reference tbody th{padding:18px 12px}
.admin-orders-scroll .order-code-cell strong{font-weight:500;font-size:13px}
.admin-orders-scroll .order-copy{width:30px;height:30px;font-size:17px}

/* Compact admin list: only the reference's primary order columns. */
.admin-layout .admin-orders-scroll .admin-orders-compact{min-width:1000px;width:100%}
.bobo-refresh .admin-orders-compact tbody th,.bobo-refresh .admin-orders-compact tbody td{padding:16px 12px;font-size:14px;vertical-align:middle}
.admin-orders-compact .order-code-cell{min-width:160px;max-width:220px}
.admin-orders-compact .order-code-cell strong{font-size:14px;font-weight:500}
.admin-orders-compact .order-owner{min-width:155px}.admin-orders-compact .order-owner strong{font-weight:500}
.admin-owner-id{display:flex;align-items:center;gap:8px;margin-top:8px;color:#7e8fa7;font-size:12px;font-family:monospace}
.admin-orders-compact .order-status-pair{min-width:110px;gap:6px}.admin-orders-compact .badge{white-space:nowrap;font-weight:500}
.bobo-refresh .admin-orders-compact .money-column{text-align:right}
.admin-orders-compact .cashback-money{font-size:15px;font-weight:600}

.admin-order-actions{display:flex;gap:6px}.admin-order-actions button,.order-modal-heading button{border:0;border-radius:9px;width:34px;height:34px;background:#e9edf5;color:#506981;cursor:pointer}.admin-order-actions .order-delete{background:#f13c69;color:white;font-size:23px}.admin-order-dialog{width:min(540px,calc(100vw - 32px));border:1px solid #dde5ef;border-radius:18px;padding:24px;color:#24364b;max-height:85vh;overflow:auto;box-sizing:border-box}.admin-order-dialog::backdrop{background:#14203380}.order-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-modal-heading h2{font-size:20px;margin:0}.admin-order-dialog label{display:block;margin:18px 0 8px}.admin-order-dialog select,.admin-order-dialog input:not([type=hidden]){width:100%;box-sizing:border-box;padding:12px;border:1px solid #dce5ef;border-radius:8px}.admin-order-dialog .result-actions{justify-content:flex-end}.admin-order-dialog [hidden]{display:none!important}.admin-order-dialog button:disabled{opacity:.5;cursor:not-allowed}

.admin-order-actions button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;padding:0;line-height:1;box-sizing:border-box}.admin-order-actions button svg{display:block;flex:none;pointer-events:none}

.bobo-refresh .report-stats.wallet-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.bobo-refresh .wallet-stats .panel{border:0;border-radius:18px;background:#fff;padding:18px 20px;box-shadow:0 5px 18px #203b6310}.bobo-refresh .wallet-stats h2{font-size:14px;font-weight:600;color:#768aa5;margin:0 0 8px}.bobo-refresh .wallet-stats strong{display:block;color:#10253d;font-size:24px;font-weight:600;line-height:1.3}.wallet-stats p{font-size:14px;color:#768aa5;margin:7px 0 0}@media(max-width:800px){.bobo-refresh .report-stats.wallet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bobo-refresh .wallet-stats .panel{padding:16px}.bobo-refresh .wallet-stats strong{font-size:22px}}

/* Compact administration navigation, sized to labels. */
.bobo-refresh .admin-navigation{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px;padding:6px;background:#fff;border:1px solid #e1e9f3;border-radius:13px;margin-bottom:22px;box-shadow:0 2px 8px #18365205}
.bobo-refresh .admin-navigation a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:0;border-radius:8px;background:transparent;color:#526781;font-size:13px;font-weight:500;white-space:nowrap;line-height:1.4;box-shadow:none}
.bobo-refresh .admin-navigation a:hover{background:#f0f5fc;color:#1764ed}
.bobo-refresh .admin-navigation a[aria-current=page]{background:#eaf2ff;color:#145cce;font-weight:600;box-shadow:inset 0 0 0 1px #d6e6ff}
.admin-menu>summary{background:#eaf2ff;color:#145cce;border-radius:12px}.admin-menu[open]>summary{background:#dceaff}.admin-menu-panel{min-width:215px;padding:7px;z-index:100}.admin-menu-panel .nav-item{border-radius:8px;white-space:nowrap}.admin-menu-panel .nav-item:hover{background:#edf4ff}
.bobo-refresh .admin-navigation a:focus-visible,.admin-menu>summary:focus-visible{outline:2px solid #1764ed;outline-offset:2px}
@media(max-width:600px){.bobo-refresh .admin-navigation{flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:5px;scrollbar-width:thin}.bobo-refresh .admin-navigation a{padding:8px 12px;min-height:40px;font-size:12px}}

.bobo-refresh .nav-item.admin-entry{background:transparent;color:inherit;border-radius:12px}.bobo-refresh .nav-item.admin-entry:not(.is-active):hover{background:#f0f5fc;color:#145cce}

/* Admin content shares the customer navigation shell. */
.bobo-refresh .nav-item.admin-entry.is-active{background:#1764ed;color:white}
@media(max-width:600px){.admin-layout .mobile-bottom-nav{display:grid}.bobo-refresh.member-layout.admin-layout .app-layout{padding-bottom:110px}.admin-layout #logout-trigger{display:none}}

.desktop-more>summary .menu-chevron{display:block;flex:none;transition:transform .16s ease;color:#64748b}.desktop-more[open]>summary .menu-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.desktop-more>summary .menu-chevron{transition:none}}

/* Shared sizing for account and administration pages. */
.bobo-refresh.member-layout .page-heading{margin:4px 0 20px}
.bobo-refresh.member-layout .page-heading h1{font-size:28px;line-height:1.3;letter-spacing:-.5px;margin-bottom:8px}
.bobo-refresh.member-layout .page-heading p{font-size:14px;line-height:1.65;max-width:820px}
.bobo-refresh.member-layout .panel{border-radius:16px;margin-bottom:20px}
.bobo-refresh.member-layout .panel h2{font-size:19px;line-height:1.4;letter-spacing:-.2px}
.bobo-refresh.member-layout .report-stats .panel h2{font-size:13px;letter-spacing:0}
.bobo-refresh.member-layout .report-stats{gap:16px;align-items:stretch}
.bobo-refresh.member-layout .report-stats .panel{padding:18px 20px;margin-bottom:0}
.bobo-refresh.member-layout .report-stats strong{font-size:25px;line-height:1.35}
.bobo-refresh.member-layout .button{min-height:42px;padding:10px 16px;font-size:14px;border-radius:10px;line-height:1.4}
.bobo-refresh.member-layout .help-text{font-size:12px;line-height:1.65}
.bobo-refresh.member-layout .order-filters{align-items:end;gap:14px}
.bobo-refresh.member-layout .order-filters label{display:block;min-height:22px;margin-bottom:6px;font-size:13px;font-weight:500}
.bobo-refresh.member-layout .order-filters input,.bobo-refresh.member-layout .order-filters select{height:42px;padding:9px 11px;border-radius:9px}
.bobo-refresh.member-layout .result-actions{gap:8px;align-items:center}
.bobo-refresh.member-layout .panel>p:last-child{margin-bottom:0}
.bobo-refresh.member-layout .report-table thead th{font-size:12px;font-weight:600;line-height:1.5}
.bobo-refresh.member-layout .report-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bobo-refresh.member-layout .notice{line-height:1.65}
.bobo-refresh .desktop-more>summary{margin-bottom:0!important}
.bobo-refresh .admin-order-dialog button:focus-visible{outline:2px solid #1764ed;outline-offset:3px}
@media(max-width:600px){
.bobo-refresh.member-layout .page-heading h1{font-size:24px}
.bobo-refresh.member-layout .panel{padding:18px 16px}
.bobo-refresh.member-layout .orders-list-panel{padding:0}
.bobo-refresh.member-layout .report-stats{gap:10px}
.bobo-refresh.member-layout .report-stats .panel{padding:15px 13px}
.bobo-refresh.member-layout .report-stats strong{font-size:22px}
.bobo-refresh.member-layout .panel h2{font-size:18px}
.bobo-refresh.member-layout .order-filters input,.bobo-refresh.member-layout .order-filters select,.bobo-refresh.member-layout .auth-panel input:not([type=checkbox]),.bobo-refresh.member-layout .auth-panel select{font-size:16px}
.bobo-refresh.member-layout .button{min-height:44px}
.bobo-refresh .site-footer{gap:8px;font-size:12px}
.admin-order-dialog{padding:20px 16px}
}

/* Broadcast notifications and private read state. */
.header-notifications>summary{position:relative}.notification-count{position:absolute;right:-7px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:#e94365;color:white;font-size:10px;font-weight:600;line-height:1}
.header-notification-panel{width:320px;max-height:70vh;overflow-y:auto}.header-notification-panel .notification-preview{padding:10px 8px;border-bottom:1px solid #edf1f7;border-radius:6px;color:#526781;overflow-wrap:anywhere}.notification-preview small{display:block;color:#71849d;font-size:11px;margin-top:4px}.notification-preview.is-unread{background:#f2f7ff;color:#164e91;font-weight:600}
.notification-compose{max-width:820px}.notification-compose>label:not(.check-row){display:block;margin:16px 0 6px;font-weight:500;font-size:14px}.notification-compose input:not([type=checkbox]):not([type=hidden]),.notification-compose textarea{width:100%;border:1px solid #d6e0ef;padding:11px 12px;border-radius:9px;color:#17304c;background:#fff}.notification-compose textarea{resize:vertical;min-height:140px}.notification-compose .check-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:18px 0}.notification-compose .check-row input{flex:none;margin-top:5px}
.notification-item{padding:20px 0;border-bottom:1px solid #e4ebf4;scroll-margin-top:100px;overflow-wrap:anywhere}.notification-item:last-child{border-bottom:0}.notification-item h3{margin:0 0 8px}.notification-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:12px 0}.notification-item small,.notification-item time{font-size:12px;color:#71849d}.notification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notification-heading h2{margin:0!important}.notification-heading>span{font-size:12px;white-space:nowrap;color:#71849d}.notification-item.is-unread .notification-heading>span{color:#1764ed}
@media(max-width:600px){.header-notification-panel{width:auto}.notification-heading{flex-wrap:wrap;gap:5px}.notification-compose input:not([type=hidden]),.notification-compose textarea{font-size:16px}}