Modify resource dock style for better visual impact

[manuvarkey]

What and why

See #115 (comment)

How it was verified

• npm run verify green

Works fine using npm run dev. npm run verify raises following error.

> open-planner-studio@2026.9.0 verify
> npm run typecheck && npm run lint && npm test && npm run verify:examples && npm run verify:docs && npm run verify:i18n && npm run verify:store-boundaries && npm run verify:gantt-boundaries && npm run verify:cycles


> open-planner-studio@2026.9.0 typecheck
> tsc --noEmit && tsc --noEmit -p tsconfig.tests.json

src/services/pdf/bidiShape.ts:29:1 - error TS2578: Unused '@ts-expect-error' directive.

29 // @ts-expect-error -- bidi-js heeft geen type-declaraties; hieronder lokaal getypeerd.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Found 1 error in src/services/pdf/bidiShape.ts:29

Seems to be unrelated. To be confirmed.

Does this touch

• Project data — round-trips through the IFC layer, and tested?
• Scheduling logic — case added to tests/planning/?
• User-visible text — goes through t(...), and all fourteen locales filled in?
• @tauri-apps/* — behind isTauri() or a dynamic import, so the browser
  build keeps working?

Documentation

[Nozzit]

hey, thanks for your PR!
I would prefer a method where we remove the red dots altogether and instead only show a warning sign left to the number input field. This saves horizontal space and is more clear for the user.
Let me know if you think you can do that yourself or if I should close this PR and do this myself.

[manuvarkey]

Hi. I have made the changes. Please see if this is what you intended.

[Nozzit]

Thanks, this is exactly what I had in mind!
There is one small change to the documentation needed, I'll do that myself this time.
Thanks again for the PR, it is the first one from someone outside of the open aec foundation for the open planner studio!