:root{
  --p12-accent:#0875ad;
  --p12-accent-soft:#eaf5fb;
  --p12-selected:#dff2fb;
  --p12-row-border:#c7d9e5;
  --p12-muted:#60798a;
}

.ws-panel-head{gap:8px}
.s4-p12-head-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.s4-p12-language{display:inline-flex;align-items:center;padding:2px;border:1px solid #b8cedd;border-radius:999px;background:#f5f9fc}
.s4-p12-language button{width:auto;min-width:32px;min-height:27px;padding:3px 7px;border-radius:999px;border:0;background:transparent;color:#47677b;font-size:.68rem;line-height:1;font-weight:850}
.s4-p12-language button[aria-pressed="true"]{background:#0c6fa5;color:#fff;box-shadow:0 2px 7px rgba(9,76,115,.2)}

.s4-p12-results-shell{margin-top:9px;border:1px solid #bed2df;border-radius:11px;background:#f7fbfd;overflow:hidden}
.s4-p12-results-toolbar{position:sticky;top:-14px;z-index:6;display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 8px;border-bottom:1px solid #c8dae6;background:rgba(246,251,254,.97);backdrop-filter:blur(8px);color:#365d75;font-size:.7rem}
.s4-p12-results-toolbar strong{color:#143f5b;font-size:.75rem}
.s4-p12-results-toolbar .s4-p12-selected-count{font-weight:800;color:#0875ad}
.s4-p12-results-toolbar label{display:flex;align-items:center;gap:5px;margin:0 0 0 auto;font-size:.68rem;font-weight:750}
.s4-p12-results-toolbar select{width:auto;min-width:112px;height:28px;padding:2px 24px 2px 7px;border-radius:7px;font-size:.68rem;background:#fff;color:#224f69}
.s4-p12-results-toolbar button{width:auto;min-height:28px;padding:3px 8px;border:1px solid #b8ccda;border-radius:7px;background:#fff;color:#20536f;font-size:.68rem}

#results.s4-p12-results{display:block;max-height:min(54vh,620px);margin:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;background:#fff}
#results.s4-p12-results>.card{position:relative;margin:0;border:0;border-bottom:1px solid #d9e5ed;border-radius:0;padding:0;background:#fff;box-shadow:none;overflow:visible;transition:background-color .12s,border-color .12s,box-shadow .12s}
#results.s4-p12-results>.card:last-child{border-bottom:0}
#results.s4-p12-results>.card:hover,#results.s4-p12-results>.card.is-hovered{background:#f1f8fc;box-shadow:inset 3px 0 0 #71afd0}
#results.s4-p12-results>.card.is-workspace-selected{background:var(--p12-selected);box-shadow:inset 4px 0 0 var(--p12-accent)}
#results.s4-p12-results>.card.is-map-focused{outline:2px solid #e7a62f;outline-offset:-2px}

.s4-p12-primary{display:grid;grid-template-columns:28px minmax(62px,1.15fr) minmax(80px,1.25fr) minmax(48px,.72fr) minmax(56px,.8fr) minmax(62px,.9fr) minmax(54px,.75fr) minmax(82px,1.25fr);align-items:center;gap:5px;min-height:42px;padding:5px 7px;color:#274f66;font-size:.69rem}
.s4-p12-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s4-p12-cell strong{display:block;color:#113e5c;font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s4-p12-cell small{display:block;color:#668093;font-size:.62rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s4-p12-select{display:flex;align-items:center;justify-content:center}
.s4-p12-select .ws-select-control{display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent}
.s4-p12-select .ws-select-control input{width:17px;height:17px;margin:0;accent-color:#0875ad;cursor:pointer}
.s4-p12-select .ws-select-control span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.s4-p12-badges{display:flex;align-items:center;gap:3px;min-width:0;flex-wrap:wrap}
.s4-p12-badge{display:inline-flex;align-items:center;max-width:100%;padding:2px 5px;border:1px solid #b8cedd;border-radius:999px;background:#f5f9fc;color:#315d76;font-size:.57rem;font-weight:850;line-height:1.2;letter-spacing:.015em;white-space:nowrap}
.s4-p12-badge.type{border-color:#9cc9df;background:#eaf6fb;color:#075b87}
.s4-p12-badge.access{border-color:#dbc58e;background:#fff8e8;color:#7d5a04}
.s4-p12-badge.open{border-color:#9fd0bc;background:#eef9f4;color:#176449}
.s4-p12-badge.evidence{width:20px;height:20px;justify-content:center;padding:0;border-color:#aebfcb;background:#f2f6f8;color:#425e70}
.s4-p12-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}
.s4-p12-actions button{width:auto;min-width:27px;min-height:27px;padding:3px 6px;border:1px solid #b9cddb;border-radius:6px;background:#fff;color:#18587e;font-size:.62rem;line-height:1}
.s4-p12-actions button:hover,.s4-p12-actions button:focus-visible{background:#e7f3fa;border-color:#6da6c8}

.s4-p12-details{border-top:1px dashed #cadbe6;background:#fbfdfe}
.s4-p12-details:not([open])>*:not(summary){display:none}
.s4-p12-details>summary{padding:5px 10px;color:#4f6e81;font-size:.65rem;font-weight:800;cursor:pointer;list-style:none}
.s4-p12-details>summary::-webkit-details-marker{display:none}
.s4-p12-details>summary::before{content:"+";display:inline-block;width:15px;color:#0875ad}
.s4-p12-details[open]>summary::before{content:"−"}
.s4-p12-details .top{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:8px!important;padding:0 10px 9px}
.s4-p12-details .thumb{width:76px!important;height:58px!important}
.s4-p12-details .commercial-label,.s4-p12-details .access-copy,.s4-p12-details .asset-note,.s4-p12-details .card-capability,.s4-p12-details .catalog-id,.s4-p12-details .meta{font-size:.67rem}
.s4-p12-details .pill{font-size:.61rem;padding:2px 5px;margin:0 3px 3px 0}
.s4-p12-details .btns{display:flex!important;flex-wrap:wrap;gap:4px!important;margin-top:5px!important}
.s4-p12-details .btns button,.s4-p12-details .btns a,.s4-p12-details .btns select{width:auto!important;min-height:28px;padding:3px 7px!important;font-size:.64rem}
.s4-p12-details>.s4-p11d-cardproof{margin:0 10px 9px;padding:7px;border-top:1px solid #d6e2e9;background:#f6fafc}
.s4-p12-details>.s4-p11d-cardproof>details{margin-top:4px}
#results.s4-p12-results>.card>.s4-p11d-cardproof{display:none}

.s4-p12-preview-note{max-width:230px;color:#335d75;font:600 .7rem/1.4 system-ui,Segoe UI,sans-serif}
.s4-p12-preview-note img{display:block;width:210px;max-width:100%;max-height:150px;margin:5px 0;object-fit:contain;border:1px solid #bed0dc;border-radius:7px;background:#eef4f8}
.s4-p12-preview-note small{display:block;color:#6d8190}
.leaflet-interactive.s4-p12-footprint{transition:stroke-width .1s,stroke-opacity .1s,fill-opacity .1s}

.s4-p12-reset-backdrop{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(17,42,58,.42);backdrop-filter:blur(3px)}
.s4-p12-reset-dialog{width:min(92vw,430px);padding:17px;border:1px solid #b9cfdd;border-radius:13px;background:#fff;color:#244d65;box-shadow:0 22px 70px rgba(17,55,79,.28)}
.s4-p12-reset-dialog h3{margin:0 0 7px;color:#123f5d;font-size:1rem}.s4-p12-reset-dialog p{margin:0;color:#557286;font-size:.78rem;line-height:1.5}
.s4-p12-reset-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}.s4-p12-reset-actions button{width:auto;min-height:34px;padding:6px 13px}
.s4-p12-reset-actions .danger{background:#b42318;color:#fff}

.s4-p12-geoai-guide{margin:9px 0 12px;padding:10px;border:1px solid #bcd3e1;border-radius:10px;background:#f4fafd;color:#244d65}
.s4-p12-geoai-guide>strong{display:block;color:#123f5d;font-size:.84rem}.s4-p12-geoai-guide>p{margin:4px 0 8px;font-size:.72rem;line-height:1.45}
.s4-p12-geoai-tasks{display:grid;gap:5px}
.s4-p12-geoai-task{border:1px solid #ccdce6;border-radius:8px;background:#fff;overflow:hidden}
.s4-p12-geoai-task summary{display:flex;align-items:center;gap:6px;padding:7px 8px;cursor:pointer;list-style:none;font-size:.7rem;font-weight:800;color:#204d68}
.s4-p12-geoai-task summary::-webkit-details-marker{display:none}.s4-p12-geoai-task summary .s4-p12-badge{margin-inline-start:auto}
.s4-p12-geoai-task div{padding:0 8px 8px;color:#536f81;font-size:.66rem;line-height:1.45}
.s4-p12-geoai-task b{color:#214d67}.s4-p12-geoai-separation{margin-top:7px;padding-top:7px;border-top:1px dashed #bfd2de;font-size:.66rem}

html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .panel{border-right:0;border-left:1px solid var(--border)}
html[dir="rtl"] .s4-p12-results-toolbar label{margin:0 auto 0 0}
html[dir="rtl"] #results.s4-p12-results>.card:hover,html[dir="rtl"] #results.s4-p12-results>.card.is-hovered{box-shadow:inset -3px 0 0 #71afd0}
html[dir="rtl"] #results.s4-p12-results>.card.is-workspace-selected{box-shadow:inset -4px 0 0 var(--p12-accent)}
html[dir="rtl"] .leaflet-container,html[dir="rtl"] .p12-ltr{direction:ltr;text-align:left;unicode-bidi:isolate}

@media(max-width:768px){
  .s4-p12-results-toolbar{flex-wrap:wrap;top:-12px}
  .s4-p12-results-toolbar label{margin-inline-start:0}
  .s4-p12-primary{grid-template-columns:26px minmax(85px,1.3fr) minmax(78px,1.2fr) minmax(58px,.8fr) minmax(76px,1fr);grid-template-areas:"select satellite date type actions" "select gsd cloud angle actions";min-height:58px;gap:3px 5px;padding:5px 6px}
  .s4-p12-select{grid-area:select}.s4-p12-satellite{grid-area:satellite}.s4-p12-date{grid-area:date}.s4-p12-gsd{grid-area:gsd}.s4-p12-cloud{grid-area:cloud}.s4-p12-angle{grid-area:angle}.s4-p12-type{grid-area:type}.s4-p12-actions{grid-area:actions;flex-wrap:wrap}
  .s4-p12-cell small{display:none}
  .s4-p12-badge.access{display:none}
}

@media(max-width:450px){
  .s4-p12-head-actions{gap:4px}.s4-p12-language button{min-width:29px;padding:3px 5px}
  #results.s4-p12-results{max-height:48vh}
  .s4-p12-primary{grid-template-columns:24px minmax(76px,1.4fr) minmax(65px,1fr) minmax(68px,1fr);grid-template-areas:"select satellite date actions" "select gsd cloud actions" "select angle type actions";min-height:72px}
  .s4-p12-actions{display:grid;grid-template-columns:1fr 1fr}
  .s4-p12-actions button{min-width:0;padding:3px 4px}
  .s4-p12-results-toolbar select{min-width:105px}
  .s4-p12-details .top{grid-template-columns:1fr!important}.s4-p12-details .thumb{display:none!important}
}