:root{--navy:#071a35;--navy-2:#0a2447;--blue:#1769ff;--blue-2:#0f55dc;--ink:#101828;--muted:#667085;--line:#e3e8ef;--surface:#fff;--canvas:#f6f8fb;--green:#079455;--amber:#dc6803;--violet:#7a5af8;--shadow:0 18px 50px rgba(16,24,40,.08);--radius:16px;--sidebar:246px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:16px;top:12px;z-index:9999;padding:10px 16px;border-radius:10px;background:#fff;color:#071a35;transform:translateY(-150%);transition:.2s}.skip-link:focus{transform:none}.portal-shell{min-height:100vh}.portal-sidebar{position:fixed;z-index:100;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:linear-gradient(180deg,#06172f 0%,#071d3c 55%,#06162d 100%);color:#d6e0ee;box-shadow:12px 0 40px rgba(5,18,38,.12)}.sidebar-head{height:72px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.09)}.portal-brand{display:inline-flex}.portal-brand img{display:block;width:154px;height:auto;filter:brightness(0) invert(1)}.sidebar-close{display:none;margin-left:auto;width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff}.sidebar-close svg,.sidebar-toggle svg,.side-link svg,.logout-link svg,.topbar-help svg,.icon-button svg,.chevron,.metric-icon svg,.service-icon svg,.quick-icon svg,.support-icon svg,.security-visual svg,.api-icon svg,.document-card>span svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sidebar-close svg{width:20px}.sidebar-nav{flex:1;overflow:auto;padding:20px 14px 22px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.nav-label{margin:16px 12px 8px;color:#8697ad;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-label:first-child{margin-top:2px}.side-link,.logout-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 12px;border-radius:10px;text-decoration:none;color:#cbd7e8;font-size:13px;font-weight:520;transition:.18s}.side-link svg,.logout-link svg{flex:0 0 19px;width:19px;height:19px}.side-link:hover,.side-link:focus-visible,.side-link.is-active{background:linear-gradient(90deg,rgba(28,105,255,.28),rgba(28,105,255,.12));color:#fff;outline:none}.side-link.is-active{box-shadow:inset 3px 0 #3b82f6}.nav-chip{margin-left:auto;padding:2px 7px;border-radius:999px;background:#087a53;color:#d7fff1;font-size:9px;font-weight:700}.sidebar-foot{padding:16px 14px 22px;border-top:1px solid rgba(255,255,255,.08)}.logout-link{background:rgba(255,255,255,.08)}.logout-link:hover{background:rgba(255,255,255,.13);color:#fff}.portal-workspace{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column}.portal-topbar{position:sticky;z-index:70;top:0;height:72px;display:flex;align-items:center;justify-content:flex-end;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sidebar-toggle,.mobile-brand{display:none}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-help{display:flex;align-items:center;gap:8px;text-decoration:none;color:#344054;font-size:13px;font-weight:600}.topbar-help svg{width:18px;height:18px}.topbar-help:hover{color:var(--blue)}.menu-wrap{position:relative}.icon-button{position:relative;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:#475467;cursor:pointer}.icon-button:hover,.icon-button[aria-expanded=true]{background:#f2f4f7;color:var(--blue)}.icon-button svg{width:21px;height:21px}.notification-badge{position:absolute;right:3px;top:1px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:800}.profile-button{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 4px;border:0;border-radius:13px;background:transparent;color:#344054;cursor:pointer}.profile-button:hover,.profile-button[aria-expanded=true]{background:#f2f4f7}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#76a4fa;color:#fff;font-size:12px;font-weight:800}.profile-copy{display:grid;text-align:left}.profile-copy strong{font-size:12px}.profile-copy small{color:#98a2b3;font-size:10px}.chevron{width:16px;height:16px}.top-menu{position:absolute;right:0;top:calc(100% + 10px);width:290px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 22px 55px rgba(16,24,40,.15)}.top-menu[hidden]{display:none}.top-menu a{display:flex;gap:10px;padding:11px;border-radius:10px;text-decoration:none;color:#344054}.top-menu a:hover{background:#f7f9fc}.menu-title{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px;border-bottom:1px solid var(--line)}.menu-title span{color:var(--blue);font-size:11px}.notifications-menu a span:last-child{display:grid}.notifications-menu a strong{font-size:12px}.notifications-menu a small{color:#667085;font-size:10px}.notice-dot{flex:0 0 8px;width:8px;height:8px;margin-top:6px;border-radius:50%}.notice-dot--blue{background:var(--blue)}.notice-dot--amber{background:#f79009}.notice-dot--green{background:#12b76a}.profile-menu{width:190px}.profile-menu a{font-size:12px}.portal-main{flex:1;width:100%;max-width:1580px;margin:0 auto;padding:30px 34px 36px}.portal-panel{display:none}.portal-panel.is-active{display:block;animation:panel-in .22s ease-out}@keyframes panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 25px}.page-heading h1{margin:2px 0 4px;font-size:24px;line-height:1.2;letter-spacing:-.025em}.page-heading p{margin:0;color:var(--muted)}.portal-eyebrow,.card-kicker{margin:0!important;color:var(--blue)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase}.heading-actions,.support-actions,.tenancy-actions,.form-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer;transition:.18s}.button--primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 8px 18px rgba(23,105,255,.2)}.button--primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(23,105,255,.24)}.button--ghost{border-color:#d9e0e9;background:#fff;color:#344054}.button--ghost:hover{border-color:#aeb9c8;background:#f8fafc}.integration-note{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:13px 15px;border:1px solid #d4e2ff;border-radius:12px;background:linear-gradient(90deg,#f4f8ff,#fbfdff);color:#315a9a}.integration-note svg{flex:0 0 24px;width:24px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.integration-note div{display:grid;gap:2px}.integration-note strong{color:#123c7a;font-size:12px}.integration-note span{font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.metric-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 6px 22px rgba(16,24,40,.035)}.metric-card>div{display:grid;gap:5px}.metric-card span:first-child{color:#475467;font-size:11px;font-weight:600}.metric-card strong{font-size:23px;letter-spacing:-.03em}.metric-card a{color:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.metric-card small{color:#98a2b3;font-size:10px}.metric-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px}.metric-icon svg{width:23px;height:23px}.metric-icon--blue{background:#e9f1ff;color:var(--blue)}.metric-icon--green{background:#e6f8ef;color:var(--green)}.metric-icon--amber{background:#fff1d6;color:#f79009}.metric-icon--violet{background:#eee9ff;color:var(--violet)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr);gap:20px}.portal-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.04)}.card-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line)}.card-head h2{margin:1px 0 0;font-size:14px}.card-head>a{padding:7px 11px;border:1px solid #d9e0e9;border-radius:8px;text-decoration:none;color:#475467;font-size:10px;font-weight:700}.responsive-table{width:100%;overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;white-space:nowrap}.responsive-table th{padding:11px 16px;background:#fafbfc;color:#7b8494;font-size:9px;font-weight:600;text-align:left}.responsive-table td{padding:14px 16px;border-top:1px solid #edf0f4;color:#475467;font-size:10px}.responsive-table tbody tr:hover{background:#fbfcfe}.service-name{display:flex;align-items:center;gap:11px}.service-name>span:last-child{display:grid}.service-name strong{color:#101828;font-size:11px}.service-name small{color:#98a2b3;font-size:9px}.service-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.service-icon svg{width:21px;height:21px}.service-icon--cloud{background:#edf4ff;color:var(--blue)}.service-icon--database{background:#ebf8ff;color:#1677c8}.service-icon--globe{background:#eef2ff;color:#4f46e5}.status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:4px 8px;border-radius:999px;font-style:normal;font-size:9px;font-weight:700;white-space:nowrap}.status--active{background:#e8f8ef;color:#087443}.status--open{background:#fff4dc;color:#a15c00}.status--progress{background:#e9f1ff;color:#175cd3}.row-menu,.table-action{border:0;background:transparent;color:#667085;font-size:12px;font-weight:700;cursor:pointer}.table-action{color:var(--blue);text-decoration:none}.quick-card{grid-row:span 1}.quick-list{padding:0 18px}.quick-list a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:61px;border-bottom:1px solid #edf0f4;text-decoration:none}.quick-list a:last-child{border-bottom:0}.quick-list a:hover strong{color:var(--blue)}.quick-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eef4ff;color:var(--blue)}.quick-icon svg{width:16px;height:16px}.quick-list span:nth-child(2){display:grid}.quick-list strong{font-size:10px}.quick-list small{color:#8a94a6;font-size:9px}.quick-list b{color:var(--blue);font-size:13px}.invoices-card,.tickets-card{margin-top:0}.list-table{padding:0 18px}.list-row{display:grid;grid-template-columns:110px 1fr 90px 70px 54px;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #edf0f4;font-size:9px}.list-row:last-child{border-bottom:0}.list-row a{color:var(--blue);font-weight:700;text-decoration:none}.list-row span,.list-row time{color:#667085}.list-row strong{text-align:right}.ticket-list{padding:0 18px}.ticket-list a{display:grid;grid-template-columns:1fr auto 84px;align-items:center;gap:12px;min-height:68px;border-bottom:1px solid #edf0f4;text-decoration:none}.ticket-list a:last-child{border-bottom:0}.ticket-list span{display:grid}.ticket-list small{color:#8b95a5;font-size:9px}.ticket-list strong{font-size:10px}.ticket-list time{color:#667085;font-size:9px;text-align:right}.support-strip{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;border:1px solid #dfe6f0;border-radius:14px;background:linear-gradient(90deg,#f5f8ff,#fff)}.support-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9f1ff;color:var(--blue)}.support-icon svg{width:22px;height:22px}.support-strip>div:nth-child(2){display:grid}.support-strip>div:nth-child(2) strong{font-size:12px}.support-strip>div:nth-child(2) span{color:#667085;font-size:10px}.support-actions{margin-left:auto}.settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px}.portal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px}.portal-form label{display:grid;gap:7px;color:#344054;font-size:11px;font-weight:700}.portal-form input,.portal-form textarea{width:100%;padding:11px 12px;border:1px solid #d8dee8;border-radius:10px;background:#fff;color:#101828;outline:none}.portal-form input:focus,.portal-form textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px #e8f0ff}.field-wide{grid-column:1/-1}.form-actions span{color:var(--green);font-size:11px}.side-info-card{padding-bottom:20px}.side-info-card dl,.product-card dl,.ticket-detail dl{margin:0;padding:8px 20px 18px}.side-info-card dl div,.product-card dl div,.ticket-detail dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf0f4}.side-info-card dt,.product-card dt,.ticket-detail dt{color:#667085;font-size:10px}.side-info-card dd,.product-card dd,.ticket-detail dd{margin:0;text-align:right;font-size:10px;font-weight:700}.side-info-card>.button{margin-left:20px}.security-grid,.api-grid,.service-card-grid,.document-grid,.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.security-card{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;padding:20px}.security-card h2,.api-card h2,.product-card h2,.document-card h2,.system-row strong{margin:0 0 4px;font-size:13px}.security-card p,.api-card p,.product-card p,.document-card p,.system-row small{margin:0;color:#667085;font-size:10px}.security-visual,.api-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px}.security-visual svg,.api-icon svg{width:25px;height:25px}.security-visual--green{background:#e9f8f0;color:var(--green)}.security-visual--blue{background:#eaf2ff;color:var(--blue)}.security-visual--violet{background:#f0ecff;color:var(--violet)}.full-card{overflow:hidden}.service-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{padding:20px}.product-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.product-card p{min-height:45px}.product-card dl{padding:12px 0 18px}.product-card>.button{width:100%}.subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,430px));gap:20px}.subscription-card{position:relative;padding:24px}.subscription-card.is-featured{border-color:#a9c5ff;box-shadow:0 16px 36px rgba(23,105,255,.1)}.plan-label{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.subscription-card h2{margin:6px 0;font-size:22px}.plan-price{margin:0 0 20px;color:#101828;font-size:28px;font-weight:800}.plan-price small{color:#667085;font-size:11px;font-weight:500}.subscription-card ul{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}.subscription-card li{position:relative;padding-left:22px;color:#475467;font-size:11px}.subscription-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.subscription-foot{display:flex;align-items:center;justify-content:space-between}.tenancy-card{display:grid;grid-template-columns:1.1fr 1.4fr auto;align-items:center;gap:24px;padding:24px}.tenancy-brand{display:flex;align-items:center;gap:14px}.tenancy-brand p,.tenancy-brand h2,.tenancy-brand span{margin:0}.tenancy-brand p{color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase}.tenancy-brand h2{font-size:16px}.tenancy-brand span{color:#667085;font-size:10px}.tenancy-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tenancy-meta div{display:grid;gap:5px}.tenancy-meta span{color:#667085;font-size:9px}.tenancy-meta strong{font-size:10px}.api-card{padding:22px}.api-card .api-icon{margin-bottom:16px;background:#ecf3ff;color:var(--blue)}.api-card p{min-height:48px;margin-bottom:16px}.integration-scope{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:25px;margin-top:20px;padding:22px}.integration-scope h2{margin:3px 0 8px;font-size:16px}.integration-scope p{margin:0;color:#667085;font-size:10px}.scope-tags{display:flex;flex-wrap:wrap;gap:8px}.scope-tags span{padding:7px 10px;border-radius:999px;background:#f1f5fb;color:#36547f;font-size:9px;font-weight:700}.ticket-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ticket-detail{padding:20px}.ticket-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.ticket-heading small{color:#667085}.ticket-heading h2{margin:2px 0 0;font-size:15px}.ticket-detail>p{color:#667085;font-size:10px}.ticket-detail dl{padding:8px 0 18px}.document-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:18px}.document-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf3ff;color:var(--blue)}.document-card>span svg{width:22px;height:22px}.overall-status{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding:18px 20px;border:1px solid #b7e4cb;border-radius:14px;background:#f1fbf5}.overall-status>div{display:grid}.overall-status strong{color:#08653c}.overall-status span{color:#47705c;font-size:10px}.overall-status time{margin-left:auto;color:#667085;font-size:10px}.pulse-dot{position:relative;flex:0 0 11px;width:11px;height:11px;border-radius:50%;background:#12b76a}.pulse-dot:after{content:"";position:absolute;inset:-5px;border:1px solid #12b76a;border-radius:50%;animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:0;transform:scale(1.35)}}.system-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.system-row>div{display:flex;align-items:center;gap:12px}.system-row>div>span:last-child{display:grid}.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 34px;border-top:1px solid var(--line);background:#fff;color:#667085;font-size:10px}.portal-footer div{display:flex;gap:16px}.portal-footer a{text-decoration:none}.portal-footer a:hover{color:var(--blue)}.sidebar-backdrop{position:fixed;z-index:90;inset:0;background:rgba(5,18,38,.54);backdrop-filter:blur(2px)}.portal-toast{position:fixed;z-index:1000;right:24px;bottom:24px;max-width:360px;padding:13px 16px;border:1px solid #c9d8f1;border-radius:12px;background:#fff;color:#24446f;box-shadow:0 18px 45px rgba(16,24,40,.18);font-size:11px;font-weight:650}.portal-toast[hidden]{display:none}@media(max-width:1280px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-card{grid-row:auto}.security-grid,.api-grid,.service-card-grid,.document-grid,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenancy-card{grid-template-columns:1fr}.tenancy-actions{justify-content:flex-start}}@media(max-width:900px){:root{--sidebar:270px}.portal-sidebar{transform:translateX(-102%);transition:transform .22s ease}.portal-sidebar.is-open{transform:none}.sidebar-close,.sidebar-toggle,.mobile-brand{display:inline-flex}.sidebar-close{align-items:center;justify-content:center}.portal-workspace{margin-left:0}.portal-topbar{justify-content:space-between;padding:0 20px}.sidebar-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#344054}.sidebar-toggle svg{width:20px;height:20px}.mobile-brand img{width:126px;height:auto}.topbar-actions{margin-left:auto}.topbar-help span,.profile-copy{display:none}.portal-main{padding:25px 20px 32px}.settings-grid{grid-template-columns:1fr}.ticket-board{grid-template-columns:1fr}.integration-scope{grid-template-columns:1fr}.portal-footer{padding-inline:20px}}@media(max-width:640px){.portal-topbar{height:66px;padding-inline:14px}.mobile-brand img{width:108px}.topbar-actions{gap:5px}.topbar-help{display:none}.profile-button{padding:3px}.profile-button .chevron{display:none}.portal-main{padding:20px 14px 28px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:21px}.heading-actions{width:100%;flex-wrap:wrap}.heading-actions .button{flex:1}.integration-note{align-items:flex-start}.metric-grid,.metric-grid--three,.security-grid,.api-grid,.service-card-grid,.document-grid,.status-grid,.subscription-grid{grid-template-columns:1fr}.metric-card{min-height:108px}.dashboard-grid{gap:14px}.portal-card,.metric-card{border-radius:13px}.responsive-table th,.responsive-table td{padding-inline:12px}.list-row{grid-template-columns:1fr auto}.list-row span,.list-row time{display:none}.ticket-list a{grid-template-columns:1fr auto}.ticket-list time{display:none}.support-strip{align-items:flex-start;flex-wrap:wrap}.support-actions{width:100%;margin:0}.support-actions .button{flex:1}.portal-form{grid-template-columns:1fr;padding:16px}.field-wide{grid-column:auto}.security-card{grid-template-columns:44px 1fr}.security-card>.status,.security-card>.button{grid-column:2}.tenancy-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.tenancy-actions{flex-direction:column}.tenancy-actions .button{width:100%}.document-card{grid-template-columns:40px 1fr}.document-card .table-action{grid-column:2;justify-self:start}.overall-status{align-items:flex-start;flex-wrap:wrap}.overall-status time{width:100%;margin:0 0 0 24px}.portal-footer{align-items:flex-start;flex-direction:column}.top-menu{position:fixed;right:14px;left:14px;top:72px;width:auto}.profile-menu{left:auto;width:190px}.integration-scope{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.portal-sidebar,.portal-topbar,.portal-footer,.heading-actions,.support-strip{display:none!important}.portal-workspace{margin:0}.portal-main{max-width:none;padding:0}.portal-panel{display:block!important;break-before:page}.portal-panel:first-child{break-before:auto}.portal-card,.metric-card{box-shadow:none}}

/* BRITIXO_UK_TRADEMARK_PORTAL_20260803 */
.service-icon--mark{background:#f1eaff;color:#6d42d8}.tm-portal-note{margin-bottom:20px}.tm-portal-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px}.tm-application-card,.tm-checklist,.tm-progress-card,.tm-document-box,.tm-support-box{padding:24px}.tm-muted{color:var(--muted);margin:0 0 18px}.tm-application-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.tm-application-meta div{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.tm-application-meta dt{font-size:12px;color:var(--muted);margin-bottom:4px}.tm-application-meta dd{margin:0;font-weight:700;color:var(--ink)}.tm-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tm-checklist ul{display:grid;gap:10px;margin:18px 0 20px;padding:0;list-style:none}.tm-checklist li{position:relative;padding-left:25px;color:var(--muted)}.tm-checklist li:before{content:'✓';position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e9f8f0;color:#16814c;font-size:11px;font-weight:900}.tm-checklist>a,.tm-progress-card .card-head>a{font-weight:750;color:var(--blue);text-decoration:none}.tm-progress-card{margin-bottom:18px}.tm-progress{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:0;list-style:none;padding:18px 0 0;margin:0;overflow-x:auto}.tm-progress li{position:relative;display:flex;gap:10px;min-width:130px;padding-right:18px}.tm-progress li>div{position:relative;z-index:1}.tm-progress li:after{content:'';position:absolute;left:29px;right:-1px;top:15px;height:2px;background:#dfe5ef;z-index:0}.tm-progress li:last-child:after{display:none}.tm-progress li>span{position:relative;z-index:1;flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#607087;font-weight:800;font-size:12px;border:3px solid #fff;box-shadow:0 0 0 1px #dfe5ef}.tm-progress li.is-current>span{background:var(--blue);color:#fff;box-shadow:0 0 0 4px rgba(22,87,214,.12)}.tm-progress strong,.tm-progress small{display:block}.tm-progress strong{font-size:13px;color:var(--ink);margin:5px 0 3px}.tm-progress small{font-size:11px;color:var(--muted);line-height:1.35}.tm-portal-bottom{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.tm-doc-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,.8fr) auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.tm-doc-row:first-of-type{margin-top:16px}.tm-doc-row span{font-weight:700;color:var(--ink)}.tm-doc-row em{font-style:normal;color:var(--muted);font-size:13px}.tm-doc-row button{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer}.tm-support-box{display:flex;flex-direction:column;align-items:flex-start}.tm-support-box p:not(.card-kicker){color:var(--muted);line-height:1.65}.tm-support-box .button{width:100%;margin-top:8px}@media(max-width:980px){.tm-portal-grid,.tm-portal-bottom{grid-template-columns:1fr}}@media(max-width:620px){.tm-application-card,.tm-checklist,.tm-progress-card,.tm-document-box,.tm-support-box{padding:18px}.tm-application-meta{grid-template-columns:1fr}.tm-doc-row{grid-template-columns:1fr auto}.tm-doc-row em{grid-column:1/-1;grid-row:2}.tm-doc-row button{grid-column:2;grid-row:1}.tm-progress{padding-bottom:8px}}

/* BRITIXO_MYACCOUNT_QUICK_ACCESS_V23_START */
#dashboard .quick-access-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

#dashboard .quick-access-card .card-head {
    flex: 0 0 auto;
}

#dashboard .quick-access-card .quick-links {
    display: grid;
    flex: 1 1 auto;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
    padding: 16px 18px 18px;
}

