:root {
			--sairiki-blue: #0a4baa;
			--sairiki-blue-deep: #043477;
			--sairiki-red: #d30d3f;
			--sairiki-ink: #17213a;
			--sairiki-muted: #66738b;
			--sairiki-soft: #f5f8ff;
			--sairiki-line: #e2e8f2;
		}

.profile-page-loading .profile-page-content { display: none; }
.profile-page .profile-details > .row > div:last-child { padding-left: 0; }
.profile-page .profile-status-message {
	left: 50%; opacity: 0; position: fixed; top: 96px;
	transform: translateX(-50%); z-index: -1;
}
.profile-page .inViewProSection {
	background: var(--sairiki-blue) !important; border-radius: 7px;
	color: #fff; font-weight: 800; letter-spacing: 0; margin: 8px 0 16px;
}
.profile-page .gt-panel input,
.profile-page .gt-panel select,
.profile-page .gt-panel textarea,
.profile-page .gt-panel .chosen-container { max-width: 100%; width: 100% !important; }
.sairiki-app-bottom-nav { display: none; }

@media (max-width: 1199px) {
	body.profile-page { padding-bottom: 90px; }
	.profile-page #main { padding-top: 72px; }
	.profile-page .profile-nav {
		height: 72px; left: 0; min-height: 72px; position: fixed;
		right: 0; top: 0; z-index: 1040;
	}
	.profile-page .profile-nav .profile-shell {
		align-items: center; display: flex; height: 100%; justify-content: center;
	}
	.profile-page .profile-nav .navbar-brand {
		float: none; height: auto; margin: 0; padding: 7px 15px;
	}
	.profile-page .profile-nav .gt-header-logo { max-height: 54px; max-width: 170px; }
	.profile-page .profile-nav .navbar-header,
	.profile-page .profile-nav .navbar-collapse { display: none !important; }
	.profile-page .profile-hero { padding: 20px 0 18px; }
	.profile-page .profile-hero-copy h1 { font-size: 25px; margin-top: 4px; }
	.profile-page .profile-hero-copy p { font-size: 13px; margin-bottom: 0; }
	.profile-page .profile-tip { margin: 14px 14px 0; }
	.profile-page .gt-view-profile { padding-left: 14px; padding-right: 14px; }
	.profile-page .profile-summary { padding-top: 16px; }
	.profile-page .profile-summary > .row {
		grid-template-columns: minmax(160px,210px) minmax(0,1fr);
	}
	.profile-page footer, .profile-page .footer,
	.profile-page .gt-footer, .profile-page #footer { display: none !important; }
	.sairiki-app-bottom-nav {
		background: #fff; border: 1px solid #dfe6f1; border-radius: 8px 8px 0 0;
		bottom: 0; box-shadow: 0 -8px 28px rgba(23,33,58,.12); display: grid;
		grid-template-columns: repeat(5,minmax(0,1fr)); left: 50%; max-width: 640px;
		position: fixed; transform: translateX(-50%); width: 100%; z-index: 1050;
	}
	.sairiki-app-bottom-nav a {
		align-items: center; color: #65728a; display: flex; flex-direction: column;
		font-size: 10px; font-weight: 700; gap: 5px; justify-content: center;
		letter-spacing: 0; min-height: 70px; min-width: 0; padding: 8px 3px; text-align: center;
	}
	.sairiki-app-bottom-nav a:hover,
	.sairiki-app-bottom-nav a:focus { color: var(--sairiki-blue); text-decoration: none; }
	.sairiki-app-bottom-nav i { color: var(--sairiki-blue); font-size: 19px; }
	.sairiki-app-bottom-nav .is-primary i {
		align-items: center; background: var(--sairiki-red); border-radius: 50%;
		box-shadow: 0 5px 14px rgba(211,13,63,.25); color: #fff; display: flex;
		height: 38px; justify-content: center; margin-top: -20px; width: 38px;
	}
}

