/*
 * FrontHub Extract Archive v121
 * PDF Tools standard.
 */

#fhex121-modal *{box-sizing:border-box}

#fhex121-modal .fhex121-modal{
 width:min(720px,calc(100vw - 32px))!important;
}

#fhex121-modal .fhex121-titlebar{
 display:flex;
 align-items:center;
 justify-content:center;
 height:42px;
 margin:0 20px 12px;
 border-radius:11px;
 background:linear-gradient(135deg,#6659ef,#339cf3);
 color:#fff;
 font-size:12px;
 font-weight:850;
}

#fhex121-modal .fhex121-credit-summary{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px;
 margin-bottom:8px;
}

#fhex121-modal .fhex121-credit-summary>div{
 display:flex;
 align-items:center;
 justify-content:space-between;
 min-height:38px;
 padding:0 12px;
 border:1px solid #e1e6ef;
 border-radius:10px;
 background:#f8faff;
}

#fhex121-modal .fhex121-credit-summary span{
 color:#788499;
 font-size:10px;
}

#fhex121-modal .fhex121-credit-summary strong{
 color:#4d59d8;
 font-size:11px;
}

#fhex121-modal .fhex121-credit{
 margin-bottom:12px;
}

#fhex121-modal .fhex121-credit[hidden],
#fhex121-modal .fhex121-credit-panel[hidden]{
 display:none!important;
}

#fhex121-modal .fhex121-credit-toggle{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto auto;
 align-items:center;
 gap:10px;
 width:100%;
 min-height:42px;
 padding:0 13px;
 border:1px solid #e1e6ef;
 border-radius:10px;
 background:#f8faff;
 color:#455268;
 font-size:11px;
 font-weight:700;
 text-align:left;
 cursor:pointer;
}

#fhex121-modal .fhex121-credit-toggle i{
 font-style:normal;
 transition:transform .18s;
}

#fhex121-modal .fhex121-credit-toggle.open i{
 transform:rotate(180deg);
}

#fhex121-modal .fhex121-credit-badge{
 padding:4px 8px;
 border-radius:999px;
 background:#eeefff;
 color:#5561df;
 font-size:9px;
 font-weight:800;
}

#fhex121-modal .fhex121-credit-panel{
 padding:10px 13px;
 border:1px solid #e1e6ef;
 border-top:0;
 border-radius:0 0 10px 10px;
 background:#fff;
}

#fhex121-modal .fhex121-credit-line{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:8px 0;
 border-bottom:1px solid #edf0f5;
}

#fhex121-modal .fhex121-credit-line strong,
#fhex121-modal .fhex121-credit-line small{
 display:block;
}

#fhex121-modal .fhex121-credit-line strong{
 color:#334155;
 font-size:10px;
}

#fhex121-modal .fhex121-credit-line small{
 margin-top:2px;
 color:#8490a3;
 font-size:9px;
}

#fhex121-modal .fhex121-credit-line>span{
 color:#5561df;
 font-size:10px;
 font-weight:800;
}

#fhex121-modal .fhex121-credit-total{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding-top:10px;
 color:#536074;
 font-size:10px;
}

#fhex121-modal .fhex121-credit-total strong{
 color:#4d59d8;
}

#fhex121-modal .fhex121-warning{
 margin-top:9px;
 padding:9px 10px;
 border-radius:8px;
 background:#fff1f1;
 color:#a92b22;
 font-size:10px;
}

#fhex121-modal .fhex121-drop{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 min-height:176px!important;
 padding:22px 20px!important;
 border:1.5px dashed #b9c6df!important;
 border-radius:15px!important;
 background:#fbfcff!important;
 color:#273348!important;
 text-align:center!important;
 cursor:pointer!important;
 pointer-events:auto!important;
 user-select:none!important;
}

#fhex121-modal .fhex121-drop:hover,
#fhex121-modal .fhex121-drop.drag{
 border-color:#6975ef!important;
 background:#f5f7ff!important;
}

#fhex121-modal .fhex121-drop *{
 pointer-events:none!important;
}

#fhex121-modal .fhex121-drop-icon{
 display:flex;
 align-items:center;
 justify-content:center;
 width:58px;
 height:58px;
 margin-bottom:12px;
 padding:0 7px;
 border-radius:15px;
 background:linear-gradient(135deg,#6659ef,#339cf3);
 color:#fff;
 font-size:9px;
 font-weight:900;
}

#fhex121-modal .fhex121-drop strong{
 color:#253247;
 font-size:14px;
 font-weight:850;
}

#fhex121-modal .fhex121-drop>span:not(.fhex121-drop-icon){
 margin-top:6px;
 color:#8290a5;
 font-size:10px;
}

