:root{--ink:#28241f;--muted:#7c746a;--line:#e6ddd0;--panel:#fff;--canvas:#f8f5ef;--green:#2e4b35;--berry:#a52f55;--gold:#e4b95e}
*{box-sizing:border-box}.inbox-main{min-width:0;min-height:100vh;padding:28px;background:radial-gradient(circle at 95% 2%,rgba(226,190,108,.1),transparent 28%),#fbfaf7;color:var(--ink)}
.inbox-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(54,46,35,.045)}.inbox-page-head span{color:#ac593f;font-size:10px;font-weight:900;letter-spacing:.15em}.inbox-page-head h2{margin:6px 0 3px;font-size:31px}.inbox-page-head p{margin:0;color:var(--muted)}.inbox-head-actions{display:flex;gap:10px}.inbox-head-actions a,.inbox-head-actions button,.detail-toolbar button,.detail-toolbar select{min-height:44px;border:1px solid #dfd2c0;border-radius:12px;background:#fff;color:#56483c;font-weight:800;text-decoration:none;padding:0 15px;display:inline-flex;align-items:center}.inbox-head-actions a{background:#304b34;color:#fff;border-color:#304b34}
.inbox-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0}.inbox-summary article{min-height:106px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(54,46,35,.045)}.inbox-summary span{display:block;color:var(--muted);font-size:12px;font-weight:800}.inbox-summary strong{display:block;margin-top:9px;color:var(--green);font-size:28px}
.inbox-workspace{display:grid;grid-template-columns:minmax(320px,37%) minmax(0,1fr);min-height:640px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(47,40,32,.06)}.inbox-list-pane{border-right:1px solid var(--line);background:#fcfaf6}.inbox-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;border-bottom:1px solid var(--line)}.inbox-filters label{color:#685f54;font-size:11px;font-weight:800}.inbox-filters select{display:block;width:100%;min-height:44px;margin-top:5px;padding:0 10px;border:1px solid #ded6cb;border-radius:11px;background:#fff}.inbox-filters .check{display:flex;align-items:center;gap:7px;min-height:44px}.conversation-list{max-height:680px;overflow:auto}.conversation-row{width:100%;padding:16px;border:0;border-bottom:1px solid #ede6dc;background:transparent;text-align:left;cursor:pointer}.conversation-row:hover,.conversation-row.active{background:#fff}.conversation-row.active{box-shadow:inset 4px 0 var(--berry)}.conversation-row-head{display:flex;justify-content:space-between;gap:12px}.conversation-row strong{font-size:13px}.conversation-row time{color:var(--muted);font-size:10px}.conversation-row p{margin:8px 0 7px;color:#5f584f;font-size:12px;line-height:1.45}.conversation-row-foot{display:flex;flex-wrap:wrap;gap:6px}.conversation-row-foot span,.status-pill{padding:5px 8px;border-radius:999px;background:#eff4ea;color:#466147;font-size:9px;font-weight:900}.conversation-row-foot .urgent{background:#fff0f1;color:#9a2948}.conversation-row.unread strong:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--berry)}
.conversation-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:11px;font-weight:850}.conversation-pagination button{min-height:40px;padding:0 13px;border:1px solid #ded6cb;border-radius:10px;background:#fff;color:#4c5f49;font-weight:850}.conversation-pagination button:disabled{cursor:not-allowed;opacity:.42}
.conversation-detail{min-width:0}.detail-empty{display:grid;min-height:640px;place-content:center;text-align:center;color:var(--muted)}.detail-empty svg{width:38px;height:38px;margin:0 auto 12px;fill:none;stroke:#85987f;stroke-width:1.6}.detail-empty h2{margin:0;color:var(--green)}.detail-empty p{max-width:430px;line-height:1.6}.detail-head{display:flex;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}.detail-head span:first-child{color:#ad5d43;font-size:9px;font-weight:900;letter-spacing:.13em}.detail-head h2{margin:5px 0}.detail-head p{margin:0;color:var(--muted);font-size:12px}.detail-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:13px 24px;border-bottom:1px solid var(--line);background:#faf7f2}.detail-toolbar label{color:#6d6257;font-size:10px;font-weight:900}.detail-toolbar select{display:flex;margin-top:4px}.contact-card:empty{display:none}.contact-card{margin:16px 24px 0;padding:12px 14px;border:1px solid #d8e4d2;border-radius:12px;background:#f3f8f0;color:#405741;font-size:12px}.timeline{display:flex;max-height:430px;min-height:260px;flex-direction:column;gap:10px;overflow:auto;padding:20px 24px;background:linear-gradient(#fff,#fcfbf8)}.timeline-message{max-width:80%;padding:12px 14px;border:1px solid #e4ded5;border-radius:15px;background:#fff}.timeline-message p{margin:0;white-space:pre-wrap;line-height:1.5}.timeline-message small{display:block;margin-top:6px;color:var(--muted)}.timeline-message.guest{align-self:flex-end;border-color:#e8c8d3;background:#fff4f7}.timeline-message.employee{border-color:#cbdcc5;background:#f2f8ef}.timeline-message.internal_note{max-width:100%;border-color:#ead8af;background:#fff9e9}.timeline-message.internal_note:before{content:"INTERNE NOTITIE · NOOIT ZICHTBAAR VOOR GAST";display:block;margin-bottom:7px;color:#9a6a19;font-size:8px;font-weight:900;letter-spacing:.1em}.timeline-message.system{max-width:100%;background:#f3f1ed;color:#686159}.composer-tabs{border-top:1px solid var(--line);padding:16px 24px}.composer-tabs [role=tablist]{display:flex;gap:8px}.composer-tabs [role=tab]{min-height:44px;padding:0 15px;border:1px solid #ded6ca;border-radius:11px;background:#fff;font-weight:850}.composer-tabs [role=tab].active{border-color:var(--green);background:var(--green);color:#fff}.composer-tabs form{display:grid;gap:9px;margin-top:12px}.composer-warning{padding:10px 12px;border-radius:10px;background:#eef6eb;color:#3c573e;font-size:11px;font-weight:800}.composer-warning.note{background:#fff5dc;color:#7e5a19}.composer-tabs textarea{min-height:108px;padding:13px;border:1px solid #dad3c8;border-radius:12px;resize:vertical;font:inherit}.composer-tabs form>button{justify-self:end;min-height:46px;padding:0 18px;border:0;border-radius:12px;background:var(--berry);color:#fff;font-weight:900}.composer-tabs form>button.note{background:#a87018}.inbox-toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:380px;padding:12px 16px;border-radius:12px;background:#2d4732;color:#fff;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.inbox-toast.show{opacity:1;transform:none}
.inbox-main :is(button,a,select,textarea,input):focus-visible{outline:3px solid rgba(165,47,85,.32);outline-offset:2px;box-shadow:0 0 0 1px var(--berry)}
@media(max-width:1100px){.inbox-main{padding:20px}.inbox-summary{grid-template-columns:repeat(3,1fr)}.inbox-workspace{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:800px){.inbox-page-head{align-items:flex-start;flex-direction:column}.inbox-summary{grid-template-columns:repeat(2,1fr)}.inbox-workspace{display:block}.inbox-list-pane{border-right:0;border-bottom:1px solid var(--line)}.conversation-list{max-height:320px}.detail-empty{min-height:360px}.timeline{max-height:45vh}.inbox-filters{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.inbox-main{padding:14px}.inbox-summary{grid-template-columns:1fr 1fr;gap:9px}.inbox-summary article{min-height:88px;padding:14px}.inbox-page-head{padding:18px}.inbox-page-head h2{font-size:26px}.inbox-head-actions{width:100%;flex-wrap:wrap}.detail-head,.detail-toolbar,.timeline,.composer-tabs{padding-left:14px;padding-right:14px}.inbox-filters{grid-template-columns:1fr}.timeline-message{max-width:92%}}