/* Security on tablet/desktop browsers. Phone layouts and printed documents stay unchanged. */
@media screen and (min-width:768px){
 .security-app.security-liquid{--glass-fill:linear-gradient(130deg,#f7fbfff0,#e5f1ffe0);--glass-shadow:0 8px 28px #123e7017,inset 0 1px 0 #fff;}
 .security-app.security-liquid .sec-main{width:100%;padding:30px 32px 48px;box-sizing:border-box}
 .security-app.security-liquid.has-bottom-nav .sec-main{padding-bottom:136px}
 .security-app.security-liquid .profile-header{height:88px;padding-inline:32px}
 .security-app.security-liquid .sec-appbar{height:72px}
 .security-app.security-liquid .sec-appbar>div{padding-inline:24px;box-sizing:border-box}
 .security-app.security-liquid .sec-bottom-nav{width:480px;max-width:calc(100% - 64px);height:66px;bottom:20px;grid-template-columns:1fr 88px 1fr;padding:8px 24px;border-radius:24px}
 .security-app.security-liquid .sec-nav-item{font-size:12px;gap:3px}
 .security-app.security-liquid .sec-qr-fab{width:72px;height:72px;margin-top:-26px}
 .security-app.security-liquid .dashboard-body{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
 .security-app.security-liquid .dashboard-body>.intro,.security-app.security-liquid .dashboard-body>.intro-copy,.security-app.security-liquid .dashboard-body>.summary-row,.security-app.security-liquid .dashboard-body>.sec-error{grid-column:1/-1;margin:0}
 .security-app.security-liquid .dashboard-body>.intro-copy{margin-top:-12px;margin-bottom:6px}
 .security-app.security-liquid .dashboard-body .summary-row{gap:20px}
 .security-app.security-liquid .dashboard-body .summary-card{height:154px;gap:5px}
 .security-app.security-liquid .dashboard-body .summary-card strong{font-size:34px}
 .security-app.security-liquid .dashboard-body>.gatepass-card,.security-app.security-liquid .dashboard-body>.feedback-card,.security-app.security-liquid .dashboard-body>.info-card{margin:0;padding:24px;min-height:136px;box-sizing:border-box}
 .security-app.security-liquid .dashboard-body>.info-card{grid-column:1/-1;align-items:center;min-height:86px}
 .security-app.security-liquid .dashboard-body>.gatepass-card:last-of-type{grid-column:1/-1}
 .security-app.security-liquid .dashboard-body h3{font-size:17px}
 .security-app.security-liquid .dashboard-body .gatepass-copy p,.security-app.security-liquid .dashboard-body .feedback-card p,.security-app.security-liquid .dashboard-body .info-card p{font-size:14px;line-height:1.6}
 .security-app.security-liquid .history-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start;min-height:0}
 .security-app.security-liquid .history-body>.heading,.security-app.security-liquid .history-body>.summary-row,.security-app.security-liquid .history-body>.search-box,.security-app.security-liquid .history-body>.list-heading,.security-app.security-liquid .history-body>.sec-empty,.security-app.security-liquid .history-body>.sec-error{grid-column:1/-1;margin:0}
 .security-app.security-liquid .history-body>.heading{margin-bottom:8px}
 .security-app.security-liquid .history-body .summary-row{gap:16px}
 .security-app.security-liquid .history-body .summary-card{padding:20px;height:104px}
 .security-app.security-liquid .history-body .search-box{height:56px}
 .security-app.security-liquid .history-body .search-box input{font-size:14px}
 .security-app.security-liquid .history-card{margin:0;padding:18px;min-width:0;min-height:114px;box-sizing:border-box}
 .security-app.security-liquid .history-card .item-copy>strong,.security-app.security-liquid .history-card .item-copy>span{white-space:normal;overflow-wrap:anywhere}
 .security-app.security-liquid .history-card .item-status{flex-basis:90px}
 .security-app.security-liquid .preview-overlay{align-items:center;padding:28px;box-sizing:border-box}
 .security-app.security-liquid .preview-sheet{border-radius:26px;padding:24px;max-height:85dvh;box-sizing:border-box}
 .security-app.security-liquid .gp-menu{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .security-app.security-liquid .gp-menu>.gp-hero,.security-app.security-liquid .gp-menu>h3,.security-app.security-liquid .gp-menu>.gp-intro,.security-app.security-liquid .gp-menu>.gp-note{grid-column:1/-1;margin:0}
 .security-app.security-liquid .gp-menu>.gp-intro{margin-top:-12px}
 .security-app.security-liquid .gp-menu .gp-option{margin:0;min-width:0;padding:24px}
 .security-app.security-liquid .gp-menu .gp-option.blue{grid-column:1/-1}
 .security-app.security-liquid .gp-history{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
 .security-app.security-liquid .gp-history>.gp-history-title,.security-app.security-liquid .gp-history>.gp-filter-panel,.security-app.security-liquid .gp-history>.sec-empty,.security-app.security-liquid .gp-history>.sec-error,.security-app.security-liquid .gp-history>.sec-button{grid-column:1/-1;margin:0}
 .security-app.security-liquid .gp-history .gp-document{margin:0;padding:20px;min-width:0;min-height:116px;box-sizing:border-box}
 .security-app.security-liquid .gp-history .gp-doc-copy{min-width:0;overflow-wrap:anywhere}
 .security-app.security-liquid .gp-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .security-app.security-liquid .gp-filters>label:first-child{grid-column:1/-1}
 .security-app.security-liquid .gp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .security-app.security-liquid .gp-form .sec-card,.security-app.security-liquid .gp-edit-item{padding:24px}
 .security-app.security-liquid .gp-form-grid label{min-width:0;font-size:14px}
 .security-app.security-liquid .gp-form-grid .sec-input{box-sizing:border-box;min-width:0}
 .security-app.security-liquid .gp-save{margin:24px 0 0;padding:18px 24px;border:1px solid #fff;border-radius:20px;background:#f0f7fff5;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px;bottom:16px}
 .security-app.security-liquid .gp-save>p{display:block;margin:0;flex:1;min-width:200px;font-size:13px}
 .security-app.security-liquid .gp-save .sec-button{width:auto;min-width:230px}
 .security-app.security-liquid .gp-save>.validation-summary-errors,.security-app.security-liquid .gp-save>.sec-error{flex-basis:100%}
 .security-app.security-liquid .gp-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 .security-app.security-liquid .gp-detail-grid>.sec-card{margin:0;padding:24px;min-width:0}
 .security-app.security-liquid .gp-detail dl{grid-template-columns:110px minmax(0,1fr);font-size:14px;gap:16px}
 .security-app.security-liquid .gp-print-actions{border-radius:20px;margin-top:24px;padding:16px;bottom:16px;background:#f0f7fff5;display:flex;justify-content:flex-end}
 .security-app.security-liquid .gp-print-actions .sec-button{width:auto;min-width:240px}
 .security-app.security-liquid .request-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none}
 .security-app.security-liquid .request-detail>.request-header,.security-app.security-liquid .request-detail>.request-notice,.security-app.security-liquid .request-detail>.sec-error,.security-app.security-liquid .request-detail>.sec-empty,.security-app.security-liquid .request-detail>.request-success,.security-app.security-liquid .request-detail>.detail-button{grid-column:1/-1}
 .security-app.security-liquid .request-card{margin:0;padding:24px;min-width:0}
 .security-app.security-liquid .request-card .request-info>div{flex-wrap:wrap;gap:6px 12px}
 .security-app.security-liquid .request-card .item-image{max-height:320px;min-height:0}
 .security-app.security-liquid .photo-overlay{align-items:center}
 .security-app.security-liquid .gp-sheet{margin:auto;border-radius:26px}
 .security-app.security-liquid .scanner-frame{width:min(38vh,340px);top:40%}
 .security-app.security-liquid .scanner-copy{top:65%}
 .security-app.security-liquid .scanner .scanner-copy h2{font-size:23px}
 .security-app.security-liquid .scanner-copy p{max-width:580px;font-size:15px}
 .security-app.security-liquid.liquid-camera .sec-bottom-nav{height:66px}
}
@media screen and (min-width:1200px){
 .security-app.security-liquid .sec-main{padding:40px 32px 56px;max-width:1200px!important}
 .security-app.security-liquid .profile-header{padding-inline:max(40px,calc((100vw - 1136px)/2))}
 .security-app.security-liquid .sec-appbar>div{max-width:1200px;padding-inline:24px}
 .security-app.security-liquid .intro h2,.security-app.security-liquid .heading h2{font-size:30px}
 .security-app.security-liquid .gp-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
 .security-app.security-liquid .gp-menu .gp-option{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-height:240px;position:relative}
 .security-app.security-liquid .gp-menu .gp-option.blue{grid-column:auto}
 .security-app.security-liquid .gp-menu .gp-chevron{position:absolute;right:22px;bottom:24px}
 .security-app.security-liquid .gp-filters{grid-template-columns:2fr 1fr 1fr 1fr 1fr}
 .security-app.security-liquid .gp-filters>label:first-child{grid-column:auto}
 .security-app.security-liquid .request-card p,.security-app.security-liquid .request-info dt,.security-app.security-liquid .request-info dd{font-size:14px}
}
@media screen and (min-width:768px) and (hover:hover){
 .security-app.security-liquid .history-card:hover,.security-app.security-liquid .gp-document:hover,.security-app.security-liquid .gp-option:hover,.security-app.security-liquid .gatepass-card:hover,.security-app.security-liquid .feedback-card:hover{border-color:#7bb7fa;box-shadow:0 10px 26px #15467925}
}
@media screen and (min-width:768px){
 .security-app.security-liquid:not(.liquid-camera)::before{background-image:linear-gradient(180deg,#eaf4ffe6 0%,#eaf4ffb3 35%,#eaf4ff59 70%,#eaf4ff33 100%),var(--liquid-scene)}
 .security-app.security-liquid .gp-title{flex-wrap:wrap;gap:8px}
}
@media screen and (min-width:768px){
 .security-app.security-liquid .gp-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 .security-app.security-liquid .gp-detail>.gp-heading,.security-app.security-liquid .gp-detail>.sec-toolbar,.security-app.security-liquid .gp-detail>.sec-error,.security-app.security-liquid .gp-detail>.sec-empty,.security-app.security-liquid .gp-detail>.gp-print-actions{grid-column:1/-1;margin:0}
 .security-app.security-liquid .gp-detail .gp-detail-grid{display:contents}
 .security-app.security-liquid .gp-detail-grid>.sec-card{grid-row:span 2}
 .security-app.security-liquid .gp-detail>.sec-card{padding:24px;margin:0;min-width:0}
}