/* DAFTAR V1.17 — FULL ACTIVITY OPERATIONAL UIs */
.activity-special-page{padding-bottom:30px}
.op-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.op-head h2{margin:0;font-size:24px}.op-head p{margin:5px 0 0;color:#7d899a}
.op-head-actions{display:flex;align-items:center;gap:8px}.op-btn{border:0;border-radius:10px;padding:11px 15px;font:inherit;font-weight:700;cursor:pointer}
.op-btn.primary{background:var(--activity-accent);color:#fff}.op-btn.ghost{background:#fff;border:1px solid #dce4ed;color:#25324a}.op-btn.success{background:#16a34a;color:#fff}.op-btn.danger{background:#fff1f2;color:#dc2626;border:1px solid #fecdd3}
.op-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.op-metrics article{background:#fff;border:1px solid #e3e9f0;border-radius:16px;padding:16px;box-shadow:0 6px 18px #20314d08}.op-metrics span,.op-metrics small{display:block;color:#7b8798}.op-metrics b{display:block;font-size:25px;margin:7px 0}
.op-pos-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.72fr);gap:14px;align-items:start}
.op-pos-catalog,.op-cart-panel,.op-table-card{background:#fff;border:1px solid #e3e9f0;border-radius:18px;padding:15px;box-shadow:0 8px 22px #20314d08}
.op-pos-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:13px;flex-wrap:wrap}.op-search{display:flex;align-items:center;gap:7px;border:1px solid #dce4ed;border-radius:10px;padding:0 10px;height:42px;min-width:260px;background:#fff}.op-search input{border:0!important;outline:0;width:100%;height:auto!important;background:transparent}.op-filter,.op-category-row button{border:1px solid #dfe5ed;background:#fff;border-radius:20px;padding:8px 11px;font:inherit;cursor:pointer}.op-filter.active,.op-category-row button.active{background:var(--activity-accent);color:#fff;border-color:var(--activity-accent)}
.op-category-row{display:flex;gap:7px;overflow:auto;margin-bottom:13px}.op-products{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.op-product-card{position:relative;border:1px solid #e4eaf1;background:#fff;border-radius:15px;overflow:hidden;padding:0;text-align:right;cursor:pointer;display:grid;grid-template-columns:92px 1fr;min-height:98px}.op-product-card:hover{border-color:color-mix(in srgb,var(--activity-accent),#fff 35%);box-shadow:0 8px 22px #20314d0e}.op-product-photo{display:grid;place-items:center;background:linear-gradient(135deg,#f8fafc,#eef2f6);font-size:40px;min-height:90px}.op-product-info{padding:12px}.op-product-info b,.op-product-info small,.op-product-info strong{display:block}.op-product-info small{color:#7f8b9b;margin:5px 0}.op-product-info strong{color:var(--activity-accent)}.op-add{position:absolute;left:8px;bottom:8px;width:25px;height:25px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;font-weight:bold}
.op-cart-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f5;padding-bottom:12px}.op-cart-title small{color:#7c8898}.op-cart-title h3{margin:3px 0}.op-select{border:1px solid #dce4ed;border-radius:9px;padding:8px 10px}
.op-cart-items{min-height:260px;max-height:400px;overflow:auto;padding:8px 0}.op-empty{display:grid;place-items:center;min-height:220px;border:1px dashed #dce4ed;border-radius:12px;color:#94a3b8}.op-cart-row{display:grid;grid-template-columns:42px 1fr auto auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}.op-cart-thumb{width:42px;height:42px;border-radius:10px;background:#f8fafc;display:grid;place-items:center;font-size:24px}.op-cart-row small{display:block;color:#7d8998}.op-qty{display:flex;align-items:center;gap:6px}.op-qty button,.op-trash{border:1px solid #dfe5ed;background:#fff;border-radius:8px;width:27px;height:27px}.op-trash{color:#dc2626}.op-note{width:100%;min-height:62px;border:1px solid #dfe5ed;border-radius:10px;padding:9px;margin:7px 0}.op-totals{display:grid;gap:8px;padding:11px 0;border-top:1px solid #edf1f5}.op-totals>div{display:flex;justify-content:space-between}.op-totals .grand{font-size:18px;font-weight:800;padding-top:8px;border-top:1px dashed #dfe5ed}.op-totals .grand b{color:var(--activity-accent)}
.op-pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.op-pay-methods button{border:1px solid #dfe5ed;background:#fff;border-radius:9px;padding:9px}.op-pay-methods button.active{border-color:#86d9a6;background:#f0fdf4;color:#168344}.op-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.op-cart-actions .success{grid-column:1/-1}
.op-barcode{display:flex;gap:8px;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:10px;margin-bottom:12px}.op-barcode input{flex:1;border:0!important;background:transparent;outline:0}.op-barcode button{border:0;border-radius:8px;background:#172033;color:#fff;padding:8px 12px}.op-variant-strip{display:flex;gap:8px;margin-bottom:12px}.op-variant-strip select{border:1px solid #dce4ed;border-radius:9px;padding:8px}
.op-segment{display:flex;gap:5px;background:#eef2f6;padding:4px;border-radius:10px}.op-segment button{border:0;background:transparent;border-radius:8px;padding:8px 10px}.op-segment .active{background:#fff;box-shadow:0 2px 8px #0001}
.op-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.op-kanban>section{background:var(--col-bg);border-radius:15px;padding:10px}.op-kanban>section>header{display:flex;justify-content:space-between;align-items:center;padding:7px 3px}.op-kanban>section>header span{background:#fff;border-radius:20px;padding:3px 8px}.op-ticket{background:#fff;border-radius:12px;padding:12px;margin-bottom:9px;box-shadow:0 4px 12px #0b1c2d0a}.op-ticket>div,.op-ticket footer{display:flex;justify-content:space-between}.op-ticket h4{margin:10px 0 5px}.op-ticket p{color:#7d8999;font-size:11px}.op-ticket footer{align-items:center}.op-ticket footer strong{color:var(--col-accent)}.op-ticket footer button{border:0;border-radius:8px;background:var(--col-accent);color:#fff;padding:7px 9px}
.op-table-floor{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.op-table-floor button{aspect-ratio:1;border:2px solid #dfe5ed;background:#fff;border-radius:22px;display:grid;place-content:center;text-align:center}.op-table-floor b{font-size:24px}.op-table-floor span{font-size:10px;color:#758196}.op-table-floor small{color:var(--activity-accent);margin-top:4px}.op-table-floor .free{border-color:#86d9a6}.op-table-floor .busy{border-color:#f59e0b;background:#fffaf0}.op-table-floor .reserved{border-color:#a78bfa;background:#faf8ff}
.op-live{background:#e8f8ee;color:#148a48;border-radius:20px;padding:7px 10px}.op-kitchen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.op-kitchen-grid>section{background:#edf2f7;border-radius:15px;padding:10px}.op-kitchen-grid>section>header{display:flex;justify-content:space-between;padding:8px}.op-kitchen-grid>section>header span{background:#fff;border-radius:20px;padding:3px 8px}.op-kitchen-grid article{background:#fff;border-radius:12px;padding:12px;margin-bottom:9px}.op-kitchen-grid article>div{display:flex;justify-content:space-between}.op-kitchen-grid h4{margin:10px 0 5px}.op-kitchen-grid p{color:#7c8898;font-size:11px}.op-kitchen-grid button{width:100%;border:0;border-radius:8px;background:var(--activity-accent);color:#fff;padding:8px}
.op-menu-grid,.op-catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.op-menu-grid article,.op-catalog-grid article{background:#fff;border:1px solid #e3e9f0;border-radius:15px;padding:12px}.op-menu-img{height:100px;border-radius:12px;background:#f8fafc;display:grid;place-items:center;font-size:48px}.op-menu-grid h4,.op-catalog-grid h4{margin:9px 0 3px}.op-menu-grid small,.op-catalog-grid small{color:#8290a2}.op-menu-grid strong,.op-catalog-grid strong{display:block;color:var(--activity-accent);margin-top:8px}.op-stock{display:inline-flex;background:#eaf8ef;color:#128944;border-radius:20px;padding:4px 7px;font-size:9px;margin:7px 0}.op-menu-grid button,.op-catalog-grid button{width:100%;border:1px solid #dfe5ed;background:#fff;border-radius:8px;padding:7px}
.op-data-grid,.op-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.op-data-grid article,.op-card-grid article{background:#fff;border:1px solid #e3e9f0;border-radius:15px;padding:14px}.op-data-grid small,.op-card-grid small{display:block;color:#8390a2;margin-top:5px}.op-data-grid strong{display:block;margin-top:12px;color:var(--activity-accent)}.op-data-grid button,.op-card-grid button{margin-top:12px;border:1px solid #dfe5ed;background:#fff;border-radius:8px;padding:7px 10px}.op-card-icon{width:42px;height:42px;border-radius:11px;background:#f1f5f9;color:var(--activity-accent);display:grid;place-items:center;font-size:20px;margin-bottom:12px}
.op-table-tools{display:flex;gap:7px;margin-bottom:10px}.op-table-tools button{border:1px solid #dfe5ed;background:#fff;border-radius:9px;padding:8px 11px}.op-table-scroll{overflow:auto}.op-table-card table{width:100%;border-collapse:collapse}.op-table-card th,.op-table-card td{padding:13px;border-bottom:1px solid #edf1f5;text-align:right}.op-table-card th{background:#f8fafc;color:#748196}.op-status{display:inline-flex;background:#e9f7ee;color:#148b47;border-radius:20px;padding:5px 8px;font-size:10px}
.op-progress-list{display:grid;gap:11px}.op-progress-list article{background:#fff;border:1px solid #e3e9f0;border-radius:14px;padding:15px}.op-progress-list article>div{display:flex;justify-content:space-between}.op-progress-list span{display:block;height:8px;background:#edf1f5;border-radius:10px;overflow:hidden;margin:9px 0}.op-progress-list i{display:block;height:100%;background:var(--activity-accent)}.op-progress-list small{color:#8390a2}
.op-clinic-layout{display:grid;grid-template-columns:2fr .7fr;gap:13px}.op-clinic-timeline,.op-clinic-summary{background:#fff;border:1px solid #e3e9f0;border-radius:15px;padding:15px}.op-clinic-timeline article{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:13px;border-bottom:1px solid #edf1f5}.op-clinic-timeline time{color:var(--activity-accent);font-weight:800}.op-clinic-timeline small{display:block;color:#8390a2}.op-clinic-timeline span{background:#eaf8ef;color:#158a48;border-radius:20px;padding:5px 8px;font-size:10px}.op-clinic-summary{text-align:center}.op-clinic-summary>strong{display:block;font-size:50px;color:var(--activity-accent)}.op-clinic-summary>span{color:#8390a2}.op-clinic-summary>div{display:flex;justify-content:space-between;padding-top:10px;margin-top:10px;border-top:1px solid #edf1f5}
@media(max-width:1200px){.op-pos-layout{grid-template-columns:1fr}.op-products{grid-template-columns:repeat(3,1fr)}.op-kanban{grid-template-columns:1fr 1fr}.op-menu-grid,.op-catalog-grid,.op-data-grid,.op-card-grid{grid-template-columns:1fr 1fr}.op-table-floor{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.op-head{align-items:flex-start;flex-direction:column}.op-metrics{grid-template-columns:1fr 1fr}.op-products{grid-template-columns:1fr}.op-kanban,.op-kitchen-grid,.op-clinic-layout{grid-template-columns:1fr}.op-menu-grid,.op-catalog-grid,.op-data-grid,.op-card-grid{grid-template-columns:1fr}.op-table-floor{grid-template-columns:repeat(3,1fr)}}

.op-product-photo .op-live-product-image,.op-live-product-image{width:100%;height:100%;object-fit:cover;display:block}

.op-payment-extra{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end;margin:8px 0}.op-payment-extra label{display:grid;gap:4px;font-size:11px}.op-payment-extra input{height:40px;border:1px solid #dfe5ed;border-radius:9px;padding:0 8px}.op-payment-extra>div{background:#f8fafc;border-radius:9px;padding:8px}.op-payment-extra>div span,.op-payment-extra>div b{display:block}.op-payment-extra>div b{font-size:18px;color:#16a34a}

/* V1.32 — OPEN TABLE ORDERS */
.op-order-context{display:flex;gap:6px;align-items:center}
.op-order-status{display:inline-flex;margin-top:4px;padding:3px 7px;border-radius:20px;background:#f1f5f9;color:#64748b;font-size:9px}
.op-order-status[data-status="open"]{background:#fff7ed;color:#c2410c}
.op-order-status[data-status="sent"]{background:#eff6ff;color:#1d4ed8}
.op-order-status[data-status="bill_requested"]{background:#fff1f2;color:#be123c}
.op-table-workflow{display:grid;grid-template-columns:1.4fr 1fr;gap:7px;margin:6px 0}
.op-table-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.op-table-summary article{background:#fff;border:1px solid #e3e9f0;border-radius:13px;padding:12px}
.op-table-summary span{display:block;color:#7d899a;font-size:11px}.op-table-summary b{display:block;font-size:24px;margin-top:5px}
.op-table-floor .bill-requested{border-color:#fb7185!important;background:#fff1f2!important;box-shadow:0 0 0 3px #fb71851a}
.op-table-floor .bill-requested span{color:#be123c!important;font-weight:700}
@media(max-width:700px){.op-order-context{flex-direction:column;align-items:stretch}.op-table-workflow{grid-template-columns:1fr}.op-table-summary{grid-template-columns:1fr 1fr 1fr}}