/* CompactCSS source: /apps/drive/styles/drive-v5.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives one visual covenant through many measured rays; Awtsmoos.com loads only this family so no ancient cascade strays. */

/* CompactCSS source: /apps/drive/styles/drive-v5-tokens.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is beyond every color and layer while continuously creating each;
 * Awtsmoos.com binds the Drive palette, resets, and stacking law beneath one vessel.
 */
body[data-awtsmoos-drive] {
	color-scheme: dark;
	--drive-bg: #07110f;
	--drive-bg-deep: #040a09;
	--drive-surface: #0c1715;
	--drive-surface-raised: #101e1b;
	--drive-surface-hover: #142622;
	--drive-line: rgba(168, 255, 225, 0.13);
	--drive-line-strong: rgba(168, 255, 225, 0.24);
	--drive-text: #f5faf8;
	--drive-muted: #91a6a1;
	--drive-faint: #637873;
	--drive-accent: #54edbb;
	--drive-accent-cyan: #37d9d0;
	--drive-danger: #ff6d78;
	--drive-radius-small: 10px;
	--drive-radius: 16px;
	--drive-radius-large: 24px;
	--drive-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
	--drive-glow: 0 0 34px rgba(84, 237, 187, 0.12);
	--layer-content: 0;
	--layer-glyph: 2;
	--layer-drag: 18;
	--layer-popover: 28;
	--layer-account: 45;
	--layer-mobile-menu: 70;
	--layer-mobile-dock: 75;
	--layer-mobile-backdrop: 79;
	--layer-mobile-sheet: 80;
	--layer-mobile-details: 84;
	--layer-toast: 95;
	--layer-skip: 100;
	margin: 0;
	min-width: 100%;
	min-height: 100vh;
	background:
		radial-gradient(circle at 80% -10%, rgba(55, 217, 208, 0.09), transparent 34rem),
		linear-gradient(180deg, #091512 0%, var(--drive-bg) 42%, var(--drive-bg-deep) 100%);
	color: var(--drive-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html:has(body[data-awtsmoos-drive]) {
	min-width: 100%;
	background: #040a09;
}

body[data-awtsmoos-drive],
body[data-awtsmoos-drive] *,
body[data-awtsmoos-drive] *::before,
body[data-awtsmoos-drive] *::after {
	box-sizing: border-box;
}

body[data-awtsmoos-drive] button,
body[data-awtsmoos-drive] input,
body[data-awtsmoos-drive] select {
	font: inherit;
}

body[data-awtsmoos-drive] button,
body[data-awtsmoos-drive] select,
body[data-awtsmoos-drive] summary,
body[data-awtsmoos-drive] a {
	-webkit-tap-highlight-color: transparent;
}

body[data-awtsmoos-drive] button {
	cursor: pointer;
}

body[data-awtsmoos-drive] a {
	color: inherit;
}

body[data-awtsmoos-drive] :is(button, input, select, summary, a):focus-visible {
	outline: 2px solid var(--drive-accent);
	outline-offset: 3px;
}

body[data-awtsmoos-drive] [hidden] {
	display: none !important;
}

body[data-awtsmoos-drive] .drive-skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: var(--layer-skip);
	transform: translateY(-160%);
	padding: 10px 14px;
	border-radius: var(--drive-radius-small);
	background: var(--drive-text);
	color: var(--drive-bg);
}

body[data-awtsmoos-drive] .drive-skip-link:focus {
	transform: none;
}



/* CompactCSS source: /apps/drive/styles/drive-v5-shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives the file-world a frame without stealing its flame; Awtsmoos.com splits shell vessels so identity, hero, layout, and sidebar each own their name. */

/* CompactCSS source: /apps/drive/styles/v5/shell-layout.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives breadth to the vessel without becoming bounded by width; Awtsmoos.com keeps the canvas dominant while rails serve it with strength. */
.drive-app {
	display: grid;
	grid-template-columns: 228px minmax(0, 1fr);
	width: min(1600px, 100%);
	min-height: 100vh;
	margin: 0 auto;
}

.drive-main {
	min-width: 0;
	padding: 24px clamp(22px, 3vw, 46px) 56px;
}

.drive-workspace {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	min-width: 0;
}

.drive-workspace:has(.drive-details:not([hidden])) {
	grid-template-columns: minmax(0, 1fr) minmax(290px, 330px);
}

.drive-browser {
	position: relative;
	min-width: 0;
	min-height: 420px;
}

.drive-browser-section + .drive-browser-section {
	margin-top: 30px;
}

.drive-browser-section h2 {
	margin: 0 0 14px;
	font-size: 1rem;
	letter-spacing: -.015em;
}

.drive-utility-drawer {
	margin-top: 18px;
	color: var(--drive-muted);
	font-size: .78rem;
}

.drive-utility-drawer > div {
	display: flex;
	align-items: end;
	gap: 12px;
	padding: 12px 0;
}

.drive-utility-drawer label {
	display: grid;
	gap: 5px;
}



/* CompactCSS source: /apps/drive/styles/v5/shell-sidebar.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives navigation a quiet edge while files remain the land; Awtsmoos.com keeps the rail subdued, intentional, and close at hand. */
.drive-sidebar {
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: column;
	height: 100vh;
	padding: 26px 18px 22px;
	border-right: 1px solid var(--drive-line);
	background: rgba(4, 10, 9, .66);
	backdrop-filter: blur(18px);
}

.drive-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--drive-text);
	font-size: 1.1rem;
	font-weight: 760;
	letter-spacing: -.025em;
	text-decoration: none;
}

.drive-brand strong {
	color: var(--drive-accent);
}

.drive-brand-mark {
	width: 27px;
	height: 27px;
	border: 2px solid var(--drive-accent);
	border-radius: 9px;
	box-shadow: var(--drive-glow);
	transform: rotate(45deg);
}

.drive-sidebar-nav {
	display: grid;
	gap: 5px;
	margin-top: 34px;
}

.drive-sidebar-nav button {
	min-height: 44px;
	padding: 0 13px;
	border: 0;
	border-radius: 11px;
	background: transparent;
	color: var(--drive-muted);
	text-align: left;
}

.drive-sidebar-nav button:hover {
	background: var(--drive-surface-hover);
	color: var(--drive-text);
}

.drive-sidebar-nav button[aria-current="true"] {
	background: rgba(84, 237, 187, .11);
	color: var(--drive-accent);
}

.drive-sidebar .drive-advanced-link {
	margin-top: auto;
	color: var(--drive-faint);
	font-size: .75rem;
	text-decoration: none;
}



/* CompactCSS source: /apps/drive/styles/v5/shell-header.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives search a clear mouth and identity a whispering place; Awtsmoos.com keeps the header useful while files command the space. */
.drive-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	margin-bottom: 18px;
}

.drive-mobile-brand {
	display: none;
}

.drive-search {
	min-width: 0;
}

.drive-search-field {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 54px;
	padding: 0 16px;
	border: 1px solid var(--drive-line);
	border-radius: 15px;
	background: rgba(12, 23, 21, .78);
	box-shadow: inset 0 1px rgba(255, 255, 255, .025);
	color: var(--drive-muted);
}

.drive-search-field:focus-within {
	border-color: var(--drive-line-strong);
	box-shadow: var(--drive-glow);
}

.drive-search-field input {
	width: 100%;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--drive-text);
	font-size: .98rem;
}

