/* Sabea Broker Portal — Operations · Application summary */
.oas-wrap { max-width: 1120px; margin: 0 auto; padding: 4px 2px 32px; }
.oas-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.oas-title { font-size: 18px; color: #12153D; margin: 0 0 4px; }
.oas-sub { color: #6c6c6c; font-size: 13px; margin: 0; max-width: 680px; line-height: 1.5; }
.oas-sub strong { color: #12153D; }
.oas-controls label { font-size: 12.5px; color: #6c6c6c; }
.oas-controls select { font: inherit; font-size: 13px; padding: 5px 8px; border: 1px solid #e5e3dc; border-radius: 6px; background: #fff; color: #12153D; }

.oas-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.oas-stats-2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 720px) { .oas-stats, .oas-stats-2 { grid-template-columns: 1fr; } }
.oas-hint { color: #b0aca0; }
.oas-turn { font-weight: 700; }
.oas-mir { display: inline-block; font-size: 11px; font-weight: 700; color: #b23; background: rgba(178,51,51,.1); border: 1px solid rgba(178,51,51,.3); border-radius: 999px; padding: 1px 7px; white-space: nowrap; }
.oas-outn { display: inline-block; font-size: 11px; font-weight: 700; color: #8a6d1f; background: rgba(201,168,76,.16); border: 1px solid rgba(201,168,76,.4); border-radius: 999px; padding: 1px 7px; margin-left: 4px; white-space: nowrap; }
.oas-out { font: inherit; font-size: 11px; color: #6c6c6c; background: none; border: 1px dashed #d8d4c4; border-radius: 6px; padding: 2px 7px; cursor: pointer; display: inline-flex; gap: 2px; align-items: center; }
.oas-out:hover { border-color: #12153D; color: #12153D; }
.oas-check { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: #6c6c6c; cursor: pointer; }
.oas-check input { cursor: pointer; }
.oas-btn { font: inherit; font-size: 12.5px; font-weight: 600; padding: 6px 12px; border-radius: 8px; border: 1px solid #e5e3dc; background: #fff; color: #12153D; cursor: pointer; }
.oas-btn:hover { border-color: #12153D; }
.oas-btn-primary { background: #12153D; color: #fff; border-color: #12153D; }

/* Outstanding-items modal */
.oas-modal-bg { position: fixed; inset: 0; background: rgba(18,21,61,.4); display: flex; align-items: center; justify-content: center; z-index: 2000; padding: 20px; }
.oas-modal { background: #fff; border-radius: 14px; padding: 20px 22px; width: 100%; max-width: 480px; max-height: 86vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.oas-mo-h { font-size: 15.5px; font-weight: 800; color: #12153D; }
.oas-mo-sub { font-size: 12px; color: #9a9a9a; font-weight: 400; margin-top: 2px; }
.oas-mo-mir { font-size: 12px; color: #b23; background: rgba(178,51,51,.08); border: 1px solid rgba(178,51,51,.25); border-radius: 8px; padding: 6px 10px; margin: 10px 0; }
.oas-mo-list { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; }
.oas-mo-item { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; background: #FAFAF7; border: 1px solid #f0eee7; border-radius: 8px; padding: 8px 10px; }
.oas-mo-item-b { font-size: 13px; color: #12153D; line-height: 1.45; }
.oas-mo-cat { display: inline-block; font-size: 10.5px; font-weight: 700; color: #6B4F9E; background: #ECE6F6; border-radius: 4px; padding: 1px 6px; margin-right: 6px; }
.oas-mo-meta { font-size: 11px; color: #9a9a9a; white-space: nowrap; display: flex; align-items: center; gap: 6px; }
.oas-mo-del { border: 0; background: none; color: #c9a; cursor: pointer; font-size: 12px; }
.oas-mo-del:hover { color: #b23; }
.oas-mo-add { border-top: 1px solid #f0eee7; padding-top: 12px; display: flex; flex-direction: column; gap: 7px; }
.oas-mo-add input, .oas-mo-add textarea { font: inherit; font-size: 13px; padding: 7px 9px; border: 1px solid #e5e3dc; border-radius: 7px; color: #12153D; }
.oas-mo-add textarea { resize: vertical; }
.oas-mo-act { display: flex; justify-content: flex-end; gap: 8px; }
.oas-stat { background: #fff; border: 1px solid #e9e6dd; border-radius: 12px; padding: 14px 16px; }
.oas-stat-v { font-size: 26px; font-weight: 800; color: #12153D; line-height: 1; }
.oas-stat-u { font-size: 11.5px; font-weight: 600; color: #9a9a9a; margin-left: 6px; }
.oas-stat-l { font-size: 12.5px; color: #12153D; margin-top: 7px; font-weight: 700; }
.oas-stat-s { font-size: 11px; color: #9a9a9a; margin-top: 2px; }

.oas-tablewrap { overflow-x: auto; border: 1px solid #e9e6dd; border-radius: 12px; background: #fff; }
.oas-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.oas-table th { text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .02em; color: #8a8a8a; font-weight: 700; padding: 8px 7px; border-bottom: 1px solid #eee; }
.oas-table td { padding: 8px 7px; border-bottom: 1px solid #f2f0ea; color: #12153D; vertical-align: top; word-break: break-word; }
.oas-dt { display: flex; flex-direction: column; line-height: 1.3; }
.oas-dt-t { font-size: 10px; color: #9a9a9a; }
.oas-table tr:last-child td { border-bottom: 0; }
.oas-name { font-weight: 600; max-width: 190px; }
.oas-num { text-align: right; }
.oas-d { font-size: 10px; color: #9a9a9a; margin-left: 1px; }
.oas-none { color: #9a9a9a; font-size: 12.5px; padding: 16px; text-align: center; }

.oas-st { display: inline-block; font-size: 10.5px; font-weight: 700; padding: 1px 8px; border-radius: 999px; white-space: nowrap; }
.oas-st-settled { background: rgba(47,158,95,.16); color: #217a4a; }
.oas-st-approved { background: #E0EAF7; color: #2F6DB5; }
.oas-st-lodged { background: rgba(201,168,76,.2); color: #8a6d1f; }
.oas-st-build { background: rgba(18,21,61,.08); color: #6c6c6c; }

.oas-loading, .oas-empty { color: #6c6c6c; font-size: 13px; padding: 28px 4px; text-align: center; }