.apps-view #content{padding:0;background:#f8faf8}.micro-apps{max-width:1440px;margin:auto;padding:30px 36px 50px;min-width:0}.micro-apps-hero{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#eef4ef;border:1px solid #dce8df;border-radius:14px;padding:30px 34px;margin-bottom:26px;overflow:hidden}.micro-apps-eyebrow{color:#477762;font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 12px}.micro-apps-hero h2{font-size:29px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 13px;font-weight:650}.micro-apps-hero>div>p:last-child{color:#61766b;font-size:13px;line-height:1.8;max-width:490px;margin:0}.micro-apps-art{display:flex;align-items:center;padding:10px 8px;min-width:210px}.micro-apps-art span{display:grid;place-items:center;width:70px;height:78px;border-radius:15px;font-size:28px;background:#fff;box-shadow:0 6px 18px #1f493c0d;border:1px solid #dae6de;transform:rotate(-9deg);color:#478879}.micro-apps-art .team{margin:24px -3px 0;transform:rotate(8deg);color:#a08637;background:#fcfaee}.micro-apps-art .tools{transform:rotate(-5deg);color:#766799;background:#f3f0fa}.micro-apps-toolbar{display:flex;align-items:center;gap:10px}.micro-app-search{display:flex;gap:10px;align-items:center;border:1px solid #dbe3dd;border-radius:8px;background:white;flex:1;max-width:480px;padding:0 13px}.micro-app-search>span{font-size:23px;color:#7b8c82}.micro-app-search input{border:0;background:transparent;box-shadow:none;outline:none;width:100%;font-size:12px;padding:12px 0}.micro-app-search:focus-within{outline:2px solid #85b09d;outline-offset:1px}.micro-apps-toolbar>select{margin-left:auto;background:white;width:auto;min-width:156px;font-size:11px;padding:10px}.micro-app-archive{font-size:11px;padding:10px 12px;white-space:nowrap}.micro-app-archive.selected{color:#245b47;background:#e5efe8;border-color:#b9cebf}.micro-app-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.micro-app-filters button{font-size:11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#718177;padding:7px 15px}.micro-app-filters button.selected{background:#234e3f;color:#fff}.micro-app-filters button:hover:not(.selected){background:#ecf2ed}.micro-app-count{font-size:11px;color:#7a887f;margin:0 0 14px}.micro-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px}.micro-app-card{display:flex;flex-direction:column;background:white;border:1px solid #dce4de;border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.micro-app-card:hover{border-color:#a9c5b4;box-shadow:0 4px 18px #234e3f09}.micro-app-card-visual{display:flex;justify-content:space-between;align-items:center;padding:23px 22px 19px;background:linear-gradient(135deg,#f5f8f5,#fff)}.micro-app-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;font-size:25px;flex-shrink:0;line-height:1}.micro-app-category{font-size:10px;color:#798b7e;background:#fff;padding:5px 9px;border:1px solid #e3eae4;border-radius:20px}.micro-app-card-heading{display:flex;align-items:center;gap:10px;padding:0 22px;flex-wrap:wrap}.micro-app-card-title{padding:0;border:0;background:transparent!important;text-align:left;font-size:15px;font-weight:650;color:#243e32;letter-spacing:-.2px;overflow-wrap:anywhere}.micro-app-description{font-size:12px;line-height:1.8;color:#77867c;padding:0 22px;margin:10px 0 24px;min-height:43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.micro-app-status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:600;color:#63796c;background:#edf3ee;white-space:nowrap}.micro-app-status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.micro-app-status.ready{color:#458060}.micro-app-status.error{background:#fff1ea;color:#a65739}.micro-app-status.updating,.micro-app-status.starting,.micro-app-status.publishing{background:#eff2ff;color:#6c73a5}.micro-app-status.unpublished{background:#f0f2f0;color:#7c877d}.micro-app-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf1ed;padding:15px 22px;margin-top:auto}.micro-app-card-meta{display:grid;gap:5px;color:#7e8c80;font-size:10px;min-width:0}.micro-app-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.micro-app-card-meta span+span{font-size:9px;color:#a1aaa3}.micro-app-open{font-size:10px;padding:7px 10px;white-space:nowrap}.micro-app-empty{grid-column:1/-1;border:1px dashed #cfdcd2;border-radius:12px;padding:58px 24px;text-align:center;background:#fff}.micro-app-empty-icon{display:grid;place-items:center;margin:auto;width:58px;height:58px;border-radius:15px;background:#eef4ee;color:#629479;font-size:29px}.micro-app-empty h3{font-size:18px;font-weight:600;margin:22px 0 10px;color:#31513f}.micro-app-empty p{font-size:12px;line-height:1.9;color:#819083;max-width:370px;margin:0 auto 24px}.micro-app-empty button{font-size:12px}.micro-apps-notice,.micro-app-detail-notice{font-size:12px;line-height:1.7;color:#8d643b;border:1px solid #e9dcc7;background:#fdf9f0;border-radius:8px;padding:12px 16px;margin-bottom:20px;overflow-wrap:anywhere}.micro-app-detail-notice p{margin:3px 0}.micro-app-back{border:0;padding:0;background:transparent!important;font-size:11px;color:#6e8574;margin:0 0 25px}.micro-app-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.micro-app-detail-info{display:flex;align-items:center;gap:16px;min-width:0}.micro-app-detail-info h2{font-size:23px;letter-spacing:-.7px;margin:0 0 7px;overflow-wrap:anywhere}.micro-app-detail-info p{font-size:11px;color:#819082;margin:0}.micro-app-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.micro-app-detail-actions button,.micro-app-menu summary{font-size:11px;padding:8px 12px;white-space:nowrap}.micro-app-menu{position:relative}.micro-app-menu summary{cursor:pointer;list-style:none;border:1px solid #d3ddd4;border-radius:6px;background:#fff}.micro-app-menu[open]{padding-bottom:0}.micro-app-menu[open]>button{position:absolute;right:0;top:36px;background:white;z-index:4;border-radius:6px 6px 0 0;min-width:130px;text-align:left}.micro-app-menu[open]>button+button{top:68px;border-radius:0 0 6px 6px;color:#a15c42}.micro-app-tabs{display:flex;gap:25px;border-bottom:1px solid #dce5de;margin-bottom:22px}.micro-app-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent!important;font-size:12px;padding:10px 0 13px;color:#859284}.micro-app-tabs button.selected{border-bottom-color:#386a4e;color:#315b43;font-weight:600}.micro-app-viewer{background:#fff;border:1px solid #dce5de;border-radius:10px;overflow:hidden;min-height:570px}.micro-app-viewer iframe{display:block;border:0;width:100%;height:max(570px,calc(100dvh - 300px));background:white}.micro-app-loading{display:grid;place-items:center;min-height:420px;font-size:13px;color:#849286}.micro-app-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px}.micro-app-about,.micro-app-history{padding:25px;background:white;border:1px solid #dce5de;border-radius:10px;min-width:0}.micro-app-details h3{font-size:14px;margin:0 0 16px;font-weight:600;color:#3e5c48}.micro-app-about>p{font-size:12px;line-height:1.9;color:#7c8e7e}.micro-app-about dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px 14px;font-size:11px;margin:25px 0 30px}.micro-app-about dt{color:#819384}.micro-app-about dd{margin:0;color:#385c40;overflow-wrap:anywhere}.micro-app-shared{display:flex;flex-wrap:wrap;gap:8px}.micro-app-shared code{font-size:11px;border:1px solid #dce8de;border-radius:5px;padding:5px 8px;background:#f3f7f3;overflow-wrap:anywhere}.micro-app-shared p{font-size:12px;color:#839386;margin:0}.micro-app-release{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #edf1ec}.micro-app-release:last-child{border-bottom:0}.micro-app-release strong{font-size:12px}.micro-app-release-state{font-size:9px;padding:3px 6px;background:#f0f5ef;color:#859681;border-radius:4px;margin-left:9px}.micro-app-release p{font-size:10px;color:#8c9988;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}.micro-app-release button{font-size:10px;white-space:nowrap}.micro-app-release p.micro-app-release-error{color:#a65a40}.micro-app-logs{background:#fff;border:1px solid #dce5de;border-radius:10px;padding:20px}.micro-app-log-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.micro-app-log-toolbar select{font-size:12px;width:auto}.micro-app-log-toolbar button{font-size:11px}.micro-app-logs pre{font:11px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f3;border-radius:7px;padding:20px;margin:0;min-height:300px;max-height:65vh;overflow:auto}.micro-apps [hidden]{display:none!important}
@media(min-width:1650px){.micro-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.micro-apps{padding:24px}.micro-apps-hero{padding:26px}.micro-apps-art{display:none}.micro-app-detail-header{align-items:flex-start;flex-direction:column}.micro-app-details{grid-template-columns:1fr}}@media(max-width:700px){.micro-apps{padding:18px 16px 35px}.micro-apps-hero{padding:24px}.micro-apps-hero h2{font-size:25px}.micro-apps-hero>div>p:last-child{font-size:12px}.micro-apps-toolbar{flex-wrap:wrap}.micro-app-search{max-width:none;flex-basis:100%}.micro-apps-toolbar>select{margin-left:0;flex:1}.micro-app-filters{gap:3px}.micro-app-filters button{padding:7px 10px}.micro-app-grid{grid-template-columns:1fr}.micro-app-detail-info{flex-wrap:wrap;gap:12px}.micro-app-detail-info h2{font-size:20px}.micro-app-detail-actions{width:100%;gap:6px}.micro-app-detail-actions button{padding:8px}.micro-app-viewer{min-height:500px}.micro-app-viewer iframe{height:calc(100dvh - 255px);min-height:500px}.micro-app-about,.micro-app-history{padding:19px}.micro-app-release{align-items:flex-start;flex-wrap:wrap}.micro-apps .empty{padding:45px 18px}.micro-app-logs{padding:14px}.micro-app-log-toolbar select{max-width:70%}}