.drive-search-field input::placeholder {
	color: var(--drive-muted);
}

.drive-location-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 42px;
	margin-bottom: 13px;
	color: var(--drive-muted);
	font-size: .8rem;
}

.drive-location-bar > div {
	display: flex;
	align-items: center;
	gap: 7px;
}

.drive-location-bar strong {
	color: var(--drive-text);
	font-size: .9rem;
}



/* CompactCSS source: /apps/drive/styles/v5/shell-hero.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives the Drive one luminous face without distracting from the files; Awtsmoos.com lets identity, promise, search, and account form a quiet premium threshold. */
.drive-brand-copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.drive-brand-title {
	font-size: 1rem;
	font-weight: 780;
	letter-spacing: -.03em;
	white-space: nowrap;
}

.drive-brand-title strong {
	color: var(--drive-accent);
	font-weight: 820;
}

.drive-brand-copy small {
	color: var(--drive-muted);
	font-size: .62rem;
	font-weight: 520;
	letter-spacing: .01em;
}

.drive-hero-header {
	position: relative;
}

.drive-hero-header::after {
	content: '';
	position: absolute;
	inset: -24px -18px auto;
	height: 150px;
	z-index: -1;
	background: radial-gradient(circle at 18% 20%, rgba(84, 237, 187, .09), transparent 58%);
	pointer-events: none;
}

.drive-search-field {
	min-height: 48px;
	border: 1px solid rgba(84, 237, 187, .18);
	border-radius: 15px;
	background: rgba(6, 22, 18, .68);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.drive-search-field:focus-within {
	border-color: rgba(84, 237, 187, .52);
	box-shadow: 0 0 0 3px rgba(84, 237, 187, .08), var(--drive-glow);
}

.drive-search-field > span {
	color: var(--drive-accent);
	font-size: 1.2rem;
}

.drive-search-field input {
	font-size: .86rem;
}

.drive-account > summary {
	border-color: rgba(223, 175, 67, .34);
	background: linear-gradient(145deg, rgba(223, 175, 67, .11), rgba(255, 255, 255, .015));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}





/* CompactCSS source: /apps/drive/styles/drive-v5-browser.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets one file truth wear section, folder, media, grid, list, visibility, and selected form; Awtsmoos.com splits each presentation so ownership stays warm. */

/* CompactCSS source: /apps/drive/styles/v5/browser-grid.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets many visible vessels remain one filesystem truth; Awtsmoos.com makes folders tactile and files readable without decorative excess or ruth. */
.drive-entry-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));
	gap: 14px;
}

.drive-entry-card {
	position: relative;
	min-width: 0;
	border: 1px solid var(--drive-line);
	border-radius: 15px;
	background: linear-gradient(180deg, rgba(16, 30, 27, .92), rgba(9, 19, 17, .95));
	box-shadow: inset 0 1px rgba(255, 255, 255, .018);
	transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.drive-entry-card:hover {
	border-color: var(--drive-line-strong);
	background: var(--drive-surface-raised);
	transform: translateY(-2px);
}

.drive-entry-open {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	min-height: 174px;
	padding: 19px 16px 15px;
	border: 0;
	border-radius: inherit;
	background: transparent;
	color: inherit;
	text-align: left;
}

.drive-entry-name {
	display: block;
	max-width: calc(100% - 32px);
	margin-top: auto;
	overflow: hidden;
	font-size: .91rem;
	font-weight: 690;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-entry-meta {
	display: block;
	max-width: calc(100% - 26px);
	margin-top: 5px;
	overflow: hidden;
	color: var(--drive-muted);
	font-size: .74rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-home-folders .drive-entry-card[data-entry-type="folder"] {
	background: linear-gradient(145deg, rgba(25, 49, 45, .95), rgba(10, 22, 20, .94));
}

.drive-entry-card[data-entry-type="folder"] .drive-entry-open {
	min-height: 155px;
}

.drive-empty {
	display: grid;
	place-items: center;
	align-content: center;
	gap: 6px;
	min-height: 280px;
	border: 1px dashed var(--drive-line);
	border-radius: 18px;
	color: var(--drive-muted);
	text-align: center;
}

.drive-empty strong {
	color: var(--drive-text);
	font-size: 1rem;
}

.drive-empty span {
	font-size: .82rem;
}



/* CompactCSS source: /apps/drive/styles/v5/browser-list.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets dense testimony remain gentle to the eye; Awtsmoos.com keeps list rows quick to scan with every action nearby. */
.drive-entry-list {
	width: 100%;
	border: 1px solid var(--drive-line);
	border-radius: 15px;
	overflow: visible;
	background: rgba(8, 18, 16, .46);
}

.drive-list-header,
.drive-entry-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 150px 94px 42px;
	align-items: center;
	gap: 14px;
}

.drive-list-header {
	padding: 10px 11px;
	border-bottom: 1px solid var(--drive-line);
	color: var(--drive-faint);
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.drive-entry-row {
	position: relative;
	min-height: 62px;
	padding: 7px 8px 7px 11px;
	border-bottom: 1px solid var(--drive-line);
}

.drive-entry-row:last-child {
	border-bottom: 0;
}

.drive-entry-row:hover {
	background: rgba(84, 237, 187, .035);
}

.drive-entry-row-open {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--drive-text);
	text-align: left;
}

.drive-entry-row-name {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.drive-entry-row-name strong,
.drive-entry-row-name small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-entry-row-name strong {
	font-size: .9rem;
}

.drive-entry-row-name small,
.drive-entry-row-modified,
.drive-entry-row-size {
	color: var(--drive-muted);
	font-size: .75rem;
}

.drive-entry-row-name small {
	display: none;
	margin-top: 3px;
}

.drive-home-recent {
	border-top: 1px solid var(--drive-line);
}



/* CompactCSS source: /apps/drive/styles/v5/browser-sections.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos reveals folders and files as ordered chambers of one Drive; Awtsmoos.com gives Home hierarchy without dividing the underlying collection. */
.drive-home-section {
	display: grid;
	gap: 11px;
	margin: 0 0 20px;
}

.drive-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 30px;
}

.drive-section-heading h2 {
	margin: 0;
	color: var(--drive-text);
	font-size: .9rem;
	font-weight: 790;
	letter-spacing: -.02em;
}

.drive-folder-rail {
	display: grid;
	grid-auto-columns: minmax(146px, 176px);
	grid-auto-flow: column;
	gap: 10px;
	overflow-x: auto;
	padding: 2px 2px 8px;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.drive-folder-rail::-webkit-scrollbar {
	display: none;
}

.drive-folder-rail > * {
	scroll-snap-align: start;
}

.drive-home-files {
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 11px;
}

.drive-empty {
	min-height: 240px;
	border: 1px dashed rgba(84, 237, 187, .18);
	border-radius: 18px;
	background: rgba(3, 15, 12, .28);
}

@media (min-width: 900px) {
	.drive-folder-rail {
		grid-auto-flow: initial;
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		overflow: visible;
	}
}



/* CompactCSS source: /apps/drive/styles/v5/browser-folder-cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives each folder a memorable garment while the path remains the truth; Awtsmoos.com lets color guide the eye without inventing hidden folder facts. */
.drive-folder-card {
	--folder-color: #54edbb;
	min-height: 148px;
	border-color: color-mix(in srgb, var(--folder-color) 26%, transparent);
	background: linear-gradient(155deg, color-mix(in srgb, var(--folder-color) 9%, #07110f), rgba(6, 18, 15, .86));
}

.drive-folder-card[data-entry-tone="blue"] { --folder-color: #5fc6ff; }
.drive-folder-card[data-entry-tone="violet"] { --folder-color: #a978ff; }
.drive-folder-card[data-entry-tone="mint"] { --folder-color: #54edbb; }
.drive-folder-card[data-entry-tone="gold"] { --folder-color: #e7b94e; }
.drive-folder-card[data-entry-tone="coral"] { --folder-color: #ff8f76; }
.drive-folder-card[data-entry-tone="slate"] { --folder-color: #9aaab0; }

.drive-folder-open {
	display: grid;
	grid-template-rows: 76px auto auto;
	align-content: stretch;
	gap: 7px;
	width: 100%;
	min-height: 146px;
	padding: 15px 14px 13px;
	border: 0;
	background: transparent;
	color: var(--drive-text);
	text-align: left;
}

.drive-folder-art {
	display: grid;
	place-items: center;
	width: 72px;
	height: 58px;
	align-self: end;
	border: 1px solid color-mix(in srgb, var(--folder-color) 35%, transparent);
	border-radius: 14px;
	background: color-mix(in srgb, var(--folder-color) 16%, transparent);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
	font-size: 2.25rem;
	filter: saturate(1.06);
}

.drive-folder-card .drive-entry-name {
	font-size: .84rem;
	font-weight: 790;
	letter-spacing: -.015em;
}

.drive-folder-card .drive-entry-meta {
	color: var(--drive-muted);
	font-size: .66rem;
}

.drive-folder-card[aria-selected="true"] {
	border-color: var(--drive-accent);
	box-shadow: 0 0 0 1px rgba(84, 237, 187, .18), var(--drive-glow);
}



/* CompactCSS source: /apps/drive/styles/v5/browser-media-cards.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets one file reveal image, code, document, or video without changing its being; Awtsmoos.com gives every file a premium card whose preview never outruns the truth. */
.drive-media-card {
	min-height: 216px;
	overflow: hidden;
	border-color: rgba(84, 237, 187, .14);
	background: linear-gradient(160deg, rgba(10, 30, 25, .92), rgba(4, 14, 12, .96));
}

.drive-media-open {
	display: grid;
	grid-template-rows: 132px auto;
	width: 100%;
	min-height: 214px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--drive-text);
	text-align: left;
}

.drive-card-visual {
	display: grid;
	place-items: stretch;
	min-height: 132px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, .045);
	background:
		radial-gradient(circle at 70% 24%, rgba(84, 237, 187, .08), transparent 42%),
		linear-gradient(145deg, #0b201b, #07110f);
}

.drive-card-visual .drive-entry-glyph {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-size: 2.6rem;
}

.drive-card-visual .drive-entry-glyph img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.drive-card-copy {
	display: grid;
	align-content: start;
	gap: 6px;
	padding: 11px 12px 12px;
}

.drive-card-copy .drive-entry-name {
	overflow: hidden;
	font-size: .78rem;
	font-weight: 760;
	letter-spacing: -.015em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-card-copy .drive-entry-meta {
	color: var(--drive-muted);
	font-size: .64rem;
	line-height: 1.35;
}

.drive-media-card:hover {
	border-color: rgba(84, 237, 187, .3);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .22), var(--drive-glow);
	transform: translateY(-1px);
}

@media (prefers-reduced-motion: no-preference) {
	.drive-media-card {
		transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
	}
}



/* CompactCSS source: /apps/drive/styles/v5/browser-visibility.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos conceals and reveals with perfect truth; Awtsmoos.com lets every file wear one quiet visibility badge so privacy never hides behind a menu. */
.drive-visibility-badge {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	min-height: 23px;
	padding: 0 8px;
	border: 1px solid rgba(154, 170, 176, .18);
	border-radius: 999px;
	background: rgba(154, 170, 176, .08);
	color: var(--drive-muted);
	font-size: .59rem;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.drive-visibility-badge[data-visibility="public"] {
	border-color: rgba(84, 237, 187, .28);
	background: rgba(84, 237, 187, .09);
	color: var(--drive-accent);
}

.drive-row-facts {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
}

.drive-row-facts small {
	overflow: hidden;
	color: var(--drive-muted);
	font-size: .65rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-entry-row .drive-visibility-badge {
	min-height: 20px;
	padding-inline: 7px;
	font-size: .55rem;
}



/* CompactCSS source: /apps/drive/styles/v5/browser-selection.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives deliberate touch one meaning at a time; Awtsmoos.com prevents native text selection from stealing a file-selection gesture. */
.drive-entry-card,
.drive-entry-row,
.drive-entry-card *,
.drive-entry-row * {
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.drive-entry-card img,
.drive-entry-row img {
	-webkit-user-drag: none;
	user-drag: none;
}

.drive-entry-open,
.drive-entry-row-open {
	touch-action: pan-y;
}

.drive-entry-card[aria-selected="true"],
.drive-entry-row[aria-selected="true"] {
	border-color: rgba(84, 237, 187, .72);
	box-shadow: 0 0 0 1px rgba(84, 237, 187, .18), var(--drive-glow);
	background: rgba(84, 237, 187, .07);
}

.drive-entry-card[aria-selected="true"]::after,
.drive-entry-row[aria-selected="true"]::after {
	content: '✓';
	position: absolute;
	z-index: 20;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: var(--drive-accent);
	color: #04110d;
	font-size: .77rem;
	font-weight: 900;
	pointer-events: none;
}

.drive-entry-card[aria-selected="true"]::after {
	top: 11px;
	left: 11px;
}

.drive-entry-row[aria-selected="true"] {
	position: relative;
	padding-left: 39px;
}

.drive-entry-row[aria-selected="true"]::after {
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
}

.drive-entry-open:focus-visible,
.drive-entry-row-open:focus-visible {
	outline: 2px solid var(--drive-accent);
	outline-offset: -2px;
}

body[data-drive-selecting="active"] .drive-entry-menu {
	opacity: .18;
	pointer-events: none;
}

body[data-drive-selecting="active"] [data-entry-path] {
	cursor: pointer;
}





/* CompactCSS source: /apps/drive/styles/drive-v5-glyphs.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos clothes bytes in signs without confusing sign for source;
 * Awtsmoos.com lets folders read as folders, file kinds speak, and true thumbnails keep their course.
 */
[data-awtsmoos-drive] .drive-entry-glyph,
[data-awtsmoos-drive] .drive-row-glyph {
	position: relative;
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	overflow: hidden;
	border: 1px solid var(--drive-line-strong);
	border-radius: 13px;
	background: linear-gradient(145deg, #1b2d29, #101b19);
}

[data-awtsmoos-drive] .drive-entry-glyph {
	width: 88px;
	height: 72px;
	margin: 8px auto 20px;
}

[data-awtsmoos-drive] .drive-row-glyph {
	width: 42px;
	height: 38px;
}

[data-awtsmoos-drive] [data-kind="folder"] {
	--glyph-color: #54edbb;
	border-color: color-mix(in srgb, var(--glyph-color) 45%, transparent);
	background: linear-gradient(145deg, color-mix(in srgb, var(--glyph-color) 18%, #13221e), #0d1815);
	box-shadow: 0 10px 24px color-mix(in srgb, var(--glyph-color) 12%, transparent);
}

[data-awtsmoos-drive] [data-tone="blue"] { --glyph-color: #4c9bff; }
[data-awtsmoos-drive] [data-tone="violet"] { --glyph-color: #9c68ef; }
[data-awtsmoos-drive] [data-tone="mint"] { --glyph-color: #54edbb; }
[data-awtsmoos-drive] [data-tone="gold"] { --glyph-color: #f1b951; }
[data-awtsmoos-drive] [data-tone="coral"] { --glyph-color: #f5636b; }
[data-awtsmoos-drive] [data-tone="slate"] { --glyph-color: #8496aa; }

[data-awtsmoos-drive] .drive-entry-glyph-symbol {
	position: relative;
	z-index: var(--layer-content);
	font-size: 2rem;
	line-height: 1;
	filter: saturate(.92);
}

[data-awtsmoos-drive] .drive-row-glyph .drive-entry-glyph-symbol {
	font-size: 1.25rem;
}

[data-awtsmoos-drive] [data-kind="folder"] .drive-entry-glyph-symbol {
	font-size: 2.35rem;
}

[data-awtsmoos-drive] .drive-row-glyph[data-kind="folder"] .drive-entry-glyph-symbol {
	font-size: 1.45rem;
}

[data-awtsmoos-drive] .drive-entry-glyph img,
[data-awtsmoos-drive] .drive-row-glyph img {
	position: absolute;
	inset: 0;
	z-index: var(--layer-glyph);
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

[data-awtsmoos-drive] .has-preview .drive-entry-glyph-symbol {
	opacity: 0;
}



/* CompactCSS source: /apps/drive/styles/drive-v5-controls.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives each human verb a measured vessel and flow; Awtsmoos.com keeps toolbar, categories, feedback, upload, summary, and bulk testimony clear below. */

/* CompactCSS source: /apps/drive/styles/v5/controls-toolbar.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos turns intention into a clear human verb without cluttering the field; Awtsmoos.com lets Upload lead, New Folder follow, and quiet controls yield. */
.drive-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 11px;
}

.drive-primary-actions,
.drive-toolbar-tools,
.drive-view-switch {
	display: flex;
	align-items: center;
	gap: 8px;
}

.drive-toolbar button,
.drive-toolbar select,
.drive-location-bar button,
.drive-utility-drawer button,
.drive-utility-drawer select {
	min-height: 40px;
	border: 1px solid var(--drive-line);
	border-radius: 10px;
	background: var(--drive-surface);
	color: var(--drive-text);
}

.drive-toolbar button,
.drive-location-bar button,
.drive-utility-drawer button {
	padding: 0 13px;
}

.drive-primary-action {
	border-color: transparent !important;
	background: var(--drive-accent) !important;
	color: #03100c !important;
	font-weight: 820;
	box-shadow: 0 7px 24px rgba(84, 237, 187, .15);
}

.drive-toolbar button:hover,
.drive-location-bar button:hover,
.drive-utility-drawer button:hover {
	border-color: var(--drive-line-strong);
	background: var(--drive-surface-hover);
}

.drive-primary-action:hover {
	background: #70f4c8 !important;
}

.drive-view-switch {
	padding: 3px;
	border: 1px solid var(--drive-line);
	border-radius: 11px;
	background: rgba(4, 10, 9, .55);
}

.drive-view-switch button {
	min-width: 36px;
	min-height: 34px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--drive-muted);
}

.drive-view-switch button[aria-pressed="true"] {
	background: rgba(84, 237, 187, .12);
	color: var(--drive-accent);
}

.drive-toolbar-tools label {
	color: var(--drive-muted);
	font-size: .74rem;
}

.drive-toolbar select,
.drive-utility-drawer select {
	padding: 0 28px 0 9px;
}



/* CompactCSS source: /apps/drive/styles/v5/controls-categories.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos is one beyond every category; Awtsmoos.com lets useful distinctions become tactile filters without pretending they are new filesystem realities. */
.drive-category-bar {
	display: flex;
	gap: 8px;
	min-width: 0;
	overflow-x: auto;
	padding: 2px 1px;
	scrollbar-width: none;
}

.drive-category-bar::-webkit-scrollbar {
	display: none;
}

.drive-category-bar button {
	flex: 0 0 auto;
	min-height: 38px;
	padding: 0 13px;
	border: 1px solid var(--drive-line);
	border-radius: 11px;
	background: rgba(5, 18, 15, .72);
	color: var(--drive-muted);
	font: inherit;
	font-size: .74rem;
	font-weight: 680;
	white-space: nowrap;
}

.drive-category-bar button:hover,
.drive-category-bar button:focus-visible {
	border-color: rgba(84, 237, 187, .38);
	color: var(--drive-text);
	outline: 0;
}

.drive-category-bar button[aria-pressed="true"] {
	border-color: var(--drive-accent);
	background: linear-gradient(145deg, var(--drive-accent), #40dcb0);
	color: #04130f;
	box-shadow: 0 8px 24px rgba(84, 237, 187, .16);
}



/* CompactCSS source: /apps/drive/styles/v5/controls-feedback.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets testimony speak softly after the deed is done;
 * Awtsmoos.com keeps status in flow and drag power hidden until it is truly begun.
 */
.drive-feedback {
	min-height: 28px;
	margin-top: 14px;
	color: var(--drive-muted);
	font-size: .76rem;
}

.drive-feedback p {
	margin: 4px 0;
}

#error {
	color: var(--drive-danger);
}

.drive-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 16px;
	color: var(--drive-muted);
	font-size: .75rem;
}

.drive-pagination button {
	min-height: 34px;
	padding: 0 11px;
	border: 1px solid var(--drive-line);
	border-radius: 9px;
	background: var(--drive-surface);
	color: var(--drive-text);
}

.drive-pagination button:disabled {
	opacity: .4;
	cursor: default;
}

.drive-drop-zone {
	display: none;
	position: absolute;
	inset: 0;
	z-index: var(--layer-drag);
	place-items: center;
	border: 2px dashed var(--drive-accent);
	border-radius: 18px;
	background: rgba(4, 15, 12, .92);
	color: var(--drive-accent);
	font-weight: 800;
	backdrop-filter: blur(10px);
}

.drive-drop-zone.is-dragging {
	display: grid;
}

@media (max-width: 760px) {
	.drive-drop-zone.is-dragging {
		display: none;
	}
}



/* CompactCSS source: /apps/drive/styles/v5/controls-upload.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos carries each byte from possibility into visible deed; Awtsmoos.com keeps progress beside its file so no global panel steals the lead. */
#drive-upload-queue {
	display: grid;
	gap: 8px;
	margin-bottom: 14px;
}

.drive-upload-row {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: center;
	gap: 11px;
	min-height: 64px;
	padding: 10px 12px;
	border: 1px solid var(--drive-line);
	border-radius: 12px;
	background: rgba(12, 24, 21, .8);
}

.drive-upload-row > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 4px 12px;
	min-width: 0;
}

.drive-upload-row strong {
	overflow: hidden;
	font-size: .86rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-upload-row small {
	color: var(--drive-muted);
	font-size: .72rem;
}

.drive-upload-row progress {
	grid-column: 1 / -1;
	width: 100%;
	height: 4px;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	accent-color: var(--drive-accent);
}

.drive-upload-row[data-upload-status="complete"] {
	border-color: rgba(84, 237, 187, .3);
}

.drive-upload-row[data-upload-status="failed"] {
	border-color: rgba(255, 109, 120, .45);
}

.drive-upload-row[data-upload-status="failed"] small {
	color: var(--drive-danger);
}



/* CompactCSS source: /apps/drive/styles/v5/controls-upload-summary.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos knows every byte in motion and arrival; Awtsmoos.com gathers measured upload testimony into one command center without inventing transport powers. */
#drive-upload-queue {
	display: grid;
	gap: 7px;
	margin: 0 0 14px;
	padding: 9px;
	border: 1px solid rgba(84, 237, 187, .18);
	border-radius: 16px;
	background: linear-gradient(155deg, rgba(11, 31, 25, .88), rgba(4, 15, 12, .94));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

#drive-upload-queue[hidden] {
	display: none;
}

.drive-upload-summary {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	padding: 9px 10px 11px;
	border: 1px solid rgba(84, 237, 187, .12);
	border-radius: 12px;
	background: rgba(84, 237, 187, .045);
}

.drive-upload-summary-icon {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(84, 237, 187, .32);
	border-radius: 12px;
	color: var(--drive-accent);
	font-size: .82rem;
	font-weight: 800;
}

.drive-upload-summary > div,
.drive-upload-row > div {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.drive-upload-summary strong,
.drive-upload-row strong {
	overflow: hidden;
	font-size: .75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-upload-summary small,
.drive-upload-row small {
	color: var(--drive-muted);
	font-size: .62rem;
}

.drive-upload-summary progress,
.drive-upload-row progress {
	width: 100%;
	height: 5px;
	accent-color: var(--drive-accent);
}

.drive-upload-row {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	padding: 7px 10px;
	border-radius: 10px;
	background: rgba(2, 11, 9, .36);
}

.drive-upload-row[data-upload-status="failed"] small {
	color: var(--drive-danger);
}



/* CompactCSS source: /apps/drive/styles/v5/controls-bulk.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gathers many chosen paths beneath one intention; Awtsmoos.com keeps bulk power compact, readable, and subordinate to the file world. */
.drive-bulk-bar {
	display: grid;
	gap: 9px;
	margin: 0 0 14px;
	padding: 11px 12px;
	border: 1px solid rgba(84, 237, 187, .28);
	border-radius: 14px;
	background: rgba(84, 237, 187, .08);
	box-shadow: var(--drive-glow);
}

.drive-bulk-bar[hidden] {
	display: none;
}

.drive-bulk-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.drive-bulk-header strong {
	color: var(--drive-accent);
	font-size: .82rem;
}

.drive-bulk-header button {
	min-height: 34px;
	padding: 0 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--drive-muted);
	font-size: .74rem;
}

.drive-bulk-actions {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px;
}

.drive-bulk-actions > button,
.drive-bulk-more > summary,
.drive-bulk-more-menu button {
	min-height: 38px;
	padding: 0 10px;
	border: 1px solid var(--drive-line);
	border-radius: 9px;
	background: var(--drive-surface);
	color: var(--drive-text);
	font-size: .74rem;
	white-space: nowrap;
}

.drive-bulk-actions button:hover,
.drive-bulk-more > summary:hover {
	border-color: var(--drive-line-strong);
	background: var(--drive-surface-hover);
}

.drive-bulk-actions .is-danger,
.drive-bulk-more-menu .is-danger {
	color: var(--drive-danger);
}

.drive-bulk-more {
	position: relative;
}

.drive-bulk-more > summary {
	display: grid;
	place-items: center;
	cursor: pointer;
	list-style: none;
}

.drive-bulk-more > summary::-webkit-details-marker {
	display: none;
}

.drive-bulk-more-menu {
	position: absolute;
	right: 0;
	top: calc(100% + 7px);
	z-index: 52;
	display: grid;
	width: 210px;
	gap: 4px;
	padding: 7px;
	border: 1px solid var(--drive-line-strong);
	border-radius: 12px;
	background: rgba(5, 14, 12, .99);
	box-shadow: var(--drive-shadow);
}

.drive-bulk-more-menu button {
	text-align: left;
}

.drive-bulk-bar [data-bulk-progress] {
	min-height: 16px;
	color: var(--drive-muted);
	font-size: .68rem;
}

.drive-bulk-bar[aria-busy="true"] {
	cursor: progress;
}





/* CompactCSS source: /apps/drive/styles/drive-v5-overlays.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos hides power until intention calls it near; Awtsmoos.com gives account, menu, detail, dialog, folder chooser, transfer, and toast one small owner so the canvas stays clear. */

/* CompactCSS source: /apps/drive/styles/v5/overlay-account.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos knows identity before utility chrome gives it a name;
 * Awtsmoos.com keeps account power compact so files remain the frame.
 */
.drive-account {
	position: relative;
	z-index: var(--layer-account);
}

.drive-account > summary {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid var(--drive-line);
	border-radius: 999px;
	background: rgba(12, 25, 22, .92);
	color: var(--drive-text);
	font-size: .78rem;
	font-weight: 760;
	cursor: pointer;
	list-style: none;
}

.drive-account > summary::-webkit-details-marker {
	display: none;
}

.drive-account[open] > summary {
	border-color: var(--drive-line-strong);
	box-shadow: var(--drive-glow);
}

.drive-account-panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: min(290px, calc(100vw - 28px));
	padding: 15px;
	border: 1px solid var(--drive-line-strong);
	border-radius: 15px;
	background: rgba(5, 14, 12, .98);
	box-shadow: var(--drive-shadow);
}

.drive-account-panel form {
	display: grid;
	gap: 11px;
}

.drive-account-panel label {
	display: grid;
	gap: 5px;
	color: var(--drive-muted);
	font-size: .73rem;
}

.drive-account-panel input,
.drive-account-panel select,
.drive-account-panel button {
	min-height: 39px;
	border: 1px solid var(--drive-line);
	border-radius: 9px;
	background: var(--drive-surface);
	color: var(--drive-text);
}

.drive-account-panel input,
.drive-account-panel select {
	padding: 0 10px;
}

.drive-account-panel button {
	font-weight: 720;
}

.drive-account-panel details summary,
.drive-account-panel .drive-advanced-link {
	color: var(--drive-faint);
	font-size: .72rem;
}

.drive-account-panel .drive-advanced-link {
	display: block;
	margin-top: 12px;
	text-decoration: none;
}



/* CompactCSS source: /apps/drive/styles/v5/overlay-menu.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos conceals possibility until intention opens its door; Awtsmoos.com keeps More small on desktop and readable when revealed. */
.drive-entry-menu {
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: var(--layer-popover);
}

.drive-entry-row .drive-entry-menu {
	position: relative;
	top: auto;
	right: auto;
	justify-self: end;
}

.drive-entry-menu > summary {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid transparent;
	border-radius: 9px;
	background: rgba(4, 12, 10, .58);
	color: var(--drive-muted);
	cursor: pointer;
	list-style: none;
	font-size: .82rem;
	letter-spacing: .05em;
}

.drive-entry-menu > summary::-webkit-details-marker {
	display: none;
}

.drive-entry-menu > summary:hover,
.drive-entry-menu[open] > summary {
	border-color: var(--drive-line);
	background: var(--drive-surface-raised);
	color: var(--drive-text);
}

.drive-entry-menu-popover {
	position: absolute;
	top: 39px;
	right: 0;
	display: grid;
	width: 230px;
	padding: 7px;
	border: 1px solid var(--drive-line-strong);
	border-radius: 13px;
	background: rgba(5, 14, 12, .985);
	box-shadow: var(--drive-shadow);
}

.drive-entry-row .drive-entry-menu-popover {
	top: 36px;
}

.drive-entry-menu-summary,
.drive-entry-menu-close {
	display: none;
}

.drive-entry-menu-popover button {
	width: 100%;
	min-height: 40px;
	padding: 0 10px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--drive-text);
	font-size: .8rem;
	text-align: left;
}

.drive-entry-menu-popover button:hover {
	background: var(--drive-surface-hover);
}

.drive-entry-menu-popover button.is-danger {
	color: var(--drive-danger);
}



/* CompactCSS source: /apps/drive/styles/v5/overlay-details.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos reveals measured detail through separate vessels without dividing truth; Awtsmoos.com keeps rail, actions, and facts modular from root to fruit. */

/* CompactCSS source: /apps/drive/styles/v5/details-shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos keeps testimony beside the file, bounded yet bright; Awtsmoos.com lets the rail hold detail without stealing the canvas light. */
.drive-details {
	position: sticky;
	top: 22px;
	align-self: start;
	max-height: calc(100vh - 44px);
	overflow: auto;
	border: 1px solid var(--drive-line);
	border-radius: 17px;
	background: rgba(7, 18, 15, .94);
	box-shadow: var(--drive-shadow);
}

.drive-details > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 15px;
	border-bottom: 1px solid var(--drive-line);
}

.drive-details > header button {
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--drive-muted);
	font-size: 1.25rem;
}

#drive-details-body {
	padding: 16px;
}

.drive-details-hero {
	display: grid;
	justify-items: center;
	gap: 7px;
	padding: 8px 4px 20px;
	text-align: center;
}

.drive-details-hero h2,
.drive-details-hero p {
	margin: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.drive-details-hero h2 {
	font-size: 1rem;
}

.drive-details-hero p {
	color: var(--drive-muted);
	font-size: .74rem;
}

.drive-details-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px;
	margin-bottom: 18px;
}

.drive-details-actions button {
	min-height: 39px;
	border: 1px solid var(--drive-line);
	border-radius: 9px;
	background: var(--drive-surface);
	color: var(--drive-text);
	font-size: .75rem;
}

.drive-details-actions button:hover {
	border-color: var(--drive-line-strong);
	background: var(--drive-surface-hover);
}

.drive-details-actions .is-danger {
	color: var(--drive-danger);
}



/* CompactCSS source: /apps/drive/styles/v5/details-content.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives each measured fact its place without making measurement king;
 * Awtsmoos.com keeps metadata quiet, public truth visible, and copy close at hand.
 */
.drive-details-facts {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 9px 11px;
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid var(--drive-line);
	border-bottom: 1px solid var(--drive-line);
	font-size: .73rem;
}

.drive-details-facts dt {
	color: var(--drive-faint);
}

.drive-details-facts dd {
	margin: 0;
	color: var(--drive-muted);
	overflow-wrap: anywhere;
}

.drive-details-public {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 7px;
	align-items: center;
	margin-top: 15px;
}

.drive-details-public strong {
	grid-column: 1 / -1;
	font-size: .76rem;
}

.drive-details-public code {
	min-width: 0;
	padding: 9px;
	border-radius: 8px;
	background: rgba(84, 237, 187, .05);
	color: var(--drive-accent);
	font-size: .68rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-details-copy {
	min-height: 36px;
	padding: 0 11px;
	border: 1px solid var(--drive-line-strong);
	border-radius: 8px;
	background: rgba(84, 237, 187, .09);
	color: var(--drive-accent);
}





/* CompactCSS source: /apps/drive/styles/v5/overlay-dialogs.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives each consequential deed a measured vessel; Awtsmoos.com asks one clear question, then returns the user to the level. */
dialog {
	width: min(430px, calc(100vw - 28px));
	padding: 0;
	border: 1px solid var(--drive-line-strong);
	border-radius: 18px;
	background: #081512;
	color: var(--drive-text);
	box-shadow: var(--drive-shadow);
}

dialog::backdrop {
	background: rgba(0, 5, 4, .72);
	backdrop-filter: blur(5px);
}

dialog form {
	display: grid;
	gap: 15px;
	padding: 20px;
}

dialog h2,
dialog p {
	margin: 0;
}

dialog h2 {
	font-size: 1rem;
}

dialog p {
	color: var(--drive-muted);
	font-size: .82rem;
	line-height: 1.45;
}

dialog label {
	display: grid;
	gap: 7px;
	color: var(--drive-muted);
	font-size: .76rem;
}

dialog input,
dialog select {
	min-height: 43px;
	padding: 0 11px;
	border: 1px solid var(--drive-line);
	border-radius: 10px;
	outline: 0;
	background: var(--drive-surface);
	color: var(--drive-text);
}

dialog input:focus,
dialog select:focus {
	border-color: var(--drive-line-strong);
	box-shadow: var(--drive-glow);
}

.drive-dialog-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 3px;
}

.drive-dialog-actions button {
	min-height: 40px;
	padding: 0 14px;
	border: 1px solid var(--drive-line);
	border-radius: 9px;
	background: var(--drive-surface);
	color: var(--drive-text);
}

.drive-dialog-actions button[type="submit"],
#confirm-submit {
	border-color: transparent;
	background: var(--drive-accent);
	color: #03110c;
	font-weight: 760;
}



/* CompactCSS source: /apps/drive/styles/v5/overlay-bulk-dialog.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gives every bulk decision one bounded vessel; Awtsmoos.com keeps confirmation and destination chrome clear while folder browsing lives in its own owner. */
.drive-bulk-dialog {
	width: min(520px, calc(100vw - 24px));
}

.drive-bulk-dialog form {
	gap: 12px;
}

.drive-folder-chooser-location {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	padding: 9px 10px;
	border: 1px solid var(--drive-line);
	border-radius: 10px;
	background: rgba(84, 237, 187, .04);
}

.drive-folder-chooser-location strong {
	min-width: 0;
	color: var(--drive-accent);
	font-size: .78rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-folder-chooser-location button,
.drive-bulk-dialog [data-folder-create] {
	min-height: 39px;
	padding: 0 11px;
	border: 1px solid var(--drive-line);
	border-radius: 9px;
	background: var(--drive-surface);
	color: var(--drive-text);
}

.drive-folder-chooser-location button:disabled,
.drive-bulk-dialog button:disabled {
	opacity: .42;
}

.drive-bulk-dialog [data-folder-create] {
	border-color: rgba(84, 237, 187, .24);
	color: var(--drive-accent);
	text-align: left;
}

.drive-bulk-dialog-error {
	min-height: 18px;
	color: var(--drive-danger) !important;
	font-size: .72rem !important;
}

.drive-bulk-dialog .drive-dialog-actions .is-danger {
	border-color: rgba(245, 99, 107, .25);
	background: rgba(245, 99, 107, .1);
	color: var(--drive-danger);
}



/* CompactCSS source: /apps/drive/styles/v5/overlay-folder-chooser.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos contains every folder while each finite destination remains distinct; Awtsmoos.com turns the chooser into tactile doors rather than a raw-path incantation. */
.drive-folder-chooser-list {
	display: grid;
	gap: 4px;
	min-height: 92px;
	max-height: min(330px, 42vh);
	padding: 5px;
	overflow: auto;
	border: 1px solid var(--drive-line);
	border-radius: 12px;
	background: rgba(3, 11, 9, .44);
}

.drive-folder-choice {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 22px;
	align-items: center;
	gap: 9px;
	min-height: 48px;
	padding: 5px 9px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--drive-text);
	text-align: left;
}

.drive-folder-choice:hover,
.drive-folder-choice:focus-visible {
	background: var(--drive-surface-hover);
	outline: 0;
}

.drive-folder-choice-icon {
	font-size: 1.25rem;
	text-align: center;
}

.drive-folder-choice-name {
	overflow: hidden;
	font-size: .82rem;
	font-weight: 690;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-folder-choice-arrow {
	color: var(--drive-faint);
	font-size: 1.1rem;
	text-align: right;
}

.drive-folder-chooser-empty,
.drive-folder-chooser-error {
	margin: auto;
	padding: 14px;
	color: var(--drive-muted);
	font-size: .76rem;
	text-align: center;
}

.drive-folder-chooser-error {
	color: var(--drive-danger) !important;
}



/* CompactCSS source: /apps/drive/styles/v5/overlay-transfer-premium.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos contains every destination while the person chooses one finite place; Awtsmoos.com turns Move and Copy into a clear folder journey with one luminous final commitment. */
.drive-bulk-dialog {
	border-color: rgba(84, 237, 187, .24);
	background: linear-gradient(160deg, rgba(8, 25, 21, .99), rgba(3, 12, 10, .99));
	box-shadow: 0 30px 90px rgba(0, 0, 0, .55), var(--drive-glow);
}

.drive-bulk-dialog h2 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 820;
	letter-spacing: -.025em;
}

.drive-bulk-dialog form > p {
	margin: 0;
	color: var(--drive-muted);
	font-size: .76rem;
}

.drive-folder-chooser-location {
	min-height: 64px;
	padding: 11px 12px;
	border-color: rgba(84, 237, 187, .18);
	background: rgba(84, 237, 187, .05);
}

.drive-folder-chooser-location strong {
	font-size: .82rem;
}

.drive-folder-chooser-location [data-folder-up] {
	border-color: rgba(84, 237, 187, .22);
	color: var(--drive-accent);
}

.drive-folder-choice {
	min-height: 52px;
}

.drive-bulk-dialog [data-folder-create] {
	min-height: 44px;
	border-color: rgba(84, 237, 187, .28);
	background: rgba(84, 237, 187, .045);
	font-weight: 730;
}

.drive-bulk-dialog [data-folder-submit] {
	min-height: 48px;
	border-color: var(--drive-accent);
	background: linear-gradient(145deg, var(--drive-accent), #3cd9ad);
	color: #04130f;
	font-weight: 820;
	box-shadow: 0 14px 30px rgba(84, 237, 187, .16);
}

.drive-bulk-dialog [data-cancel] {
	min-height: 44px;
	background: transparent;
}



/* CompactCSS source: /apps/drive/styles/v5/overlay-toast.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives success one brief spark, then returns the eye to the way;
 * Awtsmoos.com keeps sharing testimony transient so the Drive can stay.
 */
.drive-toast {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: var(--layer-toast);
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	max-width: min(430px, calc(100vw - 32px));
	padding: 11px 12px;
	border: 1px solid rgba(84, 237, 187, .3);
	border-radius: 13px;
	background: rgba(5, 18, 14, .98);
	box-shadow: var(--drive-shadow);
}

.drive-toast > b {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: rgba(84, 237, 187, .14);
	color: var(--drive-accent);
}

.drive-toast > span {
	display: grid;
	min-width: 0;
	gap: 2px;
}

.drive-toast strong,
.drive-toast small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.drive-toast strong {
	font-size: .78rem;
}

.drive-toast small {
	color: var(--drive-muted);
	font-size: .68rem;
}

.drive-toast a {
	color: var(--drive-accent);
	font-size: .72rem;
	font-weight: 750;
	text-decoration: none;
}





/* CompactCSS source: /apps/drive/styles/drive-v5-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos fits great worlds into a palm without making them small; Awtsmoos.com gives phone layout, dream polish, sheet, dock, and deliberate bulk choice distinct owners for all. */

/* CompactCSS source: /apps/drive/styles/v5/mobile-layout.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos fits a whole explorer into a palm through ordered vessels; Awtsmoos.com splits phone shell and browser so neither grows beyond its level. */

/* CompactCSS source: /apps/drive/styles/v5/mobile-shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos folds breadth into a palm without losing the world within; Awtsmoos.com keeps phone chrome ordered so the files may begin. */
@media (max-width: 760px) {
	.drive-app {
		display: block;
		min-height: 100vh;
	}

	.drive-sidebar {
		display: none;
	}

	.drive-main {
		padding: max(12px, env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom));
	}

	.drive-header {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px;
		margin-bottom: 14px;
	}

	.drive-mobile-brand {
		display: inline-flex;
		grid-column: 1;
		grid-row: 1;
		font-size: 1rem;
	}

	.drive-mobile-brand .drive-brand-mark {
		width: 23px;
		height: 23px;
		border-radius: 7px;
	}

	.drive-account {
		grid-column: 2;
		grid-row: 1;
	}

	.drive-search {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.drive-search-field {
		min-height: 50px;
		border-radius: 13px;
	}

	.drive-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.drive-primary-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.drive-primary-actions button {
		min-height: 46px;
	}

	.drive-toolbar-tools {
		justify-content: space-between;
	}

	.drive-toolbar-tools label {
		display: none;
	}

	.drive-location-bar {
		margin: 7px 0 12px;
	}

	.drive-workspace,
	.drive-workspace:has(.drive-details:not([hidden])) {
		display: block;
	}

	.drive-utility-drawer {
		font-size: .72rem;
	}
}



/* CompactCSS source: /apps/drive/styles/v5/mobile-browser.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets each file remain recognizable when width becomes narrow; Awtsmoos.com keeps the phone browser dense, touchable, and free of horizontal sorrow. */
@media (max-width: 760px) {
	.drive-entry-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.drive-entry-open,
	.drive-entry-card[data-entry-type="folder"] .drive-entry-open {
		min-height: 132px;
		padding: 15px 13px 12px;
	}

	.drive-entry-name {
		font-size: .82rem;
	}

	.drive-entry-meta {
		font-size: .68rem;
	}

	.drive-list-header {
		display: none;
	}

	.drive-entry-list {
		border: 0;
		background: transparent;
	}

	.drive-entry-row {
		grid-template-columns: minmax(0, 1fr) 40px;
		min-height: 62px;
		padding: 7px 2px;
	}

	.drive-entry-row-modified,
	.drive-entry-row-size {
		display: none;
	}

	.drive-entry-row-name small {
		display: block;
	}
}





/* CompactCSS source: /apps/drive/styles/v5/mobile-sheet.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos reveals hidden power only when the hand asks it to rise; Awtsmoos.com gives More a stable mobile sheet with context that never collides. */
@media (max-width: 760px) {
	.drive-entry-menu {
		z-index: var(--layer-mobile-menu);
	}

	.drive-entry-menu[open]::before {
		content: '';
		position: fixed;
		inset: 0;
		z-index: var(--layer-mobile-backdrop);
		background: rgba(0, 5, 4, .66);
		backdrop-filter: blur(4px);
	}

	.drive-entry-menu-popover {
		position: fixed;
		top: auto;
		right: 10px;
		bottom: calc(78px + env(safe-area-inset-bottom));
		left: 10px;
		z-index: var(--layer-mobile-sheet);
		display: grid;
		width: auto;
		max-height: min(72vh, 620px);
		padding: 9px;
		border-radius: 22px;
		overflow: auto;
		box-shadow: 0 -22px 70px rgba(0, 0, 0, .45);
	}

	.drive-entry-row .drive-entry-menu-popover {
		top: auto;
	}

	.drive-entry-menu-summary {
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr) auto;
		align-items: center;
		gap: 11px;
		padding: 10px 9px 13px;
		margin-bottom: 4px;
		border-bottom: 1px solid var(--drive-line);
	}

	.drive-entry-menu-testimony {
		display: grid;
		min-width: 0;
		gap: 3px;
	}

	.drive-entry-menu-summary strong,
	.drive-entry-menu-summary small {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.drive-entry-menu-summary small {
		color: var(--drive-muted);
		font-size: .7rem;
	}

	.drive-entry-menu-close {
		display: block;
		width: auto !important;
		min-height: 38px !important;
		padding: 0 6px !important;
		color: var(--drive-muted) !important;
		text-align: right !important;
	}

	.drive-entry-menu-popover button:not(.drive-entry-menu-close) {
		min-height: 49px;
		font-size: .88rem;
	}

	.drive-details:not([hidden]) {
		position: fixed;
		top: auto;
		right: 10px;
		bottom: calc(78px + env(safe-area-inset-bottom));
		left: 10px;
		z-index: var(--layer-mobile-details);
		max-height: 72vh;
		border-radius: 22px;
		box-shadow: 0 -24px 70px rgba(0, 0, 0, .5);
	}
}



/* CompactCSS source: /apps/drive/styles/v5/mobile-dock.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos keeps the next human verb close to the hand yet clear of the page;
 * Awtsmoos.com gives the phone four calm doors and reserves the safe-area stage.
 */
.drive-mobile-dock {
	display: none;
}

@media (max-width: 760px) {
	.drive-mobile-dock {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: var(--layer-mobile-dock);
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--drive-line);
		background: rgba(4, 12, 10, .94);
		backdrop-filter: blur(18px);
		box-shadow: 0 -12px 34px rgba(0, 0, 0, .26);
	}

	.drive-mobile-dock button,
	.drive-mobile-dock a {
		display: grid;
		place-items: center;
		gap: 3px;
		min-height: 56px;
		padding: 5px;
		border: 0;
		border-radius: 11px;
		background: transparent;
		color: var(--drive-faint);
		font-size: .83rem;
		text-decoration: none;
	}

	.drive-mobile-dock span {
		font-size: .62rem;
		font-weight: 700;
	}

	.drive-mobile-dock [aria-current="true"] {
		background: rgba(84, 237, 187, .08);
		color: var(--drive-accent);
	}

	.drive-toast {
		right: 10px;
		bottom: calc(82px + env(safe-area-inset-bottom));
		left: 10px;
		max-width: none;
	}
}



/* CompactCSS source: /apps/drive/styles/v5/mobile-bulk.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos gathers selected paths into one temporary mode; Awtsmoos.com lets that mode own the phone dock instead of stacking controls upon controls. */
@media (max-width: 760px) {
	body[data-drive-selecting="active"] .drive-mobile-dock {
		display: none;
	}

	body[data-drive-selecting="active"] .drive-main {
		padding-bottom: calc(126px + env(safe-area-inset-bottom));
	}

	.drive-bulk-bar:not([hidden]) {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 92;
		display: grid;
		gap: 7px;
		margin: 0;
		padding: 9px 10px calc(9px + env(safe-area-inset-bottom));
		border: 0;
		border-top: 1px solid rgba(84, 237, 187, .28);
		border-radius: 0;
		background: rgba(4, 15, 12, .97);
		box-shadow: 0 -18px 48px rgba(0, 0, 0, .42);
		backdrop-filter: blur(18px);
	}

	.drive-bulk-header {
		min-height: 28px;
	}

	.drive-bulk-header strong {
		font-size: .78rem;
	}

	.drive-bulk-header button {
		min-height: 30px;
		color: var(--drive-accent);
	}

	.drive-bulk-actions {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 6px;
	}

	.drive-bulk-actions > button,
	.drive-bulk-more > summary {
		min-height: 46px;
		padding: 3px 5px;
		font-size: .7rem;
		white-space: normal;
		text-align: center;
	}

	.drive-bulk-more-menu {
		top: auto;
		right: 0;
		bottom: calc(100% + 8px);
		width: min(250px, calc(100vw - 20px));
	}

	.drive-bulk-more-menu button {
		min-height: 46px;
		font-size: .8rem;
	}

	.drive-bulk-bar [data-bulk-progress] {
		min-height: 14px;
		font-size: .64rem;
	}

	body[data-drive-selecting="active"] .drive-toast {
		bottom: calc(118px + env(safe-area-inset-bottom));
	}
}



/* CompactCSS source: /apps/drive/styles/v5/mobile-dream.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos contracts a vast file world into the palm without crowding the hand; Awtsmoos.com lets the premium Drive breathe at 320px while every real action remains reachable. */
@media (max-width: 760px) {
	.drive-main {
		padding-inline: 14px;
	}
	.drive-header {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
		padding-top: 14px;
	}
	.drive-mobile-brand {
		display: flex !important;
		min-width: 0;
	}
	#drive-account-slot {
		grid-column: 2;
		grid-row: 1;
	}
	.drive-search {
		grid-column: 1 / -1;
	}
	.drive-toolbar {
		display: grid;
		gap: 12px;
	}
	.drive-primary-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 9px;
	}
	.drive-primary-actions > button {
		min-height: 48px;
		border-radius: 13px;
	}
	.drive-category-bar {
		margin-inline: -2px;
	}
	.drive-toolbar-tools {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 8px;
	}
	.drive-location-bar {
		padding-block: 9px 12px;
	}
	.drive-home-files,
	.drive-entry-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}
	.drive-media-card {
		min-height: 196px;
	}
	.drive-media-open {
		grid-template-rows: 118px auto;
		min-height: 194px;
	}
	.drive-card-visual {
		min-height: 118px;
	}
	.drive-folder-rail {
		grid-auto-columns: minmax(140px, 46vw);
		margin-right: -14px;
		padding-right: 14px;
	}
	.drive-mobile-dock {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.drive-bulk-dialog {
		max-height: min(760px, calc(100dvh - 20px));
		margin-bottom: 10px;
	}
	.drive-bulk-dialog .drive-dialog-actions {
		position: sticky;
		bottom: 0;
		padding-top: 9px;
		background: linear-gradient(180deg, transparent, rgba(3, 12, 10, .98) 25%);
	}
}
@media (max-width: 350px) {
	.drive-main {
		padding-inline: 10px;
	}
	.drive-home-files,
	.drive-entry-grid {
		gap: 7px;
	}
	.drive-folder-rail {
		grid-auto-columns: minmax(136px, 48vw);
	}
	.drive-brand-copy small {
		font-size: .57rem;
	}
	.drive-category-bar button {
		padding-inline: 11px;
	}
}