#fhex121-modal .fhex121-file-row{
 display:grid;
 grid-template-columns:44px minmax(0,1fr) 30px;
 align-items:center;
 gap:10px;
 margin-top:11px;
 padding:9px 10px;
 border:1px solid #e2e7ef;
 border-radius:11px;
 background:#fff;
}

#fhex121-modal .fhex121-file-row[hidden]{
 display:none!important;
}

#fhex121-modal .fhex121-file-icon{
 display:flex;
 align-items:center;
 justify-content:center;
 width:42px;
 height:36px;
 border-radius:9px;
 background:#eef0ff;
 color:#5863e8;
 font-size:8px;
 font-weight:900;
}

#fhex121-modal .fhex121-file-row strong,
#fhex121-modal .fhex121-file-row small{
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}

#fhex121-modal .fhex121-file-row small{
 margin-top:2px;
 color:#8490a3;
 font-size:9px;
}

#fhex121-modal .fhex121-file-row button{
 border:0;
 background:transparent;
 color:#64748b;
 font-size:18px;
 cursor:pointer;
}

#fhex121-modal .fhex121-encrypted{
 display:grid;
 grid-template-columns:36px minmax(0,1fr);
 gap:9px;
 margin-top:12px;
 padding:11px 12px;
 border:1px solid #ecdba5;
 border-radius:11px;
 background:#fffaf0;
}

#fhex121-modal .fhex121-encrypted[hidden]{
 display:none!important;
}

#fhex121-modal .fhex121-encrypted strong,
#fhex121-modal .fhex121-encrypted small{
 display:block;
}

#fhex121-modal .fhex121-encrypted strong{
 color:#694f17;
 font-size:10px;
}

#fhex121-modal .fhex121-encrypted small{
 margin-top:2px;
 color:#8b7648;
 font-size:9px;
}

#fhex121-modal .fhex121-encrypted input{
 grid-column:1/-1;
 height:39px;
 padding:0 10px;
 border:1px solid #ddc981;
 border-radius:9px;
 background:#fff;
}

#fhex121-modal .fhex121-encrypted button{
 grid-column:2;
 justify-self:end;
 height:34px;
 padding:0 11px;
 border:0;
 border-radius:8px;
 background:#6659ef;
 color:#fff;
 font-size:9px;
 font-weight:800;
 cursor:pointer;
}

#fhex121-modal .fhex121-preview{
 margin-top:12px;
 border:1px solid #e2e7ef;
 border-radius:11px;
 background:#fff;
 overflow:hidden;
}

#fhex121-modal .fhex121-preview[hidden]{
 display:none!important;
}

#fhex121-modal .fhex121-preview-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:10px 12px;
 background:#f8faff;
 border-bottom:1px solid #edf0f5;
}

#fhex121-modal .fhex121-preview-head strong{
 color:#354155;
 font-size:10px;
}

#fhex121-modal .fhex121-preview-head span{
 color:#778399;
 font-size:9px;
}

#fhex121-modal .fhex121-entry-list{
 max-height:205px;
 overflow:auto;
}

#fhex121-modal .fhex121-entry{
 display:grid;
 grid-template-columns:42px minmax(0,1fr);
 align-items:center;
 gap:9px;
 padding:8px 10px;
 border-bottom:1px solid #edf0f5;
}

#fhex121-modal .fhex121-entry:last-child{
 border-bottom:0;
}

#fhex121-modal .fhex121-entry-icon{
 display:flex;
 align-items:center;
 justify-content:center;
 width:40px;
 height:33px;
 border-radius:8px;
 background:#eef0ff;
 color:#5863e8;
 font-size:8px;
 font-weight:900;
}

#fhex121-modal .fhex121-entry strong,
#fhex121-modal .fhex121-entry small{
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}

#fhex121-modal .fhex121-entry strong{
 color:#354155;
 font-size:10px;
}

#fhex121-modal .fhex121-entry small{
 margin-top:2px;
 color:#8490a3;
 font-size:9px;
}

#fhex121-modal .fhpdf-status{
 margin-top:13px;
}

#fhex121-modal .fhpdf-progress{
 height:8px;
 overflow:hidden;
 border-radius:999px;
 background:#e9edf4;
}

#fhex121-modal .fhpdf-progress i{
 display:block;
 width:0;
 height:100%;
 border-radius:999px;
 background:linear-gradient(90deg,#6659ef,#339cf3);
 transition:width .25s;
}

#fhex121-modal .fhpdf-status[hidden],
#fhex121-modal .fhpdf-ready[hidden],
#fhex121-modal .fhpdf-error[hidden]{
 display:none!important;
}

#fhex121-modal .fhpdf-ready div>span,
#fhex121-modal .fhpdf-ready div>small{
 display:block;
 margin-top:2px;
}

#fhex121-modal .fhpdf-ready div>span{
 color:#596477;
 font-size:9px;
}

