/* Zone pages share the platform's colors, spacing, controls, and card tokens. */
.zone-page{background:var(--bg-page);color:var(--text-primary);padding:24px 0 48px;min-height:60vh}
.zone-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--text-tertiary);margin-bottom:20px}.zone-breadcrumb a{color:var(--text-secondary)}
.zone-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 32px}.zone-label{font-size:12px;font-weight:600;color:var(--primary)}.zone-page-head h1{font-size:30px;line-height:1.35;margin:7px 0 10px}.zone-page-head p{font-size:14px;line-height:1.8;color:var(--text-secondary);max-width:640px}
.zone-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}.zone-page-head .zone-actions{margin:0;flex-shrink:0}
.zone-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.zone-nav a{padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary)}.zone-nav a:hover,.zone-nav a.is-active{background:var(--primary-light);color:var(--primary)}.zone-nav a.is-active{font-weight:600}
.zone-page-content{display:grid;gap:20px}.zone-panel{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:0;overflow-wrap:anywhere;box-shadow:var(--shadow-sm)}.zone-panel h2{font-size:18px;line-height:1.5;margin-bottom:12px}.zone-panel h3{font-size:15px;margin:20px 0 8px}.zone-panel p{font-size:14px;color:var(--text-secondary);line-height:1.85;margin-bottom:12px}.zone-panel p:last-child{margin-bottom:0}.zone-panel a:not(.btn){color:var(--primary)}
.zone-feature-grid,.zone-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.zone-feature{padding:24px;display:block;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.zone-feature:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.zone-feature-number{font-size:12px;color:var(--primary);font-weight:600}.zone-feature h2{font-size:19px;margin:10px 0}.zone-feature p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:18px}.zone-feature strong{font-size:14px;color:var(--primary);font-weight:500}
.zone-overview-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.zone-overview-points span,.zone-tag{display:inline-block;border-radius:var(--radius-sm);padding:5px 9px;color:var(--primary);background:var(--primary-light);font-size:12px;line-height:1.5}.zone-bottom-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.zone-bottom-links a,.zone-back{color:var(--primary)}
.zone-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.zone-catalog-grid h2{margin-top:12px}.zone-catalog-grid .btn{margin-top:8px}.zone-page .zone-small,.zone-results{font-size:13px;color:var(--text-tertiary)}.zone-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:var(--bg-card);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.zone-filter label{display:grid;gap:7px;font-size:13px;min-width:150px}.zone-search{flex:1}.zone-filter input,.zone-filter select{height:42px;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0 12px;width:100%;font:inherit;background:var(--bg-card)}.zone-results{margin-top:-8px}.zone-pagination{display:flex;gap:12px;justify-content:center}
.zone-empty{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:36px;text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.8}.zone-empty h2{font-size:20px;color:var(--text-primary);margin-bottom:10px}.zone-empty .btn{margin-top:18px}.zone-empty a:not(.btn){color:var(--primary)}
.zone-steps{list-style:none;counter-reset:step}.zone-steps li{counter-increment:step;position:relative;padding:0 0 20px 42px;margin-bottom:14px;border-bottom:1px solid var(--border-light)}.zone-steps li:last-child{border:0;margin-bottom:0}.zone-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:27px;height:27px;line-height:27px;text-align:center;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);font-size:13px}.zone-steps strong{font-size:15px}.zone-steps p{margin-top:8px}
.zone-note{padding:14px 18px;background:var(--primary-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;line-height:1.8}.zone-note a{color:var(--primary)}.zone-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px}.zone-inline-cta .btn{flex-shrink:0}.zone-inline-cta h2{margin-bottom:6px}
.zone-page .zone-form{max-width:900px;margin:0 auto}.zone-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.zone-page .zone-form label{display:block;font-size:14px;font-weight:500;margin-bottom:18px}.zone-page .zone-form input,.zone-page .zone-form select,.zone-page .zone-form textarea{display:block;width:100%;padding:11px 12px;margin-top:8px;font:inherit;font-weight:400;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card)}.zone-page .zone-form input:focus,.zone-page .zone-form select:focus,.zone-page .zone-form textarea:focus,.zone-filter input:focus,.zone-filter select:focus{outline:2px solid var(--primary-light);border-color:var(--primary)}.zone-page .zone-form input[readonly]{background:var(--bg-soft);color:var(--text-secondary)}.zone-page .zone-form .zone-checkbox{display:flex;gap:9px;align-items:flex-start;margin-top:14px;font-weight:400}.zone-page .zone-form .zone-checkbox input{width:16px;flex-shrink:0;margin-top:3px}.zone-page button:disabled{opacity:.55;cursor:wait}.zone-tool-output{white-space:pre-wrap;font:inherit;font-size:14px;line-height:1.8;padding:20px;margin-top:20px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-soft);overflow-wrap:anywhere}.zone-tool-output:focus{outline:2px solid var(--primary-light)}.zone-page [hidden]{display:none!important}
.zone-list-actions,.zone-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.zone-list-actions p{font-size:14px;color:var(--text-secondary)}.zone-list-actions .btn{flex-shrink:0}.zone-request-list{display:grid;gap:12px}.zone-request-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;background:var(--bg-card);color:var(--text-primary)}.zone-request-row:hover{border-color:var(--primary)}.zone-request-row>div{min-width:0}.zone-request-row h2{font-size:17px;margin:9px 0}.zone-request-row p{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:700px}.zone-request-row small{display:block;font-size:12px;color:var(--text-tertiary);margin-top:9px}.zone-request-row>strong{font-size:13px;font-weight:500;color:var(--primary);flex-shrink:0}.zone-back{font-size:14px}.zone-text{white-space:pre-wrap}.zone-reply{padding:18px;background:var(--bg-soft);border-radius:var(--radius-md);margin-top:18px}.zone-reply h3{margin-top:0}.zone-detail-heading{margin-bottom:14px}.zone-detail-heading h2{margin:0}.zone-history{list-style:none}.zone-history li{padding:14px 0;border-bottom:1px solid var(--border-light)}.zone-history li:last-child{border:0}.zone-history small{font-size:12px;color:var(--text-tertiary);margin-right:12px}.zone-history strong{font-size:14px}.zone-history p{margin-top:7px}
.zone-entry-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0}.zone-entry-strip a{padding:22px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.zone-entry-strip a:hover{border-color:var(--primary)}.zone-entry-strip strong{display:block;color:var(--primary);font-size:19px;margin-bottom:8px}.zone-entry-strip span{font-size:13px;color:var(--text-secondary);line-height:1.7}
@media(max-width:900px){.zone-page-head{align-items:flex-start;flex-direction:column}.zone-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-request-row p{max-width:450px}}
@media(max-width:600px){.zone-page{padding:16px 0 30px}.zone-breadcrumb{margin-bottom:14px;font-size:12px}.zone-page-head{padding:20px;gap:18px}.zone-page-head h1{font-size:25px}.zone-nav{padding:8px;gap:4px;margin:14px 0 18px}.zone-nav a{padding:7px 9px;font-size:12px}.zone-page-content{gap:16px}.zone-panel{padding:20px}.zone-feature-grid,.zone-info-grid,.zone-catalog-grid,.zone-form-grid{grid-template-columns:1fr;gap:14px}.zone-feature{padding:20px}.zone-feature h2{font-size:18px}.zone-feature p{margin-bottom:10px}.zone-filter{padding:16px;gap:10px}.zone-filter label{min-width:0;flex:1 1 100%}.zone-inline-cta,.zone-list-actions,.zone-detail-heading{align-items:flex-start;flex-direction:column}.zone-request-row{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.zone-request-row p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zone-history small{display:block;margin-bottom:5px}.zone-bottom-links{gap:14px}.zone-entry-strip{gap:10px}.zone-entry-strip a{padding:15px}.zone-entry-strip strong{font-size:16px}.zone-page .btn{font-size:13px}}