.cloud-login{max-width:440px;margin:8vh auto;padding:32px;border:1px solid #dbe7e3;border-radius:16px;background:#fff;box-shadow:0 10px 40px #16382e12}.cloud-login h1{font-size:23px;color:#183c38}.cloud-login p{line-height:1.7;color:#637675}.cloud-login label{display:block;margin:16px 0 6px}.cloud-login input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #cbdad5;border-radius:7px}.cloud-login button{display:block;width:100%;margin-top:12px;padding:12px;border:1px solid #cbdad5;border-radius:7px;background:#edf6f3;color:#185f50}.cloud-login button[type=submit]{background:#087f75;color:white}
/* Account controls share the existing header; no extra workspace row. */
.cloud-account-badge{height:32px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:0 8px;border:1px solid #dce9e4;border-radius:6px;color:#35675e;background:#f5faf8;font-size:11px;white-space:nowrap}
.cloud-state-dot{width:6px;height:6px;border-radius:50%;background:#278b72;flex-shrink:0}
.cloud-account-settings{display:grid;gap:3px}
.cloud-account-heading{font-size:11px;color:#7d909a;padding:0 8px 5px}
.cloud-account-label{font-size:10px;color:#87969e;padding:0 8px}
.cloud-account-name{font-size:12px;color:#304c59;padding:0 8px;overflow-wrap:anywhere}
.cloud-account-settings .cloud-account-status{font-size:11px;color:#438471;margin:3px 8px 5px}
.cloud-account-actions{display:grid;gap:2px}
.cloud-account-actions button{width:100%;text-align:left;padding:9px 8px;border:0;border-radius:5px;background:transparent;color:#405d69;font-size:12px;cursor:pointer}
.cloud-account-actions button:hover,.cloud-account-actions button:focus-visible{background:#edf6f3;color:#087f75}
.cloud-account-badge[data-state=error],.cloud-account-badge[data-state=conflict]{background:#fff4e4;border-color:#e7c18a;color:#966014}
.cloud-account-badge[data-state=error] .cloud-state-dot,.cloud-account-badge[data-state=conflict] .cloud-state-dot{background:#c5872d}
.cloud-account-badge[data-state=saving] .cloud-state-dot{background:#669bc2}
.cloud-account-badge[data-state=local] .cloud-state-dot{background:#8d97a1}
@media(max-width:760px){.cloud-account-badge{padding:0 6px;gap:4px}}
@media print{.cloud-account-badge{display:none}}

.target-account-group{display:inline-flex;gap:2px;align-items:center}
/* Official logo artwork, separate marks for every selected responsibility. */
.target-logo{display:inline-block;position:relative;flex:none;max-width:96px;max-height:24px;vertical-align:middle;background:transparent;border:0;border-radius:0;overflow:hidden;box-sizing:border-box}
.target-logo-brand,.target-logo-account{border-radius:0}
.target-logo img{display:block;position:absolute;max-width:none;max-height:none}
/* The official Shopee favicon has transparent S-shaped cutouts inside its bag. */
.target-logo-shopee::before{content:"";position:absolute;left:28.125%;top:34.375%;width:43.75%;height:53.125%;background:#fff}
.target-flag{display:inline-flex;flex:0 0 22px;width:22px;height:16px;align-items:center;overflow:hidden;border-radius:2px;border:1px solid #dbe5e8;background:#fff}.target-flag img{width:100%;height:100%;object-fit:cover}
.target-logo-label{display:inline-flex;flex:none;align-items:center;font-size:9px;padding:2px 4px;border:1px solid #dbe5e8;border-radius:3px;background:#fff;color:#405866}
.position-icon-row{overflow-x:auto;overflow-y:hidden;min-height:26px;scrollbar-width:thin;max-width:100%;padding-bottom:1px}.position-icon-row .position-brands,.target-account-group{display:inline-flex;gap:3px;flex:none;align-items:center;width:auto}.org-brand-row{overflow-x:auto;scrollbar-width:thin}.org-brand-indicator{flex:none}.org-brand-row .target-logo{flex:none}
.org-card .org-brand-row{height:auto;min-height:27px;align-items:center;flex-shrink:0}.org-brand-indicator{height:auto;min-height:22px;display:inline-flex;align-items:center;gap:3px}

.position-icon-row .position-brands,.target-account-group,.org-brand-indicator{gap:8px}.position-icon-row,.org-brand-row{gap:8px}

/* Use verified compact artwork as-is, with wordmarks as the fallback. */
.target-small-logo{display:inline-flex;flex:0 0 18px;width:18px;height:18px;align-items:center;justify-content:center;border:0;background:transparent}
.target-small-logo img{display:block;width:18px;height:18px;object-fit:contain}
.position-icon-row{min-height:20px}.org-card .org-brand-row{min-height:22px}
.position-icon-row .position-brands,.target-account-group,.org-brand-indicator,.position-icon-row,.org-brand-row{gap:5px}

/* Keep organization actions on one row and use the freed space for targets. */
.org-card .card-actions{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:30px;gap:3px}
.org-card .card-actions .card-add{padding:3px 2px;font-size:9px;white-space:nowrap;min-width:0}
.org-card .card-actions .card-add svg{width:11px;height:11px}
.org-card .org-brand-row{height:44px;min-height:0;max-height:44px;overflow-x:hidden;overflow-y:auto;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:2px 5px}
.org-card .org-brand-indicator,.org-card .target-account-group{max-width:100%;flex-wrap:wrap;justify-content:flex-start}

/* Compact feasibility bars below the position symbol. */
.position-card .position-gauges{width:25px;display:flex;flex-direction:column;gap:3px;align-items:center}
.position-card .position-gauge{position:relative;width:25px;height:8px;border:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;flex:none}
.position-gauge:before{content:"";display:block;height:4px;border-radius:3px;background:linear-gradient(to right,var(--gauge-color) 0 var(--gauge),#dce5e9 var(--gauge) 100%)}
.position-gauge-ai{--gauge-color:#c34f82}
.position-gauge-model{--gauge-color:#415f9e}

/* Organization gauges use the same assignment-based scoring as positions. */
.org-card .org-gauges{gap:4px;height:18px}
.org-card .org-gauges .position-gauge{width:27px;height:18px;border:0;padding:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#304f62;font-size:7px;line-height:1}
.org-card .org-gauges .position-gauge:before{order:2;width:25px;height:4px;flex:none}

/* Reserve three compact rows for organization brand and platform marks. */
.org-card .card-actions{bottom:6px}
.org-card .org-brand-row{width:100%;max-width:100%;height:60px;max-height:60px;row-gap:0}
.org-card .org-brand-indicator{min-height:18px;padding:0 2px;row-gap:0}
.org-card .target-account-group{row-gap:0}

.pdf-dialog .pdf-header-download{position:absolute;top:15px;right:60px;z-index:1}
.pdf-dialog .dialog-header{padding-right:220px}

/* Leave a small gap between brand and platform marks on organization cards. */
.org-card .org-brand-row > .target-account-group:not(:empty){margin-top:3px}

.scope-summary .summary-brand:last-child .brand-summary-icon{border-radius:6px;border-color:#6d77a2;color:#5b628c}
.target-summary-table>div{display:grid;grid-template-columns:minmax(100px,1fr) auto auto auto;align-items:center;gap:12px}
.target-summary-head{font-size:10px;color:#647a85}

.cloud-login .cloud-language{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin:0 0 20px;color:#647c87;font-size:12px}.cloud-login .cloud-language select{border:1px solid #cbdad5;border-radius:6px;padding:7px 9px;background:#fff;color:#185f50;font:inherit}.cloud-login button:disabled{opacity:.65}.cloud-login input{box-sizing:border-box}.cloud-login [role=status]:empty{display:none}

.entity-grant-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.entity-grant-options label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #d6e3e8;border-radius:8px}.entity-grant-options input{width:auto}.entity-grant-current{margin:16px 0;padding:12px;background:#f2f8f7;border-radius:8px}#access-member-form ul{max-height:130px;overflow:auto;font-size:12px}#entity-grants-status,#access-member-status{font-size:13px;overflow-wrap:anywhere}@media(max-width:520px){.entity-grant-options{grid-template-columns:1fr}}
.entity-access-loading{padding:12px 0;min-height:60px;color:#567186}.entity-access-loading p{margin:0 0 12px}

.position-gauge-geo{--gauge-color:#16857c}.position-gauge-unknown:before{background:#dce5e9}