:root{font-family:Arial,Helvetica,sans-serif;color:#18332b;background:#f3f5f3;font-size:16px;line-height:1.5;--green:#168351;--border:#d6dfda}*{box-sizing:border-box}body{margin:0}.demo{background:#f9e8ae;color:#493915;padding:9px 24px;text-align:center;font-size:.82rem;font-weight:bold}header{padding:30px 36px;display:flex;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--border)}h1,h2,h3,p{margin:0}h1{font-size:2rem;letter-spacing:-.7px}h2{font-size:1.2rem}h3{font-size:1.4rem;line-height:1.25}.eyebrow{font-size:.72rem;letter-spacing:1.6px;font-weight:800;color:#47705b}header p{color:#617169;margin-top:4px}label{display:block;font-size:.8rem;font-weight:bold}input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;background:#fff;color:#18332b;border:1px solid #aebeb4;border-radius:7px;font:inherit;font-size:1rem}textarea{resize:vertical;min-height:140px;line-height:1.6}button{font:inherit;font-weight:bold;cursor:pointer;border:1px solid #0f6a40;border-radius:7px;padding:10px 16px;background:#168351;color:#fff;box-shadow:0 3px 0 #0b5432;line-height:1.3;min-height:44px}button:active{transform:translateY(2px);box-shadow:0 1px 0 #0b5432}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:white;color:#264838;border-color:#c2cfc5;box-shadow:0 3px 0 #ced7d0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dfae30;outline-offset:3px}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1680px;margin:auto}aside{padding:30px 22px;border-right:1px solid var(--border)}aside h2{font-size:.8rem;text-transform:uppercase;color:#617169;margin-bottom:15px}nav{display:grid;gap:10px}nav button{text-align:left}.aside-note{margin:38px 0 24px;padding:16px;background:#e6ece7;border-radius:8px;font-size:.85rem}.aside-note p{margin-top:6px}.muted{color:#617169;font-size:.86rem}#role-info{margin-top:16px}main{padding:28px 30px;min-width:0}.overview{display:flex;align-items:center;justify-content:space-between;gap:20px}.counts{font-size:.9rem;color:#617169;text-align:right}.counts strong{color:#18332b}.filters{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px;margin:22px 0}.inbox{display:grid;grid-template-columns:minmax(235px,.85fr) minmax(0,1.6fr);border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.list-panel{border-right:1px solid var(--border);background:#fafbf9}.thread{display:block;width:100%;text-align:left;padding:22px;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;background:transparent;color:#18332b;font-weight:normal}.thread.selected{background:#eaf4ee;box-shadow:inset 4px 0 #168351}.thread strong{display:block;font-size:1rem;margin:10px 0 8px}.thread small{display:block;color:#617169}.badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.brand,.badge{display:inline-block;border-radius:5px;padding:3px 7px;font-size:.67rem;font-weight:800;letter-spacing:.5px}.brand{background:#d9eee2;color:#165c37}.brand.dawell{background:#fee3cc;color:#8d3d08}.badge{background:#eef0ee;color:#536457}.detail{padding:26px;min-width:0}.detail-head{border-bottom:1px solid var(--border);padding-bottom:20px}.detail-head h3{margin:12px 0 8px}.detail-meta{font-size:.82rem;color:#617169;overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:18px}.actions label{flex:1;min-width:130px}.messages{display:grid;gap:14px;padding:22px 0}.message{border:1px solid #dbe4de;border-radius:9px;padding:16px}.message.reply{background:#eff8f2;border-color:#c2e0ce}.message.note{background:#fff7e1;border-color:#ecdfb4}.message .by{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#617169;margin-bottom:9px}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.compose{border-top:1px solid var(--border);padding-top:20px}.compose .mode{display:flex;gap:9px;margin:12px 0 18px}.mode button{flex:1}.mode .active{background:#168351;color:white;border-color:#0f6a40;box-shadow:0 3px 0 #0b5432}.compose p{margin:10px 0}.compose-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.test-action{margin-top:22px;display:grid;gap:10px}.test-action summary{cursor:pointer;font-size:.86rem;color:#526b5b}.test-action button{margin-top:12px}.notification-panel{margin-top:22px;padding:22px;background:#e9eeea;border-radius:10px}.notification{padding:12px 0;border-bottom:1px solid #ccd6ce;font-size:.9rem}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#18332b;color:#fff;padding:13px 20px;border-radius:8px;box-shadow:0 5px 20px #0002;max-width:90vw;z-index:5}.toast:empty{display:none}.empty{padding:26px;color:#617169}.readonly{background:#f2f4f2;border-radius:8px;padding:15px}.preview{background:#f5faf6;border:2px solid #168351;border-radius:8px;padding:18px;margin-top:18px}.preview p{white-space:pre-wrap;overflow-wrap:anywhere}.preview .actions{margin-top:16px}@media(min-width:1600px){:root{font-size:17px}}@media(max-width:1000px){.workspace{grid-template-columns:170px minmax(0,1fr)}main{padding:20px 16px}.inbox{grid-template-columns:1fr}.list-panel{border-right:0;border-bottom:1px solid var(--border)}#list{max-height:320px;overflow:auto}.thread{padding:16px}.detail{padding:22px}}@media(max-width:600px){header{padding:20px;display:block}header label{margin-top:18px}h1{font-size:1.75rem}.demo{padding:8px 12px;font-size:.72rem}.workspace{display:block}aside{padding:16px;border-right:0;border-bottom:1px solid var(--border)}nav{display:flex;flex-wrap:wrap}nav button{flex:1;text-align:center}.aside-note{margin:15px 0;padding:12px}.aside-note p{display:block}#add-user{width:100%}#role-info{margin-top:10px}.filters{grid-template-columns:1fr}.overview{align-items:start}.counts{font-size:.75rem}.detail{padding:18px}.compose .mode{flex-direction:column}.actions{align-items:stretch}.actions button,.compose-actions button{flex:1}h3{font-size:1.2rem}main{padding:20px 12px}.notification-panel{padding:18px}}

.template-part{background:#f4f7f4;padding:14px;border-radius:8px;margin:15px 0}.template-part textarea{min-height:85px;background:#fff;font-size:.92rem}.question-context{border-left:4px solid #168351;padding:14px 16px;margin:18px 0;background:#eaf4ee}.question-context p{white-space:pre-wrap;overflow-wrap:anywhere}#body{min-height:190px;border:2px solid #46885e;background:#fcfffc}.members{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:24px}.members[hidden]{display:none}.member-card{border-bottom:1px solid var(--border);padding:18px 0}.member-card input{max-width:400px}.members .readonly{margin:20px 0 10px}#manage-users{width:100%;margin-top:14px}.members .overview{flex-wrap:wrap}

.default-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.default-actions button{font-size:.85rem;flex:1}.team-defaults{margin:20px 0;border:1px solid var(--border);border-radius:8px;padding:16px}.team-defaults summary{font-weight:bold;cursor:pointer}.team-defaults label{margin:15px 0}.team-defaults textarea{min-height:100px}@media(max-width:600px){.default-actions{flex-direction:column}}

/* Server-rendered local application */
a{color:#17633e}a.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;min-height:44px;border:1px solid #b8cabc;border-radius:7px;padding:10px 16px;box-shadow:0 3px 0 #ced7d0}a.button:focus-visible,a.thread:focus-visible{outline:3px solid #dfae30;outline-offset:2px}.topnav{display:flex;gap:12px;flex-wrap:wrap;padding:18px 36px;background:white}.wide{max-width:1600px;margin:auto}.narrow{max-width:860px;margin:28px auto;padding:24px}.panel{border:1px solid #d6dfda;border-radius:12px;background:white;padding:24px;margin-bottom:24px}.panel p{margin:14px 0}.panel h3{margin-top:26px}.panel form{margin-top:18px}form label{margin:14px 0}form button{margin:8px 0}.filters{grid-template-columns:minmax(0,1fr) 250px auto;align-items:end}.filters label{margin:0}.thread{text-decoration:none}.thread.selected{background:#eaf4ee}.inline{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.inline label{margin:0}.notice,.errors{max-width:1500px;margin:18px auto;padding:16px 24px;border-radius:8px;background:#e6f5eb;color:#175634;overflow-wrap:anywhere}.errors{background:#fff0eb;color:#9b321b}.note-box{margin-top:30px}.note-box summary{cursor:pointer;font-weight:700}.preview p{margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}.answer{border:2px solid #46885e;background:#fcfffc}.template-part textarea{min-height:80px}.pager{padding:12px}footer{padding:24px;text-align:center;color:#617169;font-size:.85rem}.detail-meta,.panel p{overflow-wrap:anywhere}.list-panel{min-width:0}header form{margin-top:10px}h2{font-size:1.45rem;line-height:1.3}input[type=hidden]{display:none}
@media(max-width:650px){.topnav{padding:16px;gap:10px}.topnav a{flex:1}.narrow{margin:16px 12px;padding:18px}.filters{grid-template-columns:1fr}.panel{padding:18px}.notice,.errors{margin:12px}.inline{display:block}.inline button{width:100%}.actions{display:flex;flex-direction:column;align-items:stretch}.actions form,.actions button,.actions a{width:100%}.inbox{grid-template-columns:1fr}.list-panel{max-height:310px;overflow:auto}header p{font-size:.95rem}}

/* Lokalna dodatna potvrda prijave */
.auth-qr{display:block;max-width:100%;height:auto;margin:24px auto;background:white}.auth-help{margin:24px 0;padding:18px;border:1px solid #c7d7ce;border-radius:10px}.auth-help summary{cursor:pointer;font-weight:700;line-height:1.5}.auth-help form{margin-top:18px}.recovery-codes{list-style:none;padding:0;display:grid;gap:10px}.recovery-codes li{padding:12px;background:#eff6f1;border:1px solid #ccdcd2;border-radius:6px}.recovery-codes code{font-size:14px;overflow-wrap:anywhere;user-select:all}.auth-check{display:flex;align-items:flex-start;gap:12px}.auth-check input{width:auto;margin-top:5px}.narrow ol{padding-left:24px;line-height:1.7}.narrow form+form{margin-top:16px}

/* Saradnja uz upite */
.notification-count{display:inline-block;min-width:24px;padding:1px 6px;border-radius:20px;background:#d9eee2;text-align:center}.message.internal,.message.internal_reply,.activity-card.internal,.activity-card.internal_reply{background:#fff9e9;border-color:#dcc98c}.message.internal{border-left:4px solid #ac801b}.internal-meta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;font-size:.85rem}.badge.waiting{background:#f8e6b7;color:#70530e}.badge.resolved{background:#d9eee2;color:#165c37}.internal-reply{margin-top:18px}.internal-reply summary{cursor:pointer;font-weight:700}.internal-reply .muted{white-space:normal}.resolve-form{margin-top:12px}.collaboration-compose{background:#fffdf5;border:1px solid #ddce9e}.collaboration-compose h2{margin-top:5px}.recipient-options{border:1px solid #c8d3cb;border-radius:8px;margin:16px 0;padding:14px;display:flex;flex-wrap:wrap;gap:10px 20px}.recipient-options legend{font-size:.85rem}.recipient-options label{display:flex;align-items:center;gap:8px;margin:0;font-size:.9rem}.recipient-options input{width:20px;height:20px;margin:0}.page-intro{margin:14px 0 24px;max-width:850px}.notification-filter{margin-bottom:24px}.activity-list{display:grid;gap:18px;max-width:1160px}.activity-list .panel{margin-bottom:0}.activity-list h3{font-size:1.18rem;margin-top:14px;overflow-wrap:anywhere}.activity-body{white-space:pre-wrap;overflow-wrap:anywhere}.unread-card{border-left:5px solid #168351}.all-message-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;padding:22px;background:white;border:1px solid #d6dfda;border-radius:10px;margin:22px 0}.all-message-filters label{margin:0}.all-message-filters .actions{grid-column:span 2;margin:0}.context-link{display:inline-block;margin-bottom:10px;color:#635014;font-weight:bold;text-underline-offset:3px}.message:target{outline:3px solid #b78b26;outline-offset:4px;scroll-margin:20px}.collaboration-compose button{max-width:100%;white-space:normal}
@media(max-width:750px){.all-message-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.all-message-filters .actions{grid-column:1/-1}}
@media(max-width:500px){.all-message-filters{grid-template-columns:1fr;padding:16px}.notification-filter{display:block}.activity-list{gap:14px}.internal-meta{display:block}.internal-meta span{display:block;margin-top:8px}.resolve-form button,.internal-reply button{width:100%}.recipient-options{display:grid}.topnav a{font-size:.88rem}.activity-card .button{width:100%;text-align:center}}

.recipient-options[hidden]{display:none}

/* Uputstva i razmak broja obaveštenja */
.topnav .notification-link{gap:10px}.notification-count{flex-shrink:0}

/* Prijava i uređaji: jednako upotrebljivo na telefonu i računaru */
.auth-check{font-size:1rem;min-height:44px;align-items:center}.auth-check input{width:22px;height:22px;flex-shrink:0;margin:0}.device-list{display:grid;gap:18px;margin:24px 0}.device-card{border:1px solid var(--border);border-radius:10px;padding:20px;min-width:0}.device-card h3{margin:0 0 12px;overflow-wrap:anywhere}.device-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:.9rem}.device-card dd{margin:0;font-weight:bold}.device-card button{max-width:100%}@media(max-width:500px){.device-card{padding:16px}.device-card dl{grid-template-columns:1fr;gap:4px}.device-card dd{margin-bottom:12px}.device-card button{width:100%}.auth-check{align-items:flex-start}.auth-check input{margin-top:2px}}

/* Private account access: same readable controls on phone and desktop. */
.access-details { margin-top: 1.5rem; }
.access-details > summary { cursor:pointer; font-weight:700; padding:1rem; border:1px solid #9ab4a6; border-radius:8px; box-shadow:0 3px 0 #9ab4a6; background:#eef5f1; color:#123e2c; min-height:44px; }
.access-details > summary:focus-visible { outline:3px solid #136e48; outline-offset:3px; }
.access-details form { margin-top:1.5rem; padding-top:1rem; border-top:1px solid #d7e3db; }
.private-access-code { overflow-wrap:anywhere; word-break:break-all; font-family:monospace; }

.access-details > summary { list-style:none; }
.access-details > summary::-webkit-details-marker { display:none; }
@media(max-width:500px){.access-details button{width:100%;white-space:normal}.access-details > summary{padding:14px}}