.skydne-customer-portal-page {
	--portal-control-bg: #162237;
	--portal-control-bg-hover: #1a2940;
	--portal-control-border: #40506a;
	--portal-control-border-focus: #22b8cf;
	--portal-control-text: #f1f5fb;
	--portal-control-placeholder: #9eacc0;
	--portal-control-disabled-bg: #111b2d;
	--portal-control-disabled-text: #78869a;
	--portal-primary-bg: #0b79b7;
	--portal-primary-bg-hover: #1291cf;
	--portal-primary-text: #ffffff;
	--portal-secondary-bg: #1b2a41;
	--portal-danger: #ff8290;
	--portal-focus-ring: 0 0 0 3px rgba(34, 184, 207, 0.3);
	--portal-control-radius: 8px;
	--portal-icon-primary: #b9d8e5;
	--portal-icon-muted: #9fb4c8;
	--portal-icon-accent: #63cfe0;
	--portal-icon-success: #75d69b;
	--portal-icon-warning: #e7bd69;
	--portal-icon-danger: #ee8793;
	--portal-icon-surface: rgba(34, 184, 207, 0.1);
	color-scheme: dark;
}

.skydne-customer-portal-page .skydne-ui-icon { fill:none;stroke:currentColor;color:var(--portal-icon-primary);opacity:1 }
.skydne-customer-portal-page .skh-summary-card .skydne-ui-icon { width:28px;height:28px;margin:0 0 8px;padding:4px;border:1px solid rgba(99,207,224,.16);border-radius:8px;background:var(--portal-icon-surface);color:var(--portal-icon-primary) }
.skydne-customer-portal-page .skh-summary-card.tone-cyan .skydne-ui-icon,.skydne-customer-portal-page .skh-summary-card.tone-blue .skydne-ui-icon { color:var(--portal-icon-accent) }
.skydne-customer-portal-page .skh-summary-card.tone-green .skydne-ui-icon { color:var(--portal-icon-success);background:rgba(117,214,155,.09) }
.skydne-customer-portal-page .skh-summary-card.tone-amber .skydne-ui-icon { color:var(--portal-icon-warning);background:rgba(231,189,105,.09) }
.skydne-customer-portal-page .skh-summary-card.tone-red .skydne-ui-icon { color:var(--portal-icon-danger);background:rgba(238,135,147,.09) }
.skydne-customer-portal-page .skh-summary-card :is(strong,span) { color:var(--portal-control-text)!important;opacity:1 }
.skydne-customer-portal-page :is(.skh-quick-action,.skh-company-link,.skh-support-actions a,.portal-button) .skydne-ui-icon { color:currentColor;opacity:1 }

.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-items: start;
}

.skydne-customer-portal-page .skh-portal-form label {
	display: block;
	color: var(--portal-control-placeholder);
	font-size: 12px;
	font-weight: 650;
}

.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea, .form-control) {
	width: 100%;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid var(--portal-control-border) !important;
	border-radius: var(--portal-control-radius) !important;
	background: var(--portal-control-bg) !important;
	color: var(--portal-control-text) !important;
	font: 500 13px/1.45 var(--font-stack, sans-serif);
	box-shadow: none;
	opacity: 1;
}

.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) textarea { min-height: 96px; resize: vertical; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) :is(input, textarea)::placeholder { color: var(--portal-control-placeholder) !important; font-weight: 500; opacity: 1; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) :is(input, select, textarea):hover { background: var(--portal-control-bg-hover) !important; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) :is(input, select, textarea):focus { border-color: var(--portal-control-border-focus) !important; box-shadow: var(--portal-focus-ring) !important; outline: 0; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) :is(input, select, textarea):disabled { background: var(--portal-control-disabled-bg) !important; color: var(--portal-control-disabled-text) !important; cursor: not-allowed; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) :is(input, select, textarea):invalid:not(:placeholder-shown) { border-color: var(--portal-danger) !important; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) select { color-scheme: dark; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) input[type="date"]::-webkit-calendar-picker-indicator { filter: none; opacity: 0.85; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) input[type="file"] { color: var(--portal-control-placeholder) !important; }
.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) input[type="file"]::file-selector-button { margin-right: 10px; padding: 7px 11px; border: 1px solid var(--portal-control-border); border-radius: 7px; background: var(--portal-secondary-bg); color: var(--portal-control-text); font: inherit; font-weight: 650; }

.skydne-customer-portal-page :is(.portal-button, .skh-portal-form button, form.skh-list-toolbar button, form.skh-list-toolbar a) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 40px;
	padding: 9px 14px;
	border: 1px solid var(--portal-control-border);
	border-radius: var(--portal-control-radius);
	background: var(--portal-secondary-bg) !important;
	color: var(--portal-control-text) !important;
	font: 650 13px/1.2 var(--font-stack, sans-serif);
	text-decoration: none;
	cursor: pointer;
}