#dashboard .quick-access-card .quick-links > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid #dfe7f2;
    border-radius: 14px;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
    color: #10233f;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(15, 35, 64, 0.04);
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease,
        background-color 160ms ease;
}

#dashboard .quick-access-card .quick-links > a:hover,
#dashboard .quick-access-card .quick-links > a:focus-visible {
    border-color: #8bb6ff;
    background: #f3f8ff;
    box-shadow: 0 8px 20px rgba(22, 101, 216, 0.10);
    transform: translateY(-1px);
    outline: none;
}

#dashboard .quick-access-card .quick-links > a > span {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

#dashboard .quick-access-card .quick-links > a strong {
    display: block;
    overflow: hidden;
    color: #10233f;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dashboard .quick-access-card .quick-links > a small {
    display: block;
    overflow: hidden;
    color: #6d7d94;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dashboard .quick-access-card .quick-links > a > b {
    display: inline-flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #eaf2ff;
    color: #0866ff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    transition:
        background-color 160ms ease,
        color 160ms ease,
        transform 160ms ease;
}

#dashboard .quick-access-card .quick-links > a:hover > b,
#dashboard .quick-access-card .quick-links > a:focus-visible > b {
    background: #0866ff;
    color: #ffffff;
    transform: translateX(2px);
}

