/* Gurbaa Hub 3.9.13: web-projects previews + portfolio */
.hub-wp-screen{display:grid;gap:16px;color:#182320}
.hub-wp-hero,.hub-wp-filters,.hub-wp-list{background:#fff;border:1px solid #dce2dc;border-radius:18px;box-shadow:0 6px 24px #1e312009}
.hub-wp-hero{display:flex;align-items:center;gap:18px;padding:21px 24px;flex-wrap:wrap}
.hub-wp-heading{min-width:200px;flex:1 1 220px}.hub-wp-heading h2{font-size:23px;letter-spacing:-.6px;margin:0 0 6px}.hub-wp-heading p{font-size:11px;line-height:1.6;color:#7c8880;margin:0;max-width:270px}
.hub-wp-kpis{display:flex;align-items:stretch;gap:9px;flex:3 1 580px;flex-wrap:wrap}.hub-wp-kpi{display:flex;align-items:center;gap:9px;padding:12px;min-width:125px;flex:1;background:#f8faf7;border:1px solid #e7ebe7;border-radius:13px}
.hub-wp-kpi>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e6f3e7;color:#257543;font-weight:900;font-size:19px;flex-shrink:0}.hub-wp-kpi>div{display:grid;gap:1px}.hub-wp-kpi small{font-size:10px;font-weight:650;color:#4c5a50}.hub-wp-kpi b{font-size:22px;line-height:1.1}.hub-wp-kpi em{font-size:9px;font-style:normal;color:#809084}
.hub-wp-hero-actions{display:flex;gap:7px;align-items:center}.hub-wp-hero-actions button{white-space:nowrap}.hub-wp-hero-actions .primary{background:#0e2821;color:#fff}
.hub-wp-filters{padding:17px 19px}.hub-wp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.hub-wp-tabs button{border:1px solid #d8ddd7;background:#fff;border-radius:999px;padding:10px 14px;color:#314338;font-size:12px;cursor:pointer}.hub-wp-tabs button.is-active{background:#102b23;color:#fff;border-color:#102b23}
.hub-wp-filter-controls{display:grid;grid-template-columns:minmax(200px,2.1fr) repeat(3,minmax(135px,1fr)) auto;gap:12px;align-items:end}.hub-wp-filter-controls label{font-size:10px;color:#43594b;margin:0}.hub-wp-filter-controls input,.hub-wp-filter-controls select{margin-top:5px;height:42px;border:1px solid #dce3dc;font-size:12px}.hub-wp-filter-controls button{min-height:42px;white-space:nowrap}.hub-wp-count{font-size:11px;color:#24693f;font-weight:750;margin:13px 0 0}
.hub-wp-list{padding:15px}.hub-wp-table-head,.hub-wp-row{display:grid;grid-template-columns:minmax(145px,176px) minmax(180px,1.6fr) minmax(95px,.65fr) minmax(135px,.8fr) minmax(80px,.57fr) minmax(138px,.9fr);gap:14px;align-items:center}
.hub-wp-table-head{background:#f5f8f5;padding:14px;border-radius:10px;font-size:10px;font-weight:800;color:#607167}.hub-wp-row{border-bottom:1px solid #e9eee9;padding:15px 14px;min-height:142px}.hub-wp-row:last-child{border-bottom:0}
.hub-wp-monitor{appearance:none;display:block;text-align:left;background:#f8f9f8;border:1px solid #cbd9cf;border-radius:9px;padding:3px;width:160px;max-width:100%;box-shadow:0 4px 12px #0a2b1b16;cursor:zoom-in;overflow:hidden}.hub-wp-monitor:focus-visible,.hub-wp-row button:focus-visible,.hub-wp-row a:focus-visible{outline:3px solid #5b9d73;outline-offset:2px}.hub-wp-monitor-bar{height:14px;background:#eaf0eb;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:3px;padding:0 6px}.hub-wp-monitor-bar i{width:4px;height:4px;border-radius:50%;background:#afc0b5}.hub-wp-monitor-bar span{margin-left:auto;font-size:7px;color:#6e8572;letter-spacing:.08em}
.hub-wp-monitor-image{display:flex;aspect-ratio:1.62;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef3f0,#dbeae2);position:relative;overflow:hidden}.hub-wp-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.hub-wp-monitor-hover{position:absolute;inset:auto 0 0;background:#0d251ac9;color:#fff;font-size:10px;text-align:center;padding:8px;opacity:0;transition:opacity .16s}.hub-wp-monitor:hover .hub-wp-monitor-hover,.hub-wp-monitor:focus-visible .hub-wp-monitor-hover{opacity:1}.hub-wp-monitor-foot{display:block;height:3px;background:#e6ebe6}
.hub-wp-empty-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#6e8a79;text-align:center;font-size:24px;min-height:65px;width:100%}.hub-wp-empty-thumb small{font-size:10px}
.hub-wp-project{display:grid;gap:4px;min-width:0}.hub-wp-project strong{font-size:13px;line-height:1.35}.hub-wp-project span,.hub-wp-project small{font-size:10px;color:#89938c}.hub-wp-site-link{color:#236d45;font-size:11px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.hub-wp-site-link:hover{text-decoration:underline}
.hub-wp-date{display:grid;gap:7px}.hub-wp-date>small{font-size:10px;color:#88968b}.hub-wp-date strong{font-size:12px;white-space:nowrap}.hub-wp-due{font-size:10px;font-weight:750;border-radius:99px;padding:5px 8px;justify-self:start}.hub-wp-due.good{background:#e5f5e6;color:#236f3a}.hub-wp-due.soon{background:#fff0d5;color:#9b5a0d}.hub-wp-due.late{background:#fce4e3;color:#a62823}.hub-wp-due.empty{background:#f1f2f1;color:#647167}
.hub-wp-state{display:inline-flex;gap:5px;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:750;background:#e8f7ea;color:#24723f}.hub-wp-state.development,.hub-wp-state.proposal{background:#eef0ff;color:#5a58a9}.hub-wp-state.maintenance{background:#fff2d8;color:#9d6411}.hub-wp-state.closed{background:#edeef0;color:#68737b}.hub-wp-actions{display:flex;gap:6px;flex-wrap:wrap}.hub-wp-actions button{background:#fff;border:1px solid #dce3dd;padding:8px 11px;border-radius:9px;font-size:11px;cursor:pointer;color:#20362a;font-weight:750}.hub-wp-actions button:hover{background:#edf7ee}
.hub-wp-no-results{padding:55px 15px;text-align:center;color:#819084;font-size:13px}.hub-wp-thumb-explain{font-size:11px;color:#7d8a80;margin:0 8px 15px}
.hub-wp-overline{font-size:9px;font-weight:900;letter-spacing:.12em;color:#277b49}.hub-wp-preview-modal h2,.hub-wp-detail-modal h2,.hub-wp-editor h2{margin:6px 0 8px}.hub-wp-preview-modal>p,.hub-wp-detail-modal>p{color:#77857b;font-size:12px;line-height:1.5}.hub-wp-large-monitor{margin-top:16px;border:1px solid #d3ddd5;border-radius:12px;padding:7px;background:#f6f8f6;overflow:hidden;box-shadow:0 8px 24px #15351a19}.hub-wp-large-monitor .hub-wp-monitor-bar{height:25px;gap:6px}.hub-wp-large-monitor .hub-wp-monitor-bar i{height:7px;width:7px}.hub-wp-large-monitor .hub-wp-monitor-bar span{font-size:10px}.hub-wp-large-image{background:#eaf2eb;aspect-ratio:1.6;display:grid;place-items:center}.hub-wp-preview-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:16px}.hub-wp-open-site{display:inline-flex;align-items:center;background:#10382c;color:#fff!important;border-radius:9px;font-size:12px;font-weight:800;padding:12px 14px;text-decoration:none}.hub-wp-provider-note{display:block;font-size:10px;line-height:1.5;color:#8a948c;margin-top:17px}.hub-wp-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.hub-wp-detail-grid>div,.hub-wp-detail-notes{border:1px solid #e3ebe4;padding:13px;border-radius:10px;display:grid;gap:6px}.hub-wp-detail-grid small,.hub-wp-detail-notes small{color:#849187;font-size:11px}.hub-wp-detail-grid strong{font-size:12px}.hub-wp-detail-notes p{font-size:12px;white-space:pre-wrap;margin:0}.hub-wp-editor .grid{margin-top:10px}
@media(max-width:1350px){.hub-wp-kpis{order:3;flex-basis:100%}.hub-wp-filter-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-wp-filter-controls .hub-wp-search{grid-column:span 2}.hub-wp-table-head,.hub-wp-row{grid-template-columns:145px minmax(150px,1.5fr) 100px 145px 75px 115px;gap:9px}.hub-wp-list{overflow-x:auto}.hub-wp-table-head,.hub-wp-row{min-width:815px}}
@media(max-width:700px){.hub-wp-hero{padding:17px}.hub-wp-heading{flex-basis:100%}.hub-wp-kpis{display:grid;grid-template-columns:repeat(2,1fr)}.hub-wp-hero-actions{width:100%}.hub-wp-hero-actions>*{flex:1}.hub-wp-filter-controls{grid-template-columns:1fr 1fr}.hub-wp-filter-controls .hub-wp-search{grid-column:1/-1}.hub-wp-filter-controls button{grid-column:1/-1}.hub-wp-screen{gap:12px}.hub-wp-detail-grid{grid-template-columns:1fr}}

/* v3.9.15 · Proje bazinda bagimsiz domain/hosting firma bilgisi */
.hub-wp-row-providers{display:flex;flex-wrap:wrap;gap:3px 7px;margin-top:2px;font-size:10px;color:#567061}
.hub-wp-row-providers span{display:inline-block;white-space:normal;line-height:1.4}
.hub-wp-row-providers b{font-weight:750;color:#244c35}
.hub-wp-provider-hint{font-size:11px;line-height:1.5;color:#69766e;margin:8px 0}