/* OPTIK JINAN POS V4.2.53A UI12 OWNER MONTHLY REPORT1 RC2 */
.owner-monthly-report-head{align-items:flex-start;gap:18px}
.omr-period-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.omr-period-actions .input{min-width:170px}
.omr-period-actions .primary-btn,.omr-period-actions .secondary-btn{min-height:46px}
.omr-hero{padding:24px;margin-bottom:18px;background:linear-gradient(135deg,#f8fbff,#f0fdf6);border:1px solid #dbe7df;border-radius:24px}
.omr-hero-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}
.omr-hero-top h3{font-size:25px;margin:4px 0 6px;color:#101828}
.omr-hero-top p{margin:0;color:#667085}
.omr-generated{font-size:12px;font-weight:700;color:#475467;background:#fff;border:1px solid #e4e7ec;padding:8px 12px;border-radius:999px;white-space:nowrap}
.omr-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.omr-kpi{min-width:0;padding:16px;border:1px solid #dfe5ec;background:#fff;border-radius:18px;box-shadow:0 7px 18px rgba(15,23,42,.04)}
.omr-kpi span{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;color:#667085;margin-bottom:9px}
.omr-kpi strong{display:block;font-size:22px;line-height:1.2;color:#172033;overflow-wrap:anywhere}
.omr-kpi small{display:block;margin-top:7px;color:#667085;font-size:12px;line-height:1.35}
.omr-kpi.sales strong{color:#17663a}.omr-kpi.receipts strong{color:#155eef}.omr-kpi.receivable strong{color:#c11574}.omr-kpi.unpicked strong{color:#b54708}
.omr-section{margin-top:18px;padding:22px;border-radius:22px}
.omr-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.omr-section-head h3{margin:0 0 4px;font-size:21px}.omr-section-head p{margin:0;color:#667085;line-height:1.45}
.omr-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eff8ff;color:#175cd3;font-size:11px;font-weight:800;white-space:nowrap}
.omr-comparison-grid,.omr-branch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.omr-comparison-card{border:1px solid #e4e7ec;border-left:5px solid #98a2b3;padding:17px;border-radius:18px;background:#fff}
.omr-comparison-card.positive{border-left-color:#12b76a}.omr-comparison-card.negative{border-left-color:#f04438}
.omr-comparison-card>span{font-size:12px;font-weight:800;color:#344054}.omr-comparison-card>small{display:block;color:#667085;margin-top:3px}
.omr-comparison-card>div{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:15px 0 7px}.omr-comparison-card strong{font-size:19px}.omr-comparison-card b{font-size:20px}.omr-comparison-card.positive b{color:#039855}.omr-comparison-card.negative b{color:#d92d20}.omr-comparison-card p{margin:0;color:#667085;font-size:12px}
.omr-branch-card{border:1px solid #e4e7ec;border-radius:20px;padding:18px;background:#fff}
.omr-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:13px;border-bottom:1px solid #eaecf0}.omr-card-head span{font-size:10px;font-weight:800;color:#667085;letter-spacing:.08em}.omr-card-head h4{margin:3px 0 0;font-size:18px}.omr-card-head>b{background:#ecfdf3;color:#027a48;border-radius:999px;padding:7px 10px;font-size:12px}
.omr-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}.omr-branch-grid span{display:block;font-size:11px;color:#667085;margin-bottom:5px}.omr-branch-grid strong{font-size:15px;color:#101828;overflow-wrap:anywhere}.omr-branch-grid strong.positive{color:#039855}.omr-branch-grid strong.negative{color:#d92d20}
.omr-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.omr-channel-card{border:1px solid #e4e7ec;background:#f9fafb;border-radius:17px;padding:15px}.omr-channel-card.gross{background:#fffaeb;border-color:#fedf89}.omr-channel-card>div{display:flex;align-items:center;gap:7px}.omr-channel-card span{font-size:12px;font-weight:800;color:#344054}.omr-channel-card em{font-size:9px;font-style:normal;font-weight:900;color:#b54708;background:#fef0c7;padding:3px 6px;border-radius:999px}.omr-channel-card strong{display:block;font-size:18px;margin:10px 0 4px}.omr-channel-card small{color:#667085}
.omr-table{border:1px solid #e4e7ec;border-radius:17px;overflow:hidden;margin-top:15px}.omr-table-head,.omr-table-row{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(120px,1fr));gap:0;align-items:center}.omr-table-head{background:#f2f4f7;font-size:11px;font-weight:800;color:#475467}.omr-table-head span,.omr-table-row>span,.omr-table-row>b,.omr-table-row>div{padding:12px;border-right:1px solid #e4e7ec}.omr-table-head span:last-child,.omr-table-row>*:last-child{border-right:0}.omr-table-row{border-top:1px solid #e4e7ec;background:#fff}.omr-table-row>div strong,.omr-table-row>div small{display:block}.omr-table-row>div small{color:#667085;margin-top:3px}.omr-table-row>b{color:#175cd3}
.omr-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.omr-highlight{border:1px solid #d1fadf;background:#f6fef9;border-radius:20px;padding:18px}.omr-highlight.orange{border-color:#fedf89;background:#fffcf5}.omr-highlight>span{font-size:11px;font-weight:800;color:#475467}.omr-highlight>strong{display:block;font-size:25px;margin:8px 0;color:#027a48}.omr-highlight.orange>strong{color:#b54708}.omr-highlight>p{margin:0;color:#667085}
.omr-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.omr-mini-grid>div{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px}.omr-mini-grid span,.omr-mini-grid small{display:block;color:#667085;font-size:11px}.omr-mini-grid strong{display:block;margin:6px 0;font-size:15px}
.omr-age-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.omr-age-grid>div{border:1px solid #e4e7ec;border-radius:14px;padding:12px;background:#fff}.omr-age-grid span,.omr-age-grid small{display:block;color:#667085;font-size:11px}.omr-age-grid strong{display:block;font-size:20px;margin:5px 0;color:#b54708}
.omr-oldest-list{display:grid;gap:9px;margin-top:14px}.omr-oldest-list article{display:flex;justify-content:space-between;gap:14px;border:1px solid #e4e7ec;border-radius:14px;padding:12px;background:#fff}.omr-oldest-list article>div:first-child strong,.omr-oldest-list article>div:first-child span,.omr-oldest-list article>div:last-child strong,.omr-oldest-list article>div:last-child small{display:block}.omr-oldest-list article span,.omr-oldest-list article small{color:#667085;margin-top:3px}.omr-oldest-list article>div:last-child{text-align:right}.omr-oldest-list article b{color:#b54708;font-size:11px}
.omr-pic-list{display:grid;gap:10px}.omr-pic-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(160px,auto);gap:13px;align-items:center;border:1px solid #e4e7ec;border-radius:16px;padding:13px;background:#fff}.omr-pic-row.winner{background:linear-gradient(135deg,#fffaeb,#fff);border-color:#fedf89}.omr-pic-row>b{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eff4ff;color:#3538cd}.omr-pic-row.winner>b{background:#fef0c7;color:#b54708}.omr-pic-row>div strong,.omr-pic-row>div span{display:block}.omr-pic-row>div span{color:#667085;margin-top:4px;font-size:12px}.omr-pic-row>div:last-child{text-align:right}.omr-pic-note{color:#667085;margin:12px 0 0;font-size:12px}
.omr-sale-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.omr-sale-types article{border:1px solid #e4e7ec;border-radius:16px;padding:15px;background:#fff}.omr-sale-types span,.omr-sale-types small{display:block;color:#667085}.omr-sale-types strong{display:block;margin:9px 0;font-size:18px}
.omr-source-note{margin:16px 0 0;padding:13px 15px;border-radius:14px;background:#f2f4f7;color:#475467;line-height:1.5;font-size:12px}
@media(max-width:1000px){.omr-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.omr-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.omr-two-column{grid-template-columns:1fr}.omr-table{overflow-x:auto}.omr-table-head,.omr-table-row{min-width:720px}}
@media(max-width:700px){.owner-monthly-report-head{display:block}.omr-period-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.omr-period-actions .input{grid-column:1/-1;width:100%}.omr-period-actions button{width:100%}.omr-hero{padding:15px;border-radius:18px}.omr-hero-top{display:block}.omr-generated{display:inline-flex;margin-top:10px;white-space:normal}.omr-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.omr-kpi{padding:13px;border-radius:15px}.omr-kpi strong{font-size:17px}.omr-kpi small{font-size:10px}.omr-section{padding:15px;border-radius:18px}.omr-section-head{display:block}.omr-badge{margin-top:9px}.omr-comparison-grid,.omr-branch-list{grid-template-columns:1fr}.omr-comparison-card>div{align-items:center}.omr-comparison-card strong{font-size:16px}.omr-comparison-card b{font-size:18px}.omr-branch-grid{grid-template-columns:1fr 1fr}.omr-channel-grid{grid-template-columns:1fr 1fr;gap:8px}.omr-channel-card{padding:12px}.omr-channel-card strong{font-size:15px}.omr-age-grid{grid-template-columns:1fr 1fr}.omr-oldest-list article{display:block}.omr-oldest-list article>div:last-child{text-align:left;margin-top:9px}.omr-pic-row{grid-template-columns:42px minmax(0,1fr)}.omr-pic-row>div:last-child{grid-column:2;text-align:left}.omr-sale-types{grid-template-columns:1fr}.omr-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.omr-kpi-grid{grid-template-columns:1fr}.omr-channel-grid{grid-template-columns:1fr}.omr-mini-grid{grid-template-columns:1fr}.omr-branch-grid{grid-template-columns:1fr 1fr}.omr-period-actions{grid-template-columns:1fr}.omr-period-actions .input{grid-column:auto}}