@media (max-width: 900px) {
    #dashboard .quick-access-card .quick-links {
        grid-template-rows: none;
    }

    #dashboard .quick-access-card .quick-links > a {
        min-height: 72px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #dashboard .quick-access-card .quick-links > a,
    #dashboard .quick-access-card .quick-links > a > b {
        transition: none;
    }
}
/* BRITIXO_MYACCOUNT_QUICK_ACCESS_V23_END */

/* BRITIXO_CONNECTED_SERVICES_V26_START */
#dashboard .metric-card--action {
    position: relative;
    cursor: pointer;
    transition:
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

#dashboard .metric-card--action:hover,
#dashboard .metric-card--action:focus-visible {
    border-color: #8bb6ff;
    box-shadow: 0 12px 30px rgba(23, 105, 255, 0.12);
    transform: translateY(-2px);
    outline: none;
}

#dashboard .metric-card--action::after {
    content: "View services →";
    position: absolute;
    right: 18px;
    bottom: 14px;
    color: #1769ff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

@media (prefers-reduced-motion: reduce) {
    #dashboard .metric-card--action {
        transition: none;
    }
}
/* BRITIXO_CONNECTED_SERVICES_V26_END */

/* BRITIXO_MYACCOUNT_INLINE_PROFILE_OTP_V34_START */
#profile .portal-form input:not([readonly]),
#profile .portal-form textarea:not([readonly]) {
    background: #fff;
}

#profile .portal-form input[readonly] {
    background: #f5f7fa;
    color: #667085;
    cursor: not-allowed;
}

#profile [data-form-message] {
    min-height: 18px;
    font-weight: 650;
}

#profile [data-form-message][data-state="error"] {
    color: #b42318;
}

#profile [data-form-message][data-state="pending"] {
    color: #b54708;
}

#profile [data-form-message][data-state="success"] {
    color: #067647;
}

#profile .profile-otp-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 18px 24px;
    align-items: end;
    padding: 20px;
    border: 1px solid #a9c5ff;
    border-radius: 14px;
    background: linear-gradient(135deg, #f4f8ff 0%, #fff 100%);
    box-shadow: 0 12px 30px rgba(23, 105, 255, 0.08);
}

#profile .profile-otp-card[hidden] {
    display: none;
}

#profile .profile-otp-copy {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

#profile .profile-otp-copy strong {
    display: block;
    margin-bottom: 4px;
    color: #10233f;
    font-size: 13px;
}

#profile .profile-otp-copy p {
    margin: 0;
    color: #667085;
    font-size: 11px;
}

#profile .profile-otp-icon {
    display: grid;
    flex: 0 0 38px;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #e7f8ef;
    color: #087443;
    font-size: 17px;
    font-weight: 900;
}

#profile .profile-otp-code {
    display: grid;
    gap: 7px;
    color: #344054;
    font-size: 11px;
    font-weight: 700;
}

#profile .profile-otp-code input {
    min-height: 46px;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 0.3em;
    text-align: center;
}

#profile .profile-otp-actions {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 10px;
}

#profile [data-profile-form][aria-busy="true"] {
    cursor: progress;
}

#profile [data-profile-form] :disabled {
    opacity: 0.68;
}

@media (max-width: 760px) {
    #profile .profile-otp-card {
        grid-template-columns: 1fr;
    }

    #profile .profile-otp-actions {
        grid-column: auto;
    }

    #profile .profile-otp-actions .button {
        flex: 1 1 150px;
    }
}
/* BRITIXO_MYACCOUNT_INLINE_PROFILE_OTP_V34_END */

/* BRITIXO_MYACCOUNT_SERVICE_TABS_V36_START */
#services .service-tabs-shell {
    display: grid;
    gap: 18px;
    min-width: 0;
}

#services .service-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    padding: 8px;
    border: 1px solid #dfe6ef;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(16, 24, 40, 0.05);
}

#services .service-tab {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-width: 0;
    min-height: 72px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    color: #475467;
    text-align: left;
    cursor: pointer;
    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

#services .service-tab:hover,
#services .service-tab:focus-visible {
    border-color: #b7cff8;
    background: #f7faff;
    outline: none;
}

#services .service-tab.is-active {
    border-color: #91b6ff;
    background: linear-gradient(
        135deg,
        #edf4ff 0%,
        #f8fbff 100%
    );
    color: #124b9a;
    box-shadow:
        0 8px 20px rgba(23, 105, 255, 0.09),
        inset 0 0 0 1px rgba(23, 105, 255, 0.05);
}

#services .service-tab-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #f0f4fa;
    color: #58708f;
}

#services .service-tab.is-active .service-tab-icon {
    background: #dce9ff;
    color: #1769ff;
}

#services .service-tab-icon svg,
#services .service-empty-icon svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#services .service-tab-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

#services .service-tab-copy strong {
    overflow: hidden;
    color: #1d2939;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#services .service-tab.is-active .service-tab-copy strong {
    color: #124b9a;
}

#services .service-tab-copy small {
    overflow: hidden;
    color: #7b8798;
    font-size: 9px;
    font-weight: 550;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#services .service-tab-count {
    display: grid;
    place-items: center;
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    border-radius: 999px;
    background: #edf1f6;
    color: #516175;
    font-size: 10px;
    font-weight: 800;
}

#services .service-tab.is-active .service-tab-count {
    background: #1769ff;
    color: #fff;
}

#services .service-tab-overview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    border: 1px solid #dfe6ef;
    border-radius: 15px;
    background: linear-gradient(
        135deg,
        #fff 0%,
        #f9fbff 100%
    );
}

#services .service-tab-overview > div {
    display: grid;
    gap: 4px;
}

#services .service-tab-overview h2 {
    margin: 0;
    color: #101828;
    font-size: 17px;
    letter-spacing: -0.015em;
}

#services .service-tab-overview p:not(.card-kicker) {
    margin: 0;
    color: #667085;
    font-size: 11px;
}

#services .service-tab-panel {
    align-items: stretch;
}

#services .product-card {
    display: flex;
    min-height: 356px;
    flex-direction: column;
    border-top: 3px solid #9dbcf2;
    overflow: hidden;
}

#services .product-card[data-service-category="subscriptions"] {
    border-top-color: #7a5af8;
}

#services .product-card[data-service-category="website-development"] {
    border-top-color: #1769ff;
}

#services .product-card[data-service-category="software-development"] {
    border-top-color: #079455;
}

#services .product-card[data-service-category="hosting-services"] {
    border-top-color: #1677c8;
}

#services .product-card .product-head {
    min-height: 42px;
}

#services .service-icon--subscriptions {
    background: #f0ecff;
    color: #6d42d8;
}

#services .service-icon--website-development {
    background: #eaf2ff;
    color: #1769ff;
}

#services .service-icon--software-development {
    background: #e9f8f0;
    color: #087443;
}

#services .service-icon--hosting-services {
    background: #e8f7ff;
    color: #1677c8;
}

#services .service-icon svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#services .service-card-category {
    min-height: 0;
    margin: 0 0 6px;
    color: #1769ff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

#services .product-card h2 {
    margin: 0 0 8px;
    color: #101828;
    font-size: 16px;
    line-height: 1.35;
}

#services .product-card .service-card-description {
    min-height: 44px;
    margin: 0 0 10px;
    color: #667085;
    font-size: 11px;
    line-height: 1.6;
}

#services .product-card dl {
    width: 100%;
    margin-top: auto;
}

#services .product-card > .button {
    width: 100%;
    margin-top: 0;
}

#services .service-empty-card {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 160px;
    padding: 24px;
    border-style: dashed;
    background: linear-gradient(
        135deg,
        #fbfcfe 0%,
        #fff 100%
    );
}

#services .service-empty-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 15px;
    background: #edf4ff;
    color: #1769ff;
}

#services .service-empty-card > div {
    display: grid;
    gap: 7px;
}

#services .service-empty-card h2 {
    margin: 0;
    color: #1d2939;
    font-size: 15px;
}

#services .service-empty-card p {
    max-width: 720px;
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.6;
}

#services .service-loading-card {
    grid-column: 1 / -1;
    padding: 24px;
}

@media (max-width: 1180px) {
    #services .service-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    #services .service-tabs {
        display: grid;
        grid-auto-columns: minmax(245px, 82vw);
        grid-auto-flow: column;
        grid-template-columns: none;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline mandatory;
        scrollbar-width: thin;
    }

    #services .service-tab {
        scroll-snap-align: start;
    }

    #services .service-tab-overview {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    #services .service-empty-card {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    #services .service-empty-card > .button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    #services .service-tab {
        transition: none;
    }
}
/* BRITIXO_MYACCOUNT_SERVICE_TABS_V36_END */

/* BRITIXO_MYACCOUNT_DISCOVERY_INTEGRATION_V37_START */
#services .service-operation-card {
    min-height: 520px;
}

#services .service-operation-card .service-card-description {
    min-height: 52px;
}

#services .service-operation-progress {
    display: grid;
    gap: 8px;
    margin: 10px 0 16px;
    padding: 13px 14px;
    border: 1px solid #dbe5f2;
    border-radius: 12px;
    background: #f8faff;
}

#services .service-operation-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #475467;
    font-size: 10px;
    font-weight: 700;
}

#services .service-operation-progress-head strong {
    color: #1769ff;
    font-size: 12px;
}

#services .service-operation-progress-track {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5ebf4;
}

#services .service-operation-progress-track > span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        #1769ff,
        #5b8fff
    );
}

#services .service-operation-metrics {
    display: grid;
    grid-template-columns: repeat(
        3,
        minmax(0, 1fr)
    );
    gap: 8px;
    margin-bottom: 16px;
}

#services .service-operation-metric {
    display: grid;
    align-content: start;
    gap: 2px;
    min-width: 0;
    min-height: 72px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #fff;
}

#services .service-operation-metric strong {
    color: #10233f;
    font-size: 16px;
    line-height: 1.2;
}

#services .service-operation-metric span {
    color: #475467;
    font-size: 9px;
    font-weight: 750;
    line-height: 1.35;
}

#services .service-operation-metric small {
    color: #98a2b3;
    font-size: 8px;
    line-height: 1.35;
}

#services .service-operation-meta {
    display: grid;
    gap: 0;
    margin: 0 0 16px;
    border-top: 1px solid #edf0f4;
}

#services .service-operation-meta > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 0;
    border-bottom: 1px solid #edf0f4;
    color: #344054;
    font-size: 9px;
    text-align: right;
}

#services .service-operation-meta b {
    color: #667085;
    font-weight: 550;
    text-align: left;
}

#services .service-operation-card > .button {
    margin-top: auto;
}

#dashboard .services-card tbody tr {
    vertical-align: middle;
}

#dashboard .services-card .service-name small {
    max-width: 420px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    #services .service-operation-metrics {
        grid-template-columns: repeat(
            2,
            minmax(0, 1fr)
        );
    }
}

@media (max-width: 640px) {
    #services .service-operation-card {
        min-height: auto;
    }

    #services .service-operation-metrics {
        grid-template-columns: repeat(
            2,
            minmax(0, 1fr)
        );
    }

    #services .service-operation-metric {
        min-height: 68px;
    }
}
/* BRITIXO_MYACCOUNT_DISCOVERY_INTEGRATION_V37_END */

/* BRITIXO_MYACCOUNT_COMPLETE_SERVICE_PORTAL_V38_START */
#services .service-order-overview {
    margin-left: auto;
    white-space: nowrap;
}

#dashboard .services-card button.table-action {
    padding: 0;
}

.service-portal-layer[hidden] {
    display: none !important;
}

