/* Ribua Office - ticket page v2 (Tab, 2026-11-08, PREVIEW). Pairs with index-ticketv2.js.
   Only the ticket page header changes: fewer buttons, rarely-used ones under "More". */
.rt2-head{background:linear-gradient(160deg,#2f2c27 0%,#24221e 100%)!important;box-shadow:0 10px 30px -18px rgba(0,0,0,.55);border:1px solid rgba(210,174,109,.18)}
.rt2-head h1{font-size:2rem!important;line-height:1.2;font-weight:700!important}
.rt2-head h1 a{text-decoration:none!important}
.rt2-head h1 a:hover{color:#D2AE6D}
.rt2-statusrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.rt2-status{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:rgba(210,174,109,.16);color:#E8C98C;border:1px solid rgba(210,174,109,.45);font-weight:700;font-size:14px;letter-spacing:.01em}
.rt2-statusrow>div{flex:0 1 220px!important;min-width:170px!important;max-width:240px!important}
.rt2-statusrow>div button{height:42px!important;min-height:42px!important;border-radius:12px!important;font-size:14.5px!important}
.rt2-meta{color:#BDB3A4;font-size:14px}
.rt2-meta b{color:#fff;font-weight:600}
.rt2-meta b.rt2-deliv{color:#E8C98C}
.rt2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px}
.rt2-spacer{flex:1 1 0;min-width:0}
.rt2-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;font-size:14.5px;font-weight:600;color:#F3EEE6;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;list-style:none;user-select:none}
.rt2-btn:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
.rt2-btn svg{opacity:.85}
.rt2-btn.rt2-owed{background:rgba(194,65,45,.14);border-color:rgba(232,110,90,.6);color:#FFB4A6}
.rt2-btn.rt2-owed:hover{background:rgba(194,65,45,.25)}
.rt2-btn.rt2-paid{background:rgba(34,160,90,.18);border-color:rgba(74,200,120,.55);color:#9BE3B4}
.rt2-btn.rt2-loaner{background:rgba(210,174,109,.2);border-color:rgba(210,174,109,.6);color:#F0D49A}
.rt2-dot{width:8px;height:8px;border-radius:50%;background:#F0D49A;animation:rt2p 1.6s infinite}
@keyframes rt2p{50%{opacity:.35}}
.rt2-select{width:auto!important;min-width:180px;gap:10px;height:42px!important;padding:0 14px!important;border-radius:12px!important;background:#fff!important;color:#292824!important;border:1px solid #E6DCC8!important;font-weight:600!important;font-size:14.5px!important;cursor:pointer}
.rt2-more{position:relative}
.rt2-more>summary::-webkit-details-marker{display:none}
.rt2-more>summary::marker{content:""}
.rt2-caret{font-size:12px;opacity:.8;margin-inline-start:2px}
.rt2-more[open]>summary{background:rgba(255,255,255,.16)}
.rt2-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:40;min-width:230px;padding:6px;border-radius:14px;background:#fff;color:#292824;box-shadow:0 18px 40px -12px rgba(0,0,0,.45);border:1px solid #E6DCC8;display:flex;flex-direction:column}
.rt2-menu button{all:unset;box-sizing:border-box;display:flex!important;align-items:center;gap:10px;width:100%;padding:10px 12px!important;border-radius:9px!important;font-size:14.5px!important;font-weight:500!important;color:#292824!important;background:transparent!important;box-shadow:none!important;transform:none!important;cursor:pointer;white-space:nowrap}
.rt2-menu button:hover{background:#F6F0E4!important}
.rt2-menu button svg{width:16px;height:16px;color:#8A642E;flex:none}
.rt2-menu .rt2-danger{color:#B42318!important}
.rt2-menu .rt2-danger svg{color:#B42318}
.rt2-sep{height:1px;background:#EEE6D6;margin:4px 6px}
html.dark .rt2-menu{background:#2E2A24;color:#F3EEE6;border-color:#3E382F}
html.dark .rt2-menu button{color:#F3EEE6!important}
html.dark .rt2-menu button:hover{background:#3A352D!important}
@media (max-width:640px){
  .rt2-head{padding:20px!important;border-radius:22px!important}
  .rt2-head h1{font-size:1.6rem!important}
  .rt2-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .rt2-actions>.rt2-spacer{display:none}
  .rt2-btn{justify-content:center;width:100%}
  .rt2-actions>.rt2-btn:first-child{grid-column:1/-1}
  .rt2-select{width:100%!important}
  .rt2-statusrow{display:grid;grid-template-columns:1fr;gap:10px}
  .rt2-more>summary{width:100%;justify-content:center}
  .rt2-menu{inset-inline-start:auto;inset-inline-end:0;min-width:240px}
  .rt2-statusrow>div{flex:1 1 100%!important;max-width:none!important}
}