/* Ticket administration: same realm frame and action language as Accounts. */

body.admin-page-active .admin-section-nav{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
}
body.admin-page-active .admin-section-tab{
  min-width:0;
  padding-left:8px;
  padding-right:8px;
  font-size:.94rem;
  line-height:1.15;
}
body.admin-page-active .admin-section-tab::before{width:24px;font-size:1.18rem}
body.admin-page-active .admin-section-tab:nth-child(1)::before{content:"♟"}
body.admin-page-active .admin-section-tab:nth-child(2)::before{content:"▤"}
body.admin-page-active .admin-section-tab:nth-child(3)::before{content:"◆"}
body.admin-page-active .admin-section-tab:nth-child(4)::before{content:"▦"}
body.admin-page-active .admin-section-tab:nth-child(5)::before{content:"≡"}
body.admin-page-active .admin-section-tab:nth-child(6)::before{content:"⌁"}

/* Exact desktop frame geometry used by Admin -> Accounts. */
@media (min-width:761px){
  body.admin-page-active #adminTicketsPanel{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    margin:20px 10px 36px!important;
    padding:30px 30px 34px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(4,22,36,.99),rgba(2,14,24,.995))!important;
    box-shadow:0 20px 48px rgba(0,0,0,.40)!important;
  }
  body.admin-page-active #adminTicketsPanel::before{
    content:""!important;
    position:absolute!important;
    inset:-12px!important;
    z-index:0!important;
    pointer-events:none!important;
    border:34px solid transparent!important;
    border-image-source:url('/assets/realm-frame-main.svg?v=3')!important;
    border-image-slice:40!important;
    border-image-width:34px!important;
    border-image-repeat:stretch!important;
    background:none!important;
    filter:drop-shadow(0 6px 7px rgba(0,0,0,.62)) drop-shadow(0 0 4px rgba(72,173,223,.12))!important;
  }
  body.admin-page-active #adminTicketsPanel::after{content:none!important}
  body.admin-page-active #adminTicketsPanel>*{position:relative;z-index:1}
}

body.admin-page-active #adminTicketsPanel .admin-intro{
  margin:0 0 22px!important;
  padding:0!important;
  color:var(--muted);
  line-height:1.55;
}
body.admin-page-active #adminTicketsPanel .ticket-section-head{
  margin:0 0 22px!important;
  padding:16px 18px!important;
  border:1px solid #23597b!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#0b304d,#072139)!important;
  box-shadow:inset 0 1px 0 rgba(126,204,246,.08),inset 0 -1px 0 rgba(80,170,220,.08)!important;
}
body.admin-page-active #adminTicketsPanel .ticket-section-head::before,
body.admin-page-active #adminTicketsPanel .ticket-section-head::after{content:none!important}
body.admin-page-active #adminTicketsPanel .ticket-section-head .eyebrow{display:block;color:#69cfff;margin-bottom:4px}
body.admin-page-active #adminTicketsPanel .ticket-section-head h3{margin:0 0 4px;color:#f2eadc;font-family:Georgia,"Times New Roman",serif;font-size:1.6rem}
body.admin-page-active #adminTicketsPanel .ticket-section-head p{margin:0}

