/* SSE-MiniCOOP compact visual language (2026-08-29). */
body.sse-confirm-ui,
body.sse-confirm-ui input,
body.sse-confirm-ui select,
body.sse-confirm-ui textarea,
body.sse-confirm-ui button { font-size: 12px !important; }

body.sse-confirm-ui h1,
body.sse-confirm-ui h2,
body.sse-confirm-ui h3,
body.sse-confirm-ui .modal-title,
body.sse-confirm-ui .panel-title { font-size: 16px !important; line-height: 1.25; }

body.sse-confirm-ui h4,
body.sse-confirm-ui h5,
body.sse-confirm-ui legend,
body.sse-confirm-ui .navbar,
body.sse-confirm-ui .alert { font-size: 14px !important; }

body.sse-confirm-ui h6,
body.sse-confirm-ui p,
body.sse-confirm-ui li,
body.sse-confirm-ui td,
body.sse-confirm-ui th,
body.sse-confirm-ui label,
body.sse-confirm-ui .btn,
body.sse-confirm-ui .form-control,
body.sse-confirm-ui .nav > li > a,
body.sse-confirm-ui .pagination > li > a,
body.sse-confirm-ui .pagination > li > span { font-size: 12px !important; }

body.sse-confirm-ui .help-block,
body.sse-confirm-ui .text-small,
body.sse-confirm-ui .sse-narration,
body.sse-confirm-ui small.sse-narration { font-size: 10px !important; line-height: 1.3; }

.sse-breadcrumb-bar { min-height: 30px; padding: 0 18px; }
.sse-breadcrumb-bar .breadcrumb,
.sse-breadcrumb-bar .breadcrumb a,
.sse-breadcrumb-bar .breadcrumb span { font-size: 14px !important; line-height: 20px; }
.sse-breadcrumb-bar .breadcrumb { padding: 5px 0 4px; }

/* The breadcrumb is the sole visible page title. */
body.sse-confirm-ui #page-title { display: none !important; }

body.sse-confirm-ui #content.sse-page-content { padding-top: 8px; }
body.sse-confirm-ui .row { margin-left: -7px; margin-right: -7px; }
body.sse-confirm-ui [class*="col-"] { padding-left: 7px; padding-right: 7px; }
body.sse-confirm-ui p { margin-bottom: 6px; }
body.sse-confirm-ui hr { margin-top: 9px; margin-bottom: 9px; }
body.sse-confirm-ui .form-group { margin-bottom: 8px; }
body.sse-confirm-ui .panel,
body.sse-confirm-ui .well,
body.sse-confirm-ui .alert,
body.sse-confirm-ui .dropdown-menu,
body.sse-confirm-ui .popover,
body.sse-confirm-ui .nav-tabs > li > a,
body.sse-confirm-ui .nav-pills > li > a,
body.sse-confirm-ui .sse-inventory-pills > a,
body.sse-confirm-ui .sse-accounting-pills > a,
body.sse-confirm-ui .sse-module-tile,
body.sse-confirm-ui .sse-inventory-panel,
body.sse-confirm-ui .sse-coop-card { border-radius: 10px !important; }

