@charset "UTF-8";
/* Common navigation and the library's operational workspaces. */
.workspace-app{grid-template-columns:minmax(0,1fr)}
.app-body{min-width:0}
.app-sidebar{padding-top:20px}
#app-menu-content{display:flex;flex:1;min-height:0;flex-direction:column}
.app-product{margin-bottom:18px}
.app-navigation{gap:3px}
.workspace-app .app-navigation>button,.workspace-app .app-navigation>a{padding:10px 11px;min-height:39px;font-size:13px;line-height:1.3}
.app-nav-section{display:flex;align-items:center;justify-content:space-between;padding:15px 11px 7px;color:#8e9fba;font-size:10px;letter-spacing:.11em}
.app-nav-section:first-child{padding-top:0}
.app-nav-section>span{font-size:10px;letter-spacing:0;color:#93a4bd}
.app-navigation [aria-current=page]{box-shadow:inset 3px 0 #7597ff}
.workspace-page[data-service=marc] .app-navigation [aria-current=page]{box-shadow:inset 3px 0 #6cc7bc}
.app-sidebar-bottom{padding-top:23px}
.app-local-note{padding:10px}
.app-local-note p{line-height:1.7;margin-top:5px}
#app-menu-toggle{display:none}
.marc-service-layout{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column}
#library-view-scope{display:inline-flex;margin-left:10px;vertical-align:middle;font-size:11px;font-weight:600;padding:3px 7px;border-radius:4px;background:#e9eef8;color:#5f7396;letter-spacing:0;line-height:1.5}
.ops-view{padding-bottom:22px}
.ops-context{display:flex;align-items:center;gap:11px;margin:-3px 0 19px;color:#67788f}
.ops-context p{font-size:12px;line-height:1.7}
.ops-mode{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid #d5e1f4;border-radius:4px;background:#f5f8ff;color:#536c98;font-size:11px;padding:4px 8px}
.ops-mode:before{content:"";width:5px;height:5px;background:#6083ce;border-radius:50%}
.ops-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.ops-metric{position:relative;border:1px solid #dfe5ef;border-radius:8px;background:#fff;padding:17px 19px;overflow:hidden}
.ops-metric>span{font-size:12px;color:#67768d}
.ops-metric strong{display:block;font-size:27px;letter-spacing:-.04em;font-weight:700;line-height:1.35;color:#2d4263;margin:5px 0}
.ops-metric strong small{font-size:12px;margin-left:5px;font-weight:500;color:#7b8da7}
.ops-metric p{font-size:11px;color:#8390a3}
.ops-metric:first-child{background:#edf2ff;border-color:#d7e0f7}
.ops-metric:first-child strong{color:#3b5da8}
.ops-metric:after{content:"";height:3px;position:absolute;left:19px;right:19px;bottom:0;background:#b3c5ee}
.ops-metric:nth-child(2):after{background:#a5cdbf}
.ops-metric:nth-child(3):after{background:#d9c59f}
.ops-tabs{display:flex;gap:23px;overflow-x:auto;border-bottom:1px solid #d6dfed;margin-bottom:17px;padding:0 2px;scrollbar-width:thin}
.ops-tabs button{flex-shrink:0;background:transparent;border:0;border-bottom:3px solid transparent;padding:12px 2px;color:#79879b;font-size:13px;white-space:nowrap}
.ops-tabs button[aria-pressed=true]{border-bottom-color:var(--app-accent);color:#3e5a94;font-weight:750}
.ops-tabs button:hover{color:var(--app-accent)}
.ops-table-wrap{width:100%;overflow:auto;scrollbar-width:thin}
.ops-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.6}
.ops-table th{color:#6a7a92;background:#f6f8fc;font-weight:550;font-size:11px;white-space:nowrap;padding:11px 18px;border-bottom:1px solid #e3e8f1}
.ops-table td{padding:16px 18px;border-bottom:1px solid #ebeff5;vertical-align:middle;color:#53647d}
.ops-table tr:last-child td{border-bottom:0}
.ops-table td:first-child{color:#2f4261}
.ops-table td strong{font-size:13px;font-weight:650;display:block}
.ops-table td small{font-size:11px;display:block;color:#8190a7;margin-top:4px}
.ops-table td code{font-size:11px;color:#7e91b2}
.ops-table td:last-child{white-space:nowrap}
.ops-table tbody tr:hover{background:#fafcff}
.ops-table .ops-row-action{border:1px solid #d4def0;background:#f7faff;border-radius:5px;color:#4669ac;font-size:12px;padding:6px 9px;white-space:nowrap}
.ops-row-action:hover{background:#eaf0ff}
.ops-row-action:disabled{opacity:.55;cursor:default}
.ops-row-secondary{border:0;background:none;color:#7d899c;font-size:11px;margin-left:7px;padding:7px 0}
.ops-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 7px;background:#eef1f6;color:#73819a;border-radius:4px;white-space:nowrap}
.ops-status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.ops-status.green{color:#3c806b;background:#eaf5ef}
.ops-status.blue{color:#4b6cba;background:#edf2ff}
.ops-status.amber{color:#947135;background:#faf2e2}
.ops-card-note{padding:13px 18px;background:#f9fbfe;border-top:1px solid #e5ebf4;font-size:11px;line-height:1.9;color:#77869c}
.ops-split-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:25px}
.ops-form{display:grid;gap:17px;align-content:start}
.ops-form label{display:grid;gap:8px;color:#5d6c84;font-size:12px;font-weight:600}
.ops-form input,.ops-form select{font:inherit;font-weight:400;color:#3a4d6b;background:#fff;border:1px solid #d6dfec;border-radius:5px;padding:10px 11px;width:100%;min-width:0;height:41px}
.ops-form .app-button{justify-self:start;margin-top:1px}
.ops-muted{font-size:11px;color:#8190a6;line-height:1.9}
.ops-message-preview{padding:23px;background:#eef3f9;border-radius:10px;align-self:start}
.ops-message-preview>span{font-size:10px;letter-spacing:.12em;color:#8a9db6}
.ops-message-preview>p{background:#fff;border:1px solid #dce5f0;border-radius:0 11px 11px 11px;margin:17px 0;padding:20px;font-size:13px;line-height:1.9;color:#4c6385}
.ops-message-preview small{font-size:11px;color:#7f90a8}
.ops-list-item{padding:19px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e9edf4}
.ops-list-item:last-child{border:0}
.ops-list-item>div{flex:1;min-width:0}
.ops-list-item strong{display:block;font-size:13px;color:#364d70}
.ops-list-item p{font-size:12px;line-height:1.8;color:#8390a3;margin-top:5px}
.ops-empty{padding:35px 20px!important;text-align:center;color:#8a99ad!important;font-size:12px}
.ops-process{display:flex;align-items:center;gap:10px;border:1px solid #dfe6f1;background:#fff;border-radius:8px;padding:14px 20px;margin-bottom:18px;font-size:12px;color:#8290a6}
.ops-process>span,.ops-process>strong{flex:1;text-align:center}
.ops-process>i{font-style:normal;color:#b4bfd0}
.ops-process>strong{color:#5572ac;font-weight:650}
.ops-duo{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}
.ops-note-card{border:1px solid #dfe5ee;background:#f7f9fc;border-radius:8px;padding:20px}
.ops-eyebrow{display:block;font-size:10px;letter-spacing:.11em;color:#7b91b0;font-weight:650;margin-bottom:9px}
.ops-note-card h3,.ops-checklist h3,.ops-state-cards h3{font-size:14px;font-weight:650;color:#405775;margin:0 0 10px}
.ops-note-card p,.ops-state-cards p{font-size:12px;line-height:1.9;color:#7c8a9e}
.ops-scan{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:20px;background:#f5f8ff;border-bottom:1px solid #e1e8f3}
.ops-scan label{font-size:12px;font-weight:650;color:#5472a5;margin-right:7px}
.ops-scan input{flex:1;min-width:140px;max-width:320px;border:1px solid #cad7ee;border-radius:5px;background:#fff;padding:10px 12px;font-size:13px}
.ops-scan p{flex-basis:100%;font-size:11px;color:#7f90ad;line-height:1.7}
.ops-label-sample{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9e0eb;background:#fff;border-radius:5px;width:min(100%,245px);margin:auto;padding:25px 14px;box-shadow:3px 4px 0 #edf1f6}
.ops-label-sample>span{font-size:11px;color:#6b7a90}
.ops-label-sample strong{font-size:26px;line-height:1.4;font-weight:600;margin:19px 0;text-align:center;color:#263851}
.ops-label-sample code{letter-spacing:.18em;font-size:13px;margin:7px 0 14px}
.ops-label-sample small{font-size:10px;color:#8b97a9}
.ops-barcode{height:36px;width:150px;background:repeating-linear-gradient(90deg,#29364e 0 2px,transparent 2px 4px,#29364e 4px 5px,transparent 5px 9px,#29364e 9px 12px,transparent 12px 14px)}
.ops-checklist{padding-top:4px}
.ops-checklist p{display:flex;gap:8px;font-size:12px;line-height:1.8;padding:12px 0;color:#6b7d96;border-bottom:1px solid #e9edf3}
.ops-checklist p:before{content:"✓";color:#659891}
.ops-checklist>.ops-muted{display:block;margin-top:18px}
.ops-state-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:22px 5px}
.ops-state-cards>article{padding:0 21px}
.ops-state-cards>article+article{border-left:1px solid #e5ebf3}
.ops-state-cards h3{margin-top:13px}
.ops-serial-header{display:flex;align-items:center;gap:25px;background:#e9effa;border:1px solid #d7e1f3;border-radius:9px;padding:24px;margin-bottom:20px}
.ops-journal-cover{background:#546d91;color:#fff;width:95px;height:132px;flex-shrink:0;display:flex;flex-direction:column;padding:13px;box-shadow:inset 4px 0 #ffffff20,3px 4px 7px #24365320}
.ops-journal-cover small{font-size:8px;letter-spacing:.12em;color:#c5d4eb}
.ops-journal-cover strong{font-size:18px;line-height:1.3;margin-top:12px}
.ops-journal-cover>span{font-size:5px;letter-spacing:.05em;margin-top:auto;color:#b7c9e4}
.ops-serial-header h2{font-size:24px;line-height:1.4;color:#3d587f}
.ops-serial-header p{font-size:12px;color:#7b8eab;margin-top:8px}
.ops-inline-facts{display:flex;gap:20px;margin-top:18px;font-size:11px;color:#7b8da9;flex-wrap:wrap}
.ops-inline-facts b{font-weight:500;color:#4f6a93;margin-left:6px}
.ops-serial-total{margin-left:auto;padding-left:20px;border-left:1px solid #cdd9ee;text-align:center}
.ops-serial-total span,.ops-serial-total small{display:block;font-size:11px;color:#7c90b0;white-space:nowrap}
.ops-serial-total strong{font-size:29px;display:block;color:#476696;margin:5px 0}
.ops-opac{border:1px solid #d6e0ea;border-radius:10px;overflow:hidden;background:#fff}
.ops-opac header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:10px;font-size:11px;color:#97a09e}
.ops-opac-brand{display:flex;gap:8px;align-items:center;font-size:14px;color:#426961;font-weight:650}
.ops-opac-search{background:#eaf2ee;text-align:center;padding:28px 20px}
.ops-opac-search>span{font-size:10px;color:#839b8c;letter-spacing:.17em}
.ops-opac-search h2{font-size:26px;color:#405e51;letter-spacing:-.05em;margin:11px 0 21px;font-weight:650}
.ops-opac-search form{display:flex;gap:8px;margin:auto;max-width:545px}
.ops-opac-search input{min-width:0;width:100%;flex:1;background:#fff;border:1px solid #cad9d0;border-radius:6px;padding:13px 15px;font-size:13px}
.ops-opac-search .app-button{background:#547e6b;border-color:#547e6b}
.ops-opac-results{padding:19px 24px}
.ops-opac-results>p{font-size:12px;color:#8a9991;margin-bottom:9px}
.ops-opac-book{display:flex;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #edf0ef}
.ops-opac-book:last-child{border:0}
.ops-opac-book>div{flex:1;min-width:0}
.ops-opac-book h3{font-size:14px;color:#40574e;line-height:1.6}
.ops-opac-book p{font-size:11px;color:#8e9a94;margin-top:4px;line-height:1.7}
.ops-opac-book>.book-cover-small{width:34px;height:45px}
.ops-opac footer{padding:14px 24px;font-size:11px;color:#89988e;background:#f6f9f6;line-height:1.8}
.ops-report-grid{margin-top:0;margin-bottom:17px}
.ops-bars{padding:25px 22px}
.ops-bar{margin-bottom:23px}
.ops-bar:last-child{margin-bottom:0}
.ops-bar>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#7285a0;margin-bottom:10px}
.ops-bar b{font-weight:600;color:#4b6491}
.ops-bar-track{height:11px;border-radius:3px;background:#edf1f8;overflow:hidden}
.ops-bar-track i{display:block;height:100%;background:#7995d2;border-radius:3px}
.ops-bar:nth-child(2) .ops-bar-track i{background:#9abaaf}
.ops-report-activity{display:grid;grid-template-columns:repeat(3,1fr);padding:29px 14px;text-align:center;gap:10px}
.ops-report-activity span{display:block;font-size:12px;color:#7d8da7}
.ops-report-activity strong{display:block;font-size:33px;line-height:1.5;color:#4b6287;margin:9px 0 5px;font-weight:650}
.ops-definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:22px}
.ops-definition-grid strong{font-size:12px;color:#567096;font-weight:650}
.ops-definition-grid p{font-size:11px;line-height:1.9;color:#8190a6;margin-top:8px}
.ops-integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:6px 15px}
.ops-integration-grid article{padding:22px 13px}
.ops-integration-grid article>span{color:#7591b9}
.ops-integration-grid h3{font-size:13px;color:#4b6384;margin:11px 0 6px}
.ops-integration-grid p{font-size:11px;color:#8492a7;line-height:1.8}
@media(max-width:1200px){.ops-table th,.ops-table td{padding-inline:13px}.ops-context{flex-wrap:wrap;gap:7px}.ops-metrics{gap:10px}.ops-metric{padding:15px}.ops-metric strong{font-size:25px}.ops-serial-header{gap:18px}.ops-serial-total{display:none}.ops-state-cards>article{padding-inline:15px}}
@media(min-width:761px) and (max-height:850px){.app-sidebar{padding-top:14px}.app-product{margin-bottom:10px}.app-nav-section{padding-top:10px}.workspace-app .app-navigation>button{padding-block:8px;min-height:35px}.app-sidebar-bottom{padding-top:16px}.app-local-note p{display:none}}
@media(max-width:1000px){.ops-split-content{gap:22px;padding:20px}.ops-state-cards{grid-template-columns:1fr;padding:5px 20px}.ops-state-cards>article{padding:19px 0}.ops-state-cards>article+article{border-left:0;border-top:1px solid #e6ebf3}.ops-integration-grid{grid-template-columns:1fr 1fr}.ops-context p{font-size:12px}.ops-process{padding:13px 11px;gap:6px;font-size:11px}}
@media(max-width:760px){
  .app-sidebar{padding:0;position:relative;z-index:2}
  #app-menu-toggle{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:10px 17px;border:0;background:#1e304c;color:#e1e9f5;text-align:left;font-size:12px}
  #app-menu-toggle>.icon{width:16px;height:16px}
  .app-menu-caption{margin-left:auto;font-size:11px;color:#afbdd1}
  #app-menu-toggle[aria-expanded=true]>span:last-child{transform:rotate(180deg)}
  #app-menu-content{display:none;padding:16px;max-height:65svh;overflow:auto;border-top:1px solid #394962;box-shadow:0 8px 15px #10233c18}
  .app-sidebar.is-menu-open #app-menu-content{display:block}
  .app-product,.app-sidebar-bottom{display:none}
  .app-navigation{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}
  .app-navigation .app-nav-section{grid-column:1/-1;padding:15px 9px 6px}
  .app-navigation .app-nav-section:first-child{padding-top:1px}
  .workspace-app .app-navigation>button{justify-content:flex-start;width:100%;min-height:41px;padding:10px;font-size:12px;gap:8px}
  .app-navigation .icon{width:17px;height:17px}
  #library-view-scope{font-size:10px;margin-left:7px}
  .ops-context{margin-top:0;margin-bottom:16px}
  .ops-context p{font-size:12px}
  .ops-metrics{gap:8px;margin-bottom:18px}
  .ops-metric{padding:13px 11px}
  .ops-metric>span{font-size:11px}.ops-metric strong{font-size:24px}.ops-metric strong small{font-size:10px;margin-left:3px}.ops-metric p{font-size:10px;line-height:1.7}
  .ops-metric:after{left:11px;right:11px}
  .ops-tabs{gap:20px}
  .ops-tabs button{font-size:12px}
  .ops-table{min-width:530px}
  .ops-table th,.ops-table td{padding:13px;font-size:12px}
  .ops-table th{font-size:11px}
  .ops-split-content,.ops-duo,.ops-report-grid{grid-template-columns:1fr}
  .ops-split-content{padding:20px;gap:25px}
  .ops-view .app-card-title{flex-wrap:wrap;padding:14px 16px;gap:10px}
  .ops-view .app-card-title h2{font-size:13px;white-space:normal}
  .ops-card-note{padding:13px 16px}
  .ops-message-preview{padding:18px}
  .ops-scan{padding:17px;gap:9px}
  .ops-scan label{flex-basis:100%}
  .ops-scan input{max-width:none}
  .ops-serial-header{padding:20px 17px;gap:17px}
  .ops-serial-header h2{font-size:20px}
  .ops-journal-cover{width:75px;height:111px;padding:11px}
  .ops-journal-cover strong{font-size:16px}
  .ops-inline-facts{gap:7px;margin-top:12px}
  .ops-inline-facts>span{width:100%}
  .ops-opac header{padding:16px;flex-wrap:wrap}
  .ops-opac header>span:last-child{font-size:10px}
  .ops-opac-search{padding:26px 16px}
  .ops-opac-search h2{font-size:21px;margin-bottom:20px}
  .ops-opac-search input{padding:12px 10px;font-size:12px}
  .ops-opac-results{padding:16px}
  .ops-opac-book{gap:12px}
  .ops-opac-book h3{font-size:13px}
  .ops-opac-book .ops-status{font-size:10px;padding:3px 5px}
  .ops-opac footer{padding:13px 16px}
  .ops-definition-grid{grid-template-columns:1fr;gap:18px;padding:20px}
  .ops-list-item{flex-wrap:wrap;gap:12px;padding:16px}
  .ops-list-item>div{flex-basis:65%}
  .ops-list-item .app-button{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.workspace-app *{scroll-behavior:auto!important}}