.ticket-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin:0 0 16px}
.ticket-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}
.ticket-stats>div{padding:12px 14px;border:1px solid #294c69;border-radius:3px;background:linear-gradient(180deg,#0c2133,#081725);box-shadow:inset 0 1px 0 rgba(125,195,237,.045)}
.ticket-stats span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.ticket-stats strong{display:block;margin-top:4px;font-size:1.45rem;color:#f2eadc}
.ticket-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ticket-filters{display:flex;gap:8px;flex-wrap:wrap}

/* Same surface language as the account self-service actions. */
.ticket-filter-button,
.ticket-realm-action{
  appearance:none;
  border:1px solid #2f6d98;
  border-radius:6px;
  color:#eef7ff;
  background:linear-gradient(180deg,#123c5d 0%,#0b2a43 55%,#071f34 100%);
  box-shadow:inset 0 1px 0 rgba(174,226,255,.12),0 3px 10px rgba(0,0,0,.22),0 0 12px rgba(45,147,205,.08);
  cursor:pointer;
  font:inherit;
  font-weight:800;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ticket-filter-button:hover:not(:disabled),
.ticket-realm-action:hover:not(:disabled){
  border-color:#58a8d5;
  background:linear-gradient(180deg,#185078 0%,#0d3552 58%,#08253c 100%);
  box-shadow:inset 0 1px 0 rgba(190,234,255,.17),0 0 15px rgba(54,174,233,.16),0 4px 12px rgba(0,0,0,.28);
}
.ticket-filter-button:active:not(:disabled),
.ticket-realm-action:active:not(:disabled){transform:translateY(1px)}
.ticket-filter-button:disabled,
.ticket-realm-action:disabled{opacity:.45;cursor:not-allowed}

.ticket-filter-button{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:8px 14px;
  white-space:nowrap;
}
.ticket-filter-button.is-active{
  border-color:#69d2ff;
  background:linear-gradient(180deg,#1598e7 0%,#0871bb 52%,#075084 100%);
  box-shadow:inset 0 1px 0 rgba(226,247,255,.18),0 0 16px rgba(43,171,246,.30),0 8px 20px rgba(0,0,0,.18);
}
.ticket-filter-icon{width:20px;height:20px;display:grid;place-items:center;color:#84d9ff;font-size:1rem;line-height:1;filter:drop-shadow(0 0 5px rgba(67,185,246,.28))}
.ticket-filter-icon-all::before{content:"≡"}.ticket-filter-icon-open::before{content:"●";font-size:.62rem}.ticket-filter-icon-closed::before{content:"✓"}.ticket-filter-icon-refresh::before{content:"↻";font-size:1.12rem}
.ticket-filter-button.is-active .ticket-filter-icon{color:#d9f5ff}

.ticket-realm-action{
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:8px 14px;
  text-align:left;
}
.ticket-action-copy{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.15}
.ticket-action-copy strong{color:#f4f7fb;font-size:.9rem;font-weight:850;white-space:nowrap}
.ticket-action-copy small{color:#9fb8cb;font-size:.69rem;font-weight:600;white-space:nowrap}
.ticket-action-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;color:#84d9ff;font-size:1.35rem;line-height:1;filter:drop-shadow(0 0 5px rgba(67,185,246,.28))}
.ticket-action-icon-mail::before{content:"✉"}.ticket-action-icon-note::before{content:"✎"}.ticket-action-icon-close::before{content:"✓"}

.ticket-list{display:grid;gap:0;overflow:hidden;border:1px solid #1d5274;border-radius:3px;background:#051522;box-shadow:inset 0 0 0 1px rgba(88,163,205,.035),0 8px 20px rgba(0,0,0,.22)}
.ticket-card{position:relative;margin:0;border:0;border-bottom:1px solid #17415d;border-radius:0;background:#061724;overflow:hidden;box-shadow:none}
.ticket-card:last-child{border-bottom:0}
.ticket-card[open]{border-color:#245d7d}
.ticket-card-summary{padding:14px 16px;cursor:pointer;list-style:none;background:linear-gradient(180deg,#09253b,#061a2a)}
.ticket-card:nth-child(even) .ticket-card-summary{background:linear-gradient(180deg,#082239,#051827)}
.ticket-card[open] .ticket-card-summary{background:linear-gradient(180deg,#0c3656,#08263d);box-shadow:inset 3px 0 0 #30baff,inset 0 -1px 0 rgba(79,186,238,.28)}
.ticket-card-summary::-webkit-details-marker{display:none}
.ticket-title-line,.ticket-meta-line{display:flex;justify-content:space-between;gap:12px;align-items:center}
.ticket-title-line strong{font-family:Georgia,"Times New Roman",serif;color:#f4eee2;font-size:1.08rem}
.ticket-meta-line{margin-top:5px;color:var(--muted);font-size:.9rem}
.ticket-preview{margin:10px 0 0;white-space:pre-wrap;color:var(--text);opacity:.9}
.ticket-card-body{padding:0 18px 22px;border-top:1px solid #245d7d;background:linear-gradient(180deg,#09263d,#061a2b);box-shadow:inset 0 10px 24px rgba(0,0,0,.15)}
.ticket-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 0 12px}
.ticket-detail-grid>div,.ticket-message-block,.ticket-reply-box,.ticket-note-box{padding:12px 14px;border:1px solid #29465f;border-radius:4px;background:#0b1a29}
.ticket-detail-grid span,.ticket-message-block>span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}
.ticket-detail-grid strong{display:block;margin-top:4px;color:#f4eee2}
.ticket-message-block p{margin:8px 0 0;white-space:pre-wrap;line-height:1.55}

.ticket-history-panel{margin-top:12px;padding:14px;border:1px solid #315878;border-radius:4px;background:#061521}
.ticket-history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 2px 11px;border-bottom:1px solid #24425a}
.ticket-history-heading .eyebrow{display:block;color:#68c7ff;font-size:.72rem;letter-spacing:.14em}
.ticket-history-heading h4{margin:2px 0 0;color:#f2eadc;font-family:Georgia,"Times New Roman",serif;font-size:1.15rem}
.ticket-history-heading small{color:#819bb4}
.ticket-timeline{position:relative;display:grid;gap:10px;margin-top:12px;padding-left:8px}
.ticket-timeline::before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:1px;background:#315978}
.ticket-timeline-entry{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px}
.ticket-timeline-marker{position:relative;z-index:1;width:11px;height:11px;margin-top:13px;border:2px solid #64c5fb;border-radius:50%;background:#08213a;box-shadow:0 0 10px rgba(62,174,239,.25)}
.ticket-timeline-entry.is-mail .ticket-timeline-marker{border-color:#77d3ff}
.ticket-timeline-entry.is-closed .ticket-timeline-marker{border-color:#a09a78}
.ticket-timeline-entry.is-comment .ticket-timeline-marker{border-color:#d3ae62}
.ticket-timeline-entry.is-note .ticket-timeline-marker{border-color:#d6b96b;box-shadow:0 0 10px rgba(214,185,107,.20)}
.ticket-timeline-entry.is-note .ticket-timeline-content{border-color:#5f5435;background:linear-gradient(180deg,#171d22,#101922)}
.ticket-timeline-content{padding:10px 12px;border:1px solid #284860;border-radius:4px;background:#0a1b2a}
.ticket-timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ticket-timeline-head strong{color:#edf6ff}
.ticket-timeline-head span{color:#819ab2;font-size:.78rem;text-align:right}
.ticket-history-subject{margin-top:7px;color:#9fd8ff;font-weight:750}
.ticket-timeline-content p{margin:7px 0 0;white-space:pre-wrap;line-height:1.55;color:#dce8f2}
.ticket-history-empty{margin-top:12px;padding:11px 13px;border:1px dashed #33536e;border-radius:4px;background:#081724;color:#90a6bc;line-height:1.5}

.ticket-note-box{margin-top:12px!important;border-color:#5a5034!important;background:linear-gradient(180deg,#151c23,#0d1822)!important}
.ticket-note-head strong,.ticket-reply-head strong{color:#f3ead9;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem}
.ticket-note-head p,.ticket-reply-head p{margin:4px 0 12px}
.ticket-note-body,.ticket-reply-box input,.ticket-reply-box textarea{width:100%;margin-top:6px;background:#03111c;color:var(--text);border:1px solid #214765;border-radius:3px;padding:11px 12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}
.ticket-note-body:focus,.ticket-reply-box input:focus,.ticket-reply-box textarea:focus{outline:none;border-color:#4a9bd0;box-shadow:0 0 0 3px rgba(46,140,255,.10),inset 0 2px 8px rgba(0,0,0,.4)}
.ticket-reply-box{margin-top:12px}
.ticket-reply-box label{display:block;margin-top:10px;color:#dce9f4;font-weight:760}
.ticket-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ticket-warning{margin:10px 0 0;color:#f0b35a}
.ticket-action-message,.ticket-note-message{margin-top:10px}
.ticket-card .pill{flex:0 0 auto}

@media(max-width:1000px){
  body.admin-page-active .admin-section-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  body.admin-page-active #adminTicketsPanel{
    margin:8px 0 22px!important;
    padding:17px!important;
    overflow:hidden!important;
    border:1px solid #315a79!important;
    border-radius:6px!important;
    background:linear-gradient(180deg,#081a2a,#05131f)!important;
    box-shadow:none!important;
  }
  body.admin-page-active #adminTicketsPanel::before{content:none!important}
  body.admin-page-active .admin-section-nav{grid-template-columns:1fr 1fr}
  .ticket-toolbar{align-items:stretch}.ticket-stats{grid-template-columns:repeat(3,1fr);width:100%}.ticket-toolbar-actions{width:100%;justify-content:space-between}.ticket-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-title-line,.ticket-meta-line{align-items:flex-start}.ticket-meta-line{flex-direction:column;gap:2px}.ticket-timeline-head{flex-direction:column;gap:3px}.ticket-timeline-head span{text-align:left}.ticket-realm-action{flex:1 1 220px}
}
@media(max-width:480px){
  .ticket-stats{grid-template-columns:1fr}.ticket-toolbar-actions,.ticket-filters{display:grid;grid-template-columns:1fr;width:100%}.ticket-filter-button{width:100%}.ticket-detail-grid{grid-template-columns:1fr}.ticket-card-summary,.ticket-card-body{padding-left:12px;padding-right:12px}.ticket-actions{display:grid}.ticket-realm-action{width:100%}.ticket-history-panel{padding:11px}.ticket-action-copy small{white-space:normal}
}