.service-portal-layer {
    position: fixed;
    z-index: 1400;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
}

.service-portal-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(4, 18, 38, 0.68);
    backdrop-filter: blur(5px);
    cursor: default;
}

.service-portal-dialog {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(1280px, 96vw);
    height: min(900px, 94vh);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 20px;
    background: #f6f8fb;
    box-shadow:
        0 34px 90px rgba(5, 18, 38, 0.35);
}

.service-portal-dialog-head {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 74px;
    padding: 17px 22px;
    border-bottom: 1px solid #dfe5ee;
    background: #fff;
}

.service-portal-dialog-head h2 {
    margin: 2px 0 0;
    color: #101828;
    font-size: 18px;
    letter-spacing: -0.02em;
}

.service-portal-close {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #d7dee8;
    border-radius: 12px;
    background: #fff;
    color: #475467;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.service-portal-close:hover,
.service-portal-close:focus-visible {
    border-color: #8db4fb;
    color: #1769ff;
    outline: none;
}

.service-portal-dialog-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.service-portal-dialog-body >
[data-service-order-panel] {
    max-width: 980px;
    margin: 0 auto;
    padding: 26px;
}

.service-order-intro {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
    padding: 20px;
    border: 1px solid #d6e3f7;
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            #edf4ff 0%,
            #fff 100%
        );
}

.service-order-intro h3 {
    margin: 0 0 5px;
    color: #10233f;
    font-size: 17px;
}

.service-order-intro p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.65;
}

.service-order-icon {
    display: grid;
    flex: 0 0 46px;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #dce9ff;
    color: #1769ff;
}

.service-order-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-order-account {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid #ccebdc;
    border-radius: 12px;
    background: #f1fbf5;
    color: #087443;
    font-size: 11px;
    font-weight: 700;
}

.service-order-form {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 17px;
    padding: 22px;
    border: 1px solid #dfe5ee;
    border-radius: 17px;
    background: #fff;
    box-shadow:
        0 12px 32px
        rgba(16, 24, 40, 0.06);
}

.service-order-form label {
    display: grid;
    gap: 7px;
    color: #344054;
    font-size: 11px;
    font-weight: 750;
}

.service-order-form input,
.service-order-form select,
.service-order-form textarea {
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #d3dae5;
    border-radius: 10px;
    background: #fff;
    color: #101828;
    font: inherit;
    outline: none;
}

.service-order-form input:focus,
.service-order-form select:focus,
.service-order-form textarea:focus {
    border-color: #79a6f7;
    box-shadow:
        0 0 0 3px
        rgba(23, 105, 255, 0.12);
}

.service-order-form textarea {
    resize: vertical;
}

.service-order-field-wide {
    grid-column: 1 / -1;
}

.service-order-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 10px !important;
    padding: 13px 14px;
    border: 1px solid #dce4ef;
    border-radius: 11px;
    background: #fafcff;
    font-weight: 550 !important;
    line-height: 1.55;
}

.service-order-consent input {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 1px;
}

.service-order-message {
    min-height: 20px;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
}

.service-order-message[data-state="error"] {
    color: #b42318;
}

.service-order-message[data-state="success"] {
    color: #067647;
}

.service-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

[data-service-workspace-panel] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

[data-service-workspace-panel][hidden] {
    display: none;
}

[data-service-workspace-frame] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 720px;
    border: 0;
    background: #f6f8fb;
}

@media (max-width: 760px) {
    .service-portal-layer {
        padding: 0;
    }

    .service-portal-dialog {
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .service-portal-dialog-head {
        min-height: 66px;
        padding: 13px 15px;
    }

    .service-portal-dialog-head h2 {
        font-size: 16px;
    }

    .service-portal-dialog-body >
    [data-service-order-panel] {
        padding: 15px;
    }

    .service-order-form {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .service-order-field-wide {
        grid-column: auto;
    }

    .service-order-actions {
        flex-direction: column;
    }

    .service-order-actions .button {
        width: 100%;
    }

    #services .service-tab-overview {
        flex-wrap: wrap;
    }

    #services .service-order-overview {
        width: 100%;
        margin-left: 0;
    }

    [data-service-workspace-frame] {
        min-height: calc(100vh - 66px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-portal-dialog {
        scroll-behavior: auto;
    }
}
/* BRITIXO_MYACCOUNT_COMPLETE_SERVICE_PORTAL_V38_END */

/* BRITIXO_MYACCOUNT_LOGIN_2FA_TENANCY_V1_START */
.myaccount-2fa-grid,.myaccount-tenancy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.myaccount-2fa-card,.myaccount-tenancy-card{display:grid;align-content:start;gap:16px}
.myaccount-2fa-card.is-active{border-color:#86caa0;box-shadow:0 12px 34px rgba(29,122,72,.08)}
.myaccount-2fa-card-head,.myaccount-tenancy-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.myaccount-2fa-card h2,.myaccount-tenancy-card h2{margin:0}
.myaccount-2fa-card p,.myaccount-tenancy-card p,.myaccount-security-note p{margin:0;color:#667085;line-height:1.65}
.myaccount-2fa-card .button,.myaccount-tenancy-card .button{justify-self:start}
.myaccount-2fa-card button[disabled]{cursor:not-allowed;opacity:.55}
.myaccount-2fa-setup{display:grid;gap:11px;padding:15px;border:1px solid #d8e2f0;border-radius:12px;background:#f8fbff}
.myaccount-2fa-setup label{font-size:12px;font-weight:750;color:#344054}
.myaccount-2fa-setup input{width:100%;max-width:270px;height:46px;padding:0 14px;border:1px solid #cfd8e5;border-radius:10px;background:#fff;color:#101828;font-size:19px;font-weight:800;letter-spacing:.2em;text-align:center;outline:none}
.myaccount-2fa-setup input:focus{border-color:#6c9cff;box-shadow:0 0 0 3px rgba(23,105,255,.12)}
.myaccount-2fa-setup code{display:block;margin-top:7px;padding:9px 11px;border-radius:8px;background:#edf3ff;color:#183153;overflow-wrap:anywhere;user-select:all}
.myaccount-2fa-setup--totp{justify-items:start}
.myaccount-2fa-qr{display:block;max-width:220px;width:100%;height:auto;padding:8px;border:1px solid #d8e2f0;border-radius:12px;background:#fff}
.myaccount-security-note{margin-top:18px}
.myaccount-tenancy-card .button{margin-top:auto}
.portal-toast[data-toast-type="error"]{background:#991b1b;color:#fff}
.portal-toast[data-toast-type="success"]{background:#166534;color:#fff}
@media (max-width:900px){.myaccount-2fa-grid,.myaccount-tenancy-grid{grid-template-columns:1fr}}
@media (max-width:560px){.myaccount-2fa-card-head,.myaccount-tenancy-card-head{align-items:flex-start;flex-direction:column}.myaccount-2fa-card .button,.myaccount-tenancy-card .button{width:100%;justify-content:center}}
/* BRITIXO_MYACCOUNT_LOGIN_2FA_TENANCY_V1_END */

/* BRITIXO_MYACCOUNT_SECURITY_UI_V1_START */
#security{
    --security-navy:#0b2343;
    --security-blue:#1769ff;
    --security-blue-deep:#0d4ed8;
    --security-green:#0d9b68;
    --security-green-deep:#08734f;
    --security-violet:#635bff;
    --security-line:#d9e4f1;
    --security-muted:#62708a;
    --security-surface:#ffffff;
    --security-soft:#f6f9fd;
    max-width:1320px;
}
#security .page-heading{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    align-items:center;
    margin:0 0 24px;
    padding:30px 32px;
    border:1px solid #d7e4f4;
    border-radius:22px;
    background:
        radial-gradient(circle at 88% 18%,rgba(23,105,255,.13),transparent 24%),
        linear-gradient(135deg,#ffffff 0%,#f7faff 54%,#eef5ff 100%);
    box-shadow:0 18px 50px rgba(12,35,67,.07);
}
#security .page-heading::before{
    content:"";
    position:absolute;
    z-index:-1;
    right:-82px;
    bottom:-132px;
    width:300px;
    height:300px;
    border:1px solid rgba(23,105,255,.12);
    border-radius:50%;
    box-shadow:
        0 0 0 34px rgba(23,105,255,.035),
        0 0 0 72px rgba(23,105,255,.022);
}
#security .page-heading::after{
    content:"";
    position:absolute;
    z-index:0;
    right:37px;
    top:auto;
    bottom:24px;
    width:62px;
    height:62px;
    border-radius:18px;
    transform:none;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 3 5 6v5c0 5 3 8 7 10 4-2 7-5 7-10V6l-7-3Zm-2.5 9 1.7 1.7L15 10'/%3E%3C/svg%3E") center/31px 31px no-repeat,
        linear-gradient(145deg,rgba(23,105,255,.98),rgba(13,78,216,.98));
    box-shadow:0 16px 32px rgba(23,105,255,.22);
}
#security .page-heading>div{
    position:relative;
    z-index:1;
    max-width:760px;
    padding-right:118px;
}
#security .page-heading .portal-eyebrow{
    margin:0 0 7px;
    color:var(--security-blue-deep);
    font-size:10px;
    font-weight:850;
    letter-spacing:.14em;
}
#security .page-heading h1{
    margin:0 0 8px;
    color:var(--security-navy);
    font-size:clamp(25px,2.15vw,32px);
    line-height:1.12;
    letter-spacing:-.035em;
}
#security .page-heading p:not(.portal-eyebrow){
    max-width:680px;
    color:var(--security-muted);
    font-size:13px;
    line-height:1.7;
}
#security .page-heading>.status{
    position:absolute;
    z-index:2;
    top:20px;
    right:21px;
    gap:7px;
    min-height:29px;
    padding:6px 11px;
    border:1px solid #d6e1ef;
    background:rgba(255,255,255,.9);
    color:#536178;
    box-shadow:0 8px 20px rgba(12,35,67,.06);
    font-size:10px;
    font-weight:800;
}
#security .page-heading>.status::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#98a2b3;
    box-shadow:0 0 0 3px rgba(152,162,179,.14);
}
#security .page-heading>.status.status--active{
    border-color:#bce7d3;
    background:#f1fbf6;
    color:var(--security-green-deep);
}
#security .page-heading>.status.status--active::before{
    background:var(--security-green);
    box-shadow:0 0 0 3px rgba(13,155,104,.13);
}
#security .myaccount-2fa-grid{
    align-items:stretch;
    gap:24px;
}
#security .myaccount-2fa-card{
    position:relative;
    overflow:hidden;
    min-height:312px;
    padding:27px;
    border:1px solid var(--security-line);
    border-radius:20px;
    background:var(--security-surface);
    box-shadow:0 14px 38px rgba(12,35,67,.055);
    grid-template-rows:auto auto 1fr auto auto;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}
