/* #831 Mano profilio išdėstymas – BETA. Komponentai naudoja aktyvios temos Ext 3 stilių. */

.dlv-profile-heading
{
	padding: 2px 0 20px;
	color: #173b62;
}

.dlv-profile-kicker
{
	color: #63809e;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
}

.dlv-profile-heading h2
{
	margin: 6px 0;
	font-size: 22px;
	line-height: 1.2;
}

.dlv-profile-heading p
{
	margin: 0;
	color: #66788a;
}

.dlv-profile .x-fieldset
{
	margin-bottom: 12px;
	padding: 14px 16px 10px;
	border: 1px solid #d6e1ee;
	border-radius: 6px;
	background: #f8fafc;
}

.dlv-profile .x-fieldset legend
{
	padding: 0 6px;
	color: #234c79;
	font-weight: bold;
}

.dlv-profile .x-form-item
{
	margin-bottom: 8px;
}

.dlv-profile .x-form-item label
{
	color: #596b7d;
}

.dlv-profile .x-toolbar
{
	padding: 6px 8px;
	border: 1px solid #d6e1ee;
	background: #eef3f9;
}

.dlv-profile .x-grid3-header
{
	border-color: #d6e1ee;
}

.dlv-profile .x-grid-empty
{
	padding: 18px 12px;
	color: #66788a;
}

.dlv-profile-documents
{
	border: 1px solid #d6e1ee;
}

