.projects-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:2px 0 20px; border-bottom:1px solid #e4edf8; }
.projects-title { display:flex; align-items:center; gap:18px; }.projects-title h1 { margin:0 0 5px; color:#091b40; font-size:29px; }.projects-title p { margin:0; color:#5870a5; font-size:14px; }
.projects-heading-icon { display:grid; place-items:center; width:65px; height:65px; border-radius:50%; color:#007aff; background:#e9f3ff; flex-shrink:0; }.projects-heading-icon .ui-icon { width:42px; height:42px; }
.project-primary,.project-secondary,.project-open { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:11px 20px; border:1px solid #dbe6f8; border-radius:6px; background:#fff; color:#007aff; cursor:pointer; font-size:14px; white-space:nowrap; }
.project-primary { background:#007aff; color:#fff; border-color:#007aff; }.project-primary .ui-icon,.project-open .ui-icon { width:20px; height:20px; }
.projects-toolbar { display:flex; align-items:center; gap:14px; padding:18px 12px 6px; }.project-search { display:flex; align-items:center; gap:10px; border:1px solid #dbe6f8; border-radius:5px; background:white; padding:0 12px; width:460px; max-width:100%; }.project-search .ui-icon { color:#687fb1; width:20px; height:20px; flex-shrink:0; }.project-search input { border:0; background:transparent; min-width:0; width:100%; padding:11px 0; min-height:42px; color:#1a3260; box-shadow:none; }
.projects-toolbar select { padding:10px 14px; background:white; border:1px solid #dbe6f8; border-radius:5px; color:#112750; min-width:155px; }
.project-note { color:#6078a7; font-size:12px; line-height:1.5; margin:12px 0; }.projects-table-wrap { overflow:auto; background:#fff; border:1px solid #e2eafa; border-radius:5px; }.projects-table { width:100%; border-collapse:collapse; color:#132953; font-size:14px; }
.projects-table th { text-align:left; font-weight:600; padding:15px 18px; background:#f5f8fc; white-space:nowrap; }.projects-table td { padding:16px 18px; border-top:1px solid #e9eff8; }.projects-table td:first-child,.projects-table th:first-child { width:35px; padding-right:6px; }.projects-table input[type=checkbox] { width:18px; height:18px; min-height:0; padding:0; margin:0; accent-color:#007aff; }
#project-sort { padding:0; background:none; border:0; color:#10234a; font-weight:600; cursor:pointer; }.project-identity { display:flex; align-items:center; gap:13px; }.project-emblem { width:43px; height:43px; border-radius:50%; background:#eef6ff; color:#007aff; display:grid; place-items:center; flex-shrink:0; }.project-emblem .ui-icon { width:30px; height:30px; }.project-name { display:block; background:none; border:0; padding:0; font-size:16px; font-weight:700; color:#0b2046; text-align:left; cursor:pointer; }.project-identity small { display:block; color:#6178aa; margin-top:6px; font-size:13px; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 9px; border-radius:6px; white-space:nowrap; color:#00a66b; background:#e4f9ef; }.project-badge i { width:10px; height:10px; border-radius:50%; background:currentColor; }.project-failed { color:#ff3047; background:#fff0f2; }.project-stopped,.project-paused { color:#667ba4; background:#edf1f7; }.project-partial { color:#c58200; background:#fff5df; }.project-date { color:#5a72a3; white-space:nowrap; }
.projects-pagination { display:flex; align-items:center; justify-content:space-between; padding:22px 18px; margin:16px 0; border:1px solid #e1eafa; background:white; border-radius:5px; color:#5b72a4; font-size:14px; }.projects-pagination > div { display:flex; align-items:center; gap:8px; }.projects-pagination button,.projects-pagination #project-page { display:grid; place-items:center; width:42px; height:42px; border:1px solid #e0eafa; border-radius:5px; background:white; color:#007aff; font-size:20px; }.projects-pagination #project-page { background:#e9f3ff; font-size:16px; font-weight:700; }.projects-pagination button:disabled { opacity:.4; cursor:default; }.projects-pagination button { cursor:pointer; }
.project-selection { display:flex; align-items:center; gap:14px; margin:12px 0; padding:10px 14px; background:#edf5ff; border-radius:5px; color:#375b94; font-size:13px; }
#project-create-dialog { max-width:480px; width:calc(100% - 32px); border:1px solid #d9e6f7; border-radius:10px; padding:25px; color:#132c55; }#project-create-dialog::backdrop { background:#071b4970; }#project-create-dialog h2 { margin-top:0; }#project-create-dialog p { line-height:1.6; font-size:14px; }#project-create-dialog input { width:100%; margin-top:8px; }.project-dialog-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:20px; }
@media(max-width:1000px) { .projects-table { min-width:930px; }.projects-toolbar { padding-left:0; padding-right:0; } }
@media(max-width:760px) { .projects-heading { align-items:flex-start; flex-direction:column; gap:14px; }.projects-title h1 { font-size:25px; }.projects-title p { font-size:12px; }.projects-heading-icon { width:49px; height:49px; }.projects-heading-icon .ui-icon { width:33px; height:33px; }.projects-toolbar { flex-wrap:wrap; }.project-search { width:100%; }.projects-toolbar select { flex:1; }.projects-pagination { padding:14px 10px; font-size:12px; }.projects-pagination button,.projects-pagination #project-page { width:32px; height:34px; }.project-selection { flex-wrap:wrap; }.project-dialog-actions { flex-wrap:wrap; } }
.projects-table th { text-transform:none; font-size:14px; letter-spacing:normal; color:#122750; }
.project-search input { height:42px; min-height:42px; font-weight:400; font-size:14px; }
#projects-view.detail-open > :not(#project-detail-view) { display:none!important; }
.project-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:15px 0 22px; }.project-detail-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }.pd-action { border:0; border-radius:5px; padding:12px 21px; color:white; cursor:pointer; font-size:14px; }.pd-start { background:#00a66b; }.pd-stop { background:#f13345; }.pd-restart { background:#007aff; }.pd-action:disabled { opacity:.4; cursor:default; }.pd-more { position:relative; }.pd-more summary { list-style:none; cursor:pointer; }.pd-more > div { position:absolute; right:0; top:100%; z-index:4; padding:6px; background:#fff; box-shadow:0 7px 20px #16305026; border:1px solid #e1eafa; border-radius:6px; min-width:180px; }.pd-more button { display:block; width:100%; padding:10px; text-align:left; color:#1c467e; border:0; background:white; cursor:pointer; }
.project-detail-tabs { display:flex; overflow:auto; border:1px solid #e1eafa; border-radius:5px; background:#fff; margin-bottom:20px; }.project-detail-tabs button { border:0; border-bottom:2px solid transparent; padding:15px 22px; background:none; white-space:nowrap; color:#6074a6; cursor:pointer; }.project-detail-tabs [aria-selected=true] { color:#007aff; border-bottom-color:#007aff; font-weight:600; }.project-detail-tabs button:disabled { opacity:.5; cursor:default; }
.pd-surface { padding:16px; border:1px solid #e1eafa; background:#fff; border-radius:6px; margin-bottom:16px; min-width:0; }.pd-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }.pd-section-heading h2,#pd-runtime h2 { color:#10234b; font-size:19px; margin:0; }.pd-section-heading #pd-count { color:#7284b1; }.pd-bottom { display:grid; grid-template-columns:1fr 1.1fr; gap:14px; }.pd-table-scroll { overflow:auto; }.pd-container-table { width:100%; border-collapse:collapse; font-size:13px; color:#284372; }.pd-container-table th { background:#f6f9fe; text-align:left; color:#122a50; padding:13px 10px; text-transform:none; font-size:13px; letter-spacing:normal; white-space:nowrap; }.pd-container-table td { padding:14px 10px; border-top:1px solid #e9eff8; }.pd-container-table input[type=checkbox] { width:17px; height:17px; min-height:0; padding:0; margin:0; accent-color:#007aff; }.pd-container-name { padding:0; border:0; background:none; color:#007aff; cursor:pointer; font-size:14px; white-space:nowrap; }.pd-ports { color:#007aff; }.pd-information { width:100%; border-collapse:collapse; font-size:14px; }.pd-information th,.pd-information td { text-align:left; padding:12px 14px; border:1px solid #eaf0f9; overflow-wrap:anywhere; }.pd-information th { background:#f7faff; width:35%; color:#5a71a3; font-weight:400; text-transform:none; font-size:14px; letter-spacing:normal; }.pd-information td { color:#17355d; }.pd-deployment-empty,.pd-log-output { padding:18px; background:#14242f; color:#d8e4ef; border-radius:5px; font-size:13px; line-height:1.8; min-height:240px; }.pd-deployment-empty strong { display:block; font-size:15px; }.pd-deployment-empty p { color:#b8c9d8; }.pd-log-output { white-space:pre-wrap; overflow-wrap:anywhere; max-height:520px; overflow:auto; }.pd-log-select { margin:8px 12px 12px 0; max-width:100%; padding:9px; border:1px solid #d9e4f5; border-radius:5px; }.pd-runtime-item { padding:10px 0; border-bottom:1px solid #e6edf8; }.pd-runtime-item pre { white-space:pre-wrap; overflow-wrap:anywhere; color:#34547f; }.pd-runtime-item h3 { font-size:15px; }.project-secondary:disabled { opacity:.5; cursor:default; }
#pd-action-dialog { width:calc(100% - 32px); max-width:520px; border:1px solid #d9e4f5; border-radius:9px; padding:24px; color:#193661; }#pd-action-dialog::backdrop { background:#071b4970; }#pd-action-description { line-height:1.6; overflow-wrap:anywhere; }
@media(max-width:1100px) { .project-detail-heading { align-items:flex-start; flex-direction:column; }.pd-container-table { min-width:1020px; } }
@media(max-width:760px) { .pd-bottom { grid-template-columns:1fr; }.pd-section-heading h2 { font-size:16px; }.pd-section-heading .project-primary { padding:10px; font-size:12px; }.project-detail-tabs button { padding:12px; font-size:12px; }.pd-action { padding:10px 15px; font-size:12px; }.pd-surface { padding:12px; }.pd-information th,.pd-information td { padding:10px 8px; font-size:12px; }.project-detail-heading .project-secondary { padding:8px 12px; font-size:12px; } }
.pd-metadata { display:flex; align-items:center; justify-content:space-between; gap:10px; }.pd-metadata > span { min-width:0; overflow-wrap:anywhere; }.pd-metadata button { flex-shrink:0; }.pd-container-table .project-emblem { width:32px; height:32px; }.pd-container-table .project-emblem .ui-icon { width:24px; height:24px; }