@media (max-width: 767px) {
	.profile-page .profile-summary > .row { gap: 14px; grid-template-columns: 1fr; }
	.profile-page .profile-summary > .row > div:first-child { max-width: 190px; }
	.profile-page .gt-panel { margin-bottom: 12px; }
	.profile-page .gt-panel-head { font-size: 14px; min-height: 50px; padding: 9px 12px; }
	.profile-page .gt-panel-body { padding: 8px 12px 12px; }
	.profile-page .gt-panel-body > .row { grid-template-columns: 1fr; }
	.profile-page .gt-panel-body > .row > [class*="col-"] { padding: 10px 4px; }
	.profile-page .gt-view-detail .row {
		grid-template-columns: minmax(105px,42%) minmax(0,1fr);
	}
	.profile-page .modal-dialog { margin: 12px; }
	.profile-page .profile-status-message { top: 84px; width: calc(100% - 28px); }
	.profile-page #loaderID > div,
	.profile-page #edit_success > div { white-space: normal; width: 100%; }
}

@media (max-width: 420px) {
	.sairiki-app-bottom-nav a { font-size: 9px; }
	.profile-page .profile-hero-copy h1 { font-size: 23px; }
}

		html {
			scrollbar-color: var(--sairiki-blue) var(--sairiki-soft);
			scrollbar-width: thin;
		}

		::-webkit-scrollbar { width: 10px; }
		::-webkit-scrollbar-track { background: var(--sairiki-soft); }
		::-webkit-scrollbar-thumb {
			background: var(--sairiki-blue);
			border: 2px solid var(--sairiki-soft);
			border-radius: 999px;
		}

		body.profile-page {
			background: var(--sairiki-soft);
			color: var(--sairiki-ink);
		}

		.profile-page .profile-nav {
			background: #fff;
			border: 0;
			box-shadow: 0 8px 28px rgba(6, 63, 152, .08);
			margin: 0;
			min-height: 76px;
		}

		.profile-shell {
			margin: 0 auto;
			max-width: 1240px;
			padding-left: 20px;
			padding-right: 20px;
			width: 100%;
		}

		.profile-page .profile-nav .navbar-brand {
			height: auto;
			padding: 9px 10px;
		}

		.profile-page .profile-nav .gt-header-logo { max-height: 58px; }

		.profile-page .profile-nav .nav > li > a {
			color: #25324a;
			font-size: 13px;
			font-weight: 700;
			padding: 28px 14px 25px;
		}

		.profile-page .profile-nav .nav > li > a:hover,
		.profile-page .profile-nav .nav > li > a:focus {
			background: transparent;
			color: var(--sairiki-red);
		}

		.profile-page .profile-nav .account-link {
			background: var(--sairiki-blue) !important;
			border-radius: 5px;
			color: #fff !important;
			margin: 18px 0 0 10px;
			padding: 10px 15px !important;
		}

		.profile-page .profile-nav .navbar-toggle {
			background: var(--sairiki-blue);
			margin-top: 20px;
		}

		.profile-page .profile-nav .navbar-toggle .icon-bar { background: #fff; }

		.profile-page .profile-nav .dropdown-menu {
			border: 1px solid var(--sairiki-line);
			border-radius: 6px;
			box-shadow: 0 14px 34px rgba(23, 33, 58, .13);
			padding: 7px 0;
		}

		.profile-page .profile-nav .dropdown-menu > li > a {
			color: #46536b;
			font-size: 13px;
			padding: 10px 18px;
		}

		.profile-hero {
			background: #fff;
			border-bottom: 1px solid var(--sairiki-line);
			padding: 30px 0;
		}

		.profile-hero-row {
			align-items: center;
			display: flex;
			justify-content: space-between;
		}

		.profile-hero-copy span {
			color: var(--sairiki-red);
			display: block;
			font-size: 11px;
			font-weight: 800;
			margin-bottom: 5px;
			text-transform: uppercase;
		}

		.profile-hero-copy h1 {
			color: var(--sairiki-blue-deep);
			font-family: 'Merriweather', serif;
			font-size: 29px;
			font-weight: 800;
			margin: 0 0 7px;
		}

		.profile-hero-copy p {
			color: var(--sairiki-muted);
			margin: 0;
		}

		.profile-tip {
			align-items: center;
			background: #eef4ff;
			border-left: 3px solid var(--sairiki-blue);
			color: #43516b;
			display: flex;
			font-size: 13px;
			gap: 10px;
			margin: 24px auto 0;
			max-width: 1200px;
			padding: 12px 15px;
		}

		.profile-tip i { color: var(--sairiki-blue); }

		.profile-page .gt-view-profile {
			max-width: 1240px;
			padding-left: 20px;
			padding-right: 20px;
			width: 100%;
		}

		.profile-page .profile-summary { padding-top: 24px; }
		.profile-page .profile-details { padding-bottom: 40px; }

		.profile-page .gt-view-profile > .row {
			margin-left: 0;
			margin-right: 0;
		}

		.profile-page .gt-view-profile > .row::before,
		.profile-page .gt-view-profile > .row::after,
		.profile-page .gt-panel-body > .row::before,
		.profile-page .gt-panel-body > .row::after {
			content: none !important;
			display: none !important;
		}

		.profile-page .profile-summary > .row {
			align-items: start;
			display: grid;
			gap: 24px;
			grid-template-columns: 220px minmax(0, 1fr);
		}

		.profile-page .profile-summary > .row > div:first-child {
			float: none;
			padding: 0;
			width: auto;
		}

		.profile-page .profile-summary > .row > div:last-child {
			float: none;
			padding: 0;
			width: auto;
		}

		.profile-page .thumbnail {
			background: #fff;
			border: 1px solid var(--sairiki-line);
			border-radius: 7px;
			box-shadow: 0 10px 28px rgba(23, 33, 58, .08);
			overflow: hidden;
			padding: 0;
		}

		.profile-page .thumbnail > img {
			aspect-ratio: 4 / 5;
			height: auto;
			object-fit: cover;
			width: 100%;
		}

		.profile-page .gt-view-caption {
			background: var(--sairiki-blue);
			color: #fff;
			display: block;
			font-size: 13px;
			font-weight: 800;
			padding: 12px;
			position: static;
			text-align: center;
		}

		.profile-page .gt-view-caption:hover,
		.profile-page .gt-view-caption:focus {
			background: var(--sairiki-blue-deep);
			color: #fff;
		}

		.profile-page .profile-summary .gt-btn-green {
			background: #fff !important;
			border: 1px solid var(--sairiki-blue) !important;
			border-radius: 5px;
			color: var(--sairiki-blue) !important;
			font-size: 13px;
			font-weight: 800;
		}

		.profile-page #collapseLeftPanel,
		.profile-page [href="#collapseLeftPanel"],
		.profile-page .profile-details > .row > div:first-child {
			display: none !important;
		}

		.profile-page .profile-details > .row > div:last-child {
			float: none;
			padding: 0 0 0 244px;
			width: 100%;
		}

		.profile-page .gt-panel {
			background: #fff;
			border: 1px solid var(--sairiki-line);
			border-radius: 7px;
			box-shadow: 0 8px 24px rgba(23, 33, 58, .055);
			margin-bottom: 16px;
			overflow: hidden;
		}

		.profile-page .gt-panel:empty { display: none; }

		.profile-page .gt-panel-head {
			align-items: center;
			background: #fff;
			border-bottom: 1px solid var(--sairiki-line);
			color: var(--sairiki-blue-deep);
			display: flex;
			font-size: 16px;
			font-weight: 800;
			justify-content: space-between;
			min-height: 54px;
			padding: 10px 16px;
		}

		.profile-page .gt-panel-head::before,
		.profile-page .gt-panel-head::after { display: none; }

		.profile-page .gt-panel-head > span,
		.profile-page .gt-panel-head > a {
			float: none !important;
		}

		.profile-page .gt-panel-head > span i {
			color: var(--sairiki-red);
			margin-right: 9px;
		}

		.profile-page .gt-panel-head .gt-btn-orange,
		.profile-page .gt-panel-head .gt-btn-green {
			background: #eef4ff !important;
			border: 1px solid #d7e3f8 !important;
			border-radius: 5px;
			color: var(--sairiki-blue) !important;
			font-size: 12px;
			font-weight: 800;
			padding: 7px 11px;
		}

		.profile-page .gt-panel-head .gt-btn-orange i,
		.profile-page .gt-panel-head .gt-btn-green i {
			color: var(--sairiki-blue) !important;
		}

		.profile-page .gt-panel-body {
			color: #4d5a72;
			padding: 12px 16px 16px;
		}

		.profile-page .gt-panel-body > .row {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			margin: 0;
		}

		.profile-page .gt-panel-body > .row > [class*="col-"] {
			float: none;
			padding: 11px 8px;
			width: auto;
		}

		.profile-page .gt-view-detail {
			border-bottom: 1px solid #edf1f7;
			min-width: 0;
		}

		.profile-page .gt-view-detail .row {
			align-items: start;
			display: grid;
			grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);
			margin: 0;
		}

		.profile-page .gt-view-detail .row > [class*="col-"] {
			align-self: start;
			float: none;
			overflow-wrap: anywhere;
			padding: 0 5px;
			text-align: left;
			width: auto;
		}

		.profile-page .gt-view-detail .row > [class*="col-"]:first-child {
			grid-column: 1;
			grid-row: 1;
		}

		.profile-page .gt-view-detail .row > [class*="col-"]:last-child {
			grid-column: 2;
			grid-row: 1;
		}

		.profile-page .gt-view-detail b {
			color: var(--sairiki-ink);
			font-weight: 700;
		}

		.profile-page #edit2 .gt-panel-body > .row {
			align-items: center;
			grid-template-columns: minmax(0, 1fr) auto;
		}

		.profile-page #edit2 .gt-panel-body > .row > .gt-view-detail:first-child {
			grid-column: 1;
			min-width: 0;
		}

		.profile-page #edit2 .gt-panel-body > .row > .gt-view-detail:last-child {
			border-bottom: 0;
			grid-column: 2;
			min-width: 190px;
		}

		.profile-page #edit2 article,
		.profile-page #edit2 article p {
			line-height: 1.65;
			margin: 0;
		}

		.profile-page #editpref5 .gt-panel-body > .row {
			display: block;
		}

		.profile-page #editpref5 .gt-panel-body > .row > .gt-view-detail {
			border-bottom: 0;
			padding-left: 8px;
			padding-right: 8px;
		}

		.profile-page #editpref5 .gt-panel-body > .row > .gt-view-detail > .row {
			align-items: center;
			display: grid;
			gap: 18px;
			grid-template-columns: minmax(0, 1fr) auto;
		}

		.profile-page #editpref5 .gt-panel-body > .row > .gt-view-detail > .row > div:first-child {
			grid-column: 1;
			line-height: 1.65;
			min-width: 0;
		}

		.profile-page #editpref5 .gt-panel-body > .row > .gt-view-detail > .row > div:last-child {
			border-bottom: 0;
			grid-column: 2;
			min-width: 190px;
			padding: 0;
		}

		.profile-page #edit2 .inViewApproveStripe,
		.profile-page #editpref5 .inViewApproveStripe {
			background: #fff1f4;
			border: 1px solid #f3c4cf;
			border-radius: 5px;
			color: var(--sairiki-red);
			font-size: 12px;
			font-weight: 800;
			margin: 0;
			padding: 9px 12px;
			white-space: nowrap;
		}

		.profile-page .inViewProSection {
			background: var(--sairiki-blue) !important;
			border-radius: 7px;
			color: #fff;
			font-size: 17px;
			font-weight: 800;
			margin: 24px 0 16px;
			padding: 15px;
			text-align: left;
		}

		.profile-page .inViewProSection i { color: #fff; }

		.profile-page .form-control,
		.profile-page .chosen-container-single .chosen-single,
		.profile-page .chosen-container-multi .chosen-choices {
			border: 1px solid #d8e0ec;
			border-radius: 5px;
			box-shadow: none;
			min-height: 42px;
		}

		.profile-page .form-control:focus {
			border-color: var(--sairiki-blue);
			box-shadow: 0 0 0 3px rgba(10, 75, 170, .1);
		}

		.profile-page form .gt-btn-green,
		.profile-page form .gt-btn-orange {
			background: var(--sairiki-blue) !important;
			border: 1px solid var(--sairiki-blue) !important;
			border-radius: 5px;
			color: #fff !important;
			font-weight: 800;
		}

		.profile-page #loaderID,
		.profile-page #edit_success {
			left: 50% !important;
			padding: 0;
			top: 100px !important;
			transform: translateX(-50%);
			width: auto;
		}

		.profile-page #loaderID > div,
		.profile-page #edit_success > div {
			border: 0;
			border-radius: 5px;
			box-shadow: 0 12px 32px rgba(23, 33, 58, .2);
			padding: 12px 18px;
			white-space: nowrap;
			width: auto;
		}

		.profile-page #loaderID > div { background: var(--sairiki-blue) !important; }
		.profile-page #edit_success > div { background: #17834c !important; }

		.profile-page .modal-content {
			border: 0;
			border-radius: 7px;
			box-shadow: 0 20px 60px rgba(23, 33, 58, .2);
		}

		@media (max-width: 991px) {
			.profile-page .profile-nav .nav > li > a { padding-left: 9px; padding-right: 9px; }
			.profile-page .profile-nav .account-link { margin-left: 3px; }
		}

		@media (max-width: 767px) {
			.profile-page .profile-nav { min-height: 68px; }
			.profile-page .profile-nav .navbar-brand { padding-left: 0; }
			.profile-page .profile-nav .gt-header-logo { max-height: 50px; }
			.profile-page .profile-nav .navbar-collapse {
				background: #fff;
				border-top: 1px solid var(--sairiki-line);
			}
			.profile-page .profile-nav .nav > li > a { padding: 12px 15px; }
			.profile-page .profile-nav .account-link {
				margin: 7px 15px 15px;
				text-align: center;
			}
			.profile-hero { padding: 22px 0; }
			.profile-hero-row { display: block; }
			.profile-hero-copy h1 { font-size: 25px; }
			.profile-tip { margin: 16px 15px 0; }
			.profile-page .profile-summary > .row {
				grid-template-columns: 1fr;
			}
			.profile-page .profile-summary > .row > div:first-child {
				margin: 0 auto;
				max-width: 220px;
				width: 100%;
			}
			.profile-page .profile-details > .row > div:last-child {
				padding-left: 0;
			}
			.profile-page .gt-panel-body > .row { grid-template-columns: 1fr; }
			.profile-page #edit2 .gt-panel-body > .row,
			.profile-page #editpref5 .gt-panel-body > .row > .gt-view-detail > .row {
				display: grid;
				gap: 10px;
				grid-template-columns: 1fr;
			}
			.profile-page #edit2 .gt-panel-body > .row > .gt-view-detail:first-child,
			.profile-page #edit2 .gt-panel-body > .row > .gt-view-detail:last-child,
			.profile-page #editpref5 .gt-panel-body > .row > .gt-view-detail > .row > div:first-child,
			.profile-page #editpref5 .gt-panel-body > .row > .gt-view-detail > .row > div:last-child {
				grid-column: 1;
				min-width: 0;
				width: 100%;
			}
			.profile-page #edit2 .inViewApproveStripe,
			.profile-page #editpref5 .inViewApproveStripe {
				display: inline-block;
				white-space: normal;
			}
			.profile-page .gt-view-detail .row {
				grid-template-columns: minmax(100px, 40%) minmax(0, 1fr);
			}
			.profile-page .gt-panel-head { font-size: 14px; }
		}

/* Final layout corrections after the legacy responsive rules above. */
.profile-page .profile-details > .row > div:last-child { padding-left: 0; }

@media (max-width: 1199px) {
	.profile-page .profile-nav { height: 72px; min-height: 72px; position: fixed; }
	.profile-page .profile-nav .navbar-brand { padding: 7px 15px; }
	.profile-page .profile-nav .gt-header-logo { max-height: 54px; }
}

@media (max-width: 767px) {
	.profile-page .profile-summary > .row > div:first-child { max-width: 190px; }
	.profile-page .profile-hero { padding: 20px 0 18px; }
}