.dlv-profile-note
{
	padding: 4px 0 6px;
	color: var(--text-muted, #66666b);
	font-size: var(--fs-sm, 10px);
}

.dlv-profile-muted
{
	color: var(--text-muted, #66666b);
	font-size: var(--fs-sm, 10px);
}

@media (max-width: 900px)
{
	.dlv-profile .x-column
	{
		width: 100% !important;
		float: none !important;
	}
}

/* Profilio pradžia: savarankiškas HTML vaizdas. */
.profile-home { min-height: 100%; padding: 32px; box-sizing: border-box; background: #f3f6fb; color: #172b46; font: 14px/1.5 Arial, sans-serif; }
.profile-home * { box-sizing: border-box; }
.profile-home button { font: inherit; cursor: pointer; }
.profile-home button:focus-visible, .profile-home a:focus-visible { outline: 3px solid #6da6ef; outline-offset: 3px; }
.profile-hero { display: flex; align-items: center; justify-content: space-between; padding: 32px 36px; border-radius: 18px; background: #163c68; color: #fff; }
.profile-eyebrow { color: #7891ad; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.profile-hero .profile-eyebrow { color: #b8d2ee; }
.profile-home h1 { margin: 8px 0 4px; font-size: 30px; line-height: 1.2; color: inherit; }
.profile-hero p { margin: 0; color: #d4e3f3; }
.profile-hero-mark { font-size: 48px; color: #9fc9f4; }
.profile-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 24px; }
.profile-actions button { min-height: 44px; padding: 10px 18px; border: 1px solid #dbe4ef; border-radius: 10px; background: #fff; color: #244360; font-weight: 700; }
.profile-actions button span { padding-left: 12px; color: #7593b1; }
.profile-actions .profile-primary { border-color: #245eaa; background: #245eaa; color: #fff; }
.profile-actions button:hover, .profile-link-button:hover { filter: brightness(.96); }
.profile-hint { margin: -12px 0 20px; color: #667d96; }
.profile-cards { display: grid; grid-template-columns: 1.3fr 1fr; gap: 20px; }
.profile-card { min-width: 0; padding: 24px; border: 1px solid #e0e8f1; border-radius: 16px; background: #fff; box-shadow: 0 4px 18px rgba(25, 57, 90, .04); }
.profile-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.profile-home h2 { margin: 3px 0 0; color: #1a3554; font-size: 18px; line-height: 1.3; }
.profile-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #edf4fc; color: #3d73b0; font-size: 18px; }
.profile-card dl { margin: 0; }
.profile-detail { display: grid; grid-template-columns: minmax(120px, 42%) minmax(0, 1fr); gap: 12px; padding: 11px 0; border-top: 1px solid #edf1f6; }
.profile-detail dt { color: #74869a; }
.profile-detail dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.profile-home a, .profile-row-actions button { color: #245eaa; }
.profile-notice { margin: 20px 0 0; padding: 14px; border-radius: 10px; background: #f2f6fb; color: #61768c; font-size: 12px; }
.profile-documents, .profile-pending { margin-top: 20px; }
.profile-link-button, .profile-row-actions button { padding: 4px 0; border: 0; background: none; color: #245eaa; font-weight: 700; }
.profile-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 0; border-top: 1px solid #edf1f6; }
.profile-row strong, .profile-row small { display: block; overflow-wrap: anywhere; }
.profile-row small { margin-top: 3px; color: #7c8fa3; }
.profile-status { padding: 5px 10px; border-radius: 20px; background: #eef5fc; color: #3d6d9e; font-size: 12px; white-space: nowrap; }
.profile-row-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.profile-empty { display: flex; flex-direction: column; align-items: center; padding: 32px 12px; text-align: center; color: #8295a9; }
.profile-empty span { margin-bottom: 8px; font-size: 32px; color: #a5bad0; }
.profile-empty strong { color: #405b77; }
.profile-empty p { margin: 4px 0 0; }
@media (max-width: 850px) { .profile-home { padding: 18px; } .profile-cards { grid-template-columns: 1fr; } .profile-hero { padding: 24px; } .profile-home h1 { font-size: 24px; } }
@media (max-width: 520px) { .profile-actions button { flex: 1 1 100%; text-align: left; } .profile-row { align-items: flex-start; flex-direction: column; } .profile-detail { grid-template-columns: 1fr; gap: 2px; } .profile-card { padding: 18px; } }

/* Profilio pradžia prisitaiko prie pasirinktos tamsios temos. */
body.delivera-dark .profile-home { background: var(--bg, #1b1b1d); color: var(--text, #ededf0); }
body.delivera-dark .profile-hero { background: var(--header, #39393b); color: var(--text-strong, #fff); }
body.delivera-dark .profile-hero .profile-eyebrow,
body.delivera-dark .profile-hero p { color: var(--text-muted, #c0c0c6); }
body.delivera-dark .profile-hero-mark { color: var(--accent-text, #e2b75f); }
body.delivera-dark .profile-actions button { background: var(--raised, #39393b); border-color: var(--border, #454548); color: var(--text, #ededf0); }
body.delivera-dark .profile-actions button span { color: var(--text-muted, #c0c0c6); }
body.delivera-dark .profile-actions .profile-primary { background: var(--accent, #d09f3b); border-color: var(--accent, #d09f3b); color: var(--on-accent, #1f1603); }
body.delivera-dark .profile-card { background: var(--surface, #242426); border-color: var(--border, #454548); box-shadow: none; }
body.delivera-dark .profile-home h2,
body.delivera-dark .profile-empty strong { color: var(--text-strong, #fff); }
body.delivera-dark .profile-eyebrow,
body.delivera-dark .profile-hint,
body.delivera-dark .profile-detail dt,
body.delivera-dark .profile-row small,
body.delivera-dark .profile-empty { color: var(--text-muted, #c0c0c6); }
body.delivera-dark .profile-icon,
body.delivera-dark .profile-status { background: var(--accent-soft, #3a3222); color: var(--accent-text, #e2b75f); }
body.delivera-dark .profile-detail,
body.delivera-dark .profile-row { border-color: var(--border, #454548); }
body.delivera-dark .profile-home a,
body.delivera-dark .profile-link-button,
body.delivera-dark .profile-row-actions button { color: var(--accent-text, #e2b75f); }
body.delivera-dark .profile-notice { background: var(--surface-alt, #29292b); color: var(--text-muted, #c0c0c6); }
body.delivera-dark .profile-empty span { color: var(--text-muted, #c0c0c6); }