/* Approved operation-log design. Scoped to the public log renderer, not top selectors or room logs. */
@media(min-width:769px){
 .gq-v3.gq-log-page #dt-log.active{grid-column:1/10;grid-row:5;min-width:0;padding:0!important;display:block!important}
 .gq-v3.gq-log-page .gq-v3-side{display:flex!important}
}
#dt-log.hpl-v1{--hpl-line:#e4ebf3;--hpl-ink:#293c59;--hpl-muted:#64758b;color:var(--hpl-ink);font-size:13px}
#dt-log.hpl-v1 *{box-sizing:border-box}
#dt-log.hpl-v1 .log-toolbar{padding:14px 16px;background:#fff;border:1px solid var(--hpl-line);border-radius:10px;margin-bottom:12px;box-shadow:0 2px 8px #233e6604}
#dt-log.hpl-v1 :is(.log-heading,.log-heading-title){display:flex;align-items:center;gap:10px}
#dt-log.hpl-v1 .log-heading{justify-content:space-between;margin-bottom:12px}
#dt-log.hpl-v1 .log-heading-title{min-width:0}
#dt-log.hpl-v1 h3{margin:0;font-size:15px;font-weight:650;color:#213753}
#dt-log.hpl-v1 .log-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#ecf3ff;color:#4976b9;font-size:19px;line-height:1}
#dt-log.hpl-v1 .log-heading-title>span:last-child{font-size:12px;color:var(--hpl-muted)}
#dt-log.hpl-v1 :is(button,input,select){font-family:inherit;font-size:12px;box-shadow:none}
#dt-log.hpl-v1 .log-btn{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px;color:#3563a7;background:#edf4ff;border:1px solid #d9e6fa;border-radius:6px;cursor:pointer;white-space:nowrap;line-height:20px}
#dt-log.hpl-v1 .log-btn:hover{background:#e4eefc;border-color:#bdd1ed}
#dt-log.hpl-v1 .log-btn:active{background:#dce8fb}
#dt-log.hpl-v1 .log-btn:disabled{color:#9ba8bb;background:#f8fafc;border-color:#e7ecf3;cursor:default}
#dt-log.hpl-v1 .log-controls{display:flex;gap:8px;align-items:center}
#dt-log.hpl-v1 .log-controls>select{width:104px}
#dt-log.hpl-v1 :is(.log-controls select,.log-advanced select,.log-advanced input,.log-search){border:1px solid #dfe7f1;border-radius:6px;background:#fff;color:#536780;min-height:32px;padding:4px 8px}
#dt-log.hpl-v1 .log-search{display:flex;align-items:center;gap:6px;flex:1;min-width:100px;background:#f8fafc}
#dt-log.hpl-v1 .log-search>span{font-size:18px;color:#7b8ca3;line-height:1}
#dt-log.hpl-v1 .log-search input{width:100%;min-width:0;border:0!important;background:transparent;outline:0;padding:0;color:#374d69;font:inherit;height:22px}
#dt-log.hpl-v1 .log-reset{background:transparent;border:0;color:#62748c;padding:5px 2px;min-height:30px;cursor:pointer;white-space:nowrap}
#dt-log.hpl-v1 .log-more{display:none}
#dt-log.hpl-v1 .log-advanced{margin-top:10px;display:flex;align-items:center;gap:14px;color:var(--hpl-muted);font-size:12px}
#dt-log.hpl-v1 .log-advanced label{display:flex;align-items:center;gap:8px}
#dt-log.hpl-v1 .log-advanced input{width:120px}
#dt-log.hpl-v1 .log-advanced select{width:105px}
#dt-log.hpl-v1 .log-note{margin-left:auto;font-size:11px;color:#74839a;white-space:nowrap}
#dt-log.hpl-v1 .log-filter-summary{border-top:1px solid #edf1f6;margin-top:10px;padding-top:9px;font-size:12px;color:#62748c}
#dt-log.hpl-v1 [hidden]{display:none!important}
#dt-log.hpl-v1 .log-list-card{border:1px solid var(--hpl-line);border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #233e6604}
#dt-log.hpl-v1 .log-grid{display:grid;grid-template-columns:104px 66px 108px minmax(120px,1fr) 74px 22px;gap:10px;align-items:center}
#dt-log.hpl-v1 .log-table-head{padding:10px 16px;background:#f7f9fc;border-bottom:1px solid var(--hpl-line);color:#73839a;font-size:12px;font-weight:500}
#dt-log.hpl-v1 .log-date-group{padding:8px 16px;background:#fafcfe;border-bottom:1px solid #edf1f6;color:#71829a;font-size:11px;display:flex;gap:8px;align-items:center}
#dt-log.hpl-v1 .log-date-group>span{color:#94a1b2;font-size:10px}
#dt-log.hpl-v1 .log-item{border-bottom:1px solid #edf1f6}
#dt-log.hpl-v1 .log-item:last-child{border-bottom:0}
#dt-log.hpl-v1 .log-item>summary{list-style:none;position:relative;cursor:pointer;min-height:52px;padding:10px 16px;color:#374d69}
#dt-log.hpl-v1 summary::-webkit-details-marker{display:none}
#dt-log.hpl-v1 .log-item>summary:hover{background:#f8fbff}
#dt-log.hpl-v1 .log-item[open]>summary{background:#f5f9ff}
#dt-log.hpl-v1 .log-time{font-size:12px;font-variant-numeric:tabular-nums;color:#64758b;white-space:nowrap}
#dt-log.hpl-v1 .log-scope{font-size:11px;color:#596f8c;background:#f0f4f9;padding:2px 6px;border-radius:4px;justify-self:start;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dt-log.hpl-v1 .log-action{font-size:12px;font-weight:550;white-space:nowrap;color:#365576}
#dt-log.hpl-v1 .log-action.lease{color:#44765e}
#dt-log.hpl-v1 .log-action.date{color:#5276ab}
#dt-log.hpl-v1 .log-excerpt{font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;color:#374d69;overflow-wrap:anywhere}
#dt-log.hpl-v1 .log-actor{font-size:12px;color:#64758b;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dt-log.hpl-v1 .log-chevron{font-size:17px;color:#8a9bb1;text-align:center;transition:transform .15s}
#dt-log.hpl-v1 .log-item[open] .log-chevron{transform:rotate(180deg)}
#dt-log.hpl-v1 .log-expanded{padding:0 16px 14px 124px;background:#f5f9ff;font-size:12px;color:#536b88;line-height:1.8}
#dt-log.hpl-v1 .log-detail-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px;color:#71829a}
#dt-log.hpl-v1 .log-detail-meta b{font-weight:500;color:#526984;overflow-wrap:anywhere}
#dt-log.hpl-v1 .log-detail-label{color:#71829a;margin-bottom:6px}
#dt-log.hpl-v1 .log-change{display:grid;grid-template-columns:100px minmax(0,1fr) 16px minmax(0,1fr);gap:8px;padding:6px 10px;margin:4px 0 10px;border:1px solid #e3eaf5;border-radius:6px;background:white;align-items:start}
#dt-log.hpl-v1 .log-change .new{color:#3563a7}
#dt-log.hpl-v1 .log-raw{background:#fff;border:1px solid #e6edf6;border-radius:6px;padding:8px 10px;overflow-wrap:anywhere;white-space:pre-wrap}
#dt-log.hpl-v1 .log-detail-hint{color:#71829a;font-size:11px;margin-top:8px}
#dt-log.hpl-v1 .log-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--hpl-line);font-size:12px;color:#6b7e98;background:#fff}
#dt-log.hpl-v1 .log-pagination>div{display:flex;align-items:center;gap:10px}
#dt-log.hpl-v1 .log-pagination .log-btn{min-height:28px;padding:3px 8px;font-size:11px!important}
#dt-log.hpl-v1 .log-empty{padding:40px 16px;text-align:center;color:#71829a;line-height:2}
#dt-log.hpl-v1 .log-empty strong{display:block;color:#4f6785;font-weight:500;font-size:14px}
#dt-log.hpl-v1 :is(input,button,select,summary):focus-visible{outline:2px solid #5d86c8;outline-offset:2px}
@media(min-width:769px) and (max-width:1200px){
 .gq-v3.gq-log-page #dt-log.active{grid-column:1/9}
 #dt-log.hpl-v1 .log-grid{grid-template-columns:96px 60px 90px minmax(80px,1fr) 60px 18px;gap:8px}
 #dt-log.hpl-v1 .log-note{display:none}
 #dt-log.hpl-v1 .log-controls>select{width:90px}
 #dt-log.hpl-v1 .log-advanced{flex-wrap:wrap}
 #dt-log.hpl-v1 .log-advanced input{width:110px}
 #dt-log.hpl-v1 .log-expanded{padding-left:16px}
}
@media(max-width:768px){
 #dt-log.hpl-v1{padding:0!important;min-width:0}
 #dt-log.hpl-v1 .log-toolbar{padding:12px;margin-bottom:10px}
 #dt-log.hpl-v1 .log-heading{margin-bottom:10px}
 #dt-log.hpl-v1 h3{font-size:14px}
 #dt-log.hpl-v1 .log-heading-title{gap:6px}
 #dt-log.hpl-v1 .log-heading-title>span:last-child{font-size:11px}
 #dt-log.hpl-v1 .log-symbol{width:22px;height:22px}
 #dt-log.hpl-v1 .log-controls{gap:6px;flex-wrap:wrap}
 #dt-log.hpl-v1 .log-controls>select{flex:1;width:0;min-width:0;font-size:12px!important}
 #dt-log.hpl-v1 .log-search{display:none}
 #dt-log.hpl-v1 .log-more{display:inline-flex;padding:4px 8px}
 #dt-log.hpl-v1 :is(.log-reset,.log-note){display:none}
 #dt-log.hpl-v1 .log-advanced{display:none;border-top:1px solid #edf1f6;padding-top:12px;margin-top:12px;flex-wrap:wrap;gap:10px}
 #dt-log.hpl-v1 .log-advanced.show{display:flex}
 #dt-log.hpl-v1 .log-dates{width:100%;gap:6px}
 #dt-log.hpl-v1 .log-advanced input{width:0;flex:1;min-width:0;padding:4px;font-size:11px!important}
 #dt-log.hpl-v1 .log-actor-filter{width:100%}
 #dt-log.hpl-v1 .log-advanced select{flex:1;width:0;min-width:0}
 #dt-log.hpl-v1 .log-controls.show .log-search{display:flex;order:5;flex:1 1 100%;margin-top:2px}
 #dt-log.hpl-v1 .log-controls.show .log-reset{display:block;order:6;margin-left:auto}
 #dt-log.hpl-v1 .log-filter-summary{font-size:11px}
 #dt-log.hpl-v1 .log-list-card{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
 #dt-log.hpl-v1 .log-table-head{display:none}
 #dt-log.hpl-v1 .log-date-group{background:transparent;border:0;padding:6px 2px 8px;color:#6a7d97;font-size:12px}
 #dt-log.hpl-v1 .log-date-group>span{font-size:11px}
 #dt-log.hpl-v1 .log-item{border:1px solid #e1e8f2;border-radius:10px;background:#fff;margin:0 0 8px;box-shadow:0 2px 8px #233e6605;overflow:hidden}
 #dt-log.hpl-v1 .log-item:last-child{border-bottom:1px solid #e1e8f2}
 #dt-log.hpl-v1 .log-item>summary{display:grid;grid-template-columns:minmax(0,1fr) 110px;grid-template-areas:"action scope" "time actor" "content content";gap:4px 8px;padding:11px 12px;min-height:96px}
 #dt-log.hpl-v1 .log-action{grid-area:action;font-size:14px;font-weight:600;line-height:22px;white-space:nowrap;color:#293e5d!important;overflow:hidden;text-overflow:ellipsis}
 #dt-log.hpl-v1 .log-scope{grid-area:scope;justify-self:end;align-self:center;font-size:11px;max-width:110px}
 #dt-log.hpl-v1 .log-time{grid-area:time;font-size:12px;overflow:hidden;text-overflow:ellipsis}
 #dt-log.hpl-v1 .log-actor{grid-area:actor;text-align:right;font-size:12px}
 #dt-log.hpl-v1 .log-excerpt{grid-area:content;font-size:13px;line-height:1.65;padding-right:18px;margin-top:4px}
 #dt-log.hpl-v1 .log-chevron{position:absolute;right:12px;bottom:13px;font-size:16px}
 #dt-log.hpl-v1 .log-expanded{padding:0 12px 12px;background:#f5f9ff}
 #dt-log.hpl-v1 .log-detail-meta{gap:4px 12px;padding-top:10px;border-top:1px solid #e2eaf6;font-size:11px}
 #dt-log.hpl-v1 .log-change{grid-template-columns:64px minmax(0,1fr) 12px minmax(0,1fr);gap:6px;padding:7px;font-size:11px}
 #dt-log.hpl-v1 .log-pagination{padding:10px;border:1px solid #e1e8f2;border-radius:9px;margin-top:12px;font-size:11px;gap:8px;flex-wrap:wrap}
 #dt-log.hpl-v1 .log-pagination>div{gap:8px;margin-left:auto}
}
@media(prefers-reduced-motion:reduce){#dt-log.hpl-v1 .log-chevron{transition:none}}