/* All approved portal pages share the same navy, blue and gold workspace. */
.approved-portal{--ink:#081e50;--line:#d9e7f7;background:linear-gradient(120deg,#edf6ff,#f8fbff);font-family:Arial,'Segoe UI',sans-serif}
.approved-portal>aside{width:230px;padding:18px 14px;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:linear-gradient(145deg,#052747,#00182e)}
.approved-portal>aside #nav{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#284668 transparent}
.approved-portal>aside .platform-brand-panel{flex-shrink:0}.approved-portal>aside .rolebox{flex-shrink:0;border-top:1px solid #274561;margin-top:14px;padding-top:14px}
.approved-portal #nav :is(a.sidebar-link,button){display:flex;align-items:center;gap:11px;text-align:left;width:100%;font-size:13px;line-height:1.4;min-height:42px;padding:10px 12px;color:#f5f9ff;border:1px solid transparent;background:transparent}
.approved-portal #nav svg{height:19px;width:19px;flex-shrink:0}.approved-portal #nav .active{background:#0060ec!important;border-color:#328aff!important;box-shadow:inset 4px 0 #ffc947}
.nav-group-title{font-size:10px;letter-spacing:.65px;color:#a7ceef;padding:19px 10px 8px}.workspace-role{position:absolute;right:28px;top:32px;z-index:2;font-size:11px;font-weight:700;color:#7b4900;background:#fff9ec;border:1px solid #efc266;border-radius:7px;padding:8px 12px}
.approved-portal .service-switch{padding-right:180px;min-height:76px}.approved-portal .service-switch .page-tabs{gap:8px}.approved-portal .service-switch :is(button,a){font-size:12px;white-space:nowrap}.approved-portal [data-service-mode=AUTOPAY]{background:#f4f8ff;color:#09346c}
.approved-portal[data-workspace=AUTOPAY] .service-route{background:#f4f8ff!important;color:#09346c!important;box-shadow:none!important;border-color:#dbe6f5!important}.approved-portal[data-workspace=AUTOPAY] .service-route[data-service-mode=AUTOPAY]{background:#005bf0!important;color:white!important;border-color:#efb72c!important}
.approved-portal>main{min-width:0;padding:22px 26px 35px}.approved-portal .management-head{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:5px 0 18px;margin:0}.approved-portal .management-head h2{font-size:27px;margin:0 0 7px;letter-spacing:-.5px}.approved-portal .management-head p{color:#536c93;font-size:13px;line-height:1.6;margin:0}
.approved-portal main article{background:#fff;border:1px solid var(--line);box-shadow:0 3px 12px #18386608;border-radius:12px;padding:20px;min-width:0}.approved-portal main h3{font-size:17px;line-height:1.4;margin:0 0 14px}.approved-portal main p{line-height:1.65}.approved-portal main :is(input,select,textarea){font-size:14px;border-radius:7px;min-height:42px;max-width:100%}.approved-portal main input[type=checkbox]{min-height:0}.approved-portal main button:not(.secondary):not(.danger):not(.gst-stat-card){background:#0059ee;color:white;border-color:#0059ee}.approved-portal main button{min-height:40px;padding:10px 14px;line-height:1.35}.approved-portal main button:disabled{opacity:.5;cursor:not-allowed}
.approved-portal .tablewrap{max-height:none;min-width:0;border:1px solid #e1eaf5;border-radius:9px}.approved-portal main table{width:100%;font-size:13px}.approved-portal main :is(td,th){padding:13px 12px;vertical-align:top}.approved-portal main td small{display:block;color:#5a7093;font-size:11px;margin-top:5px;line-height:1.6}.approved-portal main td button{margin:3px 2px;font-size:12px}.approved-portal .billing-shop-picker{display:block;padding:16px;border:1px solid #cbdff8;border-left:4px solid #efbd44;border-radius:10px;background:#f2f8ff;margin-bottom:20px;font-weight:700}.approved-portal .billing-shop-picker select{display:block;width:min(100%,460px);margin-top:7px;background:#fff}.approved-portal .billing-form-grid{gap:18px}.approved-portal :is(.billing-form,.billing-settings-form) fieldset{border:1px solid #d9e7f7;border-radius:10px;padding:18px;margin:16px 0}.approved-portal legend{font-weight:700;color:#0b2b65;padding:0 8px}.approved-portal :is(.list-toolbar,.polish-toolbar,.billing-toolbar){gap:12px;padding:14px;background:#f5f9ff;border:1px solid #e2eaf6;border-radius:10px;margin-bottom:18px}.approved-portal :is(.notice,.pay-info){background:#edf6ff;border:1px solid #ccdef7;color:#254d80;border-radius:9px;padding:14px;line-height:1.7}.approved-portal .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.approved-portal .stats .card:last-child{grid-column:span 2}.approved-portal .qr-frame{width:100%;height:820px;min-height:0;border:0;background:transparent}.approved-portal .profile-proof img{object-fit:contain;filter:none}.approved-portal .approved-footer{background:white;border-top:1px solid #d9e5f5;box-shadow:0 -3px 15px #172f5210}.approved-portal .approved-footer button{background:transparent!important;color:#20416b;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;flex:1;min-width:0;padding:7px 2px;font-size:10px}.approved-footer svg{width:23px;height:23px}.approved-portal .approved-footer button span{font-size:10px;color:inherit}.approved-portal .approved-footer button[aria-current]{color:#0059ee;font-weight:700}.approved-portal .approved-footer button[aria-current] svg{stroke-width:2.4}
@media(min-width:701px) and (max-width:1100px){.approved-portal>aside{display:flex!important;position:fixed!important;transform:none!important;width:184px!important;visibility:visible!important;left:0;top:0}.approved-portal>main{margin-left:184px;width:calc(100% - 184px);padding:18px}.approved-portal .mobile-menu-toggle,.approved-portal .mobile-menu-scrim,.approved-portal .approved-footer{display:none!important}.approved-portal .platform-brand img{width:140px;height:105px}.approved-portal #nav :is(a.sidebar-link,button){font-size:12px;padding:9px;gap:8px}.approved-portal .service-switch{display:block;padding:12px}.approved-portal .service-switch>div:first-child{display:block!important;margin-bottom:8px}.workspace-role{top:22px;right:24px;padding:6px 8px;font-size:10px}.approved-portal .service-switch .page-tabs{flex-wrap:wrap}.approved-portal .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.approved-portal .gst-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-portal .dashboard-status{grid-template-columns:1fr 1fr}.approved-portal #networkSection{grid-template-columns:1fr}.approved-portal .billing-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-portal .management-head{flex-wrap:wrap}}
@media(max-width:700px){.approved-portal>main{margin-left:0;width:100%;padding:15px 12px calc(94px + env(safe-area-inset-bottom))}.approved-portal>aside{width:270px}.approved-portal .mobile-menu-toggle{background:#fff!important;color:#07306d!important;border-bottom:1px solid #dce7f5;box-shadow:none}.approved-portal .mobile-menu-toggle img{height:40px;width:155px}.workspace-role{position:static;display:table;margin:8px auto 0;font-size:10px;padding:6px 10px}.approved-portal .service-switch{min-height:0;padding:12px;margin-top:8px}.approved-portal .service-switch>div:first-child{display:block!important;margin-bottom:10px}.approved-portal .service-switch>div:first-child small{display:none}.approved-portal .service-switch .page-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.approved-portal .service-switch .page-tabs :is(a,button){padding:9px 4px;font-size:10px;min-height:38px;white-space:normal;display:grid;align-items:center;text-align:center}.approved-portal .service-switch .page-tabs .qr-collect-route{grid-column:1/-1}.approved-portal .management-head{align-items:flex-start;flex-wrap:wrap;gap:12px;padding-bottom:15px}.approved-portal .management-head h2{font-size:23px}.approved-portal .management-head p{font-size:12px}.approved-portal main article{padding:16px 13px}.approved-portal .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-portal .stats .card:last-child{grid-column:1/-1}.approved-portal .stats .card small{font-size:11px}.approved-portal .stats .card b{font-size:24px}.approved-portal .dashboard-actions h3{display:block}.approved-portal .approved-footer{display:flex!important;padding:5px 5px max(8px,env(safe-area-inset-bottom));z-index:34}.approved-portal:has(#loginGate:not(.hidden)) .approved-footer{display:none!important}.approved-portal .billing-form-grid{grid-template-columns:1fr}.approved-portal :is(.list-toolbar,.polish-toolbar,.billing-toolbar){display:flex;flex-wrap:wrap;padding:12px}.approved-portal :is(.list-toolbar,.polish-toolbar,.billing-toolbar)>label{flex:1 1 130px}.approved-portal .tablewrap:has(.approved-record-table){border:0;overflow:visible}.approved-portal table.approved-record-table{display:block;min-width:0!important}.approved-record-table thead{display:none}.approved-record-table tbody{display:grid;gap:12px}.approved-record-table tbody tr:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #dbe7f6;border-radius:10px;background:#fff}.approved-portal .approved-record-table td{display:block;padding:0!important;border:0;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:13px}.approved-record-table td:before{content:attr(data-field);display:block;color:#597399;font-size:10px;font-weight:600;margin-bottom:5px}.approved-record-table td:first-child,.approved-record-table td:last-child,.approved-record-table td[colspan]{grid-column:1/-1}.approved-record-table td:first-child{font-weight:700;color:#09295c}.approved-record-table td:last-child{border-top:1px solid #e6edf7;padding-top:10px!important}.approved-record-table td[colspan]:before{display:none}.approved-portal .approved-record-table td button{min-height:38px}.approved-portal .pay-metrics article{padding:12px 7px}.approved-portal .pay-hero h2{font-size:25px}.approved-portal .billing-shop-picker{padding:12px}.approved-portal .qr-frame{height:1000px}.approved-portal main .grid{grid-template-columns:1fr}}
@media print{.workspace-role,.approved-footer{display:none!important}.approved-portal>main{width:100%;margin:0;padding:0}}
@media(max-width:700px){.approved-portal main .device-action-stack{min-width:0;width:100%;max-width:100%}.approved-portal main .device-actions-cell{min-width:0!important}.approved-portal main .device-action-stack>*{max-width:100%;white-space:normal}.approved-portal main .approved-record-table :is(input,select,textarea){width:100%;min-width:0}.approved-portal>aside{display:none}.approved-portal.menu-open>aside{display:flex}}
@media(max-width:700px){.approved-portal #deviceControlPage .device-actions-cell{width:auto!important;min-width:0!important}.approved-portal #deviceControlPage .device-action-row{display:flex;flex-wrap:wrap}.approved-portal #deviceControlPage .device-action-row button{height:auto;min-height:40px;white-space:normal;flex:1 1 120px}.approved-portal .approved-record-table tbody,.approved-portal .approved-record-table tr{min-width:0;width:100%}}
.approved-portal #provisioningNav{background:transparent;color:#eef5ff;border:1px solid #29496b;box-shadow:none;font-size:12px;min-height:42px;padding:9px 12px;text-align:left;flex-shrink:0;margin-top:12px}.approved-portal #provisioningNav:hover{background:#06345c}.approved-portal .service-switch>.qr-service-link{color:#765008;background:#fff0c7;border:1px solid #f5d795;border-radius:7px;padding:9px 12px;font-size:12px;text-decoration:none;white-space:nowrap}.approved-portal .service-switch{flex-wrap:wrap}.approved-portal[data-portal-role=SUPER_ADMIN] #actions{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.approved-portal[data-portal-role=SUPER_ADMIN] #actions{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-portal[data-portal-role=SUPER_ADMIN] #actions button:first-child{grid-column:auto}.approved-portal .service-switch>.qr-service-link{display:inline-block;margin-top:9px}.approved-portal .mobile-menu-toggle img{width:190px;height:42px}}
.workspace-details>summary{font-size:15px;font-weight:700;color:#0b285f;cursor:pointer;display:list-item;list-style-position:inside;line-height:1.5}.workspace-details[open]>summary{margin-bottom:18px}.approved-portal .stats .card:before{content:'';width:20px;height:23px;background:#0060ef;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2h8v20H8zM10 17h4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}.approved-portal .stats .card:nth-child(1):before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 22v-5a8 8 0 0 1 16 0v5z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.approved-portal .stats .card:nth-child(3):before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12l6 7L21 4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");background:#0ca177}.approved-portal .stats .card:nth-child(4):before,.approved-portal .stats .card:nth-child(5):before,.approved-portal .stats .card:nth-child(6):before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.approved-portal .stats .card:nth-child(4):before{background:#0ca177}.approved-portal .stats .card:nth-child(5):before{background:#8a98a8}.approved-portal .stats .card:nth-child(6):before{background:#d63251}.approved-portal .stats .card:nth-child(7):before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v17H3zM3 10h18M8 2v6M16 2v6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
@media(min-width:701px){.approved-portal[data-portal-role=SUPER_ADMIN] #actions{grid-template-columns:repeat(4,minmax(0,1fr))}.approved-portal[data-portal-role=SUPER_ADMIN] #actions button:first-child{grid-column:auto}.approved-portal .dashboard-actions #actions button{font-size:12px;padding:12px 8px}}

/* Approved v0.10.37 action colours. */
.approved-portal main .gst-quick-actions button.secondary{background:#0059ee;color:#fff;border-color:#0059ee}
.approved-portal main button.finance-export,.approved-portal main button[data-export]{background:#217346!important;color:#fff!important;border-color:#217346!important}
.approved-portal main button.finance-export:hover,.approved-portal main button[data-export]:hover{background:#185c37!important;border-color:#185c37!important}