/* CRM cockpit on the existing elegant green and ivory design system. */
.r39-nav{display:block;width:100%;background:transparent;border:0;color:#dce6db;text-align:left;padding:12px 15px;border-radius:10px;cursor:pointer;font:inherit}
.r39-nav:hover,.r39-nav.active{background:#738c76;color:white;font-weight:700}
.r39-shell{border:1px solid #dce7d9;background:#fffefa;color:#284332;border-radius:24px;padding:27px;box-shadow:0 9px 35px #213f2710;margin-bottom:24px}
.r39-head h2{font:normal clamp(28px,3vw,42px) Georgia,serif;margin:9px 0}.r39-head p{color:#76857a;max-width:680px}
.r39-kicker{letter-spacing:.18em;font-size:11px;font-weight:800;color:#748974}
.r39-tabs{display:flex;gap:8px;padding:7px;background:#eef3ec;border-radius:14px;max-width:620px;margin:22px 0}
.r39-tabs button{flex:1;border:0;border-radius:10px;padding:13px;color:#395642;background:transparent;cursor:pointer}.r39-tabs button.selected{background:white;box-shadow:0 2px 12px #14271915;font-weight:700}
.r39-filters{display:grid;grid-template-columns:1fr 1.4fr .8fr auto;gap:12px;align-items:end;margin:16px 0}
.r39-filters label{font-size:12px;font-weight:700;color:#56705c}.r39-filters select,.r39-filters input{width:100%;min-height:43px;margin-top:6px;padding:9px 10px;border:1px solid #d9e2d7;border-radius:11px;background:white;box-sizing:border-box}
.r39-filters button,.r39-paging button,.r39-actions button{padding:11px 14px;border:1px solid #c1d0bf;border-radius:11px;background:white;color:#315840;cursor:pointer}
.r39-summary{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0}.r39-summary>div{padding:15px;background:#eff4ec;border-radius:12px;flex:1;min-width:120px}.r39-summary b{display:block;font-size:24px}.r39-summary small{font-size:11px;color:#647b69}
.r39-item{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #e5ebe4;padding:16px 0}.r39-item strong{display:block;font-size:16px}.r39-item small{display:block;color:#78877c;font-size:12px;margin:5px 0}.r39-actions{text-align:right}
.r39-pill{display:inline-block;font-size:11px;border-radius:99px;background:#e9f1e8;color:#31583c;padding:6px 9px;font-weight:700}.r39-pill.BELUM_KEMBALI,.r39-pill.FAILED{background:#fff0e1;color:#805333}.r39-pill.QUEUED{background:#f2f1e6}
.r39-paging{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:18px 0}.r39-paging button:disabled{opacity:.4}.r39-muted{color:#75877a;font-size:12px}.r39-empty{padding:30px 16px;background:#f6f8f5;border-radius:12px}
.r39-dialog{border:0;background:#fefefa;color:#304835;border-radius:21px;padding:0;max-width:560px;width:calc(100% - 30px)}.r39-dialog::backdrop{background:#172a20aa}.r39-dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ebe1;padding:15px 22px}.r39-dialog-head h3{font:normal 27px Georgia,serif;margin:0}.r39-dialog-head button{font-size:23px;border:0;background:transparent;cursor:pointer}.r39-dialog-body{padding:20px}.r39-dialog textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #cad9c7;border-radius:12px;padding:12px;margin:9px 0}.r39-dialog #r39Send{background:#385741;border:0;border-radius:12px;color:white;padding:13px 24px;cursor:pointer}.r39-dialog #r39Send:disabled{opacity:.5}
.r39-guide{background:#edf3e9;color:#37533f;border:1px solid #d5e2d1;border-radius:16px;padding:16px 20px;margin-bottom:19px}.r39-guide p{font-size:13px;margin:7px 0 0;color:#708273;line-height:1.65}
/* Story thumbnails must stay circular and uncluttered, independently of long labels. */
#studioStories{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin:16px 0 22px!important;max-width:550px}
#studioStories>*{flex:0 0 84px!important;min-width:0!important;max-width:84px!important;text-align:center}
#studioStories img{width:66px!important;height:66px!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:50%!important;margin:0 auto!important}
#studioStories small,#studioStories span{font-size:10px;overflow-wrap:anywhere;line-height:1.25}
@media(max-width:800px){.r39-filters{grid-template-columns:1fr 1fr}.r39-filters button{grid-column:1/-1}.r39-item{align-items:flex-start;flex-direction:column}.r39-actions{text-align:left}.r39-shell{padding:16px}.r39-tabs{flex-direction:column}.r39-paging{justify-content:center}}

/* R44 — consolidated CRM actions, no duplicate menus and mobile-first. */
.r44-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 19px}
.r44-toolbar button{border:1px solid #b8cbb6;border-radius:11px;background:#edf3eb;color:#31583d;padding:11px 15px;cursor:pointer;font-weight:700;min-height:44px}
.r44-toolbar #r43Prepare{background:#365641;color:white;border-color:#365641}
.r44-toolbar button:disabled{opacity:.6;cursor:wait}
.r44-toolbar #r44PreparedInfo{flex:1 1 100%;font-size:12px;color:#5e7463;line-height:1.5}
.r44-item{align-items:flex-start}.r44-person{min-width:220px;flex:1;overflow-wrap:anywhere}
.r44-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:510px}
.r44-row-actions button{font-weight:600;min-height:39px;font-size:12px;padding:9px 11px}
.r44-row-actions button[data-customer]:not(:disabled){background:#365641;border-color:#365641;color:white}
.r44-row-actions button:disabled{opacity:.45;cursor:not-allowed}
.r44-dialog{max-width:680px;max-height:88vh;overflow:auto}
.r44-dialog h4{margin:20px 0 8px;color:#365641}.r44-dialog ul.r44-history{padding-left:18px;max-height:240px;overflow:auto;margin:8px 0 18px}
.r44-history li{padding:8px 0;border-bottom:1px solid #e9eee6;font-size:13px;line-height:1.5}
.r44-history p{margin:4px 0}.r44-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.r44-meta>div{background:#f0f5ee;padding:12px;border-radius:10px;overflow-wrap:anywhere}.r44-meta small{display:block;color:#708273;margin-bottom:5px}
.r44-dialog #r44SaveNote{background:#365641;color:white;border:0;border-radius:10px;padding:12px 17px;cursor:pointer}
.r44-check{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-size:13px}.r44-check input{margin-top:4px}
@media(max-width:950px){.r44-item{flex-direction:column}.r44-row-actions{max-width:none;justify-content:flex-start}.r44-person{width:100%}}
@media(max-width:540px){.r44-toolbar button{width:100%}.r44-row-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.r44-row-actions button{padding:10px 5px}.r44-meta{grid-template-columns:1fr}.r44-dialog .r39-dialog-body{padding:15px}}