body.sse-confirm-ui .panel-heading,
body.sse-confirm-ui .panel-footer { padding: 7px 10px; }
body.sse-confirm-ui .panel-body { padding: 10px; }
body.sse-confirm-ui .btn { padding: 5px 10px; border-radius: 14px !important; line-height: 1.25; }
body.sse-confirm-ui .btn-xs { padding: 3px 8px; }
body.sse-confirm-ui .nav-tabs > li > a,
body.sse-confirm-ui .sse-inventory-pills > a,
body.sse-confirm-ui .sse-accounting-pills > a,
body.sse-confirm-ui .sse-accounting-pill,
body.sse-confirm-ui .sse-coop-pill,
body.sse-confirm-ui .sse-nav-pill { padding: 4px 8px !important; min-height: 0 !important; line-height: 1.2 !important; }
body.sse-confirm-ui .sse-inventory-pills,
body.sse-confirm-ui .sse-accounting-nav { gap: 4px !important; margin-bottom: 7px !important; }
body.sse-confirm-ui .breadcrumb a:focus,
body.sse-confirm-ui .breadcrumb a:active { outline: 0 !important; box-shadow: none !important; font-weight: inherit !important; text-decoration: none; }
body.sse-confirm-ui .sse-register-count { display:block; width:max-content; margin:3px 0; padding:2px 7px; color:#006b68; background:#e3f4f2; border:1px solid #b9dcda; border-radius:10px; font-size:10px !important; line-height:1.2; }

body.sse-confirm-ui .sse-table-responsive,
body.sse-confirm-ui .table-responsive { border-radius: 10px; }
body.sse-confirm-ui table { margin-bottom: 8px; }
body.sse-confirm-ui table > thead > tr > th { padding: 6px 7px !important; line-height: 1.2; }
body.sse-confirm-ui table > tbody > tr > td,
body.sse-confirm-ui table > tfoot > tr > td { padding: 5px 7px !important; line-height: 1.25; }
body.sse-confirm-ui table > thead > tr:first-child > th:first-child { border-top-left-radius: 9px; }
body.sse-confirm-ui table > thead > tr:first-child > th:last-child { border-top-right-radius: 9px; }
body.sse-confirm-ui .sse-col-no,
body.sse-confirm-ui th.sse-col-no,
body.sse-confirm-ui td.sse-col-no { width: 38px !important; min-width: 38px !important; max-width: 38px !important; text-align: center; }

/* Decorative icons stay behind copy so text uses the complete line. */
body.sse-confirm-ui .sse-coop-card { padding: 12px !important; min-height: 116px; }
body.sse-confirm-ui .sse-coop-card-icon {
	font-size: 52px !important; top: 50%; right: 12px; z-index: 0;
	transform: translateY(-50%); color: rgba(0, 128, 128, .08);
}
body.sse-confirm-ui .sse-coop-card > :not(.sse-coop-card-icon) { position: relative; z-index: 1; }
body.sse-confirm-ui .sse-module-tile { position: relative; overflow: hidden; padding: 11px 12px !important; }
body.sse-confirm-ui .sse-module-tile-icon {
	position: absolute !important; top: 50% !important; right: 12px !important; left: auto !important;
	font-size: 42px !important; transform: translateY(-50%); opacity: .09; z-index: 0;
}
body.sse-confirm-ui .sse-module-tile-copy { position: relative; z-index: 1; width: 100%; }

/* Bright modal surfaces require dark, high-contrast headings. */
body.sse-confirm-ui .modal-content { border-radius: 14px !important; }
body.sse-confirm-ui .modal-header {
	padding: 8px 12px !important; color: #004f4f !important;
	background: linear-gradient(135deg, #dff3f2, #f7fbfb) !important;
	border-bottom: 1px solid #b9d9d7 !important;
}
body.sse-confirm-ui .modal-header h1,
body.sse-confirm-ui .modal-header h2,
body.sse-confirm-ui .modal-header h3,
body.sse-confirm-ui .modal-header h4,
body.sse-confirm-ui .modal-header .modal-title,
body.sse-confirm-ui .modal-header .close { color: #004f4f !important; text-shadow: none; }
body.sse-confirm-ui .modal-body { padding: 10px 12px !important; }
body.sse-confirm-ui .modal-footer { padding: 7px 12px 9px !important; }
body.sse-confirm-ui .sse-modal-detail-grid { gap: 0 12px; }
body.sse-confirm-ui .sse-modal-detail-grid > div { padding: 6px 0; }

body.sse-confirm-ui .sse-coop-dashboard-grid,
body.sse-confirm-ui .sse-module-grid { gap: 9px; }
body.sse-confirm-ui .pagination { margin: 7px 0; }
body.sse-confirm-ui .sse-date-range-filter { align-items:center; gap:5px; }
body.sse-confirm-ui .sse-date-range-filter input[type="date"] { width:142px; min-width:142px; }

@media (max-width: 767px) {
	body.sse-confirm-ui #content.sse-page-content { padding: 6px; }
	.sse-breadcrumb-bar { padding: 0 9px; }
	body.sse-confirm-ui .sse-date-range-filter input[type="date"] { width:100%; min-width:0; }
}