#security .myaccount-2fa-card:hover{
    transform:translateY(-2px);
    border-color:#bdcde0;
    box-shadow:0 20px 48px rgba(12,35,67,.09);
}
#security .myaccount-2fa-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    background:linear-gradient(90deg,#17b978,#0d9b68);
}
#security .myaccount-2fa-card:nth-child(2)::before{
    background:linear-gradient(90deg,var(--security-blue),var(--security-violet));
}
#security .myaccount-2fa-card::after{
    content:"";
    position:absolute;
    left:27px;
    top:27px;
    width:50px;
    height:50px;
    border-radius:15px;
    background:
        #eaf9f2
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230d9b68' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 20l1.2-3.5A8 8 0 1 1 9 19.2L5 20Zm5.2-11.7c.2 2 1.8 3.8 3.8 4.2l1-1.1c.2-.2.5-.3.8-.2l2.2 1v2c0 .6-.5 1-1 1-5.3 0-9.5-4.2-9.5-9.5 0-.5.4-1 1-1h2l1 2.2c.1.3 0 .6-.2.8l-1.1.6Z'/%3E%3C/svg%3E") center/27px 27px no-repeat;
    box-shadow:inset 0 0 0 1px rgba(13,155,104,.08);
}
#security .myaccount-2fa-card:nth-child(2)::after{
    background:
        #edf2ff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%231769ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M12 3 5 6v5c0 5 3 8 7 10 4-2 7-5 7-10V6l-7-3Zm0 5v4m0 4h.01'/%3E%3C/svg%3E") center/27px 27px no-repeat;
    box-shadow:inset 0 0 0 1px rgba(23,105,255,.08);
}
#security .myaccount-2fa-card.is-active{
    border-color:#99d8bb;
    box-shadow:0 18px 44px rgba(13,155,104,.1);
}
#security .myaccount-2fa-card:nth-child(2).is-active{
    border-color:#aac4ff;
    box-shadow:0 18px 44px rgba(23,105,255,.11);
}
#security .myaccount-2fa-card-head{
    min-height:54px;
    align-items:flex-start;
    padding-left:68px;
}
#security .myaccount-2fa-card-head>div{
    min-width:0;
}
#security .myaccount-2fa-card .card-kicker{
    margin:0 0 5px;
    color:#6a7890;
    font-size:9px;
    font-weight:850;
    letter-spacing:.13em;
}
#security .myaccount-2fa-card h2{
    color:var(--security-navy);
    font-size:20px;
    line-height:1.2;
    letter-spacing:-.025em;
}
#security .myaccount-2fa-card-head .status{
    min-height:26px;
    padding:5px 9px;
    border:1px solid #dae4f0;
    background:#f7f9fc;
    color:#5d6a80;
    font-size:9px;
}
#security .myaccount-2fa-card-head .status.status--active{
    border-color:#b9e6d1;
    background:#eefaf4;
    color:#08734f;
}
#security .myaccount-2fa-card>p{
    margin:4px 0 2px;
    color:#5d6b82;
    font-size:13px;
    line-height:1.72;
}
#security .myaccount-2fa-card>p strong{
    color:#263b58;
    font-weight:800;
}
#security .myaccount-2fa-card>.button{
    min-height:46px;
    padding:11px 17px;
    border-radius:12px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.005em;
}
#security .myaccount-2fa-card>.button.button--primary{
    box-shadow:0 11px 24px rgba(23,105,255,.19);
}
#security .myaccount-2fa-card:first-child>.button.button--primary{
    border-color:var(--security-green);
    background:linear-gradient(135deg,#12aa72,#087d56);
    box-shadow:0 11px 24px rgba(13,155,104,.2);
}
#security .myaccount-2fa-card>.button.button--ghost{
    border-color:#ced9e7;
    background:#f9fbfd;
    color:#344b69;
}
#security .myaccount-2fa-card button[disabled]{
    border-color:#dce3ec!important;
    background:#f2f4f7!important;
    color:#98a2b3!important;
    box-shadow:none!important;
    opacity:1;
}
#security [data-myaccount-whatsapp-setup]:empty,
#security [data-myaccount-totp-setup]:empty{
    display:none;
}
#security [data-myaccount-whatsapp-setup]:not(:empty),
#security [data-myaccount-totp-setup]:not(:empty){
    margin-top:3px;
}
#security .myaccount-2fa-setup{
    gap:13px;
    padding:19px;
    border:1px solid #d6e2f0;
    border-radius:15px;
    background:linear-gradient(145deg,#fbfdff,#f4f8fd);
    box-shadow:inset 0 1px 0 #fff;
}
#security .myaccount-2fa-setup p{
    color:#56657c;
    font-size:12px;
    line-height:1.65;
}
#security .myaccount-2fa-setup label{
    color:#2d405c;
    font-size:11px;
    font-weight:800;
}
#security .myaccount-2fa-setup input{
    width:100%;
    max-width:none;
    height:50px;
    border-color:#c9d6e6;
    border-radius:12px;
    color:#102a4c;
    font-size:20px;
    letter-spacing:.28em;
    box-shadow:0 5px 14px rgba(12,35,67,.035);
}
#security .myaccount-2fa-setup input:focus{
    border-color:#6d9dff;
    box-shadow:0 0 0 4px rgba(23,105,255,.1);
}
#security .myaccount-2fa-setup .button{
    min-height:44px;
    border-radius:11px;
    font-size:11.5px;
    font-weight:800;
}
#security .myaccount-2fa-setup:not(.myaccount-2fa-setup--totp) .button{
    width:100%;
}
#security .myaccount-2fa-setup--totp{
    display:grid;
    grid-template-columns:minmax(160px,210px) minmax(0,1fr);
    grid-template-areas:
        "qr copy"
        "qr label"
        "qr input"
        "qr button";
    align-items:start;
    column-gap:21px;
}
#security .myaccount-2fa-setup--totp>.myaccount-2fa-qr{
    grid-area:qr;
}
#security .myaccount-2fa-setup--totp>p{
    grid-area:copy;
}
#security .myaccount-2fa-setup--totp>label{
    grid-area:label;
}
#security .myaccount-2fa-setup--totp>input{
    grid-area:input;
}
#security .myaccount-2fa-setup--totp>.button{
    grid-area:button;
    width:100%;
}
#security .myaccount-2fa-qr{
    max-width:210px;
    padding:10px;
    border:1px solid #cfdaea;
    border-radius:16px;
    box-shadow:0 12px 26px rgba(12,35,67,.07);
}
#security .myaccount-2fa-setup code{
    margin-top:8px;
    padding:10px 12px;
    border:1px solid #d7e1ee;
    border-radius:10px;
    background:#fff;
    color:#17375f;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:11px;
    line-height:1.55;
}
#security .myaccount-security-note{
    position:relative;
    overflow:hidden;
    display:block;
    margin-top:24px;
    border-color:#d7e5f5;
    border-radius:18px;
    background:
        linear-gradient(110deg,#ffffff 0%,#f8fbff 62%,#eef6ff 100%);
    box-shadow:0 13px 36px rgba(12,35,67,.05);
}
#security .myaccount-security-note::before{
    content:"";
    position:absolute;
    left:25px;
    top:25px;
    width:42px;
    height:42px;
    border-radius:13px;
    background:
        #eaf3ff
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%231769ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M8 12h8m-4-4v8M5 5h14v14H5z'/%3E%3C/svg%3E") center/23px 23px no-repeat;
}
#security .myaccount-security-note .card-head{
    min-height:auto;
    padding:23px 24px 8px 82px;
    border-bottom:0;
}
#security .myaccount-security-note .card-head h2{
    color:var(--security-navy);
    font-size:15px;
    letter-spacing:-.015em;
}
#security .myaccount-security-note .card-head .status{
    min-height:27px;
    padding:5px 10px;
    border:1px solid #bce7d3;
    background:#eefaf4;
    color:#08734f;
    font-size:9px;
}
#security .myaccount-security-note>p{
    padding:0 24px 23px 82px;
    color:#62708a;
    font-size:12px;
    line-height:1.7;
}
#security>.portal-card.full-card:not(.myaccount-security-note){
    position:relative;
    overflow:hidden;
    padding:22px 24px 22px 58px;
    border-color:#dbe5f0;
    border-radius:16px;
    color:#5c6a80;
    background:#fff;
}
#security>.portal-card.full-card:not(.myaccount-security-note)::before{
    content:"";
    position:absolute;
    left:24px;
    top:50%;
    width:18px;
    height:18px;
    margin-top:-9px;
    border:2px solid #c7d7ee;
    border-top-color:var(--security-blue);
    border-radius:50%;
    animation:security-ui-spin .8s linear infinite;
}
@keyframes security-ui-spin{
    to{transform:rotate(360deg)}
}
@media (max-width:900px){
    #security{
        max-width:none;
    }
    #security .myaccount-2fa-grid{
        grid-template-columns:1fr;
    }
    #security .myaccount-2fa-card{
        min-height:0;
    }
}
@media (max-width:720px){
    #security .page-heading{
        align-items:flex-start;
        flex-direction:column;
        padding:24px 22px;
    }
    #security .page-heading>div{
        padding-right:68px;
    }
    #security .page-heading::after{
        right:21px;
        top:23px;
        bottom:auto;
        width:48px;
        height:48px;
        border-radius:14px;
        transform:none;
    }
    #security .page-heading>.status{
        position:relative;
        top:auto;
        right:auto;
        margin-top:4px;
    }
    #security .myaccount-2fa-card{
        padding:23px;
    }
    #security .myaccount-2fa-card::after{
        left:23px;
        top:23px;
    }
    #security .myaccount-2fa-setup--totp{
        grid-template-columns:1fr;
        grid-template-areas:
            "qr"
            "copy"
            "label"
            "input"
            "button";
    }
    #security .myaccount-2fa-qr{
        justify-self:center;
    }
}
@media (max-width:520px){
    #security .page-heading{
        border-radius:17px;
    }
    #security .page-heading>div{
        padding-right:0;
        padding-top:60px;
    }
    #security .page-heading::after{
        left:21px;
        right:auto;
    }
    #security .myaccount-2fa-card{
        padding:21px;
        border-radius:17px;
    }
    #security .myaccount-2fa-card-head{
        min-height:50px;
        padding-left:62px;
    }
    #security .myaccount-2fa-card::after{
        left:21px;
        top:21px;
        width:46px;
        height:46px;
        border-radius:14px;
    }
    #security .myaccount-2fa-card-head .status{
        margin-top:2px;
    }
    #security .myaccount-2fa-card>.button{
        width:100%;
        justify-content:center;
    }
    #security .myaccount-security-note::before{
        left:21px;
        top:21px;
    }
    #security .myaccount-security-note .card-head{
        align-items:flex-start;
        flex-direction:column;
        padding:21px 20px 8px 76px;
    }
    #security .myaccount-security-note>p{
        padding:0 20px 21px 76px;
    }
}
@media (prefers-reduced-motion:reduce){
    #security .myaccount-2fa-card{
        transition:none;
    }
    #security .myaccount-2fa-card:hover{
        transform:none;
    }
    #security>.portal-card.full-card:not(.myaccount-security-note)::before{
        animation:none;
    }
}
/* BRITIXO_MYACCOUNT_SECURITY_UI_V1_END */
/* BRITIXO_MYACCOUNT_TENANCY_PACKAGES_V1_CSS_START */
.myaccount-tenancy-heading-statuses{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.myaccount-tenancy-empty{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:20px 22px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)}
.myaccount-tenancy-empty__icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#eaf2ff;color:var(--blue)}
.myaccount-tenancy-empty__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.myaccount-tenancy-empty h2{margin:2px 0 3px;font-size:14px}
.myaccount-tenancy-empty p{margin:0;color:var(--muted);font-size:11px}
.myaccount-package-section{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.myaccount-package-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.myaccount-package-section-head h2{margin:3px 0 5px;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.myaccount-package-section-head p{max-width:760px;margin:0;color:var(--muted);font-size:12px}
.myaccount-package-secure{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid #cfe0ff;border-radius:999px;background:#f5f9ff;color:#245da8;font-size:9px;font-weight:750;white-space:nowrap}
.myaccount-package-secure svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.myaccount-package-assurance{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px 15px;border:1px solid #dbe7f8;border-radius:13px;background:linear-gradient(90deg,#f8fbff,#fff)}
.myaccount-package-assurance__icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:var(--blue)}
.myaccount-package-assurance__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.myaccount-package-assurance>div{display:grid;gap:2px}
.myaccount-package-assurance strong{font-size:11px}
.myaccount-package-assurance span{color:var(--muted);font-size:10px}
.myaccount-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.myaccount-package-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100%;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.myaccount-package-card:hover{transform:translateY(-2px);border-color:#c9d9f3;box-shadow:0 18px 38px rgba(16,24,40,.09)}
.myaccount-package-card.is-current{border-color:#a8c5ff;box-shadow:0 14px 34px rgba(23,105,255,.1)}
.myaccount-package-accent{height:4px;background:linear-gradient(90deg,var(--blue),#5f8fff,#8baeff)}
.myaccount-package-card.is-current .myaccount-package-accent{background:linear-gradient(90deg,#079455,#32c48d,#79ddb6)}
.myaccount-package-body{display:flex;flex:1;flex-direction:column;gap:16px;padding:21px}
.myaccount-package-top{display:flex;align-items:flex-start;gap:13px}
.myaccount-package-icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#eaf2ff,#f6f9ff);color:var(--blue);box-shadow:inset 0 0 0 1px rgba(23,105,255,.08)}
.myaccount-package-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.myaccount-package-heading{min-width:0;flex:1}
.myaccount-package-heading__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.myaccount-package-category{display:block;overflow:hidden;color:#526784;font-size:9px;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.myaccount-package-heading h2{margin:0;color:var(--ink);font-size:18px;line-height:1.25;letter-spacing:-.02em}
.myaccount-package-description{display:-webkit-box;min-height:52px;margin:0;overflow:hidden;color:#667085;font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.myaccount-package-price{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}
.myaccount-package-price>div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:6px}
.myaccount-package-price>div>span{grid-column:1/-1;margin-bottom:1px;color:#8a94a6;font-size:9px;font-weight:700;text-transform:uppercase}
.myaccount-package-price strong{color:#101828;font-size:24px;line-height:1;letter-spacing:-.035em}
.myaccount-package-price small{color:#7a8494;font-size:10px}
.myaccount-package-trial{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:#e9f8f0;color:#087443;font-size:9px;font-weight:800;white-space:nowrap}
.myaccount-package-yearly{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-7px;padding:9px 10px;border-radius:10px;background:#f7f9fc;color:#667085;font-size:9px}
.myaccount-package-yearly strong{color:#245da8}
.myaccount-package-features{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.myaccount-package-features li{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;color:#475467;font-size:10px}
.myaccount-package-features li>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eaf8f0;color:#087443;font-size:10px;font-weight:900}
.myaccount-package-features svg{width:17px;height:17px;padding:3px;border-radius:50%;background:#eaf8f0;color:#087443;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.myaccount-package-actions{display:grid;gap:8px;margin-top:auto;padding-top:4px}
.myaccount-package-button{width:100%;gap:8px}
.myaccount-package-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.myaccount-package-button.is-disabled{cursor:not-allowed;opacity:.72}
.myaccount-package-yearly-link{justify-self:center;color:var(--blue);font-size:9px;font-weight:750;text-decoration:none}
.myaccount-package-yearly-link:hover{text-decoration:underline;text-underline-offset:3px}
.myaccount-package-empty{grid-column:1/-1;padding:22px}
.myaccount-package-empty h2{margin:0 0 4px;font-size:14px}
.myaccount-package-empty p{margin:0;color:var(--muted);font-size:11px}
@media(max-width:1180px){.myaccount-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.myaccount-package-section-head{align-items:flex-start;flex-direction:column}.myaccount-package-secure{white-space:normal}.myaccount-package-grid{grid-template-columns:1fr}.myaccount-package-assurance{align-items:flex-start}.myaccount-tenancy-heading-statuses{justify-content:flex-start}.myaccount-package-description{min-height:0}}
@media(max-width:560px){.myaccount-tenancy-empty{align-items:flex-start}.myaccount-package-body{padding:17px}.myaccount-package-price{align-items:flex-start;flex-direction:column}.myaccount-package-trial{align-self:flex-start}.myaccount-package-heading__meta{align-items:flex-start;flex-direction:column}.myaccount-package-category{white-space:normal}}
/* BRITIXO_MYACCOUNT_TENANCY_PACKAGES_V1_CSS_END */
/* BRITIXO_MYACCOUNT_RECURRING_SUBSCRIPTIONS_V1_START */
#subscriptions .subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;max-width:1280px}
#subscriptions .myaccount-recurring-subscription{min-width:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
#subscriptions .myaccount-subscription-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:13px;padding:22px 22px 14px}
#subscriptions .myaccount-subscription-head h2{margin:4px 0 0;font-size:18px;line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}
#subscriptions .myaccount-subscription-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eef4ff;color:var(--blue)}
#subscriptions .myaccount-subscription-icon.is-saas{background:#eaf8f1;color:var(--green)}
#subscriptions .myaccount-subscription-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#subscriptions .myaccount-subscription-price{display:flex;align-items:baseline;gap:9px;padding:0 22px 17px;border-bottom:1px solid #edf0f4}
#subscriptions .myaccount-subscription-price strong{font-size:26px;line-height:1;letter-spacing:-.035em;color:#101828}
#subscriptions .myaccount-subscription-price span{color:#667085;font-size:11px;font-weight:650}
#subscriptions .myaccount-subscription-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:10px 22px 16px}
#subscriptions .myaccount-subscription-meta div{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #edf0f4}
#subscriptions .myaccount-subscription-meta div:nth-last-child(-n+2){border-bottom:0}
#subscriptions .myaccount-subscription-meta dt{color:#98a2b3;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
#subscriptions .myaccount-subscription-meta dd{margin:0;color:#344054;font-size:11px;font-weight:700;overflow-wrap:anywhere}
#subscriptions .myaccount-subscription-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:auto;padding:0 22px 22px}
#subscriptions .myaccount-subscription-actions .button{flex:0 1 auto}
#subscriptions .myaccount-recurring-subscription.is-saas{border-color:#cfe9db}
#subscriptions .myaccount-recurring-subscription-empty,#subscriptions .myaccount-subscription-loading{padding:24px;max-width:620px}
#subscriptions .myaccount-recurring-subscription-empty>.myaccount-subscription-icon{margin-bottom:14px}
@media(max-width:700px){#subscriptions .subscription-grid{grid-template-columns:1fr}#subscriptions .myaccount-subscription-head{grid-template-columns:42px minmax(0,1fr)}#subscriptions .myaccount-subscription-head>.status{grid-column:2;justify-self:start}#subscriptions .myaccount-subscription-meta{grid-template-columns:1fr}#subscriptions .myaccount-subscription-meta div{border-bottom:1px solid #edf0f4!important}#subscriptions .myaccount-subscription-meta div:last-child{border-bottom:0!important}#subscriptions .myaccount-subscription-actions{flex-direction:column;align-items:stretch}#subscriptions .myaccount-subscription-actions .button{width:100%}}
/* BRITIXO_MYACCOUNT_RECURRING_SUBSCRIPTIONS_V1_END */


/* BRITIXO_MYACCOUNT_TENANCY_INLINE_2FA_V1_CSS_START */

.myaccount-tenancy-security-heading{
    align-items:flex-end
}

.myaccount-tenancy-security-note{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 18px;
    padding:15px 17px;
    border:1px solid #cfe0ff;
    border-radius:14px;
    background:linear-gradient(
        135deg,
        #f4f8ff 0%,
        #fff 100%
    )
}

.myaccount-tenancy-security-note__icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#e8f1ff;
    color:var(--blue)
}

.myaccount-tenancy-security-note__icon svg,
.myaccount-tenancy-security-card__icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round
}

.myaccount-tenancy-security-note>div{
    display:grid;
    gap:2px
}

.myaccount-tenancy-security-note strong{
    font-size:12px;
    color:#163e79
}

.myaccount-tenancy-security-note span{
    color:#5d6f88;
    font-size:10px
}

.myaccount-tenancy-security-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    max-width:980px
}

.myaccount-tenancy-security-card{
    display:flex;
    flex-direction:column;
    min-height:270px;
    padding:22px;
    border-color:#dbe4ef;
    box-shadow:0 12px 32px rgba(16,24,40,.055)
}

.myaccount-tenancy-security-card__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:20px
}

.myaccount-tenancy-security-card__icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px
}

.myaccount-tenancy-security-card__icon.is-whatsapp{
    background:#e8f8ef;
    color:#087443
}

.myaccount-tenancy-security-card__icon.is-authenticator{
    background:#eaf2ff;
    color:var(--blue)
}

.myaccount-tenancy-security-card__copy{
    flex:1
}

.myaccount-tenancy-security-card h2{
    margin:4px 0 8px;
    font-size:19px;
    letter-spacing:-.02em
}

.myaccount-tenancy-security-card p{
    margin:0;
    color:#667085;
    font-size:11px;
    line-height:1.65
}

.myaccount-tenancy-security-card p strong{
    color:#344054
}

.myaccount-tenancy-security-action{
    width:100%;
    gap:8px;
    margin-top:20px
}

.myaccount-tenancy-security-action:disabled{
    cursor:not-allowed;
    opacity:.55;
    transform:none!important;
    box-shadow:none!important
}

.myaccount-tenancy-security-secondary{
    display:inline-flex;
    justify-content:center;
    margin-top:10px;
    color:var(--blue);
    font-size:10px;
    font-weight:700;
    text-decoration:none
}

.myaccount-tenancy-security-setup-card{
    max-width:980px;
    margin-top:18px;
    padding:22px;
    border-color:#cfe0ff
}

.myaccount-tenancy-security-setup-card__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:12px
}

.myaccount-tenancy-security-setup-card h2{
    margin:3px 0 0;
    font-size:17px
}

.myaccount-tenancy-security-setup-card>p{
    margin:0 0 16px;
    color:#667085;
    font-size:11px
}

.myaccount-tenancy-security-form{
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto;
    gap:10px;
    align-items:end;
    max-width:590px
}

.myaccount-tenancy-security-form label{
    grid-column:1/-1;
    color:#344054;
    font-size:10px;
    font-weight:700
}

.myaccount-tenancy-security-form input{
    width:100%;
    min-height:42px;
    padding:9px 12px;
    border:1px solid #d8dee8;
    border-radius:10px;
    background:#fff;
    color:#101828;
    outline:none;
    letter-spacing:.18em;
    font-weight:700
}

.myaccount-tenancy-security-form input:focus{
    border-color:#84adff;
    box-shadow:0 0 0 3px #e8f0ff
}

.myaccount-tenancy-security-totp{
    display:grid;
    grid-template-columns:190px 1fr;
    gap:22px;
    align-items:center
}

.myaccount-tenancy-security-totp img{
    display:block;
    width:190px;
    height:190px;
    border:1px solid #e1e7ef;
    border-radius:14px;
    background:#fff;
    padding:8px
}

.myaccount-tenancy-security-totp p{
    margin:0 0 12px;
    color:#667085;
    font-size:11px
}

.myaccount-tenancy-security-secret code{
    display:inline-block;
    margin-left:5px;
    padding:4px 7px;
    border-radius:6px;
    background:#f2f4f7;
    color:#344054;
    font-size:10px;
    word-break:break-all
}

.myaccount-tenancy-security-success{
    display:flex;
    align-items:center;
    gap:13px;
    max-width:980px;
    margin-top:18px;
    padding:17px 19px;
    border-color:#b7e4cb;
    background:#f1fbf5
}

.myaccount-tenancy-security-success>span{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#dff5e8;
    color:#087443;
    font-size:18px;
    font-weight:800
}

.myaccount-tenancy-security-success strong{
    font-size:12px;
    color:#08653c
}

.myaccount-tenancy-security-success p{
    margin:2px 0 0;
    color:#47705c;
    font-size:10px
}

.myaccount-tenancy-security-loading{
    display:flex;
    align-items:center;
    gap:13px;
    max-width:620px;
    padding:18px
}

.myaccount-tenancy-security-loading__dot{
    width:11px;
    height:11px;
    border-radius:50%;
    background:var(--blue);
    box-shadow:0 0 0 6px #e8f0ff
}

.myaccount-tenancy-security-loading>div{
    display:grid;
    gap:2px
}

.myaccount-tenancy-security-loading strong{
    font-size:12px
}

.myaccount-tenancy-security-loading span{
    color:#667085;
    font-size:10px
}

@media(max-width:760px){
    .myaccount-tenancy-security-options{
        grid-template-columns:1fr
    }

    .myaccount-tenancy-security-totp{
        grid-template-columns:1fr
    }

    .myaccount-tenancy-security-form{
        grid-template-columns:1fr
    }

    .myaccount-tenancy-security-form label{
        grid-column:auto
    }

    .myaccount-tenancy-security-form .button{
        width:100%
    }

    .myaccount-tenancy-security-setup-card__head{
        flex-direction:column
    }

    .myaccount-tenancy-security-totp img{
        width:170px;
        height:170px
    }

    .myaccount-tenancy-security-note{
        align-items:flex-start
    }
}

/* BRITIXO_MYACCOUNT_TENANCY_INLINE_2FA_V1_CSS_END */

/* BRITIXO_MYACCOUNT_OFFICIAL_LETTERS_CSS_V5 */

.official-letters-page-heading{
    align-items:flex-start
}

.official-letters-count-card{
    min-width:145px;
    padding:15px 18px;
    border:1px solid #e4e7ec;
    border-radius:14px;
    background:#fff;
    box-shadow:0 8px 26px rgba(16,24,40,.05)
}

.official-letters-count-card span{
    display:block;
    margin-bottom:4px;
    color:#667085;
    font-size:10px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase
}

.official-letters-count-card strong{
    display:block;
    color:#101828;
    font-size:27px;
    line-height:1.15
}

.official-letters-card{
    padding:0;
    overflow:hidden
}

.official-letters-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 22px;
    border-bottom:1px solid #eaecf0
}

.official-letters-search{
    position:relative;
    width:min(560px,100%);
    margin:0
}

.official-letters-search svg{
    position:absolute;
    top:50%;
    left:14px;
    width:18px;
    height:18px;
    transform:translateY(-50%);
    fill:none;
    stroke:#667085;
    stroke-width:1.8
}

.official-letters-search input{
    width:100%;
    height:44px;
    padding:0 15px 0 43px;
    border:1px solid #d0d5dd;
    border-radius:10px;
    outline:none;
    background:#fff;
    color:#101828;
    font:inherit;
    transition:
        border-color .16s ease,
        box-shadow .16s ease
}

.official-letters-search input:focus{
    border-color:var(--blue,#2563eb);
    box-shadow:0 0 0 3px rgba(37,99,235,.11)
}

.official-letters-page-size{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0;
    color:#667085;
    font-size:11px;
    white-space:nowrap
}

.official-letters-page-size select{
    height:38px;
    padding:0 28px 0 10px;
    border:1px solid #d0d5dd;
    border-radius:8px;
    background:#fff;
    color:#344054;
    font:inherit
}

.official-letters-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    min-height:44px;
    padding:10px 22px;
    border-bottom:1px solid #eaecf0;
    background:#f9fafb;
    color:#667085;
    font-size:10px
}

.official-letters-secure{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#475467;
    font-weight:700
}

.official-letters-secure svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8
}

.official-letters-alert{
    margin:16px 22px 0;
    padding:11px 13px;
    border:1px solid #b2ddff;
    border-radius:8px;
    background:#eff8ff;
    color:#175cd3;
    font-size:11px
}

.official-letters-alert[data-state="error"]{
    border-color:#fecdca;
    background:#fef3f2;
    color:#b42318
}

.official-letters-table-wrap{
    margin:0
}

.official-letters-table{
    width:100%;
    border-collapse:collapse
}

.official-letters-table th{
    padding:13px 18px;
    border-bottom:1px solid #eaecf0;
    background:#fff;
    color:#667085;
    font-size:9px;
    font-weight:800;
    letter-spacing:.045em;
    text-align:left;
    text-transform:uppercase;
    white-space:nowrap
}

.official-letters-table td{
    padding:17px 18px;
    border-bottom:1px solid #f0f2f5;
    color:#344054;
    font-size:11px;
    vertical-align:middle
}

.official-letters-table tbody tr{
    transition:background .15s ease
}

.official-letters-table tbody tr:hover{
    background:#fbfcfe
}

.official-letter-reference{
    display:inline-flex;
    padding:5px 8px;
    border:1px solid #e4e7ec;
    border-radius:7px;
    background:#f9fafb;
    color:#344054;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;
    font-size:10px;
    font-weight:700;
    white-space:nowrap
}

.official-letter-subject{
    max-width:520px;
    color:#101828;
    font-size:11px;
    font-weight:700;
    line-height:1.5
}

.official-letter-datetime{
    color:#475467;
    font-size:10px;
    font-variant-numeric:tabular-nums;
    white-space:nowrap
}

.official-letters-pdf-heading,
.official-letter-pdf-cell{
    text-align:right!important
}

.official-letter-actions{
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px
}

.official-letter-view,
.official-letter-download{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    border:1px solid #d0d5dd;
    border-radius:8px;
    background:#fff;
    color:#344054;
    font-size:10px;
    font-weight:800;
    text-decoration:none!important;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease
}

.official-letter-view{
    gap:6px;
    padding:0 11px
}

.official-letter-download{
    width:36px
}

.official-letter-view:hover,
.official-letter-download:hover{
    border-color:#b2ccff;
    color:#175cd3;
    box-shadow:0 5px 15px rgba(16,24,40,.07);
    transform:translateY(-1px)
}

.official-letter-view svg,
.official-letter-download svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8
}

.official-letter-view svg{
    color:#d92d20
}

.official-letter-pdf-unavailable{
    color:#98a2b3;
    font-size:9px
}

.official-letters-loading,
.official-letters-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:180px;
    color:#667085
}

.official-letters-empty{
    flex-direction:column;
    text-align:center
}

.official-letters-empty strong{
    color:#344054;
    font-size:12px
}

.official-letters-empty>span:last-child{
    max-width:430px;
    color:#667085;
    font-size:10px;
    line-height:1.5
}

.official-letters-empty-icon{
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border-radius:12px;
    background:#f2f4f7;
    color:#667085;
    font-size:18px
}

.official-letters-spinner{
    width:17px;
    height:17px;
    border:2px solid #dbeafe;
    border-top-color:var(--blue,#2563eb);
    border-radius:50%;
    animation:
        britixoOfficialLettersSpin
        .7s linear infinite
}

@keyframes britixoOfficialLettersSpin{
    to{
        transform:rotate(360deg)
    }
}

.official-letters-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    min-height:62px;
    padding:13px 22px;
    border-top:1px solid #eaecf0;
    color:#667085;
    font-size:10px
}

.official-letters-pagination{
    display:flex;
    align-items:center;
    gap:5px
}

.official-letter-page-button,
.official-letter-page-number{
    min-width:34px;
    height:34px;
    padding:0 9px;
    border:1px solid #d0d5dd;
    border-radius:7px;
    background:#fff;
    color:#475467;
    font:inherit;
    font-size:10px;
    font-weight:700;
    cursor:pointer
}

.official-letter-page-number{
    padding:0
}

.official-letter-page-number.is-active{
    border-color:var(--blue,#2563eb);
    background:var(--blue,#2563eb);
    color:#fff
}

.official-letter-page-button:hover:not(:disabled),
.official-letter-page-number:hover:not(:disabled){
    border-color:#84adff
}

.official-letter-page-button:disabled{
    opacity:.45;
    cursor:default
}

.official-letter-page-gap{
    padding:0 3px;
    color:#98a2b3
}

@media(max-width:900px){
    .official-letters-page-heading,
    .official-letters-toolbar,
    .official-letters-footer{
        align-items:stretch;
        flex-direction:column
    }

    .official-letters-count-card{
        width:100%
    }

    .official-letters-search{
        width:100%;
        max-width:none
    }

    .official-letters-page-size{
        justify-content:flex-end
    }

    .official-letters-summary{
        align-items:flex-start;
        flex-direction:column
    }

    .official-letters-pagination{
        max-width:100%;
        overflow-x:auto;
        padding-bottom:2px
    }
}

@media(max-width:640px){
    .official-letters-toolbar,
    .official-letters-summary,
    .official-letters-footer{
        padding-left:14px;
        padding-right:14px
    }

    .official-letters-alert{
        margin-left:14px;
        margin-right:14px
    }

    .official-letters-table th,
    .official-letters-table td{
        padding-left:12px;
        padding-right:12px
    }
}

/* BRITIXO_MYACCOUNT_OFFICIAL_LETTERS_CSS_V5_END */


/* BRITIXO_MYACCOUNT_PACKAGE_CATEGORY_FILTER_V2_CSS_START */

.myaccount-package-category-filter{
    max-width:760px;
    margin:20px 0 18px
}

.myaccount-package-category-filter__intro{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:10px
}

.myaccount-package-category-filter__intro h3{
    margin:3px 0 3px;
    color:#101828;
    font-size:15px;
    line-height:1.3;
    letter-spacing:-.015em
}

.myaccount-package-category-filter__intro p:not(.card-kicker){
    max-width:590px;
    margin:0;
    color:#667085;
    font-size:10px;
    line-height:1.55
}

.myaccount-package-category-filter__result{
    flex:0 0 auto;
    padding:5px 9px;
    border:1px solid #d8e5fa;
    border-radius:999px;
    background:#f5f9ff;
    color:#36547f;
    font-size:9px;
    font-weight:750;
    white-space:nowrap
}

.myaccount-package-category-control{
    position:relative;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 22px;
    align-items:center;
    gap:13px;
    min-height:74px;
    padding:11px 15px;
    border:1px solid #d5dfed;
    border-radius:15px;
    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #f8fbff 100%
        );
    box-shadow:
        0 8px 24px rgba(16,24,40,.05);
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease
}

.myaccount-package-category-control:hover{
    border-color:#abc6f7;
    box-shadow:
        0 13px 32px rgba(23,105,255,.09);
    transform:translateY(-1px)
}

.myaccount-package-category-control:focus-within{
    border-color:#84adff;
    box-shadow:
        0 0 0 3px #e8f0ff,
        0 13px 32px rgba(23,105,255,.09)
}

.myaccount-package-category-control__icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#eaf2ff;
    color:var(--blue)
}

.myaccount-package-category-control__icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round
}

.myaccount-package-category-control__field{
    min-width:0;
    display:grid;
    gap:3px
}

.myaccount-package-category-control__field>span{
    color:#7b8798;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase
}

.myaccount-package-category-control__field select{
    width:100%;
    min-width:0;
    appearance:none;
    -webkit-appearance:none;
    padding:0 8px 0 0;
    border:0;
    outline:0;
    background:transparent;
    color:#172033;
    font:inherit;
    font-size:13px;
    font-weight:750;
    line-height:1.35;
    cursor:pointer
}

.myaccount-package-category-control__field select option{
    color:#172033;
    background:#fff;
    font-weight:600
}

.myaccount-package-category-control__chevron{
    display:grid;
    place-items:center;
    color:#667085;
    pointer-events:none
}

.myaccount-package-category-control__chevron svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}

.myaccount-package-card[hidden]{
    display:none!important
}

@media(max-width:760px){
    .myaccount-package-category-filter{
        max-width:none
    }

    .myaccount-package-category-filter__intro{
        align-items:flex-start;
        flex-direction:column;
        gap:8px
    }
}

@media(max-width:520px){
    .myaccount-package-category-control{
        grid-template-columns:42px minmax(0,1fr) 18px;
        gap:10px;
        min-height:68px;
        padding:10px 12px
    }

    .myaccount-package-category-control__icon{
        width:42px;
        height:42px
    }

    .myaccount-package-category-control__field select{
        font-size:12px
    }
}

/* BRITIXO_MYACCOUNT_PACKAGE_CATEGORY_FILTER_V2_CSS_END */

/* BRITIXO_MYACCOUNT_OFFICIAL_LETTERS_SECURE_ACTIONS_CSS_V6 */

.official-letters-signature-heading{
    min-width:150px
}

.official-letter-signature-cell{
    min-width:165px
}

.official-signature-state{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px
}

.official-signature-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    border-radius:999px;
    font-size:9px;
    font-weight:800;
    white-space:nowrap
}

.official-signature-status.is-neutral{
    background:#f2f4f7;
    color:#667085
}

.official-signature-status.is-signed{
    background:#ecfdf3;
    color:#027a48
}

.official-signature-status.is-required{
    border:1px solid #fedf89;
    background:#fffaeb;
    color:#b54708
}

.official-signature-status.is-required i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#f79009;
    box-shadow:0 0 0 4px rgba(247,144,9,.13);
    animation:officialSignaturePulse 1.7s ease-in-out infinite
}

@keyframes officialSignaturePulse{
    0%,100%{
        box-shadow:0 0 0 3px rgba(247,144,9,.10)
    }

    50%{
        box-shadow:0 0 0 7px rgba(247,144,9,.03)
    }
}

.official-signature-state small{
    color:#667085;
    font-size:9px
}

.official-signature-action-copy{
    color:#b54708!important;
    font-weight:700
}

.official-signature-reminder{
    display:flex;
    align-items:center;
    gap:13px;
    margin:15px 21px 0;
    padding:14px 16px;
    border:1px solid #fedf89;
    border-radius:11px;
    background:#fffaeb;
    box-shadow:0 5px 16px rgba(181,71,8,.05);
    color:#7a2e0e
}

.official-signature-reminder[hidden]{
    display:none!important
}

.official-signature-reminder__icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f79009;
    color:#fff;
    font-size:16px;
    font-weight:900
}

.official-signature-reminder__copy{
    display:grid;
    gap:3px
}

.official-signature-reminder__copy strong{
    color:#93370d;
    font-size:11px
}

.official-signature-reminder__copy span{
    color:#b54708;
    font-size:10px;
    line-height:1.5
}

.official-letter-actions{
    flex-wrap:wrap;
    min-width:290px
}

.official-letter-secondary-action,
.official-letter-sign-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:36px;
    padding:0 10px;
    border:1px solid #d0d5dd;
    border-radius:8px;
    background:#fff;
    color:#344054;
    font:inherit;
    font-size:10px;
    font-weight:800;
    text-decoration:none!important;
    cursor:pointer;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease
}

.official-letter-secondary-action:hover{
    border-color:#b2ccff;
    color:#175cd3;
    box-shadow:0 5px 15px rgba(16,24,40,.07);
    transform:translateY(-1px)
}

.official-letter-sign-action{
    border-color:#f79009;
    background:#f79009;
    color:#fff
}

.official-letter-sign-action:hover{
    border-color:#dc6803;
    background:#dc6803;
    color:#fff;
    box-shadow:0 5px 15px rgba(181,71,8,.16);
    transform:translateY(-1px)
}

.official-letter-sign-action.is-signed{
    border-color:#12b76a;
    background:#ecfdf3;
    color:#027a48
}

.official-letter-sign-action.is-signed:hover{
    border-color:#12b76a;
    background:#d1fadf;
    color:#027a48
}

body.official-signature-modal-open{
    overflow:hidden
}

.official-signature-modal{
    position:fixed;
    z-index:100000;
    inset:0
}

.official-signature-modal[hidden]{
    display:none!important
}

.official-signature-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.62);
    backdrop-filter:blur(3px)
}

.official-signature-modal__dialog{
    position:absolute;
    top:4vh;
    left:50%;
    display:flex;
    flex-direction:column;
    width:min(980px,calc(100vw - 34px));
    height:min(92vh,900px);
    transform:translateX(-50%);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.22);
    border-radius:17px;
    background:#fff;
    box-shadow:0 30px 90px rgba(15,23,42,.30)
}

.official-signature-modal__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:17px 20px;
    border-bottom:1px solid #eaecf0;
    background:#fff
}