#fhex121-modal .fhpdf-ready div>small{
 color:#7c8798;
 font-size:9px;
}

#fhex121-modal .fhpdf-download-btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 height:39px;
 padding:0 16px;
 border:0;
 border-radius:10px;
 background:linear-gradient(135deg,#2a9363,#47b878);
 color:#fff;
 font-weight:850;
 text-decoration:none;
 cursor:pointer;
}

#fhex121-modal .fhpdf-actions{
 display:flex;
 justify-content:flex-end;
 gap:8px;
 margin-top:18px;
}

#fhex121-modal .fhpdf-actions button{
 height:39px;
 padding:0 15px;
 border-radius:10px;
 font-weight:850;
}

#fhex121-modal .fhpdf-secondary{
 border:1px solid #dce2eb;
 background:#fff;
 color:#596477;
}

#fhex121-modal .fhpdf-primary{
 border:0!important;
 background:linear-gradient(135deg,#6659ef,#339cf3)!important;
 color:#fff!important;
}

html[data-theme="dark"] #fhex121-modal .fhex121-drop,
html.dark #fhex121-modal .fhex121-drop{
 background:#0f172a!important;
 border-color:#475569!important;
 color:#e5e7eb!important;
}

html[data-theme="dark"] #fhex121-modal .fhex121-drop strong,
html.dark #fhex121-modal .fhex121-drop strong{
 color:#f1f5f9!important;
}

html[data-theme="dark"] #fhex121-modal .fhex121-credit-summary>div,
html[data-theme="dark"] #fhex121-modal .fhex121-credit-toggle,
html.dark #fhex121-modal .fhex121-credit-summary>div,
html.dark #fhex121-modal .fhex121-credit-toggle{
 background:#111827;
 border-color:#334155;
 color:#e5e7eb;
}

html[data-theme="dark"] #fhex121-modal .fhex121-credit-panel,
html[data-theme="dark"] #fhex121-modal .fhex121-file-row,
html[data-theme="dark"] #fhex121-modal .fhex121-preview,
html.dark #fhex121-modal .fhex121-credit-panel,
html.dark #fhex121-modal .fhex121-file-row,
html.dark #fhex121-modal .fhex121-preview{
 background:#0f172a;
 border-color:#334155;
 color:#e5e7eb;
}

@media(max-width:620px){
 #fhex121-modal .fhex121-credit-summary{
  grid-template-columns:1fr;
 }
}


/* v121 extracted-file results */
#fhex121-modal .fhex121-results{
 margin-top:14px;
 border:1px solid #dfe5ee;
 border-radius:11px;
 background:#fff;
 overflow:hidden;
}
#fhex121-modal .fhex121-results[hidden]{display:none!important}
#fhex121-modal .fhex121-results-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:11px 12px;
 background:#f8faff;
 border-bottom:1px solid #edf0f5;
}
#fhex121-modal .fhex121-results-head strong,
#fhex121-modal .fhex121-results-head span{display:block}
#fhex121-modal .fhex121-results-head strong{font-size:11px;color:#354155}
#fhex121-modal .fhex121-results-head span{margin-top:2px;font-size:9px;color:#7b879a}
#fhex121-modal .fhex121-result-files{
 max-height:260px;
 overflow:auto;
}
#fhex121-modal .fhex121-result-row{
 display:grid;
 grid-template-columns:42px minmax(0,1fr) auto;
 align-items:center;
 gap:9px;
 padding:8px 10px;
 border-bottom:1px solid #edf0f5;
}
#fhex121-modal .fhex121-result-row:last-child{border-bottom:0}
#fhex121-modal .fhex121-result-row strong,
#fhex121-modal .fhex121-result-row small{
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
#fhex121-modal .fhex121-result-row strong{font-size:10px;color:#354155}
#fhex121-modal .fhex121-result-row small{margin-top:2px;font-size:9px;color:#8490a3}
#fhex121-modal .fhex121-file-download{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 height:31px;
 padding:0 10px;
 border:1px solid #d9e0ea;
 border-radius:8px;
 background:#fff;
 color:#5863d8;
 font-size:9px;
 font-weight:800;
 text-decoration:none;
}
#fhex121-modal .fhex121-file-download:hover{
 border-color:#7c83ef;
 background:#f5f6ff;
}
#fhex121-modal .fhex121-credit-note{
 display:block;
 padding:9px 12px;
 border-top:1px solid #edf0f5;
 color:#758196;
 font-size:9px;
}
html[data-theme="dark"] #fhex121-modal .fhex121-results,
html.dark #fhex121-modal .fhex121-results{
 background:#0f172a;
 border-color:#334155;
}
html[data-theme="dark"] #fhex121-modal .fhex121-results-head,
html.dark #fhex121-modal .fhex121-results-head{
 background:#111827;
 border-color:#334155;
}