.skydne-customer-portal-page :is(.portal-button--primary, .skh-portal-form button[type="submit"], form.skh-list-toolbar button[type="submit"]) { background: var(--portal-primary-bg) !important; border-color: var(--portal-primary-bg) !important; color: var(--portal-primary-text) !important; }
.skydne-customer-portal-page :is(.portal-button--primary, .skh-portal-form button[type="submit"], form.skh-list-toolbar button[type="submit"]):hover { background: var(--portal-primary-bg-hover) !important; border-color: var(--portal-primary-bg-hover) !important; }
.skydne-customer-portal-page .portal-button--danger { color: var(--portal-danger) !important; }
.skydne-customer-portal-page :is(.portal-button, button):focus-visible { outline: 2px solid var(--portal-control-border-focus) !important; outline-offset: 2px; box-shadow: var(--portal-focus-ring) !important; }
.skydne-customer-portal-page :is(.portal-button, button):disabled { background: var(--portal-control-disabled-bg) !important; color: var(--portal-control-disabled-text) !important; cursor: wait; opacity: 0.8; }

.skydne-customer-portal-page .skh-portal-form-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.skydne-customer-portal-page .skh-account-summary { display: grid; gap: 4px; margin-bottom: 16px; color: var(--portal-control-placeholder); }
.skydne-customer-portal-page .skh-account-summary strong { color: var(--portal-control-text); font-size: 18px; }
.skydne-customer-portal-page .skh-address-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin: 14px 0; }
.skydne-customer-portal-page .skh-address-card { display: grid; gap: 8px; padding: 14px; border: 1px solid var(--portal-control-border); border-radius: 10px; background: var(--portal-control-bg); color: var(--portal-control-text); }
.skydne-customer-portal-page .skh-address-card :is(p, small, span) { margin: 0; color: var(--portal-control-placeholder); }
.skydne-customer-portal-page .skh-address-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.skydne-customer-portal-page .skh-address-badges span { padding: 3px 7px; border-radius: 999px; background: rgba(34, 184, 207, 0.14); color: #83d9e7; font-size: 11px; font-weight: 650; }
.skydne-customer-portal-page .skh-check-label { display: flex !important; align-items: center; gap: 8px; min-height: 40px; }

.skydne-customer-portal-page :is(.skh-company-context, .skh-company-selector > button) { display:inline-flex;align-items:center;gap:8px;width:min(300px,42vw);min-height:36px;padding:7px 10px;border:1px solid var(--portal-control-border);border-radius:8px;background:var(--portal-control-bg);color:var(--portal-control-text);font-weight:650 }
.skydne-customer-portal-page .skh-company-selector { position:relative }
.skydne-customer-portal-page .skh-company-selector > button span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.skydne-customer-portal-page .skh-company-menu { position:fixed;z-index:1035;width:min(360px,85vw);max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--portal-control-border);border-radius:10px;background:#19263b;box-shadow:0 18px 42px rgba(0,0,0,.34) }
.skydne-customer-portal-page .skh-company-menu--portaled { isolation:isolate }
.skydne-customer-portal-page .skh-company-menu [data-company-search] { position:sticky;top:0;z-index:1;width:100%;min-height:38px;margin-bottom:6px;padding:8px 10px;border:1px solid var(--portal-control-border);border-radius:7px;background:#111b2d;color:var(--portal-control-text) }
.skydne-customer-portal-page .skh-company-menu hr { margin:6px 0;border:0;border-top:1px solid var(--portal-control-border) }
.skydne-customer-portal-page .skh-company-menu button { display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--portal-control-text);text-align:left }
.skydne-customer-portal-page .skh-company-menu button:hover,.skydne-customer-portal-page .skh-company-menu button:focus-visible { background:var(--portal-control-bg-hover) }
.skydne-customer-portal-page .skh-company-menu button[aria-selected="true"] { background:rgba(34,184,207,.15);color:#83d9e7 }
.skydne-customer-portal-page .skh-company-menu button span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.skydne-customer-portal-page .skh-topbar-meta .skh-company-selector span,.skydne-customer-portal-page .skh-topbar-meta .skh-company-menu small { min-height:0;padding:0;border:0;background:transparent;color:inherit;box-shadow:none }
.skydne-customer-portal-page .skh-company-table-link { border:0;background:transparent;color:#83d9e7;font:inherit;font-weight:650;text-align:left;cursor:pointer }
.skydne-customer-portal-page .skh-address-company { color:#83d9e7!important;font-weight:650 }
.skydne-customer-portal-page .skh-submitting-company { display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:9px 12px;border:1px solid rgba(34,184,207,.3);border-radius:8px;background:rgba(34,184,207,.1);color:var(--portal-control-placeholder) }
.skydne-customer-portal-page .skh-submitting-company strong { color:var(--portal-control-text) }
.skydne-customer-portal-page .skh-account-companies { margin:14px 0;padding:12px;border:1px solid var(--portal-control-border);border-radius:10px;background:var(--portal-control-bg) }
.skydne-customer-portal-page .skh-account-companies h3 { margin:0 0 8px;color:var(--portal-control-text);font-size:14px }
.skydne-customer-portal-page .skh-account-companies ul { display:grid;gap:6px;margin:0;padding:0;list-style:none }
.skydne-customer-portal-page .skh-account-companies li { display:flex;align-items:center;gap:8px;color:var(--portal-control-placeholder) }
.skydne-customer-portal-page .skh-account-companies li strong { margin-left:auto;color:#83d9e7;font-size:11px }
.skydne-company-dialog { position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(4,10,20,.72) }
.skydne-company-dialog>div { width:min(480px,100%);max-height:min(640px,88vh);overflow:auto;padding:18px;border:1px solid #40506a;border-radius:14px;background:#131e31;box-shadow:0 24px 64px rgba(0,0,0,.48) }
.skydne-company-dialog h2 { margin:0 0 14px;color:#f1f5fb;font-size:18px }
.skydne-company-dialog>div>div { display:grid;gap:7px }
.skydne-company-dialog button { display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:9px 12px;border:1px solid #40506a;border-radius:8px;background:#1b2a41;color:#f1f5fb;text-align:left }
.skydne-company-dialog [data-dialog-cancel] { justify-content:center;margin-top:12px }

.skydne-customer-portal-page .skh-detail-facts,
.skydne-customer-portal-page .skh-detail-totals { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 18px }
.skydne-customer-portal-page :is(.skh-detail-facts,.skh-detail-totals)>div,
.skydne-customer-portal-page .skh-detail-terms { padding:14px 16px;border:1px solid var(--portal-control-border);border-radius:12px;background:var(--portal-control-bg) }
.skydne-customer-portal-page :is(.skh-detail-facts,.skh-detail-totals) span { display:block;margin-bottom:5px;color:var(--portal-control-placeholder);font-size:12px;font-weight:600 }
.skydne-customer-portal-page :is(.skh-detail-facts,.skh-detail-totals) strong { color:var(--portal-control-text);font-size:15px }
.skydne-customer-portal-page .skh-detail-terms { margin-top:18px;color:var(--portal-control-text) }

.skydne-customer-portal-page .skh-summary-card.is-static { cursor:default;transform:none!important }
.skydne-customer-portal-page .skh-summary-card.is-interactive { cursor:pointer }
.skydne-customer-portal-page .skh-summary-card.is-interactive:hover { border-color:var(--portal-control-border-focus) }
.skydne-customer-portal-page .skh-summary-card.is-interactive:focus-visible { outline:2px solid var(--portal-control-border-focus);outline-offset:3px;box-shadow:var(--portal-focus-ring) }
.skydne-customer-portal-page .skydne-cp-filter-banner { display:flex;align-items:center;gap:10px;margin-left:auto;padding:7px 10px;border:1px solid rgba(34,184,207,.3);border-radius:999px;background:rgba(34,184,207,.1);color:var(--portal-control-text);font-size:12px;font-weight:650 }
.skydne-customer-portal-page .skydne-cp-filter-banner a { color:#83d9e7;text-decoration:underline }
.skydne-customer-portal-page .skydne-cp-pagination { display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px }
.skydne-customer-portal-page .skydne-cp-pagination a { padding:7px 11px;border:1px solid var(--portal-control-border);border-radius:7px;background:var(--portal-secondary-bg);color:var(--portal-control-text);text-decoration:none }
.skydne-customer-portal-page .skydne-cp-sort { color:inherit;text-decoration:none }
.skydne-customer-portal-page .skydne-cp-sort:hover,
.skydne-customer-portal-page .skydne-cp-sort:focus-visible { color:var(--portal-control-text);text-decoration:underline }
.skydne-customer-portal-page .skydne-cp-col-currency { width:90px }
.skydne-customer-portal-page :is(.skydne-cp-col-amount,.skydne-cp-col-total,.skydne-cp-col-outstanding,.skydne-cp-col-unbilled) { min-width:150px;text-align:right;white-space:nowrap!important }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-table { min-width:1340px;table-layout:fixed!important }
.skydne-customer-portal-page .skydne-cp-quotation-table :is(th,td) { box-sizing:border-box }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-quotation { width:165px }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-customer-company { width:175px;white-space:normal!important }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-date { width:95px }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-valid-until { width:100px }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-status { width:90px }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-description { width:200px;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-currency { right:425px!important;width:90px }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-amount { right:290px!important;width:135px;overflow:visible!important;text-align:right }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-view { right:195px!important;width:95px }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-view-print { right:0!important;width:195px }
.skydne-customer-portal-page .skydne-cp-quotation-table :is(.skydne-cp-col-currency,.skydne-cp-col-amount,.skydne-cp-col-view,.skydne-cp-col-view-print) { position:sticky!important;background:var(--portal-control-bg)!important;z-index:2 }
.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-currency { box-shadow:-8px 0 14px rgba(4,10,20,.18) }
.skydne-customer-portal-page .skydne-cp-quotation-table th:is(.skydne-cp-col-currency,.skydne-cp-col-amount,.skydne-cp-col-view,.skydne-cp-col-view-print) { background:var(--portal-secondary-bg)!important;z-index:3 }
.skydne-customer-portal-page .skydne-cp-quotation-table :is(.skydne-cp-col-view,.skydne-cp-col-view-print) .skydne-cp-table-link { width:100% }

@media (max-width: 900px) {
	.skydne-customer-portal-page .skh-list-toolbar { align-items:flex-start }
	.skydne-customer-portal-page .skydne-cp-filter-banner { margin-left:0 }
	.skydne-customer-portal-page .skydne-cp-quotation-table { overflow:visible!important;border:0;background:transparent;box-shadow:none }
	.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-table { display:block!important;min-width:0;width:100%!important }
	.skydne-customer-portal-page .skydne-cp-quotation-table thead { display:none!important }
	.skydne-customer-portal-page .skydne-cp-quotation-table tbody { display:grid!important;gap:12px }
	.skydne-customer-portal-page .skydne-cp-quotation-table tr { display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px;padding:14px;border:1px solid var(--portal-control-border);border-radius:12px;background:var(--portal-control-bg) }
	.skydne-customer-portal-page .skydne-cp-quotation-table td { display:grid!important;gap:3px;width:auto!important;min-width:0!important;padding:0!important;border:0!important;white-space:normal!important;text-align:left!important }
	.skydne-customer-portal-page .skydne-cp-quotation-table td::before { content:attr(data-label);color:var(--portal-control-placeholder);font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase }
	.skydne-customer-portal-page .skydne-cp-quotation-table .skydne-cp-col-description { grid-column:1/-1;max-width:none;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important }
	.skydne-customer-portal-page .skydne-cp-quotation-table :is(.skydne-cp-col-currency,.skydne-cp-col-amount,.skydne-cp-col-view,.skydne-cp-col-view-print) { position:static!important;right:auto!important;width:auto!important;max-width:none;box-shadow:none }
	.skydne-customer-portal-page .skydne-cp-quotation-table :is(.skydne-cp-col-view,.skydne-cp-col-view-print) .skydne-cp-table-link { width:100%;min-height:38px }
}

@media (max-width: 520px) {
	.skydne-customer-portal-page .skydne-cp-quotation-table :is(.skydne-cp-col-customer-company,.skydne-cp-col-description,.skydne-cp-col-view,.skydne-cp-col-view-print) { grid-column:1/-1 }
}

@media (max-width: 700px) {
	.skydne-customer-portal-page :is(.skh-portal-form, form.skh-list-toolbar) { grid-template-columns: minmax(0, 1fr) !important; }
	.skydne-customer-portal-page .skh-portal-form-actions { justify-content: stretch; }
	.skydne-customer-portal-page .skh-portal-form-actions > * { flex: 1 1 100%; }
	.skydne-customer-portal-page :is(.skh-company-context, .skh-company-selector > button) { width:min(240px,70vw) }
	.skydne-customer-portal-page .skh-company-menu { position:fixed;top:auto;right:0;bottom:0;left:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0 }
	body.skydne-customer-portal-page.skh-company-sheet-open::before { content:"";position:fixed;inset:0;z-index:1030;background:rgba(4,10,20,.58) }
}

/* Client Project Command Centre */
.skydne-customer-portal-page :is(.skp-portfolio,.skp-command) { width:100%;max-width:1680px;margin:0 auto;color:var(--portal-control-text) }
.skp-page-head { display:flex;align-items:end;justify-content:space-between;margin-bottom:18px }
.skp-page-head p,.skp-hero-copy>p:first-child { margin:0 0 5px;color:var(--portal-icon-accent);font-size:11px;font-weight:800;letter-spacing:.13em }
.skp-page-head h1 { margin:0;color:var(--portal-control-text)!important;font-size:clamp(24px,3vw,38px);letter-spacing:-.025em }
.skp-page-head span { color:var(--portal-control-placeholder) }
.skp-summary-strip { display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:10px;margin-bottom:14px }
.skp-summary { display:grid;grid-template-columns:auto 1fr;gap:3px 9px;min-height:94px;padding:13px;border:1px solid var(--portal-control-border);border-radius:12px;background:linear-gradient(145deg,var(--portal-control-bg),var(--portal-secondary-bg));color:var(--portal-control-text);text-decoration:none;box-shadow:0 12px 28px rgba(3,10,22,.12);transition:border-color .18s,transform .18s }
.skp-summary .skydne-ui-icon { grid-row:1/3;width:24px;height:24px;color:var(--portal-icon-accent) }.skp-summary span{font-size:12px;font-weight:650}.skp-summary strong{font-size:25px;line-height:1}.skp-summary:hover,.skp-summary.is-active{border-color:var(--portal-control-border-focus);transform:translateY(-2px)}
.skp-summary:focus-visible,.skp-tabs button:focus-visible,.skp-portfolio-row a:focus-visible { outline:2px solid var(--portal-control-border-focus);outline-offset:3px;box-shadow:var(--portal-focus-ring) }
.skp-filters { display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:14px;padding:13px;border:1px solid var(--portal-control-border);border-radius:12px;background:var(--portal-control-bg) }
.skp-filters label { display:grid;gap:5px;color:var(--portal-control-placeholder);font-size:11px;font-weight:700 }.skp-filters :is(input,select){min-height:40px;padding:8px 10px;border:1px solid var(--portal-control-border);border-radius:8px;background:var(--portal-secondary-bg);color:var(--portal-control-text)}
.skp-portfolio-list { display:grid;gap:10px }.skp-portfolio-row { display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(150px,.8fr) minmax(140px,.65fr) minmax(170px,.8fr) minmax(190px,.9fr) minmax(140px,.6fr);gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--portal-control-border);border-radius:14px;background:linear-gradient(110deg,var(--portal-control-bg),var(--portal-secondary-bg));box-shadow:0 10px 30px rgba(3,10,22,.11);transition:border-color .18s,transform .18s }
.skp-portfolio-row:hover { border-color:rgba(99,207,224,.55);transform:translateY(-1px) }.skp-portfolio-row>div{display:grid;gap:5px;min-width:0}.skp-portfolio-row small{color:var(--portal-control-placeholder);font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.skp-portfolio-row h3{margin:0;overflow:hidden;color:var(--portal-control-text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.skp-portfolio-row strong{color:var(--portal-control-text);font-size:13px}.skp-portfolio-row span{overflow:hidden;color:var(--portal-control-placeholder);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.skp-row-action{justify-items:stretch}.skp-row-action small{text-align:right}.skp-progress{height:7px;overflow:hidden;border-radius:99px;background:rgba(158,172,192,.18)}.skp-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22b8cf,#4f91ff)}
.skp-status { display:inline-flex!important;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border:1px solid currentColor;border-radius:99px;font-size:10px!important;font-weight:750!important;line-height:1.15;white-space:normal!important }.skp-status--green{color:#75d69b!important;background:rgba(117,214,155,.08)}.skp-status--amber{color:#e7bd69!important;background:rgba(231,189,105,.08)}.skp-status--red{color:#ee8793!important;background:rgba(238,135,147,.08)}.skp-status--blue{color:#63cfe0!important;background:rgba(99,207,224,.08)}.skp-status--grey{color:var(--portal-control-placeholder)!important;background:rgba(158,172,192,.08)}
.skp-hero { position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(190px,.55fr) minmax(220px,.7fr);gap:20px;overflow:hidden;margin-bottom:14px;padding:clamp(20px,3vw,34px);border:1px solid rgba(99,207,224,.28);border-radius:18px;background:radial-gradient(circle at 82% 5%,rgba(34,184,207,.17),transparent 35%),linear-gradient(135deg,#101d31,var(--portal-control-bg));box-shadow:0 22px 52px rgba(3,10,22,.25)}
.skp-hero-copy h1{margin:0 0 9px;color:#f5f8fc;font-size:clamp(26px,3.4vw,46px);letter-spacing:-.035em}.skp-hero-copy>p:last-of-type{max-width:760px;color:#aebbd0}.skp-hero-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.skp-hero-meta span{padding:5px 9px;border:1px solid rgba(99,207,224,.2);border-radius:99px;background:rgba(99,207,224,.07);color:#cfe8f0;font-size:11px;font-weight:650}.skp-health{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;margin-top:18px}.skp-health>div{display:grid;gap:5px;padding:9px;border:1px solid rgba(158,172,192,.15);border-radius:9px;background:rgba(7,16,30,.28)}.skp-health small,.skp-next small{color:#9eacc0;font-size:10px;font-weight:750;text-transform:uppercase}
.skp-hero-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.skp-hero-progress>strong{color:#e7eef8;font-size:12px}.skp-ring{display:grid;place-items:center;width:146px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#22b8cf calc(var(--progress)*1%),rgba(158,172,192,.16) 0);box-shadow:0 0 36px rgba(34,184,207,.16)}.skp-ring:before{content:"";grid-area:1/1;width:116px;aspect-ratio:1;border-radius:50%;background:#111e31}.skp-ring span{z-index:1;grid-area:1/1;display:grid}.skp-ring strong{color:#fff;font-size:28px}.skp-ring small{color:#9eacc0;font-size:10px;text-transform:uppercase}
.skp-next{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:17px;border:1px solid rgba(99,207,224,.2);border-radius:13px;background:rgba(7,16,30,.38)}.skp-next h2{margin:0 0 11px;color:#fff;font-size:18px}.skp-next strong{color:#dce8f4}.skp-next span{margin-bottom:12px;color:#9eacc0;font-size:12px}
.skp-tabs{position:sticky;top:0;z-index:7;display:flex;gap:5px;overflow-x:auto;margin:0 0 14px;padding:7px;border:1px solid var(--portal-control-border);border-radius:12px;background:color-mix(in srgb,var(--portal-control-bg) 94%,transparent);scrollbar-width:thin}.skp-tabs button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:40px;padding:8px 11px;border:0;border-radius:8px;background:transparent;color:var(--portal-control-placeholder);font-size:12px;font-weight:700}.skp-tabs button[aria-selected="true"]{background:rgba(34,184,207,.14);color:var(--portal-control-text);box-shadow:inset 0 0 0 1px rgba(99,207,224,.28)}.skp-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:rgba(158,172,192,.15);font-size:10px}
.skp-tab-panel{min-height:260px}.skp-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.skp-panel,.skp-update,.skp-approval,.skp-issue,.skp-currency,.skp-contact{padding:18px;border:1px solid var(--portal-control-border);border-radius:13px;background:var(--portal-control-bg);box-shadow:0 10px 28px rgba(3,10,22,.1)}.skp-panel h2,.skp-tab-panel>h2{margin:0 0 14px;color:var(--portal-control-text)!important;font-size:17px}.skp-facts{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:1px;background:var(--portal-control-border)}.skp-facts>div,.skp-update-grid>div{display:grid;gap:4px;padding:12px;background:var(--portal-control-bg)}.skp-facts span,.skp-update-grid span{color:var(--portal-control-placeholder);font-size:10px;font-weight:700;text-transform:uppercase}.skp-facts strong,.skp-update-grid strong{color:var(--portal-control-text);font-size:12px;white-space:normal}.skp-executive>p{color:var(--portal-control-placeholder)}
.skp-empty{display:grid;justify-items:center;align-content:center;min-height:220px;padding:28px;border:1px dashed var(--portal-control-border);border-radius:12px;text-align:center}.skp-empty .skydne-ui-icon{width:32px;height:32px;color:var(--portal-icon-accent)}.skp-empty h3{margin:10px 0 5px;color:var(--portal-control-text)!important;font-size:15px}.skp-empty p{max-width:500px;margin:0;color:var(--portal-control-placeholder);font-size:12px}
.skp-timeline{display:grid;gap:0;padding-left:13px}.skp-timeline-item{position:relative;display:grid;grid-template-columns:20px 1fr;gap:12px}.skp-timeline-item>i{position:relative}.skp-timeline-item>i:before{content:"";position:absolute;top:5px;left:5px;width:10px;height:10px;border:2px solid #63cfe0;border-radius:50%;background:var(--portal-control-bg)}.skp-timeline-item>i:after{content:"";position:absolute;top:17px;bottom:-5px;left:9px;width:2px;background:var(--portal-control-border)}.skp-timeline-item:last-child>i:after{display:none}.skp-timeline-item>div{margin-bottom:12px;padding:17px;border:1px solid var(--portal-control-border);border-radius:12px;background:var(--portal-control-bg)}.skp-timeline-item header,.skp-update header,.skp-approval header,.skp-issue header{display:flex;align-items:start;justify-content:space-between;gap:12px}.skp-timeline-item h3,.skp-update h3,.skp-approval h3,.skp-issue h3{margin:3px 0;font-size:15px}.skp-timeline-item p,.skp-approval p,.skp-issue p{color:var(--portal-control-placeholder)}.skp-timeline-item dl,.skp-issue dl{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.skp-timeline-item dl div,.skp-issue dl div{display:grid}.skp-timeline-item dt,.skp-issue dt{color:var(--portal-control-placeholder);font-size:10px;text-transform:uppercase}.skp-timeline-item dd,.skp-issue dd{margin:0;font-size:12px}.skp-timeline-item aside,.skp-approval aside,.skp-issue aside{padding:10px;border-left:3px solid #e7bd69;background:rgba(231,189,105,.07)}
.skp-update,.skp-approval,.skp-issue{margin-bottom:12px}.skp-update-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:1px;margin-top:12px;background:var(--portal-control-border)}.skp-approval.is-overdue{border-color:rgba(238,135,147,.55)}.skp-approval-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.skp-response-editor{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid var(--portal-control-border-focus);border-radius:10px;background:var(--portal-secondary-bg)}.skp-response-editor label{display:grid;gap:6px;color:var(--portal-control-placeholder);font-size:11px;font-weight:700}.skp-response-editor textarea{min-height:90px;padding:10px;border:1px solid var(--portal-control-border);border-radius:8px;background:var(--portal-control-bg);color:var(--portal-control-text);resize:vertical}.skp-response-editor>div{display:flex;flex-wrap:wrap;gap:8px}
.skp-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--portal-control-border);border-radius:12px}.skp-table{width:100%;min-width:820px;border-collapse:collapse;background:var(--portal-control-bg)}.skp-table :is(th,td){padding:11px;border-bottom:1px solid var(--portal-control-border);text-align:left;font-size:12px}.skp-table th{position:sticky;top:0;background:var(--portal-secondary-bg);color:var(--portal-control-placeholder);font-size:10px;text-transform:uppercase}.skp-table .is-superseded{opacity:.6}.skp-currency{margin-bottom:12px}.skp-currency>div{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px}.skp-currency>div>div{display:grid;gap:4px;padding:10px;border:1px solid var(--portal-control-border);border-radius:8px}.skp-currency span{color:var(--portal-control-placeholder);font-size:10px;text-transform:uppercase}.skp-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.skp-contact{display:grid;gap:5px}.skp-contact small{color:var(--portal-icon-accent);font-size:10px;font-weight:750;text-transform:uppercase}.skp-contact h3{margin:0}.skp-contact a{color:#63cfe0;overflow-wrap:anywhere}

@media (max-width:1200px){.skp-summary-strip{grid-template-columns:repeat(3,1fr)}.skp-filters{grid-template-columns:repeat(2,1fr) auto auto}.skp-portfolio-row{grid-template-columns:repeat(3,minmax(0,1fr))}.skp-hero{grid-template-columns:minmax(0,1fr) 180px}.skp-next{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.skp-next h2{margin:0}.skp-health{grid-template-columns:repeat(3,1fr)}.skp-currency>div{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.skp-page-head{align-items:start}.skp-summary-strip{grid-template-columns:repeat(2,1fr)}.skp-filters{grid-template-columns:1fr 1fr}.skp-portfolio-row{grid-template-columns:1fr 1fr}.skp-project-identity,.skp-progress-cell,.skp-row-action{grid-column:1/-1}.skp-row-action small{text-align:left}.skp-hero{grid-template-columns:1fr}.skp-hero-progress{grid-row:2}.skp-next{grid-template-columns:1fr}.skp-health{grid-template-columns:repeat(2,1fr)}.skp-overview-grid{grid-template-columns:1fr}.skp-facts,.skp-update-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){body[data-cp-route="project"] .skh-sidebar-panel{padding:14px!important}body[data-cp-route="project"] .skh-sidebar-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}body[data-cp-route="project"] .skh-sidebar-nav a{min-height:38px!important;padding:7px 9px!important;font-size:11px!important}}
@media (max-width:520px){.skp-summary-strip,.skp-filters,.skp-portfolio-row,.skp-facts,.skp-update-grid,.skp-currency>div{grid-template-columns:1fr}.skp-filters .portal-button{width:100%}.skp-hero{padding:18px}.skp-health{grid-template-columns:1fr 1fr}.skp-ring{width:126px}.skp-ring:before{width:100px}.skp-approval-actions .portal-button{width:100%}.skp-timeline{padding-left:0}.skp-timeline-item{grid-template-columns:12px 1fr}}
@media (prefers-reduced-motion:reduce){.skp-summary,.skp-portfolio-row{transition:none!important}.skp-summary:hover,.skp-portfolio-row:hover{transform:none}}

html[data-theme="light"] .skydne-customer-portal-page {
	--portal-control-bg:#ffffff;
	--portal-control-bg-hover:#f4f8fc;
	--portal-control-border:#d5e0ec;
	--portal-control-text:#15233b;
	--portal-control-placeholder:#617188;
	--portal-secondary-bg:#f3f7fb;
	--portal-control-disabled-bg:#e8eef5;
	color-scheme:light;
}
html[data-theme="light"] .skydne-customer-portal-page .skp-hero {
	--portal-control-bg:#162237;
	--portal-control-text:#f1f5fb;
	--portal-control-placeholder:#9eacc0;
	--portal-secondary-bg:#1b2a41;
}
html[data-theme="light"] .skydne-customer-portal-page .skp-hero :is(h1,h2,h3,strong) { color:#f1f5fb!important; }
html[data-theme="light"] .skydne-customer-portal-page .skp-hero :is(p,span) { color:#aebbd0; }

/* Customer Statement of Account */
.soa-page{--soa-surface:rgba(8,31,50,.9);--soa-surface-2:rgba(16,48,71,.75);--soa-border:rgba(81,190,226,.2);--soa-text:#edfaff;--soa-muted:#9bb9c9;--soa-accent:#42d4f4;color:var(--soa-text);font-variant-numeric:tabular-nums;min-width:0}.skydne-light-theme .soa-page,[data-theme="light"] .soa-page{--soa-surface:#fff;--soa-surface-2:#f3f8fb;--soa-border:rgba(23,92,124,.17);--soa-text:#10283c;--soa-muted:#5d7284;--soa-accent:#057da5}.soa-filters{position:sticky;top:10px;z-index:4;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;align-items:end;padding:14px;margin-bottom:16px;border:1px solid var(--soa-border);border-radius:14px;background:var(--soa-surface);box-shadow:0 14px 36px rgba(0,0,0,.12);backdrop-filter:blur(16px)}.soa-filters label{display:grid;gap:5px;color:var(--soa-muted);font-size:11px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.soa-filters .soa-check{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px;border:1px solid var(--soa-border);border-radius:9px;background:var(--soa-surface-2);text-transform:none}.soa-filters .soa-check input{width:16px;height:16px;padding:0}.soa-filters select,.soa-filters input{width:100%;height:40px;padding:0 10px;color:var(--soa-text);border:1px solid var(--soa-border);border-radius:9px;background:var(--soa-surface-2);color-scheme:dark}.skydne-light-theme .soa-filters select,.skydne-light-theme .soa-filters input,[data-theme="light"] .soa-filters select,[data-theme="light"] .soa-filters input{color-scheme:light}.soa-filters :focus-visible,.soa-actions :focus-visible,.soa-export-bar :focus-visible{outline:3px solid var(--soa-accent);outline-offset:2px}.soa-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:22px;margin-bottom:14px;border:1px solid var(--soa-border);border-radius:15px;background:linear-gradient(120deg,rgba(24,172,214,.16),transparent 58%),var(--soa-surface)}.soa-heading p{margin:0;color:var(--soa-muted)}.soa-heading>div>p{color:var(--soa-accent);font-size:11px;font-weight:800;letter-spacing:.12em}.soa-heading h2{margin:3px 0;color:var(--soa-text);font-size:clamp(23px,3vw,36px)}.soa-heading span{color:var(--soa-muted)}.soa-entities{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:14px}.soa-entity,.soa-panel{padding:18px;border:1px solid var(--soa-border);border-radius:14px;background:var(--soa-surface);box-shadow:0 12px 30px rgba(0,0,0,.09)}.soa-entity>header{display:flex;justify-content:space-between;gap:15px}.soa-entity h3{margin:3px 0;color:var(--soa-text);font-size:20px}.soa-entity small,.soa-entity header span,.soa-panel header p{color:var(--soa-muted)}.soa-currency{align-self:start;padding:5px 9px;border-radius:99px;color:var(--soa-accent)!important;background:rgba(40,192,229,.12);font-weight:800}.soa-summary{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:9px;margin:14px 0}.soa-summary article{display:grid;gap:5px;padding:11px;border:1px solid var(--soa-border);border-radius:10px;background:var(--soa-surface-2);min-width:0}.soa-summary span{color:var(--soa-muted);font-size:11px;font-weight:700;text-transform:uppercase}.soa-summary strong{color:var(--soa-text);font-size:15px;white-space:nowrap;overflow:visible}.soa-actions,.soa-export-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.soa-panel{margin-top:15px;overflow:hidden}.soa-panel header{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:12px}.soa-panel h3{margin:0;color:var(--soa-text);font-size:18px}.soa-panel header p{margin:0}.soa-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--soa-border);border-radius:10px}.soa-table-wrap table{width:100%;min-width:1050px;border-collapse:collapse;color:var(--soa-text)}.soa-table-wrap th{position:sticky;top:0;padding:10px;background:var(--soa-surface-2);color:var(--soa-muted);font-size:10px;text-align:left;text-transform:uppercase;white-space:nowrap}.soa-table-wrap td{padding:10px;border-top:1px solid var(--soa-border);vertical-align:top}.soa-table-wrap a{color:var(--soa-accent);font-weight:700}.soa-number{text-align:right;white-space:nowrap}.soa-status{display:inline-flex;padding:3px 8px;border-radius:99px;color:#ffd083;background:rgba(204,134,25,.15);white-space:nowrap}.soa-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;color:var(--soa-muted)}.soa-reconcile{padding:12px;color:var(--soa-muted);text-align:center}.soa-empty,.soa-loading{display:grid;place-items:center;min-height:260px;padding:30px;border:1px dashed var(--soa-border);border-radius:14px;background:var(--soa-surface);text-align:center}.soa-empty h2{color:var(--soa-text);margin:0}.soa-empty p,.soa-loading{color:var(--soa-muted)}
@media(max-width:1050px){.soa-filters{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.soa-summary{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:650px){.soa-filters{grid-template-columns:1fr}.soa-entities{grid-template-columns:1fr}.soa-heading,.soa-panel header{align-items:start;flex-direction:column}.soa-summary{grid-template-columns:1fr 1fr}.soa-actions,.soa-export-bar{display:grid;grid-template-columns:1fr 1fr}.soa-actions .portal-button,.soa-export-bar .portal-button{justify-content:center}.soa-table-wrap{border:0;overflow:visible}.soa-table-wrap table,.soa-table-wrap tbody,.soa-table-wrap tr,.soa-table-wrap td{display:block;width:100%;min-width:0}.soa-table-wrap thead{display:none}.soa-table-wrap tbody{display:grid;gap:10px}.soa-table-wrap tr{padding:10px;border:1px solid var(--soa-border);border-radius:10px;background:var(--soa-surface-2)}.soa-table-wrap td{display:flex;justify-content:space-between;gap:14px;padding:6px;border:0}.soa-number{text-align:right}}
@media(prefers-reduced-motion:reduce){.soa-page *{scroll-behavior:auto!important;transition:none!important}}