.official-signature-modal__header>div{
    display:grid;
    gap:2px
}

.official-signature-modal__eyebrow{
    color:#175cd3;
    font-size:9px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase
}

.official-signature-modal__header h2{
    margin:0;
    color:#101828;
    font-size:18px
}

.official-signature-modal__header p{
    margin:2px 0 0;
    color:#667085;
    font-size:10px
}

.official-signature-modal.is-complete
.official-signature-modal__header p{
    color:#027a48;
    font-weight:700
}

.official-signature-modal__close{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    padding:0;
    border:1px solid #e4e7ec;
    border-radius:9px;
    background:#fff;
    color:#475467;
    font-size:22px;
    cursor:pointer
}

.official-signature-modal__close:hover{
    background:#f9fafb;
    color:#101828
}

.official-signature-modal__body{
    flex:1 1 auto;
    min-height:0;
    background:#f8fafc
}

.official-signature-modal__body iframe{
    display:block;
    width:100%;
    height:100%;
    border:0;
    background:#fff
}

.official-signature-modal__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:11px 18px;
    border-top:1px solid #eaecf0;
    background:#fff;
    color:#667085;
    font-size:9px
}

.official-signature-modal__footer>div{
    display:flex;
    align-items:center;
    gap:8px
}

.official-signature-modal__external,
.official-signature-modal__done{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 11px;
    border:1px solid #d0d5dd;
    border-radius:8px;
    background:#fff;
    color:#344054;
    font:inherit;
    font-size:9px;
    font-weight:800;
    text-decoration:none!important;
    cursor:pointer
}

