:root { --radius-md:12px; --radius-lg:16px; --rail-w:320px; --gutter-l:24px; --gutter-m:24px; }
body,.app-shell { background:#f1f5f8 !important; color:#203047; }
.app-content { min-width:0; }
.gr-card { border-radius:12px !important; box-shadow:0 4px 11px rgba(32,48,71,.075),0 12px 25px rgba(32,48,71,.055) !important; }
.gr-nav { border-radius:10px !important; }
.gr-nav { min-height:42px; padding:5px 10px !important; gap:9px !important; }
/* Lokalni poslovni vizualni prolaz: mirnije površine, čitljiviji naglasci. */
.visual-dashboard .gr-layout-main > .gr-card,
.project-card,.gr-trosak-card,.gr-supplier-card { border:1px solid #DDE5EB; }
.visual-dashboard .gr-layout-main > .gr-card { padding:16px !important; }
.visual-dashboard .gr-layout-main > .gr-card:hover { box-shadow:0 7px 17px rgba(32,48,71,.11),0 16px 30px rgba(32,48,71,.07) !important; }
.project-card:hover,.gr-trosak-card:hover { transform:none !important; border-color:#B9C9D5; box-shadow:0 7px 17px rgba(32,48,71,.11),0 16px 30px rgba(32,48,71,.07) !important; }
.gr-trosak-card { min-width:0; }
.gr-trosak-card > div > div:nth-child(2) { min-width:0; }
.gr-trosak-card > div > div:nth-child(2) > div:first-child { overflow-wrap:break-word; word-break:normal; line-height:1.3; }
.gr-trosak-tip-chip { min-height:44px; }
.app-bottom-nav { justify-content:flex-start; overflow-x:auto !important; gap:7px !important; border-top:1px solid #DDE5EB !important; box-shadow:0 -3px 12px rgba(32,48,71,.045); }
.app-bottom-nav .gr-mobile-nav-item { box-shadow:0 3px 7px rgba(32,48,71,.09),0 7px 13px rgba(32,48,71,.055) !important; }
.app-bottom-nav .gr-mobile-nav-item.active { box-shadow:0 4px 9px rgba(200,146,42,.19),0 8px 17px rgba(32,48,71,.08) !important; }
.app-bottom-nav .gr-mobile-nav-item:focus-visible { outline:2px solid #9B6E1B; outline-offset:-3px; }
.gr-nav-ico { display:flex; align-items:center; justify-content:center; flex:0 0 32px; overflow:hidden; border-radius:7px; }
.gr-nav-ico .modul-vizual { display:block; background-repeat:no-repeat; }
.gr-nav.active .gr-nav-ico { background:#f5e6cc; }
.gr-layout-main { container-type:inline-size; }
.gr-tiles { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; }
.gr-tiles .visual-module { height:112px; min-width:0; padding:10px !important; border:1px solid #dfe7ee; border-radius:12px; background:#fff; color:#203047; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:13px; font-weight:700; line-height:1.3; box-shadow:0 4px 10px rgba(32,48,71,.09),0 11px 22px rgba(32,48,71,.06); }
.visual-module span:last-child { max-width:100%; overflow-wrap:anywhere; }
.modul-vizual { display:block; width:94px; height:94px; flex:none; background-repeat:no-repeat; }
.gr-tiles .visual-module { position:relative; perspective:800px; transform-style:preserve-3d; transition:transform 220ms cubic-bezier(.2,.75,.25,1),box-shadow 220ms ease,border-color 220ms ease,background 220ms ease !important; }
.gr-tiles .visual-module .modul-vizual { width:58px !important; height:58px !important; }
.gr-tiles .visual-module::after { content:""; position:absolute; inset:8px; border-radius:7px; pointer-events:none; opacity:0; background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 42%); transition:opacity 220ms ease; }
.gr-tiles .visual-module .modul-vizual { transform:translateZ(0) rotateX(0deg) rotateY(0deg) scale(1); transform-origin:50% 70%; transition:transform 260ms cubic-bezier(.2,.75,.25,1),filter 220ms ease; will-change:transform; }
.gr-tiles .visual-module:hover { transform:translateY(-2px) !important; border-color:#CDB681; background:#fff !important; box-shadow:0 7px 18px rgba(32,48,71,.10) !important; }
.gr-tiles .visual-module:hover::after { opacity:1; }
.gr-tiles .visual-module:hover .modul-vizual { transform:none; filter:none; }
.gr-tiles .visual-module:active { transform:translateY(-2px) scale(1.01) !important; }
.visual-module:focus-visible { outline:3px solid #1686bc; outline-offset:2px; }
.visual-finance { background:#fff !important; border:1px solid #dfe7ee; }
.visual-finance [style*="rgba(255, 255, 255"],.visual-finance [style*="rgba(255,255,255"] { color:#64748b !important; }
.visual-finance .gr-arrow-card { box-shadow:none !important; }
.visual-finance .gr-arrow-card:nth-child(2) > div:nth-child(2) { color:#99721b !important; }
.visual-finance .gr-arrow-card:nth-child(4) > div:nth-child(2) { color:#a96a16 !important; }
.visual-dashboard > .gr-layout-main > .gr-card { margin-bottom:12px !important; }
@container (min-width:900px) { .gr-tiles { grid-template-columns:repeat(6,minmax(0,1fr)) !important; } }
@container (max-width:500px) { .gr-tiles { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; } .gr-tiles .visual-module { height:104px; } .modul-vizual { width:80px; height:80px; } }
@container (max-width:340px) { .gr-tiles { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media(min-width:768px) { .app-sidebar { width:220px; min-width:220px; } }
@media(prefers-reduced-motion:reduce) { .gr-tiles .visual-module,.gr-tiles .visual-module .modul-vizual { transition:none !important; } .gr-tiles .visual-module:hover,.gr-tiles .visual-module:hover .modul-vizual { transform:none !important; } .gr-tiles .visual-module:hover::after { opacity:0; } }
.rail-widget-title,.rail-form-title { display:flex; align-items:center; gap:8px; min-width:0; }
.rail-widget-title > span:last-child,.rail-form-title > span:last-child { min-width:0; }
.rail-widget-icon,.rail-form-icon,.visual-alert-icon { display:flex; align-items:center; justify-content:center; flex:none; overflow:hidden; }
.rail-widget-icon,.rail-form-icon { width:30px; height:30px; border-radius:8px; background:#f2f6fa; }
.rail-form-icon { background:#fff4d5; }
.rail-widget-icon .modul-vizual,.rail-form-icon .modul-vizual { width:32px !important; height:32px !important; }
.visual-alert-icon { width:40px; height:40px; border-radius:10px; background:#fff0c9; }
.visual-alert-icon .modul-vizual { width:40px !important; height:40px !important; }
.project-card { background:#fff !important; border:1px solid #e1e8ee; box-shadow:0 5px 13px rgba(32,48,71,.10),0 15px 30px rgba(32,48,71,.07) !important; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.project-card:hover { transform:translateY(-2px); border-color:#bfd2df; box-shadow:0 8px 19px rgba(32,48,71,.13),0 20px 34px rgba(32,48,71,.09) !important; }
.project-card-head { display:flex; align-items:center; gap:10px; min-width:0; }
.project-card-icon { width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:none; }
.project-card-icon .modul-vizual { width:38px !important; height:38px !important; }
.project-card-title-wrap { min-width:0; flex:1; }
.project-card-title { color:#203047; font-size:15px; line-height:1.2; overflow-wrap:anywhere; }
.project-card-location { color:#8492a1; font-size:12px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project-card-arrow { font-size:22px; line-height:1; flex:none; }
.project-new-dot { width:7px; height:7px; border-radius:50%; display:inline-block; margin-left:6px; vertical-align:middle; }
.project-card-alerts { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
.project-card-alerts span { border-radius:999px; padding:3px 8px; font-size:10px; font-weight:700; }
.project-card-meta { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:12px; }
.project-card-meta > span { max-width:100%; }
.project-group { display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:3px 9px; font-size:11px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.project-group i { width:6px; height:6px; border-radius:50%; flex:none; }
.project-progress { margin-top:12px; }
.project-progress-label { display:flex; justify-content:space-between; color:#8492a1; font-size:10px; margin-bottom:5px; }
.project-progress-label strong { color:#526477; font-size:10px; }
.project-progress-track { height:6px; border-radius:999px; overflow:hidden; background:#edf1f4; }
.project-progress-track > div { height:100%; border-radius:999px; transition:width .2s ease; }
.projects-overview-bar { display:flex; align-items:center; gap:11px; background:#fff; border:1px solid #e1e8ee; border-radius:12px; padding:11px 13px; margin:0 0 14px; box-shadow:0 2px 7px #20304708; }
.projects-overview-icon { width:38px; height:38px; border-radius:11px; background:#eef5ff; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:none; }
.projects-overview-icon .modul-vizual { width:38px !important; height:38px !important; }
.projects-overview-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:2px; }
.projects-overview-copy strong { color:#203047; font-size:14px; }
.projects-overview-copy span { color:#8492a1; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.projects-overview-count { display:flex; flex-direction:column; align-items:flex-end; color:#8492a1; font-size:10px; text-transform:uppercase; letter-spacing:.4px; }
.projects-overview-count b { color:#c8922a; font-size:17px; line-height:1.1; }
.projects-filterbar { margin-bottom:15px; padding:10px 12px 7px; background:#f7fafc; border:1px solid #e1e8ee; border-radius:12px; }
.projects-filter-label { color:#8492a1; font-size:10px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; margin-bottom:7px; }
.projects-filter-scroll { scrollbar-width:thin; }
.projects-filter-scroll .gr-chip { box-shadow:0 1px 2px #20304708; }
.projects-group-heading { display:flex; align-items:center; gap:8px; margin:17px 0 9px; padding:0 2px 7px; border-bottom:1px solid #dfe7ee; }
.projects-group-marker { width:9px; height:9px; border-radius:3px; background:#c6d0d8; flex:none; }
.projects-group-name { color:#203047; font-size:12px; font-weight:900; letter-spacing:.65px; text-transform:uppercase; }
.projects-group-count { color:#8492a1; font-size:11px; font-weight:600; }
.projects-group-heading-muted .projects-group-name { color:#8492a1; }
.project-finance { margin:0 0 8px; }
.project-finance-toggle { width:100%; display:flex; align-items:center; gap:9px; padding:10px 11px; border:1px solid #d9e7df; border-radius:12px; background:#f5faf7; color:#203047; cursor:pointer; text-align:left; }
.project-finance-toggle:hover { border-color:#9dc9b4; background:#f0f8f3; }
.project-finance-toggle-icon { width:30px; height:30px; border-radius:9px; background:#dff1e6; display:flex; align-items:center; justify-content:center; flex:none; }
.project-finance-toggle-copy { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.project-finance-toggle-copy strong { font-size:13px; }
.project-finance-toggle-copy small { color:#8492a1; font-size:10px; }
.project-finance-toggle-value { color:#0f6e56; font-weight:900; font-size:14px; white-space:nowrap; }
.project-finance-chevron { color:#0f6e56; font-size:22px; line-height:16px; transform:translateY(-2px); transition:transform .16s ease; }
.project-finance-chevron.open { transform:rotate(180deg) translateY(2px); }
.project-finance-body { padding-top:8px; }
.ai-dashboard-card { overflow:hidden; border:1px solid #e7dcc5; box-shadow:0 2px 9px rgba(32,48,71,.06) !important; }
.ai-dashboard-card:hover { transform:none; box-shadow:0 4px 13px rgba(32,48,71,.08) !important; }
.ai-dashboard-icon { width:48px; height:48px; border-radius:13px; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; overflow:hidden; flex:none; }
.ai-dashboard-icon .modul-vizual { width:48px !important; height:48px !important; }
.project-tab-label { display:inline-flex; align-items:center; gap:6px; }
.project-tab-label > span { display:inline-flex; align-items:center; }
.gr-projekt .gr-tabs { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#c6d0d8 transparent; cursor:grab; padding-bottom:1px; }
.gr-projekt .gr-tabs:active { cursor:grabbing; }
.gr-projekt .gr-tabs::-webkit-scrollbar { height:6px; }
.gr-projekt .gr-tabs::-webkit-scrollbar-thumb { background:#c6d0d8; border-radius:999px; }
.gr-projekt>.gr-layout-main { height:100%; overflow:hidden; }
.gr-projekt .gr-tab-body { min-height:0; overflow:auto; }
.gr-projekt .gr-feed { min-height:0; overflow:hidden; }
.gr-projekt .gr-feed-list { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-bottom:18px !important; }
.gr-projekt .gr-feed-bar { position:relative; flex:none; }
.feed-task-icon { width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border:2px solid; }
.feed-mode-button { display:inline-flex; align-items:center; gap:5px; background:#f0f0f0; color:#203047; border:none; border-radius:10px; padding:7px 11px; font-weight:700; font-size:12px; cursor:pointer; }
.feed-mode-button.active { background:#c8922a; color:#fff; }
.gr-feed-bar { background:#fff; }
.gr-feed-bar textarea { background:#f5f7f9 !important; border-color:#dfe7ee !important; }
.gr-page-enter:has(.gr-projekt) { height:100%; min-height:0; display:flex; flex-direction:column; }
.gr-layout.gr-projekt { height:100%; min-height:0 !important; }
.gr-projekt>.gr-layout-main { height:100%; min-height:0 !important; }
.gr-projekt .gr-tab-body { display:flex; flex-direction:column; flex:1 1 0; height:0; min-height:0; overflow:hidden; }
.gr-projekt .gr-feed { display:flex; flex-direction:column; height:100%; flex:1 1 0; min-height:0; overflow:hidden; }
.gr-projekt .gr-feed-list { display:flex; flex-direction:column; height:0; flex:1 1 auto; min-height:0; max-height:100%; overflow-y:scroll; overscroll-behavior:contain; scrollbar-gutter:stable; }

/* Clearer conversation bubbles and a consistent back control across modules. */
.gr-feed-chat-bubble { background:#fff; color:#203047; border:1px solid #e2e9ee; border-radius:16px 16px 16px 5px; padding:11px 14px 9px; box-shadow:0 3px 10px rgba(32,48,71,.08); }
.gr-feed-chat-bubble.mine { background:#c8922a; color:#fff; border-color:#c8922a; border-radius:16px 16px 5px 16px; box-shadow:0 3px 10px rgba(200,146,42,.2); }
.gr-feed-chat-text { font-size:14px; line-height:1.45; white-space:pre-wrap; overflow-wrap:anywhere; }
.gr-feed-chat-time { margin-top:5px; font-size:10px; line-height:1; opacity:.62; text-align:inherit; }
.gr-back { min-height:44px !important; gap:8px !important; padding:6px 14px 6px 6px !important; border:1px solid #e1e8ee !important; background:#fff !important; box-shadow:0 3px 10px rgba(32,48,71,.08); color:#c8922a !important; }
.gr-back .gr-back-ico { width:32px; height:32px; border-radius:50%; background:#f5e6cc; color:#b47e18; display:inline-flex; align-items:center; justify-content:center; font-size:27px !important; font-weight:700; line-height:1 !important; }
.gr-back:hover { background:#fffaf0 !important; border-color:#dcb86d !important; transform:translateX(-2px); }
.gr-back:hover .gr-back-ico { background:#c8922a; color:#fff; }

.gr-tasks-panel { background:linear-gradient(180deg,#f5f8fb 0%,#eef3f7 100%); }
.gr-tasks-head { padding:10px 12px; margin:0 -2px 12px !important; border:1px solid #dfe7ee; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(32,48,71,.06); }
.gr-tasks-head > div:first-child { display:flex; align-items:baseline; gap:7px; color:#203047; letter-spacing:.1px; }
.gr-tasks-head > div:first-child::before { content:'✓'; width:24px; height:24px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:#e8f5ee; color:#1f9d62; font-size:14px; font-weight:800; }
.gr-tasks-head button { box-shadow:0 2px 6px rgba(200,146,42,.2); }
.gr-task-card { padding:13px 14px !important; border:1px solid #dfe7ee !important; border-left:4px solid var(--task-color,#c8922a) !important; border-radius:12px !important; background:#fff !important; box-shadow:0 2px 8px rgba(32,48,71,.06) !important; }
.gr-task-card:hover { border-color:#cbd8e2 !important; box-shadow:0 5px 14px rgba(32,48,71,.1) !important; transform:translateY(-1px); }
.gr-task-card .gr-kv { width:28px !important; height:28px !important; border-radius:9px !important; margin-top:0 !important; background:#f7fafc !important; }
.gr-task-card .gr-kv[style*="background: rgb(76, 175, 80)"] { background:#27a968 !important; }
.gr-task-title { font-size:15px !important; letter-spacing:.05px; }
.gr-task-card .gr-chipx, .gr-task-card .gr-tag { box-shadow:none; }
.gr-task-card img { border:1px solid #dfe7ee; box-shadow:0 3px 10px rgba(32,48,71,.1); }
.gr-task-card > div > div:last-child > button { color:#8b9aaa !important; border-color:#d7e0e7 !important; background:#f7fafc !important; }
.gr-task-card > div > div:last-child > button:hover { color:#c8922a !important; border-color:#c8922a !important; background:#fffaf0 !important; }

.gr-edit-panel { background:linear-gradient(180deg,#f5f8fb 0%,#eef3f7 100%); }
.gr-edit-panel > div > .gr-card { border:1px solid #dfe7ee !important; border-radius:12px !important; background:#fff !important; box-shadow:0 2px 8px rgba(32,48,71,.06) !important; padding:14px 15px !important; }
.gr-edit-panel > div > .gr-card:hover { border-color:#cbd8e2 !important; box-shadow:0 5px 14px rgba(32,48,71,.09) !important; }
.gr-edit-section-head { min-height:32px; padding:1px 0 8px; border-bottom:1px solid #edf1f4; }
.gr-edit-section-icon { width:30px; height:30px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; background:#eef5ff; color:#3478bd; flex:none; }
.gr-edit-section-head > div { color:#203047; }
.gr-edit-section-head .gr-sek-strelica { color:#92a0ad; font-size:16px; font-weight:800; transition:transform .16s ease; }
.gr-edit-panel input, .gr-edit-panel select, .gr-edit-panel textarea { border-color:#dfe7ee !important; background:#fbfcfd !important; border-radius:10px !important; }
.gr-edit-panel input:focus, .gr-edit-panel select:focus, .gr-edit-panel textarea:focus { border-color:#c8922a !important; box-shadow:0 0 0 3px rgba(200,146,42,.12) !important; outline:none; }
.gr-edit-panel label, .gr-edit-panel [style*="font-size:13px"] { color:#758493; }

.gr-chat-head { padding-bottom:4px; }
.gr-chat-head .gr-title { color:#203047; letter-spacing:.1px; }
.gr-chat-switcher .gr-seg { background:#e6edf3; border:1px solid #d8e1e8; padding:3px; border-radius:12px; }
.gr-chat-switcher .gr-seg-item { border-radius:9px; padding:8px 14px; color:#637282; }
.gr-chat-switcher .gr-seg-item.active { background:#c8922a; color:#fff; box-shadow:0 2px 6px rgba(200,146,42,.2); }
.chat-tab-label { display:inline-flex; align-items:center; gap:6px; }
.gr-chat-announcement { border:1px solid #c8922a !important; border-radius:12px !important; box-shadow:0 4px 12px rgba(200,146,42,.18) !important; }
.gr-chat-announcement > div { min-height:46px; }
.gr-chat-announcement > div > div:first-child { width:42px !important; height:42px !important; border-radius:11px !important; }
.gr-chat-row { border:1px solid #dfe7ee !important; border-radius:12px !important; background:#fff !important; box-shadow:0 2px 8px rgba(32,48,71,.05) !important; }
.gr-chat-row:hover { border-color:#cbd8e2 !important; box-shadow:0 5px 14px rgba(32,48,71,.1) !important; transform:translateY(-1px); }
.gr-chat-row > div { min-height:46px; }
.gr-chat-row > div > div:first-child { width:42px !important; height:42px !important; border-radius:11px !important; }
.gr-chat-row > div > span:last-child { font-size:26px !important; font-weight:300; }
.gr-chat-project-icon { border:1px solid currentColor; border-color:transparent; }
.gr-chat-project-icon .modul-vizual { width:36px; height:36px; }
.gr-add-task-form { border:1px solid #d9e2e9; box-shadow:0 4px 12px rgba(32,48,71,.08); }
.gr-add-task-form > input { background:#fff !important; border-color:#dfe7ee !important; border-radius:11px !important; }
.gr-add-task-form > div { color:#758493; }
.gr-add-task-form .gr-chipx { display:inline-flex; align-items:center; gap:6px; border:1px solid #dfe7ee !important; background:#fff !important; color:#526273 !important; box-shadow:none; }
.gr-add-task-form .gr-chipx:hover { border-color:#c8922a !important; color:#b47e18 !important; background:#fffaf0 !important; }
.gr-add-task-form .gr-chipx svg, .gr-add-task-form .gr-chipx .ti { flex:none; }
.gr-add-task-form .gr-chipx .modul-vizual { width:24px; height:24px; flex:none; }
.gr-add-task-form .gr-chipx[style*="background: rgb(200, 146, 42)"] { background:#c8922a !important; color:#fff !important; border-color:#c8922a !important; }
.gr-add-task-form input, .gr-add-task-form select, .gr-add-task-form textarea { border-color:#dfe7ee !important; background:#fff !important; border-radius:10px !important; }
.gr-add-task-form input:focus, .gr-add-task-form select:focus, .gr-add-task-form textarea:focus { border-color:#c8922a !important; box-shadow:0 0 0 3px rgba(200,146,42,.12) !important; outline:none; }
.gr-add-task-form img { border:1px solid #dfe7ee; box-shadow:0 3px 10px rgba(32,48,71,.1); }
.gr-my-task-form { margin:0 0 16px; padding:14px; border:1px solid #dfe7ee; border-radius:12px; background:#fffaf0; box-shadow:0 4px 12px rgba(32,48,71,.08); }
.gr-my-task-form-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:#203047; font-weight:800; }
.gr-my-task-form-head > span { display:inline-flex; align-items:center; gap:7px; }
.gr-my-task-form > select { width:100%; margin:0 0 12px; padding:11px 12px; border:1.5px solid #dfe7ee; border-radius:10px; background:#fff; font:inherit; color:#203047; }
.gr-project-fixed { display:flex; align-items:center; gap:7px; padding:10px 12px; margin:0 0 12px; border:1px solid #dfe7ee; border-radius:10px; background:#f7fafc; color:#526273; font-size:13px; font-weight:700; }
.calendar-event-overlay { position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; padding:18px; background:rgba(25,39,58,.48); overflow:auto; }
.calendar-event-modal { width:min(100%,480px); max-height:calc(100vh - 36px); overflow:auto; box-sizing:border-box; padding:18px; border:1px solid #dfe7ee; border-radius:16px; background:#fff; box-shadow:0 18px 55px rgba(25,39,58,.22); }
.calendar-absence-modal { border-top:4px solid #ff9800; }
.calendar-event-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; color:#203047; font-size:17px; font-weight:800; }
.calendar-event-head span { display:inline-flex; align-items:center; gap:8px; }
.calendar-event-types { display:flex; flex-wrap:wrap; gap:7px; margin:2px 0 14px; }
.calendar-event-types button { display:inline-flex; align-items:center; gap:5px; min-height:34px; padding:7px 11px; border:1px solid #dfe7ee; border-radius:10px; background:#fff; color:#526273; font-size:12px; font-weight:700; cursor:pointer; }
.calendar-event-types button.active { border-color:#4b83c8; background:#4b83c8; color:#fff; }
.calendar-event-project { margin-bottom:14px; }
.calendar-event-label { margin:0 0 6px; color:#758493; font-size:12px; font-weight:700; }
.calendar-event-select { width:100%; box-sizing:border-box; padding:11px 12px; border:1.5px solid #dfe7ee; border-radius:10px; background:#fff; color:#203047; font:inherit; }
.calendar-event-select:focus, .calendar-event-notes:focus { outline:none; border-color:#4b83c8; box-shadow:0 0 0 3px rgba(75,131,200,.13); }
.calendar-event-notes { width:100%; box-sizing:border-box; min-height:76px; margin:0 0 14px; padding:10px 12px; resize:vertical; border:1.5px solid #dfe7ee; border-radius:10px; background:#fff; color:#203047; font:inherit; }
.calendar-event-actions { display:flex; gap:9px; }
.calendar-event-actions > * { flex:1; }
.gr-schedule-page { color:#203047; }
.gr-schedule-title { display:flex; align-items:center; gap:8px; margin-bottom:14px; color:#203047; font-size:24px; font-weight:900; }
.gr-schedule-page .gr-rasp-tjedan { overflow:hidden; border:1px solid #dfe7ee; border-radius:12px; background:#fff; box-shadow:0 5px 16px rgba(32,48,71,.07); }
.gr-schedule-page .gr-rasp-tjedan th { height:48px; border-bottom:1px solid #dfe7ee !important; background:#f7fafc !important; color:#526273 !important; }
.gr-schedule-page .gr-rasp-tjedan td { min-height:82px; border-color:#edf1f4 !important; background:#fff; }
.gr-schedule-page .gr-rasp-tjedan td:first-child, .gr-schedule-page .gr-rasp-tjedan th:first-child { position:sticky; left:0; z-index:2; box-shadow:5px 0 10px rgba(32,48,71,.05); }
.gr-schedule-page .gr-cel { transition:background .15s ease, box-shadow .15s ease; }
.gr-schedule-page .gr-cel-plus { min-height:22px; color:#c1cbd4 !important; }
.gr-schedule-page .gr-rchip { min-height:34px; padding:7px 9px !important; border:1px solid rgba(32,48,71,.08) !important; border-left:3px solid currentColor !important; border-radius:8px !important; box-shadow:0 2px 6px rgba(32,48,71,.06); }
.gr-schedule-page .gr-rchip:hover { box-shadow:0 5px 12px rgba(32,48,71,.12); transform:translateY(-1px); }
.gr-schedule-page table + div { border-color:#dfe7ee !important; border-radius:12px !important; box-shadow:0 5px 16px rgba(32,48,71,.06); }
@media (max-width:700px) { .gr-schedule-title { font-size:21px; } .gr-schedule-page .gr-rasp-tjedan { min-width:760px; } }
.gr-week-title { display:flex; align-items:center; gap:8px; margin-bottom:14px; color:#203047; font-size:24px; font-weight:900; }
.gr-week-page .calendar-nav { width:72px !important; min-width:72px !important; height:50px !important; border:1px solid #dfe7ee !important; border-radius:14px !important; background:#fff !important; color:#c8922a !important; font-size:28px !important; line-height:1 !important; box-shadow:0 3px 10px rgba(32,48,71,.08); }
.gr-week-page .calendar-nav:hover { background:#fffaf0 !important; transform:translateY(-1px); }
.gr-racuni-page { color:#203047; }
.gr-racuni-page .gr-title { display:flex; align-items:center; gap:9px; }
.gr-module-title { display:inline-flex; align-items:center; gap:9px; }
.gr-title .gr-module-title .modul-vizual { width:34px !important; height:34px !important; border-radius:9px; background-color:#f2f6fa; background-size:400% 300%; box-shadow:0 2px 6px rgba(32,48,71,.08); }
.gr-module-heading { margin:0 0 10px; color:#203047; font-size:22px; font-weight:900; }
.gr-schedule-title .gr-module-title, .gr-week-title .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-schedule-title .gr-module-title .modul-vizual, .gr-week-title .gr-module-title .modul-vizual, .gr-module-heading .modul-vizual { width:32px !important; height:32px !important; border-radius:9px; background-color:#f2f6fa; box-shadow:0 2px 6px rgba(32,48,71,.08); }
.gr-financije-page .gr-title { margin-bottom:2px; }
.gr-racuni-switch { display:flex; margin-bottom:14px; }
.gr-racuni-switch .gr-seg { padding:4px; border:1px solid #dfe7ee; background:#e8eef3; border-radius:13px; }
.gr-racuni-switch .gr-seg-item { min-width:92px; padding:9px 16px; border-radius:10px; }
.gr-racuni-switch .gr-seg-item.active { box-shadow:0 3px 8px rgba(15,110,86,.18); }
.gr-racuni-summary > .gr-card { min-height:72px; display:flex; flex-direction:column; justify-content:center; border:1px solid #dfe7ee; border-radius:12px !important; box-shadow:0 3px 10px rgba(32,48,71,.06) !important; }
.gr-racuni-summary > .gr-card:first-child { border-left:4px solid #0F6E56; }
.gr-racuni-summary > .gr-card:nth-child(2) { border-left:4px solid #E05050; }
.gr-racuni-summary > .gr-card:hover { border-color:#cbd8e2; transform:translateY(-1px); }
.gr-racuni-summary > .gr-card > div:first-child { font-weight:700; }
.gr-racuni-summary > .gr-card > div:last-child { margin-top:3px; }
.gr-racuni-search .gr-search { border:1px solid #dfe7ee; background:#fff; box-shadow:0 2px 8px rgba(32,48,71,.05); }
.gr-racuni-actions { padding:8px 10px; border:1px solid #e2e9ee; border-radius:12px; background:#f7fafc; }
.gr-racuni-actions .gr-chip { border-color:#d6e0e7; background:#fff; }
.gr-racuni-actions .gr-chip:hover { border-color:#c8922a; background:#fffaf0; }
.gr-racuni-page .gr-filt-sel { min-height:34px; border-color:#d6e0e7 !important; border-radius:10px !important; background:#fff !important; color:#526273; font-weight:600; }
.gr-racuni-page .gr-mape { gap:10px; }
.gr-racuni-page .gr-mapa { border:1px solid #dfe7ee !important; border-left-width:4px !important; border-radius:12px !important; box-shadow:0 3px 10px rgba(32,48,71,.05); }
@media (max-width:600px) { .gr-racuni-summary { grid-template-columns:1fr !important; } .gr-racuni-switch .gr-seg-item { min-width:0; flex:1; } }
.gr-ulazni-form { padding:18px !important; border:1px solid #d7e2e7 !important; border-top:4px solid #0F6E56 !important; border-radius:14px !important; background:linear-gradient(180deg,#fbfdfd 0%,#fff 100%) !important; box-shadow:0 7px 18px rgba(32,48,71,.09) !important; }
.gr-ulazni-form-head { display:flex; flex-wrap:wrap; align-items:center; gap:9px 12px; padding-bottom:12px; margin-bottom:13px; border-bottom:1px solid #e8eef1; }
.gr-ulazni-form-title { display:flex; align-items:center; gap:8px; color:#203047; font-size:17px; font-weight:900; }
.gr-ulazni-form-icon { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; background:#e8f5ee; }
.gr-ulazni-form-subtitle { color:#758493; font-size:12px; }
.gr-ulazni-sken-btn { min-height:42px; transition:background .15s ease, transform .15s ease, box-shadow .15s ease; }
.gr-ulazni-sken-btn:hover { background:#fff7e2 !important; box-shadow:0 3px 9px rgba(200,146,42,.12); transform:translateY(-1px); }
.gr-ulazni-form input, .gr-ulazni-form select, .gr-ulazni-form textarea { border-color:#dfe7ee !important; background:#fbfcfd !important; border-radius:10px !important; }
.gr-ulazni-form input:focus, .gr-ulazni-form select:focus, .gr-ulazni-form textarea:focus { border-color:#0F6E56 !important; box-shadow:0 0 0 3px rgba(15,110,86,.11) !important; outline:none; }
.gr-ulazni-form .gr-form-2 { gap:12px; }
.gr-ulazni-form .gr-btn { min-height:44px; border-radius:10px !important; }
.gr-ulazni-form > div:last-child { padding-top:4px; }
@media (max-width:600px) { .gr-ulazni-form { padding:14px !important; } .gr-ulazni-form-subtitle { flex-basis:100%; margin-left:40px; margin-top:-5px; } }
.gr-week-day-card { overflow:hidden; border:1px solid #e1e8ee !important; border-radius:12px !important; transition:box-shadow .18s ease, border-color .18s ease, max-height .18s ease; }
.gr-week-day-card:not(.is-open) { min-height:58px; }
.gr-week-day-card.is-open { border-color:#d4b56a !important; box-shadow:0 7px 18px rgba(32,48,71,.09) !important; }
.gr-week-day-card.is-today { border-top:3px solid #c8922a !important; }
.gr-week-day-actions { display:flex; gap:8px; margin-top:12px; padding-top:10px; border-top:1px solid #edf1f4; }
.gr-week-day-actions button { flex:1; min-height:36px; border:1px solid #dfe7ee; border-radius:9px; background:#fff; color:#526273; font-size:12px; font-weight:800; cursor:pointer; }
.gr-week-day-actions button:first-child { color:#4b83c8; border-color:#b9d0ea; }
.gr-week-day-actions button:nth-child(2) { color:#2f9f67; border-color:#b8dfc9; }
.gr-week-day-actions button:nth-child(3) { color:#c8922a; border-color:#e6cf9e; }
@media (max-width:600px) { .gr-week-title { font-size:21px; } .gr-week-day-actions { flex-direction:column; } }
@media (max-width:600px) { .calendar-event-overlay { align-items:flex-end; padding:0; } .calendar-event-modal { max-height:92vh; border-radius:16px 16px 0 0; } }
.gr-my-task-form-label { margin:0 0 6px; color:#758493; font-size:12px; font-weight:700; }
.gr-my-task-form-switch { display:flex; gap:7px; margin-bottom:8px; }
.gr-my-task-form-switch button, .gr-my-task-form-chips button, .gr-my-task-priorities button { display:inline-flex; align-items:center; gap:5px; border:1px solid #dfe7ee; border-radius:10px; padding:6px 10px; background:#fff; color:#526273; font-size:12px; font-weight:700; cursor:pointer; }
.gr-my-task-form-switch button.active, .gr-my-task-form-chips button.selected, .gr-my-task-priorities button.selected { background:#c8922a; border-color:#c8922a; color:#fff; }
.gr-my-task-form-switch .modul-vizual { width:22px; height:22px; }
.gr-my-task-form-chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.gr-my-task-form-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:10px; align-items:start; }
.gr-my-task-priorities { display:flex; flex-wrap:wrap; gap:5px; }
.gr-my-task-priorities button.selected { background:var(--priority,#c8922a); border-color:var(--priority,#c8922a); }
.gr-my-task-form-actions { display:flex; gap:8px; margin-top:4px; }
.gr-my-task-details, .gr-my-task-subtask input { width:100%; box-sizing:border-box; padding:10px 12px; margin:0 0 12px; border:1.5px solid #dfe7ee; border-radius:10px; background:#fff; color:#203047; font:inherit; resize:vertical; }
.gr-my-task-details:focus, .gr-my-task-subtask input:focus { border-color:#c8922a; box-shadow:0 0 0 3px rgba(200,146,42,.12); outline:none; }
.gr-my-task-image { margin:0 0 12px; }
.gr-my-task-image > button { display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border:1px solid #dfe7ee; border-radius:9px; background:#fff; color:#526273; font-weight:700; font-size:12px; cursor:pointer; }
.gr-my-task-image-preview { display:flex; align-items:flex-start; gap:8px; }
.gr-my-task-image-preview img { max-width:180px; max-height:110px; border:1px solid #dfe7ee; border-radius:10px; object-fit:cover; }
@media (max-width:700px) { .gr-my-task-form-grid { grid-template-columns:1fr; } }
.calendar-tab-label { display:inline-flex; align-items:center; gap:6px; }
.calendar-period-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; color:#203047; font-size:18px; }
.calendar-nav { width:38px; height:38px; border:1px solid #dfe7ee; border-radius:11px; background:#fff; color:#c8922a; font-size:25px; line-height:1; cursor:pointer; box-shadow:0 2px 7px rgba(32,48,71,.06); }
.calendar-year-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.calendar-year-grid button { min-height:106px; padding:12px; border:1px solid #dfe7ee; border-radius:12px; background:#fff; text-align:left; cursor:pointer; color:#203047; box-shadow:0 2px 8px rgba(32,48,71,.05); }
.calendar-year-grid button:hover { border-color:#c8922a; transform:translateY(-1px); }
.calendar-year-grid span { display:block; font-weight:800; font-size:15px; }
.calendar-year-grid b { display:block; margin-top:9px; color:#c8922a; font-size:12px; }
.calendar-year-grid small { display:block; margin-top:4px; color:#8a98a6; font-size:11px; }
.calendar-week-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; }
.calendar-week-grid button { min-height:110px; padding:10px 7px; border:1px solid #dfe7ee; border-radius:12px; background:#fff; color:#203047; cursor:pointer; text-align:left; }
.calendar-week-grid button.today { border:2px solid #c8922a; background:#fffaf0; }
.calendar-week-grid b,.calendar-week-grid strong,.calendar-week-grid span { display:block; }
.calendar-week-grid b { color:#758493; font-size:11px; text-transform:capitalize; }
.calendar-week-grid strong { font-size:22px; margin:8px 0; }
.calendar-week-grid span { color:#758493; font-size:11px; }
.calendar-day-actions { display:flex; gap:8px; margin-bottom:12px; }
.calendar-day-actions button { flex:1; padding:10px 12px; border:0; border-radius:10px; background:#c8922a; color:#fff; font-weight:800; cursor:pointer; }
.calendar-day-actions button+button { background:#4a7fc1; }
.calendar-day-actions .calendar-hours-action { background:#3cad70; }
@media (max-width:700px) { .calendar-day-actions { flex-wrap:wrap; } .calendar-day-actions button { min-width:calc(50% - 4px); } .calendar-day-actions .calendar-hours-action { min-width:100%; } }
.calendar-hour-row { display:grid; grid-template-columns:58px minmax(0,1fr); min-height:52px; border-top:1px solid #e5ebef; }
.calendar-hour-row > span { padding:12px 8px 0 0; color:#8a98a6; font-size:11px; text-align:right; }
.calendar-hour-row > div { min-height:52px; padding:5px 0 5px 10px; border-left:1px solid #e5ebef; }
.calendar-event-pill,.calendar-task-pill { display:flex; flex-direction:column; gap:2px; margin-bottom:4px; padding:7px 9px; border-radius:8px; color:#fff; font-size:12px; }
.calendar-event-pill small,.calendar-task-pill small { opacity:.85; font-size:10px; }
.calendar-task-pill { background:#4a7fc1; }
.gr-worker-calendar .gr-kal-dan { transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,filter 180ms ease; }
.gr-worker-calendar .gr-kal-dan:hover { transform:translateY(-2px); border-color:#c8922a !important; box-shadow:0 5px 12px rgba(32,48,71,.12); filter:saturate(1.04); position:relative; z-index:1; }
.gr-worker-calendar .gr-kal-dan:active { transform:translateY(0); }
.gr-worker-calendar .gr-kal-dan[style*="cursor: default"] { pointer-events:none; }
.gr-vehicle-page .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-vehicle-page .gr-module-title .modul-vizual { width:38px !important; height:38px !important; }
.gr-vehicle-card { border:1px solid #dfe7ee !important; background:#fff !important; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease !important; cursor:pointer; }
.gr-vehicle-card:hover { transform:translateY(-3px); border-color:#b9c9d6 !important; box-shadow:0 8px 18px rgba(32,48,71,.12) !important; }
.gr-vehicle-icon,.gr-vehicle-hero-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:14px; background:#eef2f8; }
.gr-vehicle-icon { width:48px; height:48px; }
.gr-vehicle-icon.is-warning { background:#fdecec; }
.gr-vehicle-icon .modul-vizual { width:38px !important; height:38px !important; }
.gr-vehicle-hero { display:flex; align-items:center; gap:14px; margin-bottom:18px; padding:15px 16px; border:1px solid #dfe7ee; border-radius:15px; background:#fff; box-shadow:0 3px 10px rgba(32,48,71,.06); }
.gr-vehicle-hero-icon { width:62px; height:62px; background:#eef2f8; }
.gr-vehicle-hero-icon .modul-vizual { width:50px !important; height:50px !important; }
.gr-vehicle-hero-title { font-size:21px; font-weight:900; color:#203047; }
.gr-financije-page .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-financije-page .gr-module-title .modul-vizual { width:38px !important; height:38px !important; }
.gr-finance-net { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.08); box-shadow:0 8px 18px rgba(32,48,71,.16); }
.gr-finance-net:after { content:""; position:absolute; right:-38px; top:-62px; width:180px; height:180px; border:24px solid rgba(255,255,255,.06); border-radius:50%; pointer-events:none; }
.gr-finance-section { border:1px solid #dfe7ee !important; background:#fff !important; box-shadow:0 3px 10px rgba(32,48,71,.055) !important; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease !important; }
.gr-finance-section:hover { transform:translateY(-2px); border-color:#c8d5df !important; box-shadow:0 8px 17px rgba(32,48,71,.10) !important; }
.gr-finance-cash-input { transition:border-color 150ms ease,box-shadow 150ms ease; }
.gr-finance-cash-input:focus { border-color:#c8922a !important; box-shadow:0 0 0 3px rgba(200,146,42,.14); outline:none; }
.gr-finance-cash-save { transition:transform 150ms ease,filter 150ms ease; }
.gr-finance-cash-save:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(.96); }
.gr-suppliers-page .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-suppliers-page .gr-module-title .modul-vizual { width:38px !important; height:38px !important; }
.gr-supplier-card { border:1px solid #dfe7ee !important; background:#fff !important; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease !important; }
.gr-supplier-card:hover { transform:translateY(-2px); border-color:#c8d5df !important; box-shadow:0 7px 16px rgba(32,48,71,.10) !important; }
.gr-tools-page .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-tools-page .gr-module-title .modul-vizual { width:38px !important; height:38px !important; }
.gr-tool-card { border:1px solid #dfe7ee !important; background:#fff !important; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease !important; }
.gr-tool-card:hover { transform:translateY(-2px); border-color:#c8d5df !important; box-shadow:0 7px 16px rgba(32,48,71,.10) !important; }
.gr-tool-icon,.gr-tool-hero-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:14px; background:#fff3e0; }
.gr-tool-icon { width:48px; height:48px; }
.gr-tool-icon .modul-vizual { width:38px !important; height:38px !important; }
.gr-tool-hero-icon { width:62px; height:62px; }
.gr-tool-hero-icon .modul-vizual { width:50px !important; height:50px !important; }
.gr-worker-tab-label { display:inline-flex; align-items:center; gap:5px; }
.gr-worker-tab-label .ti { opacity:.9; }
.gr-machines-page .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-machines-page .gr-module-title .modul-vizual { width:38px !important; height:38px !important; }
.gr-machine-hero { display:flex; align-items:center; gap:14px; margin-bottom:18px; padding:15px 16px; border:1px solid #dfe7ee; border-radius:15px; background:#fff; box-shadow:0 3px 10px rgba(32,48,71,.06); }
.gr-machine-hero-icon { width:62px; height:62px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:14px; background:#79554822; }
.gr-machine-hero-icon .modul-vizual { width:50px !important; height:50px !important; }
.gr-machine-hero-title { font-size:21px; font-weight:900; color:#203047; }
.gr-machine-card { border:1px solid #dfe7ee !important; background:#fff !important; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease !important; }
.gr-machine-card:hover { transform:translateY(-2px); border-color:#c8d5df !important; box-shadow:0 7px 16px rgba(32,48,71,.10) !important; }
.gr-machine-icon { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:14px; background:#79554822; }
.gr-machine-icon.is-warning { background:#fdecec; }
.gr-machine-icon .modul-vizual { width:38px !important; height:38px !important; }
.gr-machine-detail-page .gr-machine-hero { margin-bottom:14px; }
.gr-machine-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.gr-machine-status-btn { min-height:42px; border:1px solid #dfe7ee; border-radius:12px; background:#fff; color:#203047; font-weight:800; font-size:12px; cursor:pointer; transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease,border-color 160ms ease; }
.gr-machine-status-btn:hover { transform:translateY(-1px); box-shadow:0 5px 12px rgba(32,48,71,.09); border-color:#c6d4df; }
.gr-machine-status-btn.is-active { background:var(--machine-status); border-color:var(--machine-status); color:#fff; box-shadow:0 5px 12px rgba(32,48,71,.12); }
.gr-machine-info-card { border:1px solid #dfe7ee !important; box-shadow:0 3px 10px rgba(32,48,71,.05) !important; }
.gr-machine-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0 9px; padding:12px 14px; border:1px solid #dfe7ee; border-radius:14px; background:#fff; }
.gr-machine-section-title { display:inline-flex; align-items:center; gap:7px; color:#203047; font-size:14px; font-weight:900; }
.gr-machine-section-title .ti { color:#795548; }
.gr-machine-section-subtitle { margin-top:3px; color:#8190a0; font-size:11px; }
.gr-machine-add-btn { display:inline-flex; align-items:center; gap:5px; border:0; border-radius:10px; padding:8px 11px; background:#795548; color:#fff; font-weight:800; font-size:11px; cursor:pointer; transition:transform 160ms ease,box-shadow 160ms ease; }
.gr-machine-add-btn:hover { transform:translateY(-1px); box-shadow:0 5px 12px rgba(121,85,72,.24); }
.gr-machine-form { box-shadow:0 4px 12px rgba(121,85,72,.10) !important; }
.gr-machine-history-title { display:flex; justify-content:space-between; align-items:center; margin:16px 0 8px; color:#203047; font-size:14px; font-weight:900; }
.gr-machine-history-title span { display:inline-flex; align-items:center; gap:7px; }
.gr-machine-history-title .ti { color:#795548; }
.gr-machine-history-title b { min-width:23px; padding:3px 7px; border-radius:10px; background:#efebe9; color:#795548; text-align:center; font-size:11px; }
.gr-machine-history-card { border:1px solid #dfe7ee !important; transition:transform 160ms ease,box-shadow 160ms ease; }
.gr-machine-history-card:hover { transform:translateY(-1px); box-shadow:0 5px 12px rgba(32,48,71,.08) !important; }
.gr-machine-action { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; min-height:44px; margin-top:10px; border-radius:12px; font-weight:800; font-size:13px; cursor:pointer; transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease; }
.gr-machine-action:hover { transform:translateY(-1px); box-shadow:0 5px 12px rgba(32,48,71,.10); }
.gr-machine-action-edit { border:1px solid #d9c3b8; background:#efebe9; color:#795548; }
.gr-machine-action-delete { border:1.5px solid #ef5350; background:#fff; color:#e53935; }
.gr-machine-edit-form { background:linear-gradient(180deg,#f4efed 0%,#fff 28%) !important; }
.gr-machine-form-title { display:flex; align-items:center; gap:11px; margin:-2px 0 16px; padding-bottom:13px; border-bottom:1px solid #e3d8d3; color:#795548; }
.gr-machine-form-title-icon { width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:#fff; box-shadow:0 3px 9px rgba(121,85,72,.12); }
.gr-machine-form-title-icon .modul-vizual { width:34px !important; height:34px !important; }
.gr-machine-form-title b { display:block; font-size:16px; }
.gr-machine-form-title small { display:block; margin-top:3px; color:#8a7a73; font-size:11px; font-weight:500; }
.gr-machine-field-label { margin-bottom:6px; color:#657486; font-size:12px; font-weight:700; }
.gr-machine-type-field { margin:2px 0 14px; }
.gr-machine-type-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.gr-machine-type-option { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:7px 8px; border:1px solid #e0e5ea; border-radius:11px; background:#fff; color:#526171; font-size:11px; font-weight:800; cursor:pointer; transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease,background 160ms ease,color 160ms ease; }
.gr-machine-type-option:hover { transform:translateY(-1px); border-color:#cbb3a8; box-shadow:0 4px 10px rgba(32,48,71,.08); }
.gr-machine-type-option .ti { color:#795548; }
.gr-machine-type-option.is-active { border-color:#795548; background:#795548; color:#fff; box-shadow:0 4px 10px rgba(121,85,72,.20); }
.gr-machine-type-option.is-active .ti { color:#fff; }
.gr-machine-form-section-title { display:flex; align-items:center; gap:6px; margin:7px 0 8px; color:#795548; font-size:13px; font-weight:900; }
.gr-machine-form-section-title small { color:#8a7a73; font-size:11px; font-weight:600; }
.gr-machine-edit-form select { border-color:#dfe4e9 !important; transition:border-color 160ms ease,box-shadow 160ms ease; }
.gr-machine-edit-form select:focus, .gr-machine-edit-form input:focus, .gr-machine-edit-form textarea:focus { border-color:#b99888 !important; box-shadow:0 0 0 3px rgba(121,85,72,.10) !important; outline:none; }
@media (max-width:640px) { .gr-machine-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .gr-machine-status { grid-template-columns:1fr; } .gr-machine-section-head { align-items:flex-start; } }
.gr-skladiste-page .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-skladiste-page .gr-module-title .modul-vizual { width:38px !important; height:38px !important; }
.gr-skl-category-card { border:1px solid #dfe7ee !important; box-shadow:0 3px 10px rgba(32,48,71,.05) !important; }
.gr-skl-category-heading { display:flex; align-items:center; gap:6px; padding:4px 8px 9px; color:#667586; font-size:11px; font-weight:900; letter-spacing:.6px; text-transform:uppercase; }
.gr-skl-category-heading .ti { color:#1e6fd9; }
.gr-skl-category-row { transition:background 160ms ease,transform 160ms ease,color 160ms ease; }
.gr-skl-category-row > .ti, .gr-skl-category-row span > .ti { margin-right:5px; color:#7d8b99; vertical-align:-2px; }
.gr-skl-category-row:hover { background:#f2f6fb !important; transform:translateX(2px); }
.gr-skl-category-row.is-active { color:#1e6fd9; }
.gr-skl-category-row.is-active > .ti, .gr-skl-category-row.is-active span > .ti { color:#1e6fd9; }
.gr-skl-product-card { border:1px solid #dfe7ee !important; background:#fff !important; transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease !important; }
.gr-skl-product-card:hover { transform:translateY(-2px); border-color:#b9cde2 !important; box-shadow:0 7px 16px rgba(32,48,71,.10) !important; }
.gr-skl-detail-page, .gr-skladiste-detail-page { max-width:100%; }
.gr-skl-product-hero { display:flex; align-items:center; gap:13px; margin-bottom:16px; padding:14px 16px; border:1px solid #dfe7ee; border-radius:15px; background:#fff; box-shadow:0 3px 10px rgba(32,48,71,.05); }
.gr-skl-product-hero-icon { width:56px; height:56px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:#edf4ff; flex-shrink:0; }
.gr-skl-product-hero-title { color:#203047; font-size:21px; font-weight:900; }
.gr-skladiste-detail-page > .gr-card { border:1px solid #dfe7ee !important; box-shadow:0 3px 10px rgba(32,48,71,.05) !important; }
.gr-profil-ostalo-wrap { min-width:0; }
.gr-profil-ostalo-card { position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:112px; padding:14px; border:1px solid #dfe7ee; border-radius:13px; background:#fff; color:#203047; text-align:left; cursor:pointer; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease,background 180ms ease; }
.gr-profil-ostalo-card:hover { transform:translateY(-2px); border-color:#c9b27a; box-shadow:0 8px 18px rgba(32,48,71,.10); }
.gr-profil-ostalo-wrap.active .gr-profil-ostalo-card { border-color:#8a6d1f; background:#fffaf0; box-shadow:0 5px 14px rgba(138,109,31,.12); }
.gr-profil-ostalo-icon { width:58px; height:58px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:15px; background:#f5ecd8; }
.gr-profil-ostalo-icon .modul-vizual { width:46px !important; height:46px !important; }
.gr-profil-ostalo-card > span:nth-child(2) { display:flex; flex-direction:column; gap:4px; }
.gr-profil-ostalo-card b { font-size:13px; }
.gr-profil-ostalo-card small { color:#7d8b99; font-size:11px; }
.gr-profil-ostalo-check { position:absolute; top:10px; right:12px; color:#8a6d1f; font-size:15px !important; }
.gr-profil-ostalo-options { padding:10px 12px; border:1px solid #e4d6b7; border-top:0; border-radius:0 0 12px 12px; background:#fffaf0; }
.gr-profil-ostalo-add { display:flex; gap:6px; margin-top:7px; }
.gr-profil-ostalo-add input { min-width:0; flex:1; padding:9px 10px; border:1px solid #dbcda9; border-radius:9px; background:#fff; font-size:12px; }
.gr-profil-ostalo-add button { width:34px; border:0; border-radius:9px; background:#8a6d1f; color:#fff; font-size:18px; cursor:pointer; }
.gr-profil-ostalo-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.gr-profil-ostalo-tags button { border:1px solid #dbcda9; border-radius:20px; padding:5px 8px; background:#fff; color:#795548; font-size:11px; cursor:pointer; }
.gr-dashboard-projects-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.gr-dashboard-projects-heading > span { color:#8190a0; font-size:12px; font-weight:700; }
.gr-dashboard-projects-toggle { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; margin:4px 0 18px; min-height:42px; border:1px solid #d8c08a; border-radius:12px; background:#fffaf0; color:#8a6d1f; font-size:13px; font-weight:800; cursor:pointer; transition:background 160ms ease,transform 160ms ease,box-shadow 160ms ease; }
.gr-dashboard-projects-toggle:hover { background:#fff4d8; transform:translateY(-1px); box-shadow:0 5px 12px rgba(138,109,31,.12); }
.gr-vehicle-form { background:linear-gradient(180deg,#eef4fa 0%,#fff 30%) !important; }
.gr-vehicle-form-title { display:flex; align-items:center; gap:11px; margin:-2px 0 15px; padding-bottom:13px; border-bottom:1px solid #d7e2ec; color:#285b8f; }
.gr-vehicle-form-title b { display:block; font-size:16px; color:#203047; }
.gr-vehicle-form-title small { display:block; margin-top:3px; color:#7d8b99; font-size:11px; font-weight:500; }
.gr-vehicle-form-icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:13px; background:#fff; box-shadow:0 3px 9px rgba(32,86,130,.12); overflow:hidden; }
.gr-vehicle-form-icon .modul-vizual { width:36px !important; height:36px !important; }
.gr-vehicle-image { width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.gr-vehicle-image-large { width:100%; height:100%; object-fit:cover; border-radius:12px; display:block; }
.gr-vehicle-photo-field { display:flex; align-items:center; gap:12px; margin:0 0 16px; padding:12px; border:1px dashed #b7c9da; border-radius:13px; background:#f8fbfe; }
.gr-vehicle-photo-preview { width:68px; height:54px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:12px; background:#e8f0f8; overflow:hidden; }
.gr-vehicle-photo-field b { display:block; color:#203047; font-size:13px; }
.gr-vehicle-photo-help { margin:3px 0 8px; color:#7d8b99; font-size:11px; }
.gr-vehicle-photo-btn { display:inline-flex; align-items:center; gap:5px; padding:7px 10px; border:1px solid #8eabc5; border-radius:9px; background:#fff; color:#285b8f; font-size:11px; font-weight:800; cursor:pointer; }
.gr-vehicle-photo-btn:hover { background:#eef4fa; }
.gr-vehicle-hero-icon { overflow:hidden; }
.gr-ponuda-form-actions > button { min-height:44px; }
@media (max-width:680px) { .gr-ponuda-form-actions { flex-wrap:wrap; } .gr-ponuda-form-actions > button { flex:1 1 100% !important; } }
@media (max-width:700px) { .calendar-year-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .calendar-week-grid { gap:4px; } .calendar-week-grid button { min-height:92px; padding:7px 4px; } .calendar-week-grid strong { font-size:18px; } }
.gr-clients-page .gr-module-title { display:inline-flex; align-items:center; gap:8px; }
.gr-clients-page .gr-module-title .modul-vizual { width:38px !important; height:38px !important; }
.gr-client-card { position:relative; border:1px solid #dfe7ee !important; background:#fff !important; transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease !important; }
.gr-client-card:hover { transform:translateY(-2px); border-color:#b9cde2 !important; box-shadow:0 7px 16px rgba(32,48,71,.10) !important; }
.gr-client-avatar { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:14px; }
.gr-client-avatar.is-company { background:#e8f0ff; }
.gr-client-avatar.is-person { background:#fff3e0; }
.gr-client-avatar .ti { font-size:24px; }
.gr-client-finance { min-width:86px; text-align:right; flex-shrink:0; }
.gr-client-arrow { color:#b8860b; font-size:25px; line-height:1; opacity:.65; transition:transform 160ms ease,opacity 160ms ease; }
.gr-client-card:hover .gr-client-arrow { transform:translateX(3px); opacity:1; }
.gr-client-hero { display:flex; align-items:center; gap:14px; margin-bottom:20px; padding:15px 16px; border:1px solid #dfe7ee; border-radius:15px; background:#fff; box-shadow:0 3px 10px rgba(32,48,71,.06); }
.gr-client-hero-icon { width:62px; height:62px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:15px; overflow:hidden; }
.gr-client-hero-icon.is-company { background:#e8f0ff; }
.gr-client-hero-icon.is-person { background:#fff3e0; }
.gr-client-hero-icon .modul-vizual { width:50px !important; height:50px !important; }
.gr-client-form { box-shadow:0 4px 12px rgba(32,48,71,.08) !important; }
.gr-client-form-title { display:flex; align-items:center; gap:11px; margin:-2px 0 16px; padding-bottom:13px; border-bottom:1px solid #e1e8ef; color:#203047; }
.gr-client-form-title-icon { width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:#e8f0ff; }
.gr-client-form-icon { width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:#e8f0ff; box-shadow:0 3px 9px rgba(32,86,130,.10); }
.gr-client-form-icon .modul-vizual { width:34px !important; height:34px !important; }
.gr-client-form-title b { display:block; font-size:16px; }
.gr-client-form-title small { display:block; margin-top:3px; color:#7d8b99; font-size:11px; font-weight:500; }
@media (max-width:620px) { .gr-client-finance { min-width:74px; } .gr-client-card > div { gap:8px !important; } .gr-client-avatar { width:44px; height:44px; } }
.gr-skl-page {}
.gr-skl-products { min-width:0; }
.gr-skl-products-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; padding:0 2px; color:#203047; }
.gr-skl-products-head b { display:block; font-size:16px; }
.gr-skl-products-head span { display:block; margin-top:3px; color:#8190a0; font-size:11px; }
.gr-skl-products-head .gr-skl-products-sort { margin:0; color:#8190a0; font-size:11px; }
.gr-skl-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.gr-skl-product-card { overflow:hidden; padding:0 !important; }
.gr-skl-product-image { position:relative; display:flex; align-items:center; justify-content:center; min-height:145px; background:linear-gradient(135deg,#f5f8fb,#eaf1f7); overflow:hidden; }
.gr-skl-product-image img { width:100%; height:145px; object-fit:cover; display:block; }
.gr-skl-stock-alert { position:absolute; top:9px; right:9px; padding:4px 7px; border-radius:20px; background:#fff3e0; color:#e65100; font-size:10px; font-weight:800; }
.gr-skl-product-body { padding:11px 12px 12px; }
.gr-skl-product-category { overflow:hidden; color:#8190a0; font-size:10px; font-weight:800; letter-spacing:.3px; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.gr-skl-product-name { margin-top:4px; overflow:hidden; color:#203047; font-size:14px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.gr-skl-product-meta { display:flex; justify-content:space-between; gap:8px; margin-top:8px; color:#657486; font-size:11px; }
.gr-skl-product-meta span:last-child { color:#2e8b57; font-weight:800; }
.gr-skl-product-meta span:last-child.is-low { color:#e65100; }
.gr-skl-product-bottom { display:flex; align-items:baseline; gap:4px; margin-top:12px; padding-top:9px; border-top:1px solid #edf1f4; color:#8190a0; font-size:10px; }
.gr-skl-product-bottom strong { color:#8a6d1f; font-size:16px; }
.gr-skl-product-arrow { margin-left:auto; color:#c8922a; font-size:22px; line-height:12px; }
.gr-skl-form-title { display:flex; align-items:center; gap:10px; margin:-2px 0 14px; padding-bottom:12px; border-bottom:1px solid #ead9b1; color:#8a6d1f; }
.gr-skl-form-title b { display:block; color:#8a6d1f; font-size:16px; }
.gr-skl-form-title small { display:block; margin-top:3px; color:#9a8d73; font-size:11px; }
.gr-skl-form-icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:#fffaf0; }
.gr-skl-photo-field { display:flex; align-items:center; gap:10px; margin-bottom:14px; padding:9px; border:1px dashed #d8c08a; border-radius:12px; background:#fffaf0; }
.gr-skl-photo-preview { display:flex; align-items:center; justify-content:center; width:58px; height:52px; flex-shrink:0; overflow:hidden; border-radius:9px; background:#f4ead3; }
.gr-skl-photo-preview img { width:100%; height:100%; object-fit:cover; }
.gr-skl-photo-field b { display:block; color:#5e5135; font-size:11px; }
.gr-skl-photo-field small { display:block; margin:3px 0 6px; color:#9a8d73; font-size:10px; }
.gr-skl-photo-btn { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid #d8c08a; border-radius:8px; background:#fff; color:#8a6d1f; font-size:10px; font-weight:800; cursor:pointer; }
.gr-skl-photo-btn input { display:none; }
@media (max-width:760px) { .gr-skl-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .gr-skl-product-image,.gr-skl-product-image img { min-height:112px; height:112px; } .gr-skl-product-body { padding:9px; } .gr-skl-product-meta { display:block; line-height:1.5; } .gr-skl-products-head .gr-skl-products-sort { display:none; } }
@media (max-width:430px) { .gr-skl-product-grid { grid-template-columns:1fr; } }
.gr-racuni-expense-filter { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:-2px 0 14px; padding:9px 11px; border:1px solid #dfe7ee; border-radius:12px; background:#f8fbfe; }
.gr-racuni-expense-filter-label { color:#657486; font-size:11px; font-weight:800; }
.gr-racuni-expense-filter select { min-width:190px; padding:7px 10px; border:1px solid #d3dee8; border-radius:9px; background:#fff; color:#203047; font-size:12px; font-weight:700; }
.gr-racuni-expense-filter-note { color:#8190a0; font-size:11px; }
.gr-racuni-expense-badge { display:inline-block; padding:4px 8px; border-radius:20px; background:#fff7e6; color:#8a6d1f; font-size:11px; font-weight:800; }
.gr-racuni-mobile-expense { display:flex; align-items:center; gap:5px; margin-top:5px; color:#8190a0; font-size:11px; }
.gr-racuni-mobile-expense b { color:#8a6d1f; font-weight:800; }
.gr-profil-podopcija.is-other { margin-top:4px; padding-top:6px; border-top:1px dashed color-mix(in srgb,var(--service-color) 35%,#dfe7ee); color:var(--service-color); font-weight:800; }
.gr-racuni-table { table-layout:fixed; }
@media (min-width:768px) and (max-width:1200px) {
  .gr-racuni-table .gr-racuni-project-col { display:none; }
  .gr-racuni-table th,.gr-racuni-table td { overflow:hidden; }
  .gr-racuni-table th:nth-child(1),.gr-racuni-table td:nth-child(1) { width:82px; }
  .gr-racuni-table th:nth-child(2),.gr-racuni-table td:nth-child(2) { width:112px; }
  .gr-racuni-table th:nth-child(3),.gr-racuni-table td:nth-child(3) { width:160px; }
  .gr-racuni-table th:nth-child(4),.gr-racuni-table td:nth-child(4) { width:104px; }
  .gr-racuni-table th:nth-child(5),.gr-racuni-table td:nth-child(5) { width:78px; }
  .gr-racuni-table th:nth-child(6),.gr-racuni-table td:nth-child(6) { width:90px; }
  .gr-racuni-table th:nth-child(7),.gr-racuni-table td:nth-child(7) { width:76px; }
  .gr-racuni-table th:last-child,.gr-racuni-table td:last-child { width:112px; }
}
.gr-upiti-intro{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px 15px;border:1px solid #e5e9ef;border-radius:14px;background:#fff}.gr-upiti-title-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f1eafa;color:#6A1B9A;font-size:22px}.gr-upiti-intro b{display:block;font-size:14px;color:#20324d}.gr-upiti-intro span{display:block;margin-top:3px;font-size:12px;color:#8793a2}.gr-upiti-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.gr-upiti-toolbar>*:first-child{flex:1;min-width:240px}.gr-upiti-list{display:grid;gap:10px}.gr-upiti-card{display:flex;align-items:center;gap:13px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;border:1px solid transparent}.gr-upiti-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(35,55,80,.1);border-color:#d8c2ef}.gr-upiti-card-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#f5effa;color:#6A1B9A;font-size:20px}.gr-upiti-card-body{min-width:0;flex:1}.gr-upiti-card-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.gr-upiti-card-top b{font-size:13px;color:#20324d}.gr-upiti-card strong{display:block;margin-top:5px;font-size:14px;color:#23344f}.gr-upiti-card p{overflow:hidden;margin:4px 0 7px;color:#7f8997;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.gr-upit-status{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.gr-upiti-card-foot{display:flex;gap:12px;color:#9aa3ad;font-size:11px}.gr-upiti-arrow{color:#9aa3ad}.gr-upiti-empty{display:flex;align-items:center;flex-direction:column;gap:7px;padding:42px 20px;text-align:center;color:#8c97a4}.gr-upiti-empty svg{font-size:34px;color:#c6cdd5}.gr-upiti-empty b{color:#46566c}.gr-upit-detail{max-width:760px}.gr-upit-detail-head{display:flex;align-items:center;gap:13px}.gr-upit-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#f1eafa;color:#6A1B9A;font-size:24px}.gr-upit-detail h2{margin:0;color:#20324d;font-size:19px}.gr-upit-meta{margin-top:4px;color:#8a95a3;font-size:12px}.gr-upit-detail-status{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px;padding-top:14px;border-top:1px solid #edf0f3;color:#687586;font-size:12px;font-weight:700}.gr-upit-detail-status select{padding:8px 10px;border:1px solid #dce2e8;border-radius:9px;background:#fff;color:#3a4655;font:inherit}.gr-upit-detail-label{display:inline-block;margin-bottom:14px;padding:5px 9px;border-radius:999px;background:#f1eafa;color:#6A1B9A;font-size:11px;font-weight:800}.gr-upit-message{padding:15px;border-radius:12px;background:#f7f9fb;color:#35445a;font-size:14px;line-height:1.6;white-space:pre-wrap}.gr-upit-contact{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid #edf0f3;color:#687586;font-size:12px}.gr-upit-contact b{color:#35445a}@media(max-width:760px){.gr-upiti-card-top{align-items:flex-start;flex-direction:column;gap:5px}.gr-upiti-toolbar>*:first-child{min-width:100%}}
.gr-trosak-tipovi{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px;padding:2px 0 5px}.gr-trosak-tip-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 12px;border:1px solid #e3e8ee;border-radius:999px;background:#fff;color:#4a5869;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.gr-trosak-tip-chip svg{font-size:15px;color:#8290a0}.gr-trosak-tip-chip:hover{transform:translateY(-1px);border-color:#c9b27a}.gr-trosak-tip-chip.active{border-color:#e05050;background:#e05050;color:#fff}.gr-trosak-tip-chip.active svg{color:#fff}.gr-trosak-project-filter{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;border:1px solid #dfe7ee;border-radius:12px;background:#f8fbfe;color:#657486;font-size:12px;font-weight:800}.gr-trosak-project-filter svg{color:#4A7FC1;font-size:17px}.gr-trosak-project-filter select{min-width:220px;padding:7px 10px;border:1px solid #d3dee8;border-radius:9px;background:#fff;color:#203047;font:inherit;font-weight:700}.gr-trosak-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.gr-trosak-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(32,48,71,.09)}.gr-trosak-kind-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;font-size:19px}.gr-trosak-kind-icon svg{display:block}@media(max-width:640px){.gr-trosak-project-filter{align-items:flex-start;flex-wrap:wrap}.gr-trosak-project-filter select{width:100%;min-width:0}.gr-trosak-kind-icon{width:34px;height:34px;font-size:17px}}
.gr-graditelj-widget{position:relative;overflow:hidden;margin-bottom:14px;padding:13px 14px 14px;border:1px solid #e4d6b7;border-radius:14px;background:linear-gradient(135deg,#fffaf0 0%,#fff 72%);box-shadow:0 4px 14px rgba(32,48,71,.06)}.gr-graditelj-figure{position:absolute;right:11px;top:10px;display:flex;align-items:flex-end;gap:4px}.gr-graditelj-person{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#f5e6cc;font-size:25px;box-shadow:0 3px 8px rgba(138,109,31,.16)}.gr-graditelj-bubble{max-width:105px;padding:6px 8px;border:1px solid #ead8b2;border-radius:10px 10px 3px 10px;background:#fff;color:#795548;font-size:10px;font-weight:800;line-height:1.15}.gr-graditelj-head{display:flex;align-items:flex-start;justify-content:space-between;padding-right:78px;margin-bottom:10px}.gr-graditelj-head b{display:block;color:#20324d;font-size:13px}.gr-graditelj-head span:not(.gr-graditelj-dot){display:block;margin-top:3px;color:#8b96a4;font-size:11px}.gr-graditelj-dot{color:#3DAA6A;font-size:13px;line-height:1}.gr-graditelj-widget textarea{display:block;width:100%;min-height:62px;box-sizing:border-box;resize:vertical;padding:9px 10px;border:1px solid #eadfca;border-radius:10px;background:#fff;color:#35445a;font:inherit;font-size:12px;outline:none}.gr-graditelj-widget textarea:focus{border-color:#c8922a;box-shadow:0 0 0 3px rgba(200,146,42,.12)}.gr-graditelj-widget>button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px;padding:9px 11px;border:0;border-radius:10px;background:#c8922a;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.gr-graditelj-widget>button:disabled{cursor:default;opacity:.5}.gr-graditelj-feedback{margin-top:7px;color:#3daa6a;font-size:11px;font-weight:700}
.gr-my-profile-photo{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px;border:1px solid #dfe7ee;border-radius:13px;background:#f8fbfe}.gr-my-profile-photo-preview{display:grid;place-items:center;overflow:hidden;width:74px;height:74px;flex:0 0 auto;border-radius:18px;background:#e7f0fa}.gr-my-profile-photo-preview img{width:100%;height:100%;object-fit:cover}.gr-my-profile-photo-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.gr-my-profile-photo-copy b{color:#203047;font-size:13px}.gr-my-profile-photo-copy span{color:#7f8c9b;font-size:11px}.gr-my-profile-photo-copy button{margin-top:4px;padding:7px 10px;border:1px solid #c9d8e7;border-radius:9px;background:#fff;color:#4A7FC1;font-size:12px;font-weight:800;cursor:pointer}.gr-my-profile-photo-copy button:disabled{opacity:.55;cursor:default}@media(max-width:520px){.gr-my-profile-photo{align-items:flex-start;flex-direction:column}.gr-my-profile-photo-copy{width:100%}}