/* Temanten v20 — Dashboard ringkas (Modern Professional Studio Dashboard), link booking khusus, kartu Paket Custom */
.tmd{--iv:#faf8f3;--ln:#e7e1d6;--br:#3e2723;--mut:#7a706a;--r:18px;padding-bottom:24px}
.tmd-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.tmd-date{margin:0;font-size:12px;font-weight:500;color:var(--mut)}
.tmd-h1{margin:2px 0 0;font:600 clamp(30px,4vw,40px)/1.1 "Cormorant Garamond",serif;color:#1f1a17;letter-spacing:-.01em}
.tmd-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tmd-grid>.tmd-card:nth-child(3){grid-column:1/-1}
@media (max-width:899px){.tmd-grid{grid-template-columns:minmax(0,1fr)}}
.tmd-card{background:#fff;border:1px solid var(--ln);border-radius:var(--r);padding:16px 16px 12px;box-shadow:0 1px 3px rgba(62,39,35,.04);min-width:0}
.tmd-card-amber{border-top:3px solid #c98a1b}
.tmd-card-red{border-top:3px solid #b42318;background:linear-gradient(#fff7f6,#fff 90px)}
.tmd-card-blue{border-top:3px solid #3b6ea5}
.tmd-card-brown{border-top:3px solid var(--br)}
.tmd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tmd-title{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}
.tmd-title b{display:block;font-size:15px;font-weight:700;color:#1f1a17}
.tmd-title small{display:block;font-size:12px;color:var(--mut);margin-top:1px}
.tmd-count{flex:none;min-width:44px;height:44px;padding:0 8px;border-radius:14px;background:var(--iv);border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;font:600 24px "Cormorant Garamond",serif;color:var(--br)}
.tmd-card-red .tmd-count{background:#fdecea;border-color:#f5c2bd;color:#b42318}
.tmd-more{flex:none;background:none;border:0;padding:8px 2px;font-size:12px;font-weight:600;color:var(--br);text-decoration:none;cursor:pointer;white-space:nowrap}
.tmd-more:hover{text-decoration:underline}
.tmd-list{display:flex;flex-direction:column}
.tmd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px;border-top:1px solid #f0ebe3;color:inherit;text-decoration:none;border-radius:10px;transition:background-color .15s}
a.tmd-row:hover{background:var(--iv)}
.tmd-row-main{min-width:0;flex:1}
.tmd-row-main b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#241e1b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tmd-row-main small{display:block;font-size:12px;color:var(--mut);line-height:1.45;margin-top:2px;overflow-wrap:anywhere}
.tmd-row-right{flex:none;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tmd-unread{background:#fbf7f0}
.tmd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c0392b;flex:none}
.tmd-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.tmd-gray{background:#f3f1ec;color:#5f5853;border-color:#e6e1d8}
.tmd-amber{background:#fff5e0;color:#8a5a00;border-color:#f3dba6}
.tmd-green{background:#e9f6ee;color:#1e6b3b;border-color:#bfe3cc}
.tmd-blue{background:#eaf1fa;color:#2c5784;border-color:#c5d8ee}
.tmd-red{background:#fdecea;color:#b42318;border-color:#f5c2bd}
.tmd-brown{background:#f3ece6;color:var(--br);border-color:#e2d3c6}
.tmd-late{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#b42318;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.tmd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--br);color:#fff!important;font-size:12px;font-weight:600;text-decoration:none;border:1px solid var(--br);cursor:pointer;white-space:nowrap}
.tmd-btn:hover{background:#2a1a17}
.tmd-btn-line{background:#fff;color:var(--br)!important}
.tmd-btn-line:hover{background:var(--iv)}
.tmd-btn:disabled{opacity:.5}
.tmd-empty{margin:0;padding:16px 4px 10px;font-size:13px;color:var(--mut);border-top:1px solid #f0ebe3}
.tmd-plus{display:block;padding:10px 4px 2px;font-size:12px;font-weight:600;color:var(--br);text-decoration:none}
@media (max-width:560px){.tmd-row-static{flex-direction:column;align-items:stretch}.tmd-row-static .tmd-row-right{justify-content:flex-start}.tmd-card{padding:14px 12px 10px}}
/* link booking khusus */
.tml-mode{display:inline-flex;gap:4px;padding:4px;border:1px solid #e7e1d6;border-radius:999px;background:#faf8f3;justify-self:start}
.tml-mode button{min-height:36px;padding:0 16px;border-radius:999px;border:0;background:transparent;font-size:13px;font-weight:600;color:#5f5853;cursor:pointer}
.tml-mode button.on{background:#3e2723;color:#fff}
.tml-list{display:flex;flex-direction:column;gap:10px}
.tml-item{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e7e1d6;border-radius:16px;padding:14px 16px}
.tml-off{background:#faf9f7;opacity:.8}
.tml-main{min-width:0;flex:1 1 280px;display:flex;flex-direction:column;gap:3px}
.tml-main b{font-size:15px;color:#241e1b}
.tml-main small{font-size:12px;color:#7a706a;overflow-wrap:anywhere}
.tml-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.tml-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
/* kartu Paket Custom di form booking */
.tmc-card{border:1px solid #d9c9b6;border-radius:18px;background:linear-gradient(#fffdf9,#faf5ec);padding:18px 18px 14px}
.tmc-over{margin:0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8a6d4f}
.tmc-name{margin:6px 0 0;font:600 26px/1.15 "Cormorant Garamond",serif;color:#241e1b}
.tmc-price{margin:4px 0 0;font-size:20px;font-weight:700;color:#3e2723}
.tmc-feat{margin:12px 0 0;padding:12px 0 0 18px;border-top:1px solid #eadfce;display:grid;gap:5px;font-size:14px;color:#4a403b;list-style:disc}
.tmc-info{margin:12px 0 0;font-size:13px;line-height:1.6;color:#5f5853;white-space:pre-line;border-left:2px solid #3e2723;padding-left:12px}
.tmc-lock{margin:12px 0 0;font-size:11px;color:#8a7f78}