/* NESTIN_PG360_PHASE1_TEST_V1: isolated PG / co-living workspace */
.pg360{min-width:0;max-width:1420px;margin:0 auto;padding-bottom:28px;color:#172435}
.pg360-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(19px,3vw,33px);border-radius:23px;background:linear-gradient(115deg,#152f4d 0%,#17675f 55%,#527936 100%);box-shadow:0 16px 33px rgba(16,47,62,.13);color:#fff}
.pg360-kicker{display:block;color:#f4d993;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}
.pg360-hero h1{margin:8px 0 6px;font-size:clamp(26px,4vw,42px);line-height:1.08;color:#fff;letter-spacing:-.025em}
.pg360-hero p{margin:0;max-width:535px;color:#e0ede7;font-size:12px;line-height:1.6}
.pg360-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(390px,100%)}
.pg360-header-actions label{grid-column:1/-1;margin:0;color:#fff;font-size:11px;font-weight:850}
.pg360-header-actions select{grid-column:1/-1;min-width:0;width:100%;min-height:43px;padding:9px 13px;color:#173f37;background:#fff;border:1px solid rgba(255,255,255,.48);border-radius:10px}
.pg360-button{min-height:37px;min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.6);border-radius:10px;font-size:11px;font-weight:850;cursor:pointer}
.pg360-button-light{background:#fff;color:#173f37}.pg360-button-ghost{background:rgba(255,255,255,.12);color:#fff}
.pg360-button:hover{filter:brightness(.96)}
.pg360-intro{display:grid;gap:4px;padding:16px 19px;margin:17px 0;color:#47576a;border:1px solid #dce7e7;border-radius:15px;background:#fff;font-size:12px}
.pg360-intro strong{color:#183153;font-size:18px}.pg360-intro span{line-height:1.6}
.pg360-alert{margin:15px 0 0;padding:11px 15px;border:1px solid #d2e8db;border-radius:12px;background:#f1f9f4;color:#276447;font-size:12px}
.pg360-alert.pg360-error{border-color:#f7ccc5;background:#fff4f2;color:#9a3124}
.pg360-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pg360-stat{min-width:0;display:grid;align-content:space-between;gap:5px;padding:18px;border:1px solid #dee7e9;border-radius:16px;background:#fff;box-shadow:0 4px 19px rgba(24,49,83,.045)}
.pg360-stat>span{font-weight:850;color:#697787;font-size:11px}.pg360-stat strong{font-size:clamp(20px,2.3vw,29px);color:#173c48;overflow-wrap:anywhere}.pg360-stat small{color:#75828c;font-size:10px;line-height:1.5}
.pg360-workspace{margin-top:25px}.pg360-section-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}.pg360-section-title h2{margin:0;font-size:19px}.pg360-section-title p{margin:0;max-width:460px;font-size:11px;color:#697787;line-height:1.5}
.pg360-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.pg360-module{display:flex;align-items:center;gap:12px;min-width:0;min-height:95px;padding:16px;border:1px solid #dce6e6;border-radius:15px;background:#fff;text-align:left;box-shadow:0 5px 17px rgba(24,49,83,.035);color:#173e42;cursor:pointer}
.pg360-module:hover{border-color:#91b9ae;background:#f7fbf8;transform:translateY(-1px)}
.pg360-module>span:nth-child(2){min-width:0;flex:1}.pg360-module b{display:block;font-size:13px;margin-bottom:5px}.pg360-module small{display:block;font-size:11px;line-height:1.45;color:#687584}
.pg360-module>span:last-child{font-size:22px;color:#6c9990}.pg360-module-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#e9f4ef;color:#176b66;font-weight:900;font-size:20px}
.pg360-placeholder{grid-column:1/-1;background:#fff;border:1px dashed #b6cec5;border-radius:15px;padding:22px;text-align:center;font-size:12px;color:#62717a}
.pg360-footnote{margin-top:20px;padding:12px 0;color:#7c8991;font-size:10px;text-align:center}
@media(max-width:1020px){.pg360-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.pg360-hero{align-items:stretch;flex-direction:column}.pg360-header-actions{width:100%;max-width:470px}}
@media(max-width:630px){.pg360-hero{border-radius:16px}.pg360-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pg360-stat{padding:13px}.pg360-modules{grid-template-columns:1fr}.pg360-section-title{align-items:start;flex-direction:column;gap:4px}.pg360-header-actions{grid-template-columns:1fr 1fr}.pg360-module{min-height:77px;padding:12px}}
@media(max-width:365px){.pg360-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pg360-module{transition:none!important}.pg360-module:hover{transform:none}}