.official-signature-modal__done{
    border-color:#175cd3;
    background:#175cd3;
    color:#fff
}

@media(max-width:760px){
    .official-signature-reminder{
        align-items:flex-start;
        margin-left:14px;
        margin-right:14px
    }

    .official-signature-modal__dialog{
        top:12px;
        width:calc(100vw - 18px);
        height:calc(100vh - 24px);
        border-radius:14px
    }

    .official-signature-modal__header{
        padding:14px
    }

    .official-signature-modal__footer{
        align-items:stretch;
        flex-direction:column;
        padding:10px 14px
    }

    .official-signature-modal__footer>div{
        width:100%
    }

    .official-signature-modal__external,
    .official-signature-modal__done{
        flex:1
    }

    .official-letter-actions{
        min-width:240px
    }
}

/* BRITIXO_MYACCOUNT_OFFICIAL_LETTERS_SECURE_ACTIONS_CSS_V6_END */


/* BRITIXO_MYACCOUNT_TENANCY_LICENCE_UI_V1 */
#tenancies .myaccount-tenancy-grid{grid-template-columns:repeat(auto-fit,minmax(340px,520px));align-items:stretch;margin-top:18px}
#tenancies .myaccount-workspace-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;min-height:310px;padding:24px;border:1px solid #c9d9ef;background:linear-gradient(145deg,#fff 0%,#f8fbff 72%,#eef5ff 100%);box-shadow:0 18px 45px rgba(18,52,91,.09)}
#tenancies .myaccount-workspace-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1769ff,#26c6a3)}
#tenancies .myaccount-workspace-card__top{display:flex;align-items:center;justify-content:space-between;gap:18px}
#tenancies .myaccount-workspace-card__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#1769ff;background:#eaf2ff;box-shadow:inset 0 0 0 1px #d6e5ff}
#tenancies .myaccount-workspace-card__icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#tenancies .myaccount-workspace-card .status i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#18a66a;box-shadow:0 0 0 4px rgba(24,166,106,.12)}
#tenancies .myaccount-workspace-card__copy{display:grid;gap:6px}
#tenancies .myaccount-workspace-card__copy h2{font-size:25px;letter-spacing:-.035em}
#tenancies .myaccount-workspace-card__slug{color:#52637a;font-size:12px;font-weight:700}
#tenancies .myaccount-workspace-card__assurance{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #d8e7f8;border-radius:14px;background:rgba(255,255,255,.76)}
#tenancies .myaccount-workspace-card__assurance>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#dcf7ea;color:#087a4c;font-size:12px;font-weight:900}
#tenancies .myaccount-workspace-card__assurance div{display:grid;gap:3px}
#tenancies .myaccount-workspace-card__assurance strong{font-size:12px;color:#1d2939}
#tenancies .myaccount-workspace-card__assurance small{color:#667085;font-size:10px;line-height:1.55}
#tenancies .myaccount-workspace-card__action{width:100%;justify-content:center;margin-top:auto}
#subscriptions .myaccount-licence-banner{display:flex;align-items:center;gap:11px;margin:0 22px 17px;padding:13px 14px;border:1px solid #c9ead9;border-radius:13px;background:#f0fbf6;color:#11633f}
#subscriptions .myaccount-licence-banner.is-due,#subscriptions .myaccount-licence-banner.is-trial{border-color:#f2d59e;background:#fff9eb;color:#815514}
#subscriptions .myaccount-licence-banner.is-expired{border-color:#f1b8b8;background:#fff4f4;color:#9a2d2d}
#subscriptions .myaccount-licence-banner__mark{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:currentColor;color:#fff;font-size:12px;font-weight:900}
#subscriptions .myaccount-licence-banner>div{display:grid;gap:2px;min-width:0}
#subscriptions .myaccount-licence-banner strong{font-size:12px}
#subscriptions .myaccount-licence-banner span{font-size:10px;line-height:1.45}
#subscriptions .button--licence{border:1px solid #0b8f62;background:#087a55;color:#fff;box-shadow:0 10px 24px rgba(8,122,85,.18)}
#subscriptions .button--licence:hover{background:#066947;color:#fff}
#subscriptions .myaccount-subscription-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
#subscriptions .myaccount-subscription-meta div:nth-last-child(-n+3){border-bottom:0}
@media(max-width:850px){#subscriptions .myaccount-subscription-meta{grid-template-columns:repeat(2,minmax(0,1fr))}#subscriptions .myaccount-subscription-meta div{border-bottom:1px solid #edf0f4!important}#subscriptions .myaccount-subscription-meta div:nth-last-child(-n+2){border-bottom:0!important}}
@media(max-width:560px){#tenancies .myaccount-tenancy-grid{grid-template-columns:1fr}#tenancies .myaccount-workspace-card{min-height:0;padding:20px}#subscriptions .myaccount-subscription-meta{grid-template-columns:1fr}#subscriptions .myaccount-subscription-meta div{border-bottom:1px solid #edf0f4!important}#subscriptions .myaccount-subscription-meta div:last-child{border-bottom:0!important}#subscriptions .myaccount-licence-banner{margin-left:16px;margin-right:16px}}