/* DropDMS – admin area */

.dropdms-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 28px 16px;
	margin: 16px 0 12px;
	text-align: center;
	cursor: pointer;
	border: 2px dashed #8c8f94;
	border-radius: 8px;
	background: #fff;
	transition: background-color .15s, border-color .15s;
}
.dropdms-dropzone:hover,
.dropdms-dropzone:focus-visible,
.dropdms-dropzone.is-over {
	border-color: var(--wp-admin-theme-color, #2271b1);
	background: #f0f6fc;
	outline: none;
}
.dropdms-dropzone .dashicons { width: 32px; height: 32px; font-size: 32px; color: #646970; }
.dropdms-hint,
.dropdms-muted { color: #646970; }
.dropdms-hint { font-size: 13px; max-width: 640px; }

.dropdms-catselect label { margin-right: 6px; }

.dropdms-queue { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.dropdms-item { padding: 8px 12px; background: #fff; border: 1px solid #dcdcde; border-radius: 4px; }
.dropdms-item-head { display: flex; justify-content: space-between; gap: 16px; }
.dropdms-item-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dropdms-item-status { font-size: 13px; }
.dropdms-item-status.is-ok,
.dropdms-item-status.is-ok a { color: #008a20; }
.dropdms-item-status.is-warn,
.dropdms-item-status.is-warn a { color: #996800; }
.dropdms-item-status.is-err { color: #d63638; }
.dropdms-bar { height: 4px; margin-top: 6px; background: #dcdcde; border-radius: 2px; overflow: hidden; }
.dropdms-bar > span { display: block; height: 100%; width: 0; background: var(--wp-admin-theme-color, #2271b1); transition: width .2s; }
.dropdms-summary .notice p { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* List */
.dropdms .column-thumb { width: 56px; }
.dropdms .dropdms-thumb { width: 48px; max-width: none; height: auto; border: 1px solid #dcdcde; background: #fff; }
.dropdms .column-category,
.dropdms .column-document_date,
.dropdms .column-filesize,
.dropdms .column-ocr_chars { width: 11%; }
.dropdms .column-created { width: 14%; }
.dropdms-filename { color: #646970; font-size: 12px; word-break: break-all; }

/* Edit screen */
.dropdms-edit-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr); gap: 24px; align-items: start; }
.dropdms-edit-side { position: sticky; top: 46px; }
.dropdms-preview { width: 100%; height: 70vh; background: #fff; border: 1px solid #dcdcde; }
.dropdms-preview-img { max-width: 100%; height: auto; background: #fff; border: 1px solid #dcdcde; }
.dropdms-meta dt { font-weight: 600; margin-top: 8px; }
.dropdms-meta dd { margin: 0; word-break: break-all; }
.dropdms-hash { font-family: Consolas, Monaco, monospace; font-size: 12px; }
#dropdms-ocr-text { font-family: Consolas, Monaco, monospace; font-size: 12px; }
#dropdms-reocr-status { margin-left: 8px; }

@media (max-width: 960px) {
	.dropdms-edit-grid { grid-template-columns: 1fr; }
	.dropdms-edit-side { position: static; }
}

/* Settings */
.dropdms-storage { max-width: 640px; margin-bottom: 12px; }
.dropdms-storage th { width: 55%; }
.dropdms-optimize .description { margin-top: 6px; }

/* Hints about DropDMS Pro (only while Pro is not active) */
.dropdms-pro-box {
	max-width: 640px;
	margin-top: 24px;
	padding: 4px 20px 12px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-left: 4px solid var(--wp-admin-theme-color, #2271b1);
}
.dropdms-pro-box ul { list-style: disc; margin-left: 20px; }
.dropdms-pro-hint-field select:disabled { opacity: .7; }