
#fxc-app{min-height:100vh;background:#f5f6f8;padding:20px;font-family:Arial,sans-serif;color:#17191c}.fxc-shell{max-width:620px;margin:20px auto;background:#fff;border:1px solid #dde1e6;border-radius:22px;padding:28px;box-shadow:0 20px 60px #0002;text-align:center}.fxc-logo{width:150px;max-height:170px;object-fit:contain;margin:auto}.fxc-shell h1{font-size:27px}.small{font-size:13px;color:#68707b}.buttons,.locations{display:grid;gap:10px}.fxc-shell button{border:0;border-radius:12px;padding:14px 16px;font-weight:700;font-size:16px;cursor:pointer}.primary{background:#111;color:#fff}.good{background:#18a957;color:#fff}.danger,.minus{background:#e53935!important;color:#fff}.plus{background:#18a957!important;color:#fff}.locations button{text-align:left;background:#fff;border:1px solid #d9dee6}.locations span{display:block;color:#68707b;font-size:12px}.pin{font-size:30px;letter-spacing:12px;text-align:center;width:100%;padding:14px;box-sizing:border-box;border:1px solid #ccd2da;border-radius:12px;margin:10px 0}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef2f7}.active{border:2px solid #18a957;background:#eaf8f0;border-radius:14px;padding:14px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.summary div{border:1px solid #dde1e6;border-radius:10px;padding:10px}.summary span,.summary b{display:block}.qty{display:grid;grid-template-columns:70px 1fr 70px;gap:10px;margin:20px 0}.qty button{font-size:32px}.qty input,.form input,.form select,.form textarea,.coins input,.fxc-shell select{width:100%;padding:12px;border:1px solid #ccd2da;border-radius:9px;box-sizing:border-box}.form{display:grid;gap:10px;text-align:start}.form label,.coins label{font-weight:600}.coins{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:start}.warn{background:#fff4e5;padding:10px;border-radius:9px}.hidden{display:none!important}.check{display:flex;gap:8px;align-items:flex-start}.check input{width:auto}html[dir=rtl] #fxc-app,.fxc-shell[dir=rtl]{text-align:right}@media(max-width:600px){#fxc-app{padding:8px}.fxc-shell{margin:5px auto;padding:18px}.summary,.coins{grid-template-columns:1fr 1fr}}

.lang-change{margin-top:10px;background:#fff!important;color:#111!important;border:1px solid #cfd5dc!important}
.pin-sales-box{margin:16px 0;padding:14px;border:2px solid #0066ff;border-radius:12px;background:#eef5ff;text-align:left}.pin-sales-box input{width:100%;padding:13px;font-size:20px;border:1px solid #a9bfe8;border-radius:8px;box-sizing:border-box}

/* v1.2.0 workspace + to-do agenda */
.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.workspace-card{min-height:125px;background:#fff!important;color:#111!important;border:1px solid #d9dee6!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.workspace-card span{font-size:34px}.workspace-card.todo{border-color:#9eb9ff!important;background:#f7f9ff!important}.todo-main-btn{background:#2563eb!important;color:#fff!important}.todo-mobile-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.todo-mobile-head h1{font-size:22px;margin:0}.smallbtn{padding:10px!important;font-size:13px!important}.back-btn{background:#fff!important;color:#111!important;border:1px solid #d6dbe2!important}.todo-people-mobile{display:flex;gap:8px;overflow:auto;padding:10px 0}.todo-people-mobile span{white-space:nowrap;font-size:11px;border:1px solid #d9dee6;border-radius:999px;padding:6px 9px}.todo-people-mobile i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:5px}.todo-view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0}.todo-view-tabs button{padding:9px!important;background:#eef1f5!important;color:#111!important}.todo-view-tabs button.active{background:#111!important;color:#fff!important}.mobile-calendar{border:1px solid #dde2e8;border-radius:12px;padding:8px;overflow:hidden}.mobile-week{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:5px;overflow-x:auto;padding-bottom:5px}.mobile-week-day{border:1px solid #e2e5e9;border-radius:8px;min-height:120px;padding:5px}.mobile-week-day header{display:flex;justify-content:space-between;font-size:11px;padding:4px}.week-pill{color:#fff;font-size:10px;border-radius:5px;padding:5px;margin:4px 0;overflow:hidden;text-overflow:ellipsis}.mcal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.mcal-cell{min-height:48px!important;padding:5px!important;background:#fff!important;color:#111!important;border:1px solid #e2e5e9!important;position:relative}.mcal-cell.muted{opacity:.35}.mcal-cell span{position:absolute;right:4px;bottom:3px;background:#2563eb;color:#fff;border-radius:999px;padding:1px 5px;font-size:9px}.cal-mobile-event{border-left:5px solid;margin:6px 0;padding:8px;background:#f7f8fa;border-radius:6px;text-align:left}.cal-mobile-event span{display:block;font-size:10px;color:#68707b}.todo-list-title{text-align:left;font-size:17px}.mobile-task-list{display:grid;gap:8px}.mobile-task{display:grid;grid-template-columns:1fr auto;text-align:left;border:1px solid #dfe3e8;border-left:6px solid var(--pc);border-radius:10px;padding:10px;background:#fff}.mobile-task h3{margin:4px 0;font-size:15px}.mobile-task p{font-size:12px;color:#555;margin:4px 0}.task-meta{display:flex;gap:5px;flex-wrap:wrap}.task-meta span{font-size:9px;background:#eef1f5;border-radius:999px;padding:4px 6px}.task-actions{display:flex;flex-direction:column;gap:4px}.task-actions button{padding:7px!important;font-size:10px!important}.notify-btn{margin-top:12px;background:#fff!important;color:#111!important;border:1px solid #d6dbe2!important}.todo-form-mobile{text-align:left}.todo-form-mobile label{display:block;font-weight:700;font-size:12px;margin:10px 0}.todo-form-mobile input,.todo-form-mobile select,.todo-form-mobile textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #ccd2da;border-radius:8px;margin-top:5px}
@media(max-width:620px){#fxc-app{padding:0!important}.fxc-shell{min-height:100vh;max-width:none!important;width:100%;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;padding:16px!important}.fxc-logo{width:105px!important}.workspace-grid{grid-template-columns:1fr 1fr}.todo-mobile-head{position:sticky;top:0;background:#fff;z-index:5;padding:5px 0}.mobile-task{grid-template-columns:1fr}.task-actions{flex-direction:row;margin-top:7px}.summary{grid-template-columns:1fr 1fr!important}.coins{grid-template-columns:1fr 1fr!important}}

.task-person-info{display:grid;gap:2px;margin:7px 0;padding:7px;background:#f8f9fb;border-radius:7px}.task-person-info span{font-size:9px;color:#59636f}

/* v1.3.0 employee day flow */
.big-action{min-height:58px!important;font-size:17px!important;font-weight:800!important}.start-ready{background:#eef8f2!important;border-color:#a7d5b6!important}.close-ready{background:#fff5e9!important;border-color:#e7c18c!important}.flow-warning{display:grid;gap:8px;padding:12px;border:1px solid #e0be68;background:#fff7df;border-radius:10px;margin:12px 0;font-size:12px;font-weight:700}.flow-warning button{background:#fff!important;color:#111!important;border:1px solid #c8a44a!important}.flow-warning.important{background:#fff0e8;border-color:#e4a676}

.day-help{margin:14px 0;padding:14px;border:1px solid #d7e2ee;border-radius:12px;background:#f7fafc;text-align:left}.day-help b{display:block;margin-bottom:5px}.day-help p{margin:0;line-height:1.45}.close-nav{margin-top:16px!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#111!important;font-weight:700}.close-confirm-card{margin-top:18px;padding:20px;border:1px solid #e4e7eb;border-radius:14px;background:#fff;text-align:center}.close-confirm-card .close-step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff;font-weight:800}.close-confirm-card p{line-height:1.5;color:#5b6470}.close-confirm-card .danger{margin:14px 0}

/* v1.3.9 HACCP optional blanks */
.haccp-help{margin:10px 0 16px;padding:12px 14px;border:1px solid #b9d7c3;background:#eef9f1;border-radius:10px;line-height:1.45;color:#244b31}

/* v1.5.3 dagafsluiting overname */
.day-owner-box{margin:14px 0 8px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;text-align:left}
.day-owner-box span,.day-owner-box b,.day-owner-box small{display:block}.day-owner-box span{font-size:9px;color:#64748b}.day-owner-box b{font-size:14px;margin-top:2px}.day-owner-box small{margin-top:5px;color:#475569;line-height:1.4}

/* v1.5.4 afgeronde dag toont starter + afsluiter */
.day-closed-card{margin:18px 0;padding:20px;border:1px solid #d7e4dc;border-radius:14px;background:#f5fbf7;text-align:center}
.closed-check{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#16803b;color:#fff;font-size:24px;font-weight:900}
.day-closed-card h1{margin:10px 0 4px}.day-closed-card p{margin:0 0 15px;color:#58636d}
.closed-persons{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.closed-persons>div{padding:11px;border:1px solid #dfe6e1;border-radius:9px;background:#fff}.closed-persons span,.closed-persons b{display:block}.closed-persons span{font-size:9px;color:#6b7280}.closed-persons b{margin-top:3px;font-size:13px}
@media(max-width:520px){.closed-persons{grid-template-columns:1fr}}

/* v1.5.5 starter direct zichtbaar bij dagafsluiting */
.close-owner-highlight{margin:14px 0 8px;padding:16px;border:2px solid #2563eb;border-radius:12px;background:#eff6ff;text-align:center}
.close-owner-highlight span,.close-owner-highlight b{display:block}.close-owner-highlight span{font-size:9px;font-weight:800;letter-spacing:.06em;color:#475569}.close-owner-highlight b{margin-top:5px;font-size:22px;line-height:1.15}
.close-user-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px;padding:10px 12px;border:1px solid #d9dee5;border-radius:9px;background:#fff;text-align:left}.close-user-line span{font-size:9px;color:#64748b}.close-user-line b{font-size:12px}
@media(max-width:520px){.close-user-line{align-items:flex-start;flex-direction:column;gap:3px}.close-owner-highlight b{font-size:19px}}


/* v1.5.6 contact beheerder + verplichte voorgrondmeldingen */
.workspace-card.contact{border-color:#f1c36b!important;background:#fffaf0!important}.workspace-card small{font-size:10px;color:#667085;font-weight:600}.contact-manager{text-align:left}.contact-manager label{display:block;font-weight:800;font-size:12px;margin:12px 0}.contact-manager input,.contact-manager select,.contact-manager textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.fxc-notification-overlay{position:fixed;inset:0;z-index:999999;background:rgba(8,15,28,.72);display:grid;place-items:center;padding:18px}.fxc-notification-popup{width:min(430px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.35);text-align:center;border-top:7px solid #f0ad21;animation:fxcPop .18s ease-out}.fxc-notification-popup .notif-icon{font-size:42px}.fxc-notification-popup h2{margin:8px 0}.fxc-notification-popup p{font-size:16px;line-height:1.5;font-weight:700}.fxc-notification-popup small{display:block;color:#667085;margin:8px 0 16px}.fxc-notification-popup button{width:100%;margin-top:8px}@keyframes fxcPop{from{transform:scale(.9);opacity:.4}to{transform:scale(1);opacity:1}}

/* v1.6.0 kassabon / betaalcorrectie */
.workspace-card.receipt{border:2px solid #f0b429;background:linear-gradient(180deg,#fffaf0,#fff)}
.cash-correction-mobile{max-width:720px;margin:0 auto}.cash-correction-mobile>p{color:#667085}.correction-mobile-location{display:flex;justify-content:space-between;align-items:center;background:#0b2036;color:white;padding:14px 16px;border-radius:14px;margin:14px 0}.cash-correction-mobile label{display:block;font-weight:800;margin:13px 0}.cash-correction-mobile input,.cash-correction-mobile select,.cash-correction-mobile textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:14px;border:1px solid #cfd7e3;border-radius:12px;background:#fff;font:inherit}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.camera-box{padding:14px;border:2px dashed #c8d1dc;border-radius:14px;background:#f8fafc}.camera-box small{display:block;font-weight:500;color:#667085;margin:4px 0}.receipt-preview{display:block;width:100%;max-height:360px;object-fit:contain;margin-top:12px;border-radius:10px;background:#111}.hidden{display:none!important}@media(max-width:600px){.method-grid{grid-template-columns:1fr}}

.meat-label-photo{margin:18px 0;padding:16px;border:2px solid #e3ad1b;border-radius:14px;background:#fffaf0;text-align:left}.meat-label-photo h3{margin:0 0 6px}.meat-label-photo p{margin:0 0 12px}.camera-upload{display:block;padding:15px;border:2px dashed #c58b00;border-radius:12px;text-align:center;font-weight:800;cursor:pointer;background:#fff}.camera-upload input{display:none}.photo-preview{margin-top:12px;display:flex;gap:12px;align-items:center}.photo-preview img{width:110px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.photo-ok{color:#16833b;font-weight:700;font-size:.9em}

/* v1.6.4 product save reliability */
.product-add-form{max-width:680px;margin:0 auto;display:grid;gap:14px}.product-add-form label{display:grid;gap:7px;font-weight:700}.product-add-form select,.product-add-form input{width:100%;box-sizing:border-box}.save-status{min-height:24px;font-weight:700;color:#1f6b3a}.product-add-form button[disabled]{opacity:.6;cursor:wait}.meat-label-photo{margin:4px 0 2px}
@media(max-width:720px){.product-add-form{max-width:none}.product-add-form select,.product-add-form input,.product-add-form button{font-size:18px